*, html {
    padding: 0;
    margin: 0;
}

body {
    font-family: verdana, "Bitstream Vera Sans", arial, helvetica, sans-serif;
    font-size: 0.7em;
    color: #000;
    background: #fff url("../images/bg_left.gif") repeat-y 0 0;
}

a, a:link, a:visited, a:active {
    color: #3d538c;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

h1 {
    font-size: 1.5em;
    color: #901807;
}
h2 {
    font-size: 1.3em;
    color: #901807;
}
h3 {
    font-size: 1.1em;
    color: #e6303b;
}
h4 {
    font-size: 0.9em;
    color: #e6303b;
}

p {
    margin-bottom: 10px;
}

input[type="text"], input[type="password"], input[type="file"], textarea {
    border-top: 1px solid #ccc;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #ccc;
}
input:focus, textarea:focus {   background: #fff9c2;   }
input, textarea, select, button {   margin: 2px;   }
label { font-weight: bold;  }

table {
    margin: 10px 0;
}

td, th {
    font-size: 11px;
}

/* Root Container */
#container {
    width: 760px;
}

/* Header */
#header {
    position: relative;
    background: url("../images/header_en.jpg") no-repeat 0 0;
    width: 760px;
    height: 180px;
}

#cymraeg #header {
    background: url("../images/header_cy.jpg") no-repeat 0 0;
}

/* Header Image Maps */
#lang-switcher {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 90px;
    text-align: right;
}

.header-link {
    position: absolute;
    display: block;
    text-indent: -1000em;
}

.link-hnb {     top: 0;     left: 0;     width: 340px;  height: 35px;  }
.link-home {    top: 65px;  left: 16px;  width: 82px;   height: 83px;  }
.link-wwho {    top: 60px;  left: 114px; width: 76px;   height: 78px;  }
.link-sthis {   top: 65px;  left: 205px; width: 82px;   height: 83px;  }
.link-info {    top: 90px;  left: 522px; width: 82px;   height: 83px;  }
.link-networks {top: 0;     left: 550px; width: 105px;  height: 65px;  }
.link-wnew {    top: 97px;  left: 623px; width: 85px;   height: 63px;  }

/* Column Containers */
#col-container {
    position: relative;
}

#main {
    float: right;
    width: 555px;
    height: 100px;
}

/* Left column */
#col-left {
    float: left;
    width: 190px;
}
#col-left h1, h2 {
    border-bottom: 2px solid #D45A4F;
}
#col-left h3, h4 {
    border-bottom: 1px solid #901807;
}
#col-left-content {
    margin: 0 10px;
}

/* Left Navigation */
#navigation {
    margin: 10px 0;
}
#navigation ul {
    list-style: none;
}
#navigation li {
    display: inline;
}
#navigation a {
    border-bottom: 1px solid #a56645;
    display: block;
}

#menu-lvl-1 a:link,
#menu-lvl-1 a:visited,
#menu-lvl-1 a:active {
    color: #ebd9a7;
}
#menu-lvl-1 a:hover {
    background: #ddb48c;
    color: #a56645;
    border-right: 5px solid #901807;
}
#menu-lvl-1 a {
    padding: 5px 5px 5px 15px;
    font-size: 1.4em;
    background: #c1a07f;
}
#menu-lvl-2 a:link,
#menu-lvl-2 a:visited,
#menu-lvl-2 a:active {
    color: #333;
}
#menu-lvl-2 a {
    padding: 5px 5px 5px 25px;
    font-size: 1em;
    background: #e0cca3;
}
#menu-lvl-3 a:link,
#menu-lvl-3 a:visited,
#menu-lvl-3 a:active {
    color: #000;
}
#menu-lvl-3 a {
    padding: 5px 5px 5px 35px;
    font-size: 0.8em;
    background: #eee;
}
#menu-lvl-4 a {
    padding: 5px 5px 5px 45px;
    font-size: 0.9em;
    background: #fff;
}

.current a {
    border-right: 5px solid #901807;
}

/* Login Box */
#login {

}

/* Middle Column */
#col-middle {
    float: left;
    width: 380px;
    min-height: 570px;
}

#col-middle ul {	margin: 0 0 10px 15px; }
#col-middle ol {	margin: 0 0 10px 22px; }

/* Right Column */
#col-right {
    float: right;
    width: 160px;
}

/* Footer */
#footer {
    position: relative;
    padding-top: 15px;
    height: 45px;
    width: 560px;
    text-align: center;
}
#footer a {
    margin: 0 12px;
    font-weight: bold;
}

/* General Classes */
.clear {    clear: both;    }
.error {    color: red; }










































