/* --- APS Career Education CSS ------------------------------- */


/* --- Body ------------------------------- */

body{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0 auto;
	font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	text-align: left;
    color: #ffffff;
	background: #EDF5E9;
	}

/* --- Logo Header ------------------------------- */

#header{
	clear: both;
	margin: 0 auto;
	padding: 0;
	text-align: left;
  	width: 100%;
	height: 114px;
	background: url(images/header_BG.gif) repeat-x;
	}

/* ---[ Homepage ]------------------------------- */
	
#flash{
	clear: both;
	width: 100%;		
	height: 153px;
	background: url(images/Flash_BG.gif) repeat-x;
	}

#animation{
	width: 750px;		
	height: 140px;
	background: url(images/Flash_static.jpg) no-repeat;
	}

#video{
	width: 321px;		
	height: 260px;
	background: url(images/VideoStatic.gif) no-repeat;
	text-align:left;
	}

#contentwrap{
	clear: both;
	width: 750px;
	background: url(images/left_stars_green.gif) repeat-y;
	}

#content{
	width: 721px;		
	margin-left: 29px;
	}

#contenttwo{
	clear: both;
	width: 721px;		
	}

#overview{
	clear: both;
	width: 680px;		
	padding: 20px;
	background: #FAF2C5;
	text-align:left;
	font-size:13px;
	color:#000;
	}

#leftcolumn{
	float:left;
	width:344px;		
	padding:20px;
	background:#F4F49A;
	text-align:center;
	font-size:12px;
	color:#000;
	}

#itworks{
	clear:both;
	width:300px;		
	padding:20px;
	background:#F9F9D7;
	text-align:left;
	font-size:12px;
	color:#000;
	}

#rightcolumn{
	float:left;
	width:281px;		
	padding:20px;
	background:#DFECF0;
	text-align:center;
	font-size:12px;
	color:#000;
	}
	
/* ---[ Subpages ]----------------------------- */

#aboutheader{
	width: 705px;		
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	background: #EEAE13;
	text-align:left;
	font-size:20px;
	color:#fff;
	}

#schoolsheader{
	width: 705px;		
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	background: #6B9A4B;
	text-align:left;
	font-size:20px;
	color:#fff;
	}

#teachersheader{
	width: 705px;		
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	background: #7C6C3D;
	text-align:left;
	font-size:20px;
	color:#fff;
	}

#adultheader{
	width: 705px;		
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	background: #99984D;
	text-align:left;
	font-size:20px;
	color:#fff;
	}

#programsheader{
	width: 705px;		
	padding-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	background: #074F63;
	text-align:left;
	font-size:20px;
	color:#fff;
	}

/* ---[ Text ]----------------------------- */

h1{
	font-size: 18px;
	text-align: left;
    color: #484A47;
	margin-bottom: 0px;
	}

h2{
	font-size: 16px;
	text-align: left;
    color: #484A47;
	margin-bottom: 0px;
	}

h3{
	font-size: 18px;
	text-align: left;
    color: #484A47;
	padding: 6px;
	background:#fff;
	border: solid #B9B9B5 1px;	
	margin-bottom: 0px;
	}
	
h4{
	font-size: 10px;
	text-align: left;
    color: #333;
	padding: 0px;
	margin: 0px;
	}	

.text{
	font-size: 12px;
	text-align: left;
    color: #134D5D;
	padding-top: 7px;
	margin: 0;
	}

#copynolinks{
	float: left;
	font-size: 14px;
	text-align: left;
    color: #353634;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.5em;
	width: 390px;
	border-right: solid #B9B9B5 1px;	
	}

#copy{
	float: left;
	font-size: 14px;
	text-align: left;
    color: #353634;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.5em;
	width: 390px;
	border-right: solid #B9B9B5 1px;	
	}
	
#copy a{
	text-decoration: underline;
    color: #353634;
	}
	
#copy a:hover, a:focus{
	background-color: #094E62;
    color: #ffffff;
	}

#copy2{
	float: left;
	font-size: 14px;
	text-align: left;
    color: #353634;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.5em;
	width: 420px;
	border-right: solid #B9B9B5 1px;	
	}
	
#copy2 a{
	text-decoration: underline;
    color: #353634;
	}
	
#copy2 a:hover, a:focus{
	background-color: #094E62;
    color: #ffffff;
	}	

#charts{
	float: left;
	font-size: 11.5px;
	text-align: left;
    color: #353634;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 670px;
	}
	
#charts a{
	text-decoration: underline;
    color: #353634;
	}
	
