/* CSS Document @charset "UTF-8";*/

	
#header {
	height:103px;
	width: 800px;
	margin:auto;
	
	}
	#header img {
		float:none; /*right*/
		text-align:center;
		}
	
/***************** TOP NAVIGATION **************************/
#navcontainer {
	width:100%;
	background:#004b85;
	height: 26px;
	text-align:center;
	}

/* style the outer div to give it width */
.menu {
width:800px;
margin:0 auto;
font-size:12px;
font-family: "Trebuchet MS",Arial,Verdana,Geneva,sans-serif; color: #CCCCCC;
text-align:left;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
text-align:center;
}
.menu ul ul {
width:118px;
text-align:left;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}

	
	#m1 { width:46px; }
	#m2 { width:115px; }
	#m3 { width:139px; }
	#m4 { width:103px; }
	#m5 { width:143px; }
	#m6 { width:90px; }
	#m7 { width:77px; }
	#m8 { width:87px; }
	
	
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font:normal 12px "Trebuchet MS",Arial,Verdana,Geneva,sans-serif;
text-decoration:none; 
color:#fff; 
height:26px; 
border-left:1px solid #fff;
background:transparent; 
line-height:26px;
}
.menu .last a, .menu .last a:visited {
border-right:1px solid #fff;
}


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#e1e4ea url(../images/icons/nav_arrow.gif) top left no-repeat;
border:1px solid #d4dbea;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#fff url(../images/icons/nav_arrow.gif) 0 -22px;
color:#0062bd;
border:1px solid #004b85;
}
.menu ul ul :hover > a.drop {
background:#fff url(../images/icons/nav_arrow.gif) 0 -22px;
border:1px solid #004b85;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#edf0f6;
border:1px solid #e8e8e8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#fff;
color:#0062bd;
border:1px solid #004b85;
}
.menu ul ul ul :hover > a {
background:#fff;
color:#0062bd;
border:1px solid #004b85;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:27px;
left:0; 
width:160px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:26px;
top:27px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:161px; 
top:0;
width:161px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-161px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#e1e4ea; 
color:#444; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:139px;
border:1px solid #ddd;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:160px;
width:139px;
}


/* style the top level hover */
.menu a:hover {
color:#0062bd;
background:#fff;
}
.menu ul ul a:hover{
color:#0062bd;
background:#fff;
border:1px solid #004b85;
}

.menu :hover > a {
background:#fff;
color:#0062bd;
}
.menu ul ul :hover > a {
color:#0062bd;
background:#fff;
border:1px solid #004b85;
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/*************************** SIDEBAR MENU ****************************/
#sidebar {
	width:185px;
	padding: 8px 0px 35px 8px;
	margin-bottom:15px; /*SPACE BETWEEN MENU AND QUICK LINKS*/
	border:0px solid #999999;
	background:#004B85;
	/*float:left;*/
	z-index: 2;
}
	
.mH {
	font-family: "Trebuchet MS",Arial,Verdana,Geneva,sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	padding: 4px;
	color:#ffffff; 
	cursor:pointer; 
	border-top:0px solid #300;
	background:#004B85;
	z-index: 2;
	 
}

/* USED FOR THE COURSES AREA. IE ADULT EDUCATION > COURCSES*/
.mHc {
	font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
	font-size: 12px;
	padding: 4px;
	color:#333; 
	cursor:pointer; 
	border-top:0px solid #300;
	z-index: 2;
	 
}


.mS{
	font-family: "Trebuchet MS",Arial,Verdana,Geneva,sans-serif;
	font-size: 13px;
	margin-left:20px;
	padding: 4px;
	color:#ffffff; 
	cursor:pointer;
	background:#004B85;
	z-index: 2;
	text-decoration: none;
}

.mL {
	display:none; 
	margin-bottom:10px; 
}

/* SIDEBAR SUB LINK */
.mO {
	margin-left:20px;
	padding: 2px;
	display:block;
	font-family: "Trebuchet MS",Arial,Verdana,Geneva,sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #F1F1F1;
	text-decoration: none;
}

.mOS {
	margin-left:40px;
	padding: 2px;
	display:block;
	font-family: "Trebuchet MS",Arial,Verdana,Geneva,sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #F1F1F1;
	text-decoration: none;
}

