/* CSS Document */
body{margin-top:0; margin-left:0px; background-color:#FFFFFF; font-family:Arial, Helvetica, Tahoma; font-size:14px}
p{ font-family:Arial, Helvetica, Tahoma; font-size:14px}
h4{
font-family:Arial, Helvetica, Tahoma; 
font-size:18px;
color:#999966;
}

.allLink A:link{
color:#0A538E;
text-decoration:underline}

.allLink A:visited{
color:#0A538E;
text-decoration:underline}

.allLink A:hover{color:#0A538E; 
text-decoration:none;
}

.blackLink A{color:#000000; text-decoration:none}
.listClass{font-family:Arial, Helvetica, Tahoma; font-size:12px}

#topBanner{
top:0px;
left:150px;
position:absolute;
width:86%;
height:100px;
background-color:#C4C38B;
z-index:0;
vertical-align:bottom;
background-image:url(../images/crcPrintBanner.jpg);
background-repeat:no-repeat;
}
#topBanner img{display:none;}

#topLogo{
top:0px;
left:0px;
z-index:0;
background-image:url(../images/crcBall.jpg);
background-repeat:no-repeat;}

#homeHeading{
background-color:#0A538E;
top:100px;
left:0px;
width:101%;
height:20px;
z-index:3;
position:relative;
display:none}

/*#homeUnderLogo{
background-color:#0A538E;
top:0px;
left:0px;
width:150px;
height:20px;
z-index:1;
position:relative}*/


#menuHolder{
position:relative;
z-index:5;
top:100px;
left:0px;
display:none}

#mainContainer{
position:absolute;
top:0px;
left:0px;
width:100%;
z-index:0;}

#mainBody{
position:relative;
top:100px;
left:150px;
width:85%;
z-index:4;}


#footer{
position:relative; 
font-family:Arial, Helvetica, Tahoma; 
font-size:10px; color:#666666; 
text-align:center; z-index:5; 
padding-left:15px;
padding-top:10px;
}	

.mainTextCell{padding:20px}

.whiteCell{color:white}

.homeMap{background-color:#9AB9D1; font-family:Arial, Helvetica, Tahoma;
color:black; padding-left:15px}

.homeMap2{
background-color:#9AB9D1; 
font-family:Arial, Helvetica, Tahoma; 
/*background-image:url(../images/circuitBG.jpg); 
background-repeat:no-repeat;*/}

.homeSubHeader{
background-color:#DEDEBA;
font-size:12px; 
font-family: Arial, Helvetica, Tahoma;
padding-left:25px;
padding-right:25px;
border-right:1px dotted #0A538E;
border-bottom:1px dotted #0A538E;
}
.homeInfo{
border-right:1px dotted #0A538E;
border-bottom:1px dotted #0A538E;
padding-left:25px;
padding-right:25px;
}

.input{border:1px solid #0A5383;
font-family:Arial, Helvetica, Tahoma;
font-size:10px;
font-weight:bold;}

.inputButton{background-color:#0a5383;
border:1px solid #fff;
font-family:Arial, Helvetica, Tahoma;
color:#fff;
cursor:hand;
cursor:pointer;}



/*******SIDE NAVIGATION STYLES********/

.rightnav {
	font-family: Arial, Helvetica, Tahoma;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
	border-left:1px solid #DEDEBA;
	background-image:url(../images/SideBG.jpg);
	background-repeat:repeat-y;
	
}

.rightnav li{
	color: #00ABEB;
	list-style-type:none;
	background-color:#CADDE9;
	border:1px solid #0A538E;
	white-space:nowrap;
	display:block;
	height:20px;
	list-style-image: none;
	padding:5px;
	margin-bottom:15px;
}

.rightnav a{
color:#0A538E;
background:#CADDE9;
text-decoration:none;
}

.rightnav a:hover{
color:#0A538E;
background:#CADDE9;
text-decoration:none;
}

.rightnav a:active{
color:#0A538E;
background:#CADDE9;
text-decoration:underline
}

/****************************************/

/**************************** CSS Menus - VERTICAL CSS Menu with Dropdown and Popout Menus -*/
#menu{
position:absolute;
top:0px;
left:0px;
z-index:10;
width:150;
padding-bottom:12em; /* To allow room for bottom dropdown */
height:500;
background:#0A538E;
display:none;
}

#menu a, #menu h2, #menu P{
font:bold 11px/16px Arial, Helvetica, Tahoma;
display:none;
border-bottom:1px solid #0A538E;
border-right:1px solid #0A538E;
white-space:nowrap;
margin:0;
padding:1px 3px;
padding-left:15px;
background:#0A538E;
}

#menu h2{
color:white;
text-transform:uppercase;
display:none;
}

#menu P{
width:131px;
display:none;
}

#menu a{
color:#0A538E;
background:white;
text-decoration:none;
display:none
}

#menu a:hover{
color:#0A538E;
background:white;
display:none;
}

#menu a:active{

color:white;
background:#0A538E;
display:none;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:150px;
z-index:15;
display:none;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
display:none;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
border-top:1px solid #0A538E;
width:150px;
z-index:15
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:none;}

/* End non-anchor hover selectors */

/* Styling for Expand */



#menu a.x:hover{
color:#fff;
background:#0A538;
}

#menu a.x:active{
color:#fff;
background:#0A538;
}
/*******************************************************************************************************/