/*
Table classes - we can have up to 4 different layouts, designated
by .contenttable-0, 1, 2, or 3 and selected by the "Layout" field in the Table content item
*/

/* "Normal" layout: white-on-blue header row, alternating light blue/white rows */
.contenttable-0 {
    border: 1px solid #346633;
    margin-top: 10px;
    background: #eee;
    border-spacing: 1px;
    border-collapse: collapse;
}

.contenttable-0 td {
    border: 1px solid #ccc;
    padding: 3px;
    vertical-align: top;
}

.contenttable-0 p {
	padding: 0;
	display: inline;
	margin: 0;
}

.contenttable-0 .tr-even {
    color: #000;
    background-color: #fff;
}

.contenttable-0 .tr-odd {
    color: #000;
    background-color: #ffccae;
}

.contenttable-0 .tr-0 {
    color:#fff;
    background-color: #db8958;
    font-weight: bold;
}

.contenttable-0 .th-odd {
    color:#000;
    background-color: #eee;
    font-weight: bold;
}

.contenttable-0 .th-even {
    color:#000;
    background-color: #346633;
    font-weight: bold;
}

.contenttable-0 .th-1 {
    color:#fff;
    background-color: #999;
    font-weight: bold;
}


/* Layout 1: white-on-black header row, alternating white/grey rows */
.contenttable-1 {
    border: 1px solid #f0f0f0;
    margin-top: 10px;
    border-spacing: 1px;
    border-collapse: collapse;
}

.contenttable-1 p {
	padding: 0;
	display: inline;
	margin: 0;
}

.contenttable-1 td {
    border: 1px solid #cccccc;
    padding: 3px;
    vertical-align: top;
}

.contenttable-1 .tr-even {
    color: #000;
    background-color:#f0f0f0;
}

.contenttable-1 .tr-odd {
    color: #000;
    background-color:#fff;
}

.contenttable-1 .tr-0 {
    color:#fff;
    background-color: #666;
    font-weight: bold;
}


/* Layout 2: white-on-blue left column, plain white subsequent columns */
.contenttable-2 {
    border: 1px solid #f0f5fe;
    margin-top: 10px;
    background: #fff;
    border-spacing: 1px;
    border-collapse: collapse;
}

.contenttable-1 p {
	padding: 0;
	display: inline;
	margin: 0;
}

.contenttable-2 td {
    border: 1px solid #cccccc;
    padding: 3px;
    vertical-align: top;
}

.contenttable-2 .td-0 {
    color: #fff;
    font-weight: bold;
    background-color: #db8958;
}


/* Layout 3: unformatted plain black on white background */
.contenttable-10 {
    width: 90%;
    padding: 1px;
    border: 1px solid #000000;
}

.contenttable-10 td {
    padding: 3px;
    border: 0px solid #000000;
    vertical-align: top;
}

.contenttable-10 .tr-even {
    color: #000;
    background-color: #c0c0c0;
}

.contenttable-10 .tr-odd {
    color: #000;
    background-color:#f3f3f3;
}

.contenttable-10 .tr-0 {
    color: #ffffff;
    background-color: #000000;
    font-weight: bold;
}





/*

**********              **********
**********  FILE LINKS  **********
**********              **********

*/

.csc-uploads {
    width: 95%;
}

.csc-uploads-icon {
    width: 10%;
    vertical-align: middle;
    padding: 0 1em 0 0;
    text-decoration: none;
    text-align:right;
}

.csc-uploads-fileName {
    width: 80%;
    vertical-align: middle;
    padding: 2em 2em 0 0;
    font-style: italic;
}

.csc-uploads-description {
    font-weight: bold;
    padding: 0 2em 0em 0;
    margin-top: -0.5em;
    font-style: normal;
}

.csc-uploads-fileSize {
    width: 10%;
    padding: 0 1em 0 0;
    white-space: nowrap;
}





/*

**********                  **********
**********  MENUS/SITEMAPS  **********
**********                  **********

*/
.csc-menu {
    background-color: #eee;
    border: 1px solid #cfcfcf;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 30px;
}

.csc-menu p {
    margin: 0;
    padding: 1px;
}

.csc-menu li {
    padding: 0 0 2px 0px;

}

/* List of subpages */
.csc-menu-1 ul {
    
}

/* Sitemap */
.csc-menu-2 li {
    list-style: none;
}

.csc-sitemap-level1 {
    padding-left: 30px;
    font-size: 1.3em;
    font-weight: bold;
}

.csc-sitemap-level2 {
    font-size: 1em;
    font-weight: bold;
    text-indent: 1em;
}

