/*  <<-- means that this is set in the specific css file */


html{
margin:0;
background-color:#434D43;
background-position:left;
background-repeat:repeat-y;
background-image: url("../Images/bgStripe_pink_full.gif"); /* <<-- */
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666A62;
font-size:11px;
}
a img{
border:0;
}
/******************************* Title area  *******************************/
div#title{
position:absolute;
top:0;
left:0;
height:35px;
width:100%;
background:#6F8070 url(../Images/title_red.gif) no-repeat;
}
div#time{
position:absolute;
top:10px;
left:18px;
color:#D0E8BD;
font-size:10px;
font-weight:bold;
}
div#titlePic{
position:absolute;
top:0;
left:330px;
}
/************************************ Top - Navigation and hero image **************************/
div#top{
position:absolute;
top:35px;
left:0;
}
div#mainNav{
position:absolute;
top:141px;
left:0px;
height:27px;
width:753px;
background-color:#24201C;
}
div#breadcrumb{
position:absolute;
top:168px;
left:0px;
height:23px; /* ie 23+2+10 = 35*/
width:738px; /* ie 738+15 = 753*/
background-color:#ff00ff; /* <<-- */
border-bottom:2px solid black;
padding:10px  0 0 15px;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
}
div#breadcrumb a{
color:#FFFFFF;
text-decoration:none;
}
div#breadcrumb a:hover{
text-decoration:underline;
}
div#breadcrumb span.currentPage{
color:#D7F2F9;
}
/*************************************** Central Content area  *****************************/
div#content{
position:absolute;
top:238px;
left:8px;
width:740px; /* ie 740+1+4 = 745*/
background-image: url("../Images/contentBg.gif");
background-repeat:repeat-y;
border-left:1px solid #93AA94;
}
div#topHash{
height:17px;
background-color:#BACCD0;
background-image: url("../Images/contentTopHash.gif");
background-repeat:repeat-x;
}
/************************************** Intro ***********************************/
div#intro{
position:relative;
left:194px;
width:539px;/* ie 539+1 = 540 */
background-color:#FFFFFF;
border-right:1px solid #8FA6AC;
}
div#introText{
padding:8px;
}
div#introText h1{
font-weight:bold;
font-size:11px;
margin:0;
padding:0;
}
div#introText p{
margin:8px 0 2px 0;
padding:0;
}
div#introText a{
color:#057CE1;
}
div#introImage{
float:right;
margin:2px 2px 2px 10px;
padding:5px 5px 15px 5px;
background-color:#CAD0D1;
background-image: url("../Images/imageFoot.gif");
background-position:bottom;
background-repeat:repeat-x;
font-size:9px;
width:192px;/* ie 190+2 = 192 */
}
div#introImage p{
margin:0;
padding:2px 10px 0 10px;
font-size:9px;
}
/******************************** Bottom Nav ************************************/
div#botNav{
margin:20px 0 0 194px;
width:540px;
padding:4px 0;
text-align:center;
background-color:#434D43;
color:#FFFFFF;
font-size:10px;
}
div#botNav a{
color:#FFFFFF;
text-decoration:none;
}
div#botNav a:hover{
text-decoration:underline;
}
div#botNavCopyright{
margin:20px 0 0 194px;
width:500px;
padding:4px 0 0 10px;
text-align:left;
background-color:#FFFFFF;
color:#434D43;
font-size:10px;
}
div#siteCred{
margin:30px 0 0 194px;
text-align:center;
}
/****************************** Left col *************************************/
div#left{
position:absolute;
top:248px;
left:13px;
width:184px; /* ie 184+2 = 186 */
padding:7px 1px;
}
div#pageTitle{
height:27px;
background-image: url("../Images/pageTitleBg.gif");
background-repeat:repeat-x;
padding:6px 0 0 6px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:-6px; /* FF only > ie = 0 */
}
/****************************** Left Nav *************************************/
div#pageNav ul{
margin:0;
padding:0;
}
div#pageNav ul li{
list-style:none;
}
div#pageNav ul a{
display:block;
background-image:url(../Images/dottedLine.gif);
background-repeat:repeat-x;
background-position:bottom;
background-color:#5E605D;
width:169px;
height:21px;
color:#FFFFFF;
text-decoration:none;
padding:5px 0 0 15px;
}


