/* COLOR CLASSES */

.green{color:#356A20;}
.red{color:#ee4036;} 
.orange{color:#f47d35} 
.yellow{color:#ffd561;} 
.ltgreen{color:#b4cf5b;} 
.blue{color:#6daac9;}
.dkblue{color:#2f709d;}
.black{color:#000; font-style:normal;}


/* HEADER */

#topnav  {
	height : 69px;
	width: 760px;
	white-space: nowrap;
	background : url(/design/img/greenbar.gif) no-repeat top left;
	font-size : small;
	text-align : left;
	font-size : 10pt;
	font-weight : bold;
	letter-spacing : 1pt;
	font-variant : small-caps;
	color : #b4cf5b;
	} 

#topnav ul {
	margin-left: 10px; 
	padding-left: 10px;
	list-style-type : none; 
	width:700px;
	}
	
#topnav li  {
	display : inline;
	padding-right : 17px;
	} 

#topnav a:link, 
#topnav a:visited, 
#topnav a:active  {
	color : #f47d35;
	text-decoration : none;
	text-align : center;
	} 

#topnav a:hover  {
	color : #ffd561;
	} 

#header  {
	height : 257px;
	text-align : right;
	color : #fff;
	} 
	
#header.blogs {background: url(/design/img/headers/infoheader.jpg) bottom left no-repeat;}
#header.contacts {background: url(/design/img/headers/infoheader.jpg) bottom left no-repeat;}
#header.directions {background: url(/design/img/headers/infoheader.jpg) bottom left no-repeat;}
#header.employment {background: url(/design/img/headers/infoheader.jpg) bottom left no-repeat;}
#header.press {background: url(/design/img/headers/infoheader.jpg) bottom left no-repeat;}
#header.tos {background: url(/design/img/headers/infoheader.jpg) bottom left no-repeat;}

#header.facts {background: url(/design/img/headers/aboutheader.jpg) bottom left no-repeat;}
#header.campus {background: url(/design/img/headers/aboutheader.jpg) bottom left no-repeat;}
#header.diversity {background: url(/design/img/headers/aboutheader.jpg) bottom left no-repeat;}
#header.board {background: url(/design/img/headers/aboutheader.jpg) bottom left no-repeat;}
#header.faculty {background: url(/design/img/headers/aboutheader.jpg) bottom left no-repeat;}
#header.parents {background: url(/design/img/headers/aboutheader.jpg) bottom left no-repeat;}
#header.publications {background: url(/design/img/headers/aboutheader.jpg) bottom left no-repeat;}
#header.sustainability {background: url(/design/img/headers/aboutheader.jpg) bottom left no-repeat;}

#header.academics {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.advising {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.fifth {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.sixth {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.arts {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.english {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.history {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.languages {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.mathematics {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.physed {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.science {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.library {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.programs {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}
#header.technology {background: url(/design/img/headers/academicsheader.jpg) bottom left no-repeat;}

#header.activities {background: url(/design/img/headers/studentsheader.jpg) bottom left no-repeat;}
#header.counseling {background: url(/design/img/headers/studentsheader.jpg) bottom left no-repeat;}
#header.outdoor {background: url(/design/img/headers/outedheader.jpg) bottom left no-repeat;}
#header.service {background: url(/design/img/headers/studentsheader.jpg) bottom left no-repeat;}
#header.transportation {background: url(/design/img/headers/studentsheader.jpg) bottom left no-repeat;}

#header.admissions {background: url(/design/img/headers/admissionsheader.jpg) bottom left no-repeat;}
#header.apply {background: url(/design/img/headers/admissionsheader.jpg) bottom left no-repeat;}
#header.timeline {background: url(/design/img/headers/admissionsheader.jpg) bottom left no-repeat;}
#header.testing {background: url(/design/img/headers/admissionsheader.jpg) bottom left no-repeat;}
#header.faq {background: url(/design/img/headers/admissionsheader.jpg) bottom left no-repeat;}
#header.contact {background: url(/design/img/headers/admissionsheader.jpg) bottom left no-repeat;}

#header.welcome {background: url(/design/img/headers/givingheader.jpg) bottom left no-repeat;}
#header.contact {background: url(/design/img/headers/givingheader.jpg) bottom left no-repeat;}
#header.annual {background: url(/design/img/headers/givingheader.jpg) bottom left no-repeat;}
#header.endowment {background: url(/design/img/headers/givingheader.jpg) bottom left no-repeat;}
#header.planned {background: url(/design/img/headers/givingheader.jpg) bottom left no-repeat;}
#header.campaign {background: url(/design/img/headers/givingheader.jpg) bottom left no-repeat;}


.grades  {
	font-size : x-small;
	font-variant : small-caps;
	letter-spacing : 1pt;
	color : #b4cf5b;
	margin : 0 90px 0 0;
	text-align : right;
	} 


/* BODY */

body  {
	background: url(../../design/img/trees.png) #b4cf5b; 
	background-repeat:repeat-x; 
	background-position:left bottom;
	color : #000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : small;
	line-height : 150%;
	margin : 0;
	padding : 0;
	color : #000;
	} 

h1 {
	color : #fff;
	font-size : 28px;
	margin: 25px 90px 0 0;
	font-variant: normal;
	text-align: right;
	}

h2 {
	color : #356a20;
	font-style : italic;
	font-size : 24px;
	font-family : Georgia, Times, "Times New Roman", serif;
	font-weight : bold;
	margin-bottom: 30px;
	}

h3 {
	color : #f47d35;
	font-style : normal;
	font-size : 14px;
	font-family : Georgia, Times, "Times New Roman", serif;
	font-weight : bold;
	}

h3 em {
	color : #2f709d;
	font-style : normal;
	font-weight : normal;
	font-size : 80%;
	margin-left : 110px;
	font-family : Arial, Helvetica, sans-serif;
	}
	
h4 {
	color : #ee4036;
	text-align : center;
	font-weight : bold;
	font-style : normal;
	font-size : small;
	line-height : 120%;
	}

h4 em {
	color : #000;
	text-align : center;
	font-weight : normal;
	font-style : normal;
	font-size : x-small;
	line-height : 120%;
	}

h5 {
	color : #356a20;
	font-style : normal;
	font-variant : small-caps;
	font-size : small;
	font-family : Georgia, Times, "Times New Roman", serif;
	font-weight : bold;
	letter-spacing : 1px;
	} 

.maintext  {
	float : left;
	line-height : 160%;
	}	

.maintext a:link, 
.maintext a:hover, 
.maintext a:visited, 
.maintext a:active {
	color : #2f709d;
	font-weight : bold;
	text-decoration : none;
	}

.maintext a:hover {
	text-decoration : underline;
	} 
	
.maintext img {margin-top:5px;}

.indent {
	padding : 0 0 0 15px;
	}

.note  {
	font-size : small;
	line-height : 150%;
	font-style : italic;
	color: #356A20;}

.faq  {
	color : #f47d35;
	font-style : normal;
	font-size : 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight : bold;
	} 

.faq a:link, 
.faq a:hover, 
.faq a:visited, 
.faq a:active  {
	color : #f47d35;
	text-decoration : none;
	} 

.parents {
	color : #2f709d;
	font-style : normal;
	font-weight : bold;
	font-size : 80%;
	font-family : Arial, Helvetica, sans-serif;
	}

.hr  {
	border-bottom : 2px solid #fcdfe9;
	} 
	
.button {
	width: 100px;
	height: 30px;
	text-align: center;
	color : #fcdfe9;
	background-color : #ee4036; 
	margin-top: 20px; 
	border: 1px dotted #f47d35;}

.table {
	color : #365a20; 
	font-size : x-small;
	}

.table strong {
	color : #000;
	font-size : small; 
	font-weight : bold;
	}

.table em {
	color : #000;
	font-size : x-small; 
	font-style : italic;
	}

img {
   	margin : 0;
	border:1px solid #f47d35;
    }

img.plain {
	margin :0;
	border:0;
	}

img.right {
	float : right;
  	margin : 0 0 5px 10px;  /* Top, Right, Bottom, Left */
	}


/* RIGHT BAR */

#breadcrumbs  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : small;
	font-variant : small-caps;
	color : #2f709d;
	line-height : 150%;
	margin-top : 5px;
	padding-top : 5px;
	margin-left : 5px;
	padding-left : 5px;
	}

#breadcrumbs a:link, 
#breadcrumbs a:hover, 
#breadcrumbs a:visited, 
#breadcrumbs a:active {
	color : #2f709d;
	text-decoration : none;
	}

#breadcrumbs a:hover {
	text-decoration : underline;
	}

.breadcrumbsheader {
	color : #2f709d;
	font-size : 10pt;
	font-weight : bold;
	letter-spacing : 1px;
	}

.quote {
	color : #ee4036;
	font-style : italic;
	font-size : 8pt;
	font-weight : bold;
	font-family : Georgia, Times, "Times New Roman", serif;
	} 


/* FOOTER */

#footer  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-weight : bold;
	color : white;
	text-align : left;
	padding : 4px 10px;
	margin : 0;
	clear : both;
	background : #ee4036;
	width : 740px;
	}