.mL a:hover {
	padding: 2px;
	font-family: "Trebuchet MS",Arial,Verdana,Geneva,sans-serif;
	font-size: 13px;
	font-weight: normal; 
	color: #333333;
	background-color: #F1F1F1;
	text-decoration: underline;
}

/******** SIDEBAR SUB LINK ***********/
#rightbar {
	width:172px;
	padding-left:5px;
	float:right;
	font-weight:bold;
	font-size:11px;
	color:#a78879;
	vertical-align: top;
	z-index: 2;
}
.rightmenu {
	padding: 15px 0px 0px 0px;
	margin-bottom: 1em;
	font:bold 11px 'Arial',Trebuchet MS,Verdana,Geneva,sans-serif;
	background-color: #fff;
	color: #0077be;
	vertical-align: top;
}
	
.rightmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
	
.rightmenu li {
	border-bottom: 1px solid #dde4e8;
	margin: 0;
}
	
.rightmenu li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #fff;
	color: #0077be;
	text-decoration: none;
	width: 100%;
}
	
html>body .rightmenu li a {
	width: auto;
	}
	
.rightmenu li a:hover {
	background-color: #0077be;
	color: #fff;
	}
.rightmenu li.selected a {
	background-color: #0077be;
	color: #fff;
	}

/* SIDEBAR SUB LINK FOR WITHIN SECTIONS */
.rightsubmenu {
	margin: 6px 0px 0px 15px;
	font:bold 11px 'Arial',Trebuchet MS,Verdana,Geneva,sans-serif;
	background-color: #ffffff;
	color: #333;
	vertical-align: top;
}

.rightsubmenu a {
	font:bold 11px 'Arial',Trebuchet MS,Verdana,Geneva,sans-serif;
	background-color: #ffffff;
	color: #666;
	text-decoration: none;

}

.rightsubmenu a:hover {
	background-color: #A7D7FF;
	}
	
.rightsubmenu a.selected {
	margin-left: 20px;
	color: #0077be;
	}

#sub_content {
	width:385px;
	border-right:1px solid #cec8c7;
	padding:10px 10px 0px 0px;
	float:left;
	vertical-align: top;
}

		
/***************************** QUICK LINKS *****************************/
#quicklink {
	width:190px;
	background: url(../images/bckgrd_qlink_orgshd.jpg) repeat;
	border:1px solid #A9B2C2;
	margin-bottom:15px; /*SPACE BETWEEN QUICK LINKS AND CCC*/
	z-index: 1;
	clear: both; 
	}
	
	#qlbckgrd {
		background: url(../images/bckgrd_qlink_org.jpg) repeat;
		text-indent: 10px;
		height:26px;
		padding-top:5px;
		padding-bottom:2px;
		font-family: "Arial Narrow",Trebuchet MS,Verdana,Geneva,sans-serif;
		font-size: 18px;
		color: #004B85; 
	}
	
	#qlbcktxt a {
		background: url(../images/icons/icn_arw_blu.gif) no-repeat;
		background-position: left; 
		display: block;
		text-indent: 10px;
		margin: 10px 0px 5px 10px;
		padding: 0px 0px 0px 0px;
		font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
		font-size: 11px;
		font-weight: normal; 
		color: #000000;
		text-decoration: none;
	}
	
	#qlbcktxt a:hover {
		background: url(../images/icons/icn_arw_org.gif) no-repeat;
		background-position: left;
		font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
		font-weight: normal; 
		color: #000000;
		text-decoration: underline;
	}

/***************************** SECURITY SYSTEM *****************************/
#security {
	width:190px;
	border:1px solid #A9B2C2;
	z-index: 1;
	clear: both;
	}
	
	#secrtybckgrd {
		background: url(../images/bckgrd_alerts_blu.jpg) repeat;
		text-indent: 10px;
		height:26px;
		padding-top:5px;
		padding-bottom:2px;
		font-family: "Arial Narrow",Trebuchet MS,Verdana,Geneva,sans-serif;
		font-size: 18px;
		color: #fff; 
	}

	
	#secrtybcktxt a { 
		font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
		font-size: 11px;
		font-weight: normal; 
		color: #5E6F8E;
		text-decoration: underline;
		display: block;
		text-indent: 0px;
		margin: 10px 0px 5px 20px;
		padding: 0px 0px 0px 0px;
	}
	
	#secrtybcktxt a:hover {
		font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
		font-weight: normal; 
		color: #D8722A; /*#4A5871*/
		text-decoration: underline;
	}
	