.csc-sitemap-level3 {
    text-indent: 2em;
}

.csc-sitemap-level3 {
    text-indent: 3em;
}

.csc-sitemap-level4 {
    text-indent: 4em;
}

.csc-sitemap-level5 {
    text-indent: 5em;
}

.csc-sitemap-level6 {
    text-indent: 6em;
}

/* List of Content Elements w/index checked */
.csc-menu-3 li {
    list-style: square;
}

/* Menu of subpages to these pages (with abstract) */
.csc-menu-4 li {
    list-style: square;
}

.csc-abstract {

}

/* Menu of subpages to these pages + sections */
.csc-menu-7 li, ul {
    margin-left: 0;
    padding-left: 0;
}

.csc-menu-7 li {
    list-style: square;
}

.csc-section {
	
}



/*

**********                  **********
**********  BULLETED LISTS  **********
**********                  **********

*/

.csc-bulletlist {
    padding-left: 20px;
}





/*

**********          **********
**********  FORMS   **********
**********          **********

Main form table class.

*/
.csc-mailform {
    border-spacing: 0px;
    border-collapse: collapse;
}

.csc-mailform td, th {
    padding: 2px;
}

/* Class for form labels */
.csc-form-label {

}

/* Class for table cells which contain form labels */
.csc-form-labelcell {
    font-weight: bold;
}

/* Class for required form labels */
.csc-form-label-req {
    font-weight: bold;
    color: #932028;
}

/* Class for cells which contain fields */
.csc-form-fieldcell {
    padding-left: 5px;
}

/* Class for form radio elements */
.csc-form-radio {

}



/*

**********          **********
**********  HEADERS **********
**********          **********

*/

.csc-firstHeader {
    border: 0;
    margin: 0;
    padding: 0;
}

.csc-header {
    margin-bottom: 5px;
}





/*

**********          **********
**********  IMGTEXT **********
**********          **********

*/

/* common */
.csi-textpic {
    position: relative;
    overflow: hidden;

    padding: 5px;
}

.csi-textpic img {
    margin: 4px;
}

.csi-textpic .csi-caption {
    text-align: center;
}

.csi-textpic .csi-image {

}

.csi-textpic .csi-imagewrap {
    text-align: center;
}

.csi-textpic .csi-text {
    text-align: left;
}

.csi-text p {
    margin-top: 0;
}

.csi-img-nest-left {
    position: relative;
    float: left;
}

.csi-img-nest-right {
    position: relative;
    float: right;
}

/* right */
.csi-right div.csi-image {
    width: 99%;
    overflow: auto;
}

.csi-right div.csi-text {

}

.csi-right div.csi-caption {
    float: right;
    clear: right;
}

.csi-right div.csi-image img {
    float: right;
}

/* left */
.csi-left div.csi-image {
    position: relative;
}

.csi-left div.csi-text {

}

.csi-right div.csi-caption {
    float: right;
    clear: right;
}

.csi-left div.csi-text {

}

/* intext left */
.csi-intexleft .csi-image {
    padding-right: 10px;
}

/* intext right */
.csi-intext-right .csi-image {
    padding-left: 10px;
}

/* intext right nowrap */
.csi-intext-right-nowrap .csi-text {

}

.csi-intext-right-nowrap .csi-image {

}

/* intext left nowrap */
.csi-intext-left-nowrap .csi-text {
    margin-left: 12px;
}

.csi-intext-left-nowrap .csi-image {

}





/*

**********         **********
**********  IMAGES **********
**********         **********

*/

.csimage-container img {
    margin: 3px;
}

.csc-caption {
    font-style: italic;
    color: #363;
}







.tx-newloginbox-pi1 {
    margin: 10px 5px 0px 5px;
}

#navigation .tx-newloginbox-pi1 input {
    width: 95px;
}

#login-links {
    padding: 0 10px;
}
#login-links a {
    border: 0;
    text-align: right;
    display: inline;
}

#tx-srfeuserregister-pi1-fe_users_form legend span { /* Force legend text to wrap */
    display: block;
    width: 500px;
}

#tx-srfeuserregister-pi1-fe_users_form br {
    display: none; /* Needed to nullify br's added before TCA fields on preview screen */
}

.cal-event-title {
    padding-top: 5px;
}

.cal-event-desc {
    border: 1px solid #ccc;
    background: #f9f9f9;
    padding: 5px;
}

.cal-event-attachment table,tr,th,td,img {
    padding:0;
    margin:0;
}

.to-left {
    float: left;
}

.to-right {
    float: right;
}