@charset "utf-8";

img, object, embed, video {max-width: 100%;}
.ie6 img {width:100%;} /* IE 6 does not support max-width so default to width 100% */

/*----------------------------------------------------*/

/*MOBILE LAYOUT: 480px and below. */
/*---container and header---*/
.gridContainer {margin: auto; width: 90.1333%;}
#logo {text-align:center; padding-bottom:15px;}
#headerRight {text-align:center;}
/*---end container and header---*/

/*---navi---*/
#navi ul {margin:0; padding:0 0 0 0; list-style-type:none;}
#navi li {border-bottom:#a96f00 solid 1px;}
#navi a {display:block; padding:8px 0 8px 8px; font-size:16px; font-weight:bold;}
/*---end navi---*/

/*---guts---*/
#leftColPadding, #rightColPadding {padding:15px;}
.leftListTitle {
	font-size:17px; 
	color:#05376b; 
	font-family:Verdana, Geneva, sans-serif; 
	margin:0;
}
.leftListTitle img {margin-top:-11px; margin-right:8px;}

.leftList {
	border:1px solid #cfcfcf; 
	background-color:#f5f5f5; 
	margin-bottom:10px; 
	padding:10px;
}

.leftList ul {margin:0; font-size:14px; padding-left:25px;}
.leftList li {padding-bottom:5px;}
.leftList li ul li {list-style-type:none; margin-left:-15px;}
.leftList a {color:#4c5b67; text-decoration:none; font-weight:normal !important;}
.leftList a:hover {color:#0d3554; text-decoration:underline;}
/*---end guts---*/

/*---footer---*/
#footerPadding {padding:10px;}
#footerLeft, #footerRight {padding-bottom:15px;}
/*---end footer---*/
/*END MOBILE LAYOUT*/


/*TABLET LAYOUT: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
/*---container and header---*/
.gridContainer {width: 92.4464%;}

#headerPadding {padding:0 10px 0 10px;}
#logo {text-align:center; width:50%; float:left; padding-top:5px;}
#headerRight {text-align:right; width:50%; float:right; padding-top:30px;}

/*#headerRight {width:80%; margin:0 auto 0 auto;}
#headerRight img {float:right;}
#quickLinks {display:block; width:250px; float:left;}*/
/*---end container and header---*/

/*---banner---*/
#banner {background-image:url(../images/banner.jpg); background-repeat:no-repeat; height:295px;}
/*---end banner---*/

/*---footer---*/
#footer {text-align:center;}
#footerRight {padding-bottom:0;}
/*---end footer---*/
}
/*END TABLET LAYOUT*/


/*DESKTOP LAYOUT: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {width:900px;}

/*---header---*/
#logo {text-align:left;}
#headerPadding {padding:0 20px 0 20px;}

/*#headerRight img {float:none;}*/
/*#quickLinks {width:auto; float:none;}*/
/*---end header---*/

/*---navi---*/
#navi a {display:block; padding:7px 16px 7px 16px; font-weight:normal;}
/*---end navi---*/

/*---guts---*/
#gutsPadding {margin:0 10px 0 10px; background-color:#e3e3e3;}
#leftCol {width:250px;}
.leftList ul {padding-top:20px; padding-right:10px;}
.leftList li ul {padding-top:0 !important;}
.leftList li {padding-bottom:0;}
.leftList {
	border:none !important; 
	background-color:transparent !important; 
	margin-bottom:15px; 
	padding:0 !important;
}
#fullTime {background-image:url(../images/full-time-box.png); height:222px; background-repeat:no-repeat;}
#partTime {background-image:url(../images/part-time-box.png); height:320px; background-repeat:no-repeat;}
#adultEdu {background-image:url(../images/adult-edu-box.png); height:119px; background-repeat:no-repeat;}

#rightCol {width:630px; float:right; min-height:800px; background-color:#FFF;}
#leftColPadding {padding-top:20px;}
#rightColPadding {padding-top:20px;}
/*---end guts---*/

/*---footer---*/
#footerLeft, #footerRight {float:left; padding-bottom:0;}
#footerLeft {text-align:left; width:60%;}
#footerRight {text-align:right; width:40%;}
/*---end footer---*/

}
/*END DESKTOP LAYOUT*/