/*Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 html{color:#000;background:#FFF;} */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}




/*GENERAL*/
* {margin: 0;}
html, body {height: 100%;}

body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#727272; background-image:url(../images/BACKGROUND.gif); background-position:center; background-repeat:repeat-y; background-color:#9aa39e;}
body, div, p, ul, ol, img, table, tr, td, h1, h2, h3, h4, h5, h6  {padding:0; margin:0; border:none;} 

.bodytext a{color:#990000;}

/*PAGE CONTAINER*/
div#page_container {background-image:url(../images/NAV_BACKGROUND.gif); background-repeat:repeat-y; background-position:left; width: 900px; position:relative;}
.clearer{clear:both;}
div#page_container .csc-textpic-caption{color:#666; font-size:10px; line-height:12px; margin:3px 0 10px 0;}


/*HEADER*/
div#header {padding-left:30px; height:74px; background-image:url(../images/LOGO_SPAN.gif); background-repeat:repeat-x; border-bottom:2px solid #636363;}

#breadcrumbs {margin:0; padding:6px 0 0 10px;}
#breadcrumbs,#breadcrumbs a {font-size:12px; color:#FFF; text-decoration:none;}


/*NAVIGATION HOLDER*/
div#nav_holder{width:180px; float:left;}

#menu{margin:0; padding: 0}
#menu li{float: left; list-style: none; font: 12px Tahoma, Arial}
#menu li a{display: block;}
#menu li a:hover{}
#menu li ul{margin:-40px 0 0 180px; padding: 0; position: absolute; visibility: hidden;}
#menu li ul li{float: none; display: inline}
#menu li ul li a{width: auto; padding:3px 7px; color:#FFF; text-decoration:none; border-bottom:1px solid white;border-left:1px solid white;}
#menu li ul li a:hover{color:#000;}


/*NAV_COLOR*/
.red #submenu{background-color:#cb3b2a;}
#menu li.menu-entry31 ul li a{background-color:#db6a27;}
#menu li.menu-entry30 ul li a{background-color:#e4a712;}
#menu li.menu-entry29 ul li a{background-color:#484e96;}
#menu li.menu-entry28 ul li a{background-color:#1e6ea4;}
#menu li.menu-entry25 ul li a{background-color:#007f81;}
#menu li.menu-entry27 ul li a{background-color:#005d6d;}
#menu li ul li a:hover{color:#000;}



/*
ul#menu li{list-style-type:none; margin-bottom:-3px;}
ul#menu ul#submenu li{margin-bottom:0px;}
ul#menu ul#submenu{margin-bottom:3px;}
ul#menu ul#submenu li a{border-bottom:1px solid #FFFFFF; font-family:Tahoma, Arial, sans-serif; font-size:12px; text-decoration:none; color:#FFFFFF; padding:5px 5px 5px 5px; margin:-3px 5px 0 5px; display:block; position:relative;}
ul#menu ul#submenu li.last a{border-bottom:none;}
ul#menu ul#submenu li a span {position:relative;}
ul#menu ul#submenu li a span.jq-shadow {color:#808080; display:none; left:0.5em; position:absolute; top:0.5em; width:160px;}
ul#menu ul#submenu li a:hover span.jq-shadow {color:#000000; left:0.5em; display:inline; position:absolute; top:0.5em;}
*/


/*LINK IMAGE*/
div#link_image {position:absolute; top:77px; left:180px; width:19px; height:280px; border:none;}
div#nav_holder h2 {padding-left:10px; font-size:18px; font-weight:normal; line-height:40px; margin:0 0 -15px 0;}


/*NEWS ITEMS*/
div.newsItem {margin: 10px 10px 10px 10px; padding-bottom:10px; font-size:10px; border-bottom:1px dashed #666666;}
div.newsItem h3 a {font-size:11px; color:#666666; line-height:15px;}
div.news-list-container h3 a {color:#990000;}
div.news-list-morelink a {color:#990000;}
td.tx-ttnews-browsebox-SCell a {color:#990000;}
div.news-single-backlink a {color:#990000;}
div.tx-ttnews-browsebox a {color:#990000;}
div.news-list-container {margin-top:10px;}
div.news-list-container h3 {margin-top:0px;}
div.news-list-item {margin-top:10px;}
div.read-more a {color:#990000;}
td.csc-uploads-fileName a {color:#990000;}


/*RIGHT_IMAGE*/
div#image_holder {float:right;}
div#image_header {height:30px; width:699px; background-repeat:repeat-x;}


/*RIGHT_IMAGE_HEADER*/
.red #image_header {background-image:url(../images/RED_SPAN_SMALL.gif);}
.orange #image_header{background-image:url(../images/ORANGE_SPAN_SMALL.gif);}
.yellow #image_header{background-image:url(../images/YELLOW_SPAN_SMALL.gif);}
.purple #image_header{background-image:url(../images/PURPLE_SPAN_SMALL.gif);}
.blue #image_header{background-image:url(../images/BLUE_SPAN_SMALL.gif);}
.turquoise #image_header{background-image:url(../images/TURQUOISE_SPAN_SMALL.gif);}
.dark_turquoise #image_header{background-image:url(../images/DARKTURQUOISE_SPAN_SMALL.gif);}


/*RIGHT_IMAGE_BORDER*/
.red #image_holder{	border-bottom:2px solid #cb3b2a; border-left:2px solid #cb3b2a;}
.orange #image_holder{border-bottom:2px solid #db6a27; border-left:2px solid #db6a27;}
.yellow #image_holder{border-bottom:2px solid #e4a712; border-left:2px solid #e4a712;}
.purple #image_holder{border-bottom:2px solid #484e96; border-left:2px solid #484e96;}
.blue #image_holder{border-bottom:2px solid #1e6ea4; border-left:2px solid #1e6ea4;}
.turquoise #image_holder{border-bottom:2px solid #007f81; border-left:2px solid #007f81;}
.dark_turquoise #image_holder{border-bottom:2px solid #005d6d; border-left:2px solid #005d6d;}


/*LINK_IMAGE*/
.red #link_image{background-image:url(../images/RED_LINK.gif);}
.orange #link_image{background-image:url(../images/ORANGE_LINK.gif);}
.yellow #link_image{background-image:url(../images/YELLOW_LINK.gif);}
.purple #link_image{background-image:url(../images/PURPLE_LINK.gif);}
.blue #link_image{background-image:url(../images/BLUE_LINK.gif);}
.turquoise #link_image{background-image:url(../images/TURQUOISE_LINK.gif);}
.dark_turquoise #link_image{background-image:url(../images/DARKTURQUOISE_LINK.gif);}



/*CONTENT HOLDER*/
div#content_holder {width:498px; border:2px solid #636363; float:left; margin:10px 0 10px 19px; padding:10px 0 10px 10px; line-height:20px;}
div#text_content{padding:0 10px 0 0;}
div#text_content li{margin:0 0 0 15px; list-style:disc;}
div#text_content p, .news-single-item p{margin:0 0 12px 0;}
div#text_content ul, .news-single-item ul{margin:0 0 10px 0;}
div#text_content a, .news-single-item a{color:#990000; text-decoration:none;}
div#text_content a:hover, .news-single-item a:hover{color:#990000; text-decoration:underline;}

div#adverts {width:170px; float:right; margin:10px 10px 0 0;}


/*HEADINGS*/
h2 {font-size:16px; line-height:20px; color:#686868; font-weight:bold; margin-top:10px; font-variant:small-caps;}
h3 {font-size:12px; line-height:20px; color:#727272; font-weight:bold; margin-top:10px; text-transform:uppercase;}


div#content_holder ul{padding-left:20px;}
.csc-textpic-image {}




/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {/*  visibility: hidden;*/ font-size:32px; letter-spacing:-8px; line-height:32px;}


div.tx-powermail-pi1 label {width:170px; float:left; margin-right:5px;}
div.tx-powermail-pi1 .powermail_text { width:250px; }
div.tx-powermail-pi1  .powermail_textarea { width:250px; height:150px; }
div.tx-powermail-pi1  .powermail_submit { margin-left:85px; }
div.tx_powermail_pi1_fieldwrap_html {padding:3px 0 3px 0;}
div.tx-powermail-pi1 legend {display:none;}
.csc-mailform-field label {float:left; margin-bottom:4px; width:200px;}
.powermail_textarea powermail_uid30 {width:130px;}
.powermail_submit {margin-left:376px;}
.powermail_mandatory_js {color:#990000;}

div.tx-powermail-pi1 .powermail_submit {margin-left:376px;}




/* ############################################### */
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {display: none; position: fixed; top: 20px; left: 50%; margin-left: -300px; width: 642px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px;}
.jqmOverlay {background-color: #000;}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}



/*FOOTER E*/
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -32px;}
.footer, .push {clear:both;}
.push{height:40px;}
.footer{height:22px;}
div#footer {font-size:10px; color:#ffffff; margin:0 auto; position:relative; width:860px; background-color:#9aa39e; border-top:2px solid #636363; padding:10px 20px 0 20px}

div#copyright{float:left;}
div#design{float:right;}
div#design a{color: #990000; text-decoration:none;}