/***************************** CCC NEWS *****************************/
#CCCnews {
	width: 580px;
	border:1px dotted #CCCCCC;
	/*padding: 0px 10px 12px 10px;  TOP RIGHT BOTTOM LEFT*/
	margin: 15px 0px 0px 0px;
	background: url(../images/bckgrd_ccc_gryshd.jpg) repeat;
	z-index: 1;
	clear: both;
	float: left;
	
}

	#CCCbckgrd {
		background: url(../images/bckgrd_ccc_gry.jpg) repeat;
		text-indent: 10px;
		height:26px;
		width: 580px;
		padding-top:5px;
		padding-bottom:2px;
	}

	#CCCnews h1 {
		font-family: "Arial Narrow",Arial,Trebuchet MS,Verdana,Geneva,sans-serif;
		font-size: 18px;
		font-weight: normal; 
		color: #fff;
		margin: 0px 0px 0px 0px;
	}
	
	#CCCnewstxt{ 
		font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
		font-size: 12px;
		font-weight: normal; 
		color: #666666;
		margin: -30px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
	}
	
	#CCCnews a { 
		font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
		font-size: 12px;
		font-weight: normal; 
		color: #970A09;
		text-decoration: underline;		
	}
	
	#CCCnews a:hover { 
		font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
		font-size: 12px;
		font-weight: normal; 
		color: #970A09;
		text-decoration: none;
	}

/***************************** COLLEGE ADS *****************************/

#adsl {
	height:170px;
	width: 278px;
	border:0px;
	background: #EEF0F3;
	margin: 15px 0px 0px 0px;
	float:left;
}

#adsr {
	height:170px;
	width: 278px;
	border:0px;
	background: #EEF0F3;
	margin: 15px 0px 0px 0px;
	float:right;
}

#adsl h2, #adsr h2 {
		font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
		font-size: 11px; 
		color: #004B85;
		letter-spacing: 1px;
		margin: 0px 0px 0px 0px;
}

#adsl a, #adsr a  { 
	font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
	font-size: 11px;
	font-weight: normal; 
	color: #666;
	text-decoration: underline;
}

#adsl a:hover, #adsr a:hover { 
	font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
	font-size: 11px;
	font-weight: normal; 
	color: #004B85;
	text-decoration: none;
}

.adstxt {
	font-family: "Arial",Trebuchet MS,Verdana,Geneva,sans-serif;
	font-size: 11px; 
	color: #666666;
	padding: 5px 10px 10px 10px;
}
	
		
/**************************** LOGO ROLLOVER ****************************/

#iconmenu {
	position: relative; 
	width: 344px; 
	height: 47px; 
	background: url(../images/logo_sm_all.gif);
	margin: 0; 
	padding: 0;
}
#iconmenu li {
	position: absolute; 
	top: 0px; 
	list-style: none;
	margin: 0; 
	padding: 0;
}

#iconmenu a {height: 47px; display: block;}
#iconmenu a:hover {border: solid 0px #000;}

#iconmenu #panel1c {left: 0px; width: 40px;} /* width sizes of image then add both together and add 1 for the next image*/
#iconmenu #panel2c {left: 41px;width: 46px;}
#iconmenu #panel3c {left: 88px; width: 58px;}
#iconmenu #panel4c {left: 147px; width: 49px;}
#iconmenu #panel5c {left: 197px; width: 48px;}
#iconmenu #panel6c {left: 246px; width: 50px;}
#iconmenu #panel7c {left: 297px; width: 52px;}

#iconmenu #panel1c a:hover {background: transparent url(../images/logo_sm_all.gif) 0px -48px no-repeat;}
#iconmenu #panel2c a:hover {background: transparent url(../images/logo_sm_all.gif) -41px -48px no-repeat;}
#iconmenu #panel3c a:hover {background: transparent url(../images/logo_sm_all.gif) -88px -48px no-repeat;}
#iconmenu #panel4c a:hover {background: transparent url(../images/logo_sm_all.gif) -147px -49px no-repeat;}
#iconmenu #panel5c a:hover {background: transparent url(../images/logo_sm_all.gif) -197px -48px no-repeat;}
#iconmenu #panel6c a:hover {background: transparent url(../images/logo_sm_all.gif) -246px -48px no-repeat;}
#iconmenu #panel7c a:hover {background: transparent url(../images/logo_sm_all.gif) -297px -48px no-repeat;}