#footer a {
	color : #ffd561;
	}

#footer a:hover {
	color : #fff;
	}

#tos {
	text-align : right;
	color : #ffd561;
	width : 160px;
	float : right;
	}

#tos a {
	color : #ffd561;
	text-decoration : none;
	font-size : x-small;
	font-weight : bold;
	}

.mission {
	font-family : Arial, Helvetica, sans-serif;
	color : #b4cf5b;
	text-align : center;
	font-weight : bold;
	font-style : normal;
	font-size : x-small;	
	} 


/* CONTAINER */

#container  {
	margin : auto;
	position : relative;
	clear : both;
	padding : 0;
	width : 760px;
	border-top : 0;
	border-left : 15px solid #f47d35;
	background : #356a20;
	} 


/* COLUMN CONTAINER */

.colmask  {
	position : relative;
	clear : both;
	float : left;
	width : 100%;
	overflow : hidden;
	}

.colright, 
.colmid, 
.colleft {
	float : left;
	width : 100%;
	position : relative;
	}

.col1, 
.col2, 
.col3 {
	float : left;
	position : relative;
	padding : 0 0 10px 0;
	min-height:560px;
	} 


/* COLUMN SETTINGS */
.threecol  {
	background : #fff url(/design/img/yellowbox.jpg) no-repeat right 220px;
	}

