@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0px; border:0px;}
body {background-image:url(./images/bg.gif);}
#MasterContainer {position:relative; background-repeat:x; background-position:center; width:850px; height:0 auto; margin-left:auto; 
				margin-right:auto; margin-top:15px; }
#MainContainer {position:relative; background-color:#FFFFFF; width:850px;  margin-left:auto; 
				margin-right:auto;  border: 1px double #003679; margin-top:20px; }
#Header{position:relative; background-image:url(./images/header.jpg); width:830px; height:100px; margin-left:auto; margin-right:auto; margin-top:10px;}
#HeaderLeft {position:relative; background-image:url(./images/headerLeft.jpg); width:auto; height:100px;background-repeat:no-repeat; float:left;}
#HeaderRight {position:relative; width:auto; height:100px; float:right;}
#sccclogo{margin-top:25px; margin-right:25px;}

#MainContent {position:relative; background-image:url(); background-color:#FFFFFF; width:830px; height:485px; margin-left:auto; margin-right:auto; margin-top:10px;}
#ContentLeft {position:relative; background-image:url(); width:200px; height:auto; float:left; margin-right:10px; z-index:1;}
#ContentMiddle {
	position:relative;
	background-image:url();
	width:410px;
	height:610px;
	float:left;
}
#ContentRight {position:relative; background-image:url(); width:200px; height:610px; background-color:#FFFFF;  float:right;}
#ContentRightTop {background-image:url(); width:200px; height:auto; margin:0px; margin-top:0px; margin-left:auto; float:right;}
#ContentRightMdl {background-image:url(); width:200px; height:auto; margin:0px; margin-top:10px; margin-left:auto; float:right;}
#ContentRightBtm {background-image:url(); width:200px; height:auto; margin:0px; margin-top:10px; background-color:#FFFFFF; margin-left:auto; float:right;}


.Heading {text-align:center; padding:10px; background-image:url(images/75p_bg.png); color:#FFFFFF;}

************************HeaderAbove*********************************
#HeaderAbove {position: relative; width:850px; height:auto;}
#HeaderAboveLeft {padding-left:10px; width:210px; height:5px; float:left;}
#HeaderAboveMiddle {width:409px; vertical-align:top;}
#HeaderAboveRight {width:210px; float:right;}
#HeaderAboveLeft h5 {color:#003679; text-transform:uppercase; padding-left:10px;}


************************Navigation*********************************


div#ContentLeft ul{position:relative; list-style-type: block; overflow: auto; width:164px; height:auto;}
div#ContentLeft ul li{float: left; height:35px; background-color:#FFFFFF; list-style: none;}
div#ContentLeft ul li a {display: block; color:#003679; text-decoration:none; vertical-align:middle; width: 164px; height:18px; padding: 9px 18px; font-size:11px; text-transform:capitalize;}
div#ContentLeft ul li a:hover { color:#003679; background-image:url(images/bgBW.gif)} Change color of hover state on nav bar text 



/********* Vertical menu ********/

#menu{z-index:1;position:relative;}
#menu li a{color:#eee;text-decoration:none; line-height: 1.1;}
#menu li a.y{color:#003679;text-decoration:none; line-height: 1.1; background-image:url(images/bgBW.gif);}
#menu li a.y:hover{color:#ffffff;text-decoration:none; line-height: 1.1; background-image:url(images/75p_bg.png);}
#menu a:hover{color:#003679;}
#menu a:active{color:#999999;}
#menu ul{list-style:none;width:100%;   }


/* 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;}
div#menu li ul{position:absolute;top:0;left:100.1%;display:none;}

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:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{background-image:url(images/expand2.gif); background-position:left; background-repeat:no-repeat;}
#menu ul li:hover{color:#003679;background-image:url(images/bgBW.gif);}
#menu ul li a.x:hover{color:#003679;background-image:url(images/expand2.gif); background-position:left; background-repeat:no-repeat;}
#menu ul li a.x:active{color:#999999; }


/********* END Vertical menu ********/

************************ContentLeft*********************************
Middle
div#ContentRightMdl ul{position:relative; list-style-type: block; overflow: auto; height:auto;}
div#ContentRightMdl ul li{float: left; height:auto; overflow:hidden; list-style: none; background-color:#FFFFFF; border-bottom:1px dashed #DBE0E3;}
div#ContentRightMdl ul li:hover{background-color:#DBE0E3; background-image:url(images/bgBW.gif); color:#003679;}
div#ContentRightMdl ul li a {display: block; color:#003679; text-decoration:none; vertical-align:middle; width: 164px; height:18px; padding: 9px 18px; font-size:11px; text-transform:capitalize; text-align:center;}
div#ContentRightMdl ul li a:hover { vertical-align:middle;}
Bottom
div#ContentRightBtm ul{position:relative; list-style-type: block; overflow: auto; height:auto; background-color:#DBE0E3;}
div#ContentRightBtm ul li{float: left; height:35px; overflow:hidden; border-bottom:1px dashed #DBE0E3; list-style: none;}
div#ContentRightBtm ul li a {display: block; color:#003679; text-decoration:none; vertical-align:middle; width: 164px; height:18px; padding: 9px 18px; font-size:11px; text-transform:capitalize; text-align:center;}
div#ContentRightBtm ul li a:hover {color:#003679; background-color:#DBE0E3;; vertical-align:middle; background-image:url(images/bgBW.gif);}