/*Base template*/

body{background:#000;font-size:62.5%; font-family:Arial; color: #fff; }
#wrapper{width:977px; margin:0 auto;color:#fff }
#wrapper-content{ float: left;clear: left;width: 930px;padding: 6px 23px 23px 23px; background: #000;color:#fff;}
h1 {font-size: 1.5em;color: #fff;background: transparent;margin: 0 0 0.5em 0;padding: 0 0 5px 0;text-align: left !important;}
.csc-header h1{	font-size: 1.5em;color:#fff;background: transparent;font-weight: bold;margin: 0 0 10px 0;padding: 5px 0;text-align: left !important;}
h1.csc-firstHeader {font-size: 2em;color: #fff;background: transparent;margin: 0 0 0 0;padding: 0 0 10px 0;font-weight: normal;text-align: left !important;}
h2 {font-size:1.2em;}
.container h2 {font-size:1.4em;color: #fff}
h3 {font-size:1em;padding:0;}
p{margin-bottom:10px;font-size:1.2em; line-height:1.5em;color:#fff;}
.container ul{font-size:1.2em; line-height:1.5em;color:#fff;}
a img, :link img, :visited img {border: 0;}
html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

/* Link colours */

.container a:link, a:visited {text-decoration: none;color: #00ff33;font-weight:bold}
.container a:hover {text-decoration: underline;color: #00ff33;}

/*Image captions*/

.csc-textpic-caption{color: #999;background:#dcd9d0;line-height: 100%;font-size: 0.8em;	margin: 3px;padding: 3px;text-align:right;font-weight:bold;}

/*To Top Links*/

P.csc-linkToTop {text-align: right; font-size:1.1em ;}
P.csc-linkToTop A { color: #ccc; text-decoration none; }

/*Clearfix code*/
.clearfix:after {content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}  /* for IE/Mac */
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}

/* Skip styles */
/* opera */
.skip {position: absolute; top: -5em; display: none}
/* Internet Explorer */
* html .skip {display: block; position: absolute; top: -5em;left: 0; z-index: 0} 
/* Mozilla and Firefox */
.skip {display: block; position: absolute; top: -4em; left: 0; z-index: 0}
.skip a {padding: 0 0.5em; left: 0; width: 10em; z-index: 0}
.skip a:focus, .skip a:active {display: inline; z-index: 2; border-width:1px;border-style:solid; text-decoration: none; position: absolute;top:3em !important; top: 5em; left: 0}
.skip a#cont {position: absolute; top: -9em; width: 12em;}
.skip a#cont:focus, .skip a#cont:active {position: absolute; top: 2em; left: 0em; z-index: 2}
.skip a:hover {cursor: default} 

/* Header */
#header{width:976px; margin:0 ;background:#000;color: #fff}
#header #banner{float:left; margin:0 5px 5px 10px;}
#header #logo{width:220px; float:right;margin:0 30px 0 0; padding: 0;/*Margin bottom to clear - alternate required*/}

#header ul#mainNav{width:600px; float:left; clear:left; padding:0; margin:0; list-style-type: none;}
#header ul#mainNav li{float:left; text-align: center;}
#header ul#mainNav li a:hover{text-decoration: none !important;}
#header ul#mainNav li a.selected{background: url(..) no-repeat ; color:#fff;}

#header ul#mainNav li.li0nofirst a{ background:url(...) no-repeat ; color:#fff; width:95px;margin:15px 0 0 0}
#header ul#mainNav li.li0no a { background:url(..) no-repeat; color:#fff; width:95px;margin:15px 0 0 0}
#header ul#mainNav li.li0no a{background:url(..) no-repeat ; color:#fff; width:95px;margin:15px 0 0 0}
#header ul#mainNav li.li0no a{background:url(..) no-repeat ; color:#fff; width:95px;margin:15px 0 0 0}
#header ul#mainNav li.li0no a{background:url(..) no-repeat ; color:#fff; width:95px;margin:15px 0 0 0}
#header ul#mainNav li.li0nolast a{background:url(..) no-repeat ; color:#fff; width:95px;margin:15px 0 0 0}

#header ul#mainNav li.li0nofirst a.selected, #header ul#mainNav li.li0nofirst a:hover,
#header ul#mainNav li.li0no a.selected, #header ul#mainNav li.li0no a:hover,
#header ul#mainNav li.li0no a.selected, #header ul#mainNav li.li0no a:hover,
#header ul#mainNav li.li0no a.selected, #header ul#mainNav li.li0no a:hover,
#header ul#mainNav li.li0no a.selected, #header ul#mainNav li.li0no a:hover,
#header ul#mainNav li.li0nolast a.selected, #header ul#mainNav li.li0nolast a:hover {background:#fff; color: #000;}

#header ul#mainNav li a{font-size:1.4em; color:#2f2f8a; display:block;padding: 4px 0; }
#header ul#mainNav li a:hover{background: url(..) no-repeat ; color:#fff;}

#header .accessibility{width:220px; float:right; clear:right;color:#ccc; font-size: 1.1em;padding: 5px 20px 0 0px;text-align: right}
#header .accessibility a {color:#fff; text-decoration: none !important; }
#header .accessibility a:hover {color:#fff; text-decoration:underline; }
a.texttoggler img{padding: 0; margin: 0}

/* Homepage styles*/

#homeTop{width:937px;float:left; margin-left:0px; position:relative; /*IE56fix*/display:inline;/*IE56fix*/ margin-top:20px;}

#homeText{width:290px; height:242px;float:left; margin:0px; padding: 0; background: #ccc;/*IE56fix*/display:inline;/*IE56fix*/ }
#homeTop img{ float:left;}
#homeTop .test{background: #ccc; padding: 0; margin:0;height: 80px;border-bottom: 1px solid #fff;}
#homeTop .news {background: #ccc; padding: 0; margin:0;height: 82px;border-bottom: 0px solid #fff;}
#homeTop .news a{color:#6b6b6b;font-weight:bold; font-size:1.2em; text-decoration:none;}

#homeTop h2{background:none; text-indent:0; margin:0px; font-size:1.9em;color:#6b6b6b;padding:10px 10px 5px 10px}
#homeTop h2 a {text-decoration: none; color:#6b6b6b;font-size:1.1em; padding:0;margin:0}
#homeTop p{width:260px;margin:0px;padding:0 15px 0 10px}

.feature{width: 638px; height: 242px; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;font-size: 1.1em; float: left;}
.feature-text{width: 270px;float: left; font-family: Arial}
#homeTop .feature-text h2, #homeTop h2.feature-text {font-size: 1.7em; color:#626262;background: #fff; padding: 30px 20px 10px 20px;}
#homeTop .feature-text p,#homeTop p.feature-text {padding:10px 20px 0 20px; color:#626262; font-size: 1.3em;line-height: 1.5em}

#homeServices{width:937px; float:left; margin:10px 10px 0 0px; display:inline; border-top: 1px dotted #ccc;background: #fff;}
#homeServices .block{width:170px; float:left; margin:10px 5px 10px 5px; border-right: 1px dotted #ccc; padding: 0 0 10px 0}
#homeServices .blockLast{width:170px; float:left; margin:10px 10px 10px 10px; border: 0;}
#homeServices .block h3, #homeServices .blockLast h3{width:100%; padding:5px 0; font-size:1em; background:#fff; color: #5f9b17; font-weight:normal; text-indent:5px; margin-bottom:10px;text-transform: uppercase;}
#homeServices .block h3 a, #homeServices .blockLast h3 a{line-height:1.2em;display:block; width:100%; height:100%;text-decoration: none}
#homeServices .block h3 a:hover, #homeServices .blockLast h3 a:hover{text-decoration: none !important;color:#333}

#homeServices .block p, #homeServices .blockLast p{width: 140px;}
#homeServices .block a, #homeServices .blockLast a{color:#5f9b17; font-weight:bold; font-size:1.2em; line-height:1.4em;text-decoration: none;}
#homeServices .block a:hover, #homeServices .blockLast a:hover{color:#333; font-weight:bold; font-size:1.2em; text-decoration: none;}

/* Breadcrumb */

#breadcrumb{width:937px;float:left; margin:0px 5px 5px 0px; position:relative; /*IE56fix*/display:inline;/*IE56fix*/ font-size: 1.1em;background: #000;color:#fff}
#breadcrumb a{color:#fff; font-weight:normal; font-size:1em; text-decoration:none;}
#breadcrumb a:hover{text-decoration:underline;}

/*Start leftCol*/

#leftCol{width:175px;margin:0; padding: 0; float:left; display:inline;font-size: 1.2em;color:#fff;}
#leftCol h2{width:168px;background:#5F6062;color: #fff;margin:0px 0px 0px 0px;padding: 5px 10px 5px 5px;}
#leftCol h2 a{font-size: .9em;text-decoration: none; color: #fff; }

#leftCol ul {list-style: none;margin: 0;padding: 0;border: 0;outline: 0;}
#leftCol ul.navitems {background:#000;color:#fff;border-bottom:1px dotted #fff;margin:0 0px 10px 0px;}
#leftCol ul.navitems a{text-decoration: none;font-weight: normal}
#leftCol ul.navitems li a:hover {color:#000;background: #fff;text-decoration: none;}
#leftCol ul.navitems li a:active {color:#000;background: #fff;text-decoration: none;}
#leftCol ul.navitems li.selected a:hover{cursor:default;background: #fff;color:#000;}
#leftCol ul.navitems li.selected ul li a:hover {cursor:pointer;background:#fff;color:#000;}
#leftCol ul.navitems li a {display:block;/*width: 100%;*/width:160px;/*width: 90%; was 100% set to 160 (not px!) for IE6 fix*/padding:4px 10px 4px 13px;border-top:1px dotted #ccc;color:#fff;}
#leftCol ul.navitems li ul li a {padding:4px 11px 4px 22px;width:170px;border-top:none;/*border-top:none;*/color:#fff;background:#000;	font-size: .9em;}
#leftCol ul.navitems li ul li ul li a {padding:4px 12px 4px 31px;width:160px;border-top:1px solid #f1e5e8;color:#fff;background:#000;}
#leftCol ul.navitems li.selected a {color:#000;background:#fff }
#leftCol ul.navitems li.selected ul li a {font-weight:normal;color:#000;border:#fff; background:#fff;}
#leftCol ul.navitems li ul li.selected ul li a{color: #333;font-weight: normal;background-image:none;}

ul.navitems  li a:active, #leftCol ul.navitems li a.active {background: #fff;color: #000;text-decoration: none;}

/*Start rightCol*/

.rightCol{width:191px; float:right;margin:0; padding-right:10px;}
.rightCol h2{background:#000; padding:5px 0 5px 6px; margin:20px 0; color:#fff !important; text-indent:0 !important; font-size: 1.3em;}
.rightCol h3{font-size:1.1em; }
.rightCol h3 a{ font-size:1.1em; font-weight:bold; line-height:1.5em; }
.rightCol ul{margin-left:6px; }
.rightCol ul li{margin-bottom:12px;}
.rightCol ul li p{line-height:1.3em;}
.rightCol a {color: #8cbe4f; text-decoration: none; font-weight: bold}

/*Start middleCol*/

.moduleHolderRightCol{width:55%; float:left; margin:0px 0 0 30px;}
.container{ width:100%; float:left;}

/* Footer */

#footer{width:977px; float:left; font-size:1.1em; margin:0; display:inline; padding:0;background:#000; color: #fff;border-top: 1px solid #fff}
#footer .text{font-size:1em;color:#fff; display:block; float:left; font-size:1em; margin:0; padding:10px; width:977px;text-align:center;}
#footer ul {text-align:center; padding: 10px 0 0 0; }
#footer ul li{color:#fff; display: inline;list-style-type: none;padding-right: 10px}
#footer ul li a{color:#fff; font-weight:normal; text-decoration: underline;}

/* Page updated */

#updated{width:600px;float:left; margin:10px 5px 5px 210px; position:relative; /*IE56fix*/display:inline;/*IE56fix*/ font-size: 1.1em;}
#updated a{color:#646464; font-weight:normal; font-size:1em; text-decoration:none;}
#updated a:hover{text-decoration:underline;}

/******* Typo3 forms******/ 

.csc-mailform {	margin: 0 0 15px 0; border:0}
.csc-mailform-field{margin: 5px} 
.csc-mailform fieldset,.csc-mailform legend {border: 0;}
.csc-mailform-submit{margin: 5px 0px 10px 140px;background: #666;color:#fff;}
input, select,textarea {background:#f3f3f3;border: 1px solid #ccc;}
.csc-mailform label{font-size: 1.1em;width: 130px;text-align: right;display: block;float: left;font-weight: bold;margin-right: 10px}
.csc-mailform-radio  {margin-bottom: 0;border-style: none; background: transparent;background-image: none; } 
.csc-mailform-radio legend {margin-left: 0;font-weight: normal;display:none; } 
.csc-mailform-radio label {float: none;width: auto;  margin-right: 0;font-weight: normal;}

#topStrip{position: relative;float: left;width: 100%;padding: 0pt 0pt 10px 0pt;background: #000;border-top: 1px solid #fff;border-bottom:1px solid #fff;}
#tabs {float:left;}

#tabsInner {float:left;padding:8px 0 0 8px;background:#000;}
#tabs UL, #tabs LI {float:left;list-style:none;margin:0;padding:0;}

#tabs UL {max-width:770px;padding-right:6px;background:#000;font-size: 1.1em; font-weight: normal}

#tabs LI {background: #000;min-height:39px;}

*html #tabs LI {height:39px;}

#tabs LI.active {background:#fff;}

#tabs LI.adjacent {background:url(/fileadmin/resources2/images/layout/off-adjacent.gif) repeat-x;}

#tabs LI A {float:left;	min-height:19px;padding:10px 15px;font-size:1.4em;font-weight:normal;color:#fff;}

*html #tabs LI A {height:19px;}

#tabs LI.item1 A {padding-right:40px;padding-left:40px;}

#tabs LI.item2 A {padding-right:31px;padding-left:31px;}

#tabs LI.item3 A {padding-right:32px;padding-left:32px;}

#tabs LI.item4 A {padding-right:18px;padding-left:18px;}

#tabs LI.item5 A {padding-right:24px;padding-left:25px;}

#tabs LI.active A {color:#058D15;}

#tabs LI A.a0nofirst {}

#tabs LI.active A.a0nofirst {}

#tabs LI A.a0nolast {}

#tabs LI.active A.a0nolast {}

/* Tables, generally */

table.contenttable {border-spacing: 0px;border-collapse: collapse;background: #E9E9F3;	width:97%; }
table.contenttable th { background: #666;color: #fff;font-weight: bold;	text-align: left;padding: 0.1em 0.5em;	border: 0px solid #ccc;}
table.contenttable tr, table.contenttable td, table.contenttable tbody  {background: #fff;text-align:left;padding: 0.1em 0.5em;	vertical-align: top;}
table.contenttable td{ 	border: 0px solid #666;}
table tr.odd { 	background: #F6F4E4;}
table.contenttable p { }
tabletable.contenttable  caption { width: auto; margin: 0;  padding: 0 0 0.5em 0;  font-size: 1.5em; font-weight: bold; text-align: left;line-height: 1.5em;border-bottom: 1px solid #ccc;}

/* Tables, Normal */

table.contenttable-0 {border-collapse: collapse; border-spacing:0; margin-bottom: 15px;	padding:0;}
table.contenttable-0 TR TD{border-bottom:1px solid #ccc;margin:0; }
table.contenttable-0 TR.tr-0 TD P {font-weight: bold;color: #fff;margin:0; }
table.contenttable-0 tr.tr-0 td {background: #897fa2;font-variant: small-caps;font-weight: bold; color:#fff; font-size: 1em}
table.contenttable-0 TR.tr-even TD{ }
table.contenttable-0 TR.tr-odd td { background: #eee; }

/* Tables, layout 1 */

table.contenttable-1 {border-spacing: 0px;border-collapse: collapse;margin:0 0 15px 0; padding:0;}
table.contenttable-1 TR TD {text-align: left;border: solid 1px #fff;padding: 0.5em 0.5em 0 0.5em ;background: #eee;}
table.contenttable-1 TR.tr-0 TD P {font-weight: bold; color:#fff;margin:0;}
table.contenttable-1 TR.tr-0 TD { text-align: left;font-weight: bold;padding: 0 0.5em;border: solid 1px #999;background: #897fa2;color:#fff;font-variant: small-caps;font-size:1.1em }

/* Tables, layout 2 */
 
table.contenttable-2 { margin-bottom: 15px; padding:0;}
table.contenttable-2 TR TD {border: 1px solid #ccc;}
table.contenttable-2 TR TD.td-0 { background: #eee;border: 1px solid #ccc;}

/* Tables, layout 3 */

table.contenttable-3 { margin-bottom: 15px;padding:0;}
table.contenttable-3 P {color: #000;margin:0;}
table.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD {background: #eee;border: 1px solid #ccc;}

/* Images / Tables / Floating text */

TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top:0;}

table.imgtext-table {width:150px;word-wrap: break-word; margin-bottom:0;} 

/******* Flie Links ******/

table.csc-uploads {border-spacing: 0px;	border-collapse: collapse;background: #fff;font-size: 1em;  border: 0px solid #ccc; margin: 0; padding:0 }
table.csc-uploads  TR TD{border-bottom:1px solid #fff;margin:0;	padding: 0 5px 0 5px;}
table.csc-uploads TR.tr-even csc-uploads-icon TD{padding: 0 15px 0 15px;}
table.csc-uploads TR.tr-even csc-uploads-fileSize TD{	padding: 0 10px 0 25px;	font-size: .8em;  }

/***** Jump to page menus*********/

.csc-menu-3 {background: transparent;border: 0;	margin: 20px 0;	list-style-type: none;padding: 0;}
.csc-menu-3 ul {margin: 0;padding: 0;list-style-type: none;}
.csc-menu-3 ul li {margin: 0 0 10px 0;padding: 0;list-style-type: none;}