.threecol .colmid {
	right : 25%;
	background : #fff url(/design/img/pinklines.gif) repeat-y top right;
	}

.threecol .colleft {
	right : 60%;
	background : #fff url(/design/img/bluebox.jpg) no-repeat top right;
	}

.threecol .col1 {
	width : 50%;
	left : 105%;
	}

.threecol .col2 {
	width : 15%;
	left : 29.5%;
	}

.threecol .col3 {
	width : 21%;
	left : 97%;
	} 
	

/* BEGIN SON-OF-SUCKERFISH MENU */

#nav, #nav ul { /* all lists */
	padding : 0;
	margin : 0;
	list-style : none;
	float : right;
	width : 5.6em;
	}
	
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 2em;
	width: 8em;
	}
	
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 9.05em;
	margin-top : -2.15em;
	}
	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	margin-left : 12.035em;
	margin-top : -2.07em;
	}
	
#nav li a {
	width: 8em;
	display : block;
	color : #fff;
	font-weight : bold;
	text-decoration : none;
	background-color : #ee4036;
	border : 1px solid #ee4036;
	border-right:0;
	padding : 0 0.5em;
	text-transform:uppercase;
	}

#nav li li a, 
#nav li li li a {
	background-color : #f47d35; 
	border : 1px solid #ee4036; 
	width : 11em; 
	border-bottom: 0;
	border-right: 0;
	}

#nav li li a {
	border-left: 0;
	}

#nav li a:hover {
	color : white;
	background-color : #f47d35;

	}

#nav li li a:hover {
	color : white;
	background-color : #ee4036;
	border-color:#ee4036;}	

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
	left: -999em;
	}
	
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}