#charts a:hover{
	text-decoration: none;
	background-color: #094E62;
    color: #ffffff;
	}

#teachers{
	float: left;
	font-size: 13px;
	text-align: left;
    color: #353634;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 25px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 650px;
	}
	
#teachers a{
	text-decoration: underline;
    color: #353634;
	}
	
#teachers a:hover, #nav ul li a:focus{
	text-decoration: none;
	background-color: #094E62;
    color: #ffffff;
	}

#clear{
	clear: both;
	}

#programs{
	clear: both;
	width: 250px;
	padding: 5px;
	margin: 5px;
	background:#FAF2C5;	
	font-size:20px; 
	border: solid #CE9023 1px;	
	text-align: center;
	}
	
#programs a{
	text-decoration: none;
    color: #5C5246;
	}
	
#programs a:hover, a:focus{
	text-decoration: underline;	
    color: #095E76;
	}

#clusterlinks{
	clear: both;
	width: 95%;
	padding: 5px;
	margin-bottom: 8px;
	background:#FAF2C5;	
	font-size:18px; 
	border: solid #CE9023 1px;	
	text-align: center;
	}
	
#clusterlinks a{
	text-decoration: none;
    color: #5C5246;
	}
	
#clusterlinks a:hover{
	font-size:18px; 
	text-align: center;
	text-decoration: underline;	
    color: #095E76;
	font-weight: bold;
	}
	
/* ---[ Links ]----------------------------- */

a.triad:link {color: #798473; text-decoration: none;}
a.triad:visited {color: #5F5030; text-decoration: none;}
a.triad:hover {color: #000; text-decoration: underline;}

a.textlink:link {color: #798473; text-decoration: underline;}
a.textlink:visited {color: #5F5030; text-decoration: none;}
a.textlink:hover {color: #000; text-decoration: none;}

/* --- Footer ------------------------------- */

#footer {
	width:720px;
	clear: both;
	text-align: left;	
	font-size:12px;
	background: #0A4252;
	color:#fff;
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom: 10px;
	}

#footer a {
	color:#fff;
	text-decoration:none;
	}

#footer a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

#copyright {
	width:720px;
	clear: both;
	text-align: left;	
	font-size:12px;
	color:#798473;
	padding-top: 5px;
	padding-left: 30px;
	}

.fine-print{
	font-size: 10px;
	}

#triad {
	width:720px;
	clear: both;
	text-align: left;	
	font-size:10px;
	color:#798473;
	padding-top: 5px;
	padding-left: 30px;
	padding-bottom: 10px;
	}

/* ---[ Navigation ]------------------------------- */
	
#mainnav{
	clear: both;
	height: 24px;
	margin: 0 auto;
	padding: 0;
	background-color: #0C8AAE;
	}
	
#bluenavbar{
	clear: both;
	border-top: 1px solid #095E76;
	margin: 0 auto;
	padding: 0;
	background-color: #095E76;
	}
	
#chromemenu{
	width: 100%;
	background-color: #0C8AAE;
	border-top: 1px solid #095E76;
	}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

#chromemenu ul{
	width: 100%;
	margin-left: 0;
	padding-left: 0;
	margin: 0;
	float: left;
	font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	}


#chromemenu ul li{
	display: inline;
	}


#chromemenu ul li a{
	float: left;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 12px 5px 13px;
	text-decoration: none;
	background: url(images/divider.gif) center right no-repeat; /*Theme Change here*/
	}

#chromemenu ul li a:hover{
	color: #ffffff;
	margin: 0px;
	background-color: #064455;
	}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	border: 1px solid #4F90A2; /*Theme Change here*/
	border-bottom-width: 0;
	font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	line-height:15px;
	z-index:100;
	background-color: #095E76;
	width: 180px;
	visibility: hidden;
	}

.dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 9px;
	border-bottom: 1px solid #4F90A2; /*Theme Change here*/
	margin: 0px;
	padding: 6px 0;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	}

.dropmenudiv a:hover{ /*Theme Change here*/
	background-color: #C1E1EB;
	color: #095E76;
	}


#subnav{
	float: left;
	font-size: 12px;
	text-align: left;
    color: #353634;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	width: 140px;
	line-height: 1.5em;
	}

#subnav ul{
	list-style: none;
	margin-left: 0px;
	padding-left: 1em;
	}

#subnav ul li a{
	color: #000;
	text-decoration: underline;
	font-size: 14px;
	}

#subnav ul li a:hover, #nav ul li a:focus{
	background-color: #094E62;
    color: #ffffff;
	}