div#pageNav ul li.active a{
background-image:none;
background-color:#00FFFF; /* <<-- */
font-weight:bold;
}
div#pageNav ul li.active ul a{
background-image:none;
width:159px;
height:16px;
padding:2px 0 0 25px;
font-weight:normal;
background-color:#00FFFF; /* <<-- */
}
div#pageNav ul ul li.active a{
background-color:#0000FF; /* <<-- */
height:20px;
font-weight:bold;
padding-top:6px;
}
div#pageNav ul ul li.active ul a{
background-image:none;
width:139px;
height:14px;
padding:1px 0 0 45px;
font-size:10px;
font-weight:normal;
background-color:#0000FF; /* <<-- */
color:#DDE7D5; /* <<-- */
}
div#pageNav ul li.active ul li.first a{
padding-top:6px;
}
div#pageNav ul li.active ul li.last a{
padding-bottom:6px;
}
div#pageNav ul li.active ul li.end a{
background-image:url(../Images/dottedLine.gif);
background-repeat:repeat-x;
background-position:bottom;
}
/*** Current page ***/
div#pageNav ul li.current a{
background-color:#FF0000;
font-weight:bold;
}
div#pageNav ul ul li.current a{
background-color:#FF0000;
font-weight:bold;
}
div#pageNav ul ul ul li.current a{
background-color:#FF0000;
font-weight:bold;
color:#FFFFFF;
}
/*** roll overs ***/
div#pageNav li a:hover{
background-color:#00FF00
}
div#pageNav li.active a:hover{
background-color:#00FF00
}

/******************************* Right Col - Login and ads *******************/
div#right{
position:absolute;
top:35px;
left:753px;
width:189px;
background-color:#24201C;
}
div#rightLinks{
position:absolute;
top:232px;
width:186px;
}
div#rightLogin{
height:232px;
background-image: url("../Images/loginBg.gif");
}
div#loginForm{
position:absolute;
top:88px;/*ie - not quite the same */
left:20px;
}
div#loginForm label, div#loginForm p, div#loginForm a{
font-size: 10px;
color: #baccd0;
font-weight: bold;
text-decoration: none;
display: block;
}
div#loginForm input{
background-color: #000000;
border:1px solid #8f8f8f;
width: 130px;
color: #BACCD0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin: 0 0 2px 0;
}
div#loginForm input.loginGoBut{
width:35px;
height:16px;
background:transparent;
border:none;
float: right;
margin: 2px 34px 0 0;
}
span#loginFailed{
position: absolute;
top: 74px;
left: 4px;
color: #fff;
font-size: 10px;
font-weight: bold;
z-index: 1;
}
div#goldfish{
position:absolute;
top:194px;
left:0;
width: 100%;
text-align: center;
font-weight:bold;
font-size:10px;
color:#78A6D9;
}
div#goldfish a{
color:#78A6D9;
text-decoration:none;
}
div#goldfish a:hover, div#loginForm a:hover{
color:#ffffff;
text-decoration:underline;
}
/*****************************************  In Focus ***************************************/
div.inFocus{
position:relative;
left:194px;
width:525px;/* ie */
background-color:#FFFFFF;
border-right:1px solid #8FA6AC;
border-top:5px solid #BACCD0;
padding:7px;
}
div.inFocusTitle{
border:1px solid #BACCD0;
padding:6px;
background-image:  url("../Images/homeNewsFeedTitleBg.gif");
background-repeat:repeat-x;
font-weight:bold;
color:#FFFFFF;
}
div.inFocusContent{
padding:10px;
border:1px solid #BACCD0;
border-top:0;
}
div.inFocusContent h2{
display:inline;
font-size:11px;
color:#4FA600;
}
/* links  */
div#inFocus a{
text-decoration:none;
}
div#inFocus a:hover{
text-decoration:underline;
}
div.inFocusContent a{
color:#666A62;
}
div.inFocusContent h2 a{
color:#FF00FF /* <<-- */
}
div.inFocusContent a.readMore{
color:#FF00FF; /* <<-- */
font-size:10px;
background-image: url("../Images/linkArrow_pink.gif"); /* <<-- */
background-position:right;
background-repeat:no-repeat;
padding-right:10px;
}
/*****************************************  Graphic Links ***************************************/
div#graphicLinks{
position:relative;
left:194px;
width:540px;/* ie 539+1 = 540 */
height:168px; /* ie */
border-bottom:15px solid #FF00FF; /* <<-- */
background-color:#E568E1;  /* <<-- */
}
div#glTitle{
background-color:#FF00FF; /* <<-- */
color:#FFFFFF;
padding:4px 0 4px 10px;
font-weight:bold;
}
div#gl1But{
position:absolute;
top:21px;
left:8px;
border-right:1px solid white;
padding-right:8px;
padding-top:8px;
}
div#gl2But{
position:absolute;
top:21px;
left:188px;
border-right:1px solid white;
padding-right:8px;
padding-top:8px;
}
div#gl3But{
position:absolute;
top:21px;
left:368px;
padding-top:8px;
}
div#gl1Image{
position:absolute;
top:30px;
left:10px;
overflow:hidden;
width:160px;
height:100px;
}
div#gl2Image{
position:absolute;
top:30px;
left:190px;
overflow:hidden;
width:160px;
height:100px;
}
div#gl3Image{
position:absolute;
top:30px;
left:370px;
overflow:hidden;
width:160px;
height:100px;
}
/*****************************************  advertising ***************************************/
div.adsOnRight{
position:absolute;
top:320px;
left:1px;
width:185px;
}

div.advertising{
padding:20px 0 0 0;
text-align:center;
}