/* 







Highland School, 2009







Table of Contents:



	3. INTERIOR CONTENT



		a. sub-nav



		b. interior content area



		c. layout 1 - two-column content



		d. layout 2 - one-column content	



*/







/* 3. INTERIOR CONTENT */







.epsilon #interior-flash-photo {



	margin: 0;



	padding: 0;



	width: 724px;



	height: 273px;



}



.epsilon #interior-flash-slideshow {



	margin: 0;



	padding: 0;



	width: 724px;



	height: 600px;



	background:#000;



}







/* --------------- a. sub-nav --------------- */







.interior {



	background: url(images/bg_interior-in-tile.gif) 0 0 repeat-y;

	width: 960px;

	height: 100%;



}







.delta {



	padding: 15px;



	background: #0066ff;



	width: 206px;



	float: left;



	display: inline; /* Fixes IE 6 Float Bug */



}







.delta h2 {

	padding: 5px 10px 5px 12px;

	background: #0066ff;

	font: normal 20px Georgia, "Times New Roman", Times, serif;	

	color: #FFF;

}


.delta ul {



	margin: 10px 0 0 0;



	padding: 0;



	list-style-type: none;



	border: 1px solid #FFF;



	border-top: none;



	z-index:10;



	



}



.delta li {



	border-top: 1px solid #FFF;



}



.delta li a {



	padding: 5px 5px 5px 20px;



	background: url(../images/icon_arrow.gif) 11px 15px no-repeat;



	color: #FFF;



	display: block;



	min-height: 20px;



  	height:auto !important; /* fix for IE6 */



  	height: 20px;



	font-weight:normal;



}



.delta li a:hover,



.delta li.active a:hover {



	background: #f2bc00 url(../images/icon_arrow.gif) 11px 15px no-repeat;



	color: #2c4514;



	text-decoration: none;



}



.delta li.active a {



	background: #ffcc66 url(../images/icon_arrow.gif) 11px 15px no-repeat;



	color: #2c4514;



	text-decoration: none;



}











/* --------------- b. interior content area --------------- */



.epsilon {



	padding: 0 0 30px 0;



	width: 724px;



	float: left;



	display: inline; /* Fixes IE 6 Float Bug */



}



.epsilon .callout {



	margin: 0;



	padding: 10px 30px;



	background: #00006a;



	width: 664px;



}



.epsilon .callout h2 {



	margin: 0;



	padding: 0;



	font: normal 20px Georgia, "Times New Roman", Times, serif;	font-style:italic;



	color: #FFF;



}







/* --------------- c. layout 1 - two-column content --------------- */







.epsilon div.ep-wrap {



	padding: 0 0 0 30px;



}



.epsilon .epsilon-inner {



	margin: 30px 30px 0 0;



	padding: 0;



	width: 317px;



	float: left;



	display: inline; /* Fixes IE 6 Float Bug */



}



.epsilon .epsilon-inner h1,



.epsilon .epsilon-inner h1 a,



.epsilon .generic h1, 



.epsilon .generic h1 a {



	font: normal 20px Georgia, "Times New Roman", Times, serif;	



	color: #0066cc;



	text-decoration: none;



}



.epsilon .epsilon-inner h1 a:hover {



	text-decoration: underline;



}







/* --------------- d. layout 2 - one-column content --------------- */



.epsilon .generic {



	margin: 30px;



}



.epsilon .generic h1 {



	padding: 0 0 10px 0;



}



.epsilon .top {



	margin: 0 0 0 24px;



}











/*--------------- e. box with header -------------------------- */







#main { 



padding-right: 20px;



float:left; 



width:310px; 



position:relative;



border-right: 1px solid #0066cc; 



}











#sidebars {



margin: 0;



width: 310px;



position:relative;



float: right;



font: normal 12px Verdana, Arial, Helvetica, sans-serif; 







}







.generic .box {



padding: 0px;







}







.generic .box h1 {



background-color:#0066cc; 



padding: 8px;



font: normal 12px Verdana, Arial, Helvetica, sans-serif; 



font-size: 11px; 



font-weight:bold; 



color:#FFF;







}







.generic .box p {







FONT: 12px/16px Verdana, Arial, Helvetica, sans-serif;



width: 290;



margin: 8px;







}







.outline {



border: 1px solid #0066CC;



padding: 8px;



display: inline;



float: left;



width: 640px;







}

.outline #formL {



padding-right: 3px;

float:left; 

width:200px; 

position:relative;

text-align:right



}



.outline #formR {

margin: 0;

padding-left: 0px;

width: 420px;

position:relative;

float: right;

font: normal 12px/22px Verdana, Arial, Helvetica, sans-serif; 

text-align:left



}



.outline #col1 {



padding-right: 20px;



float:left; 



width:290px; 



position:relative;



border-right: 1px solid #0066cc; 



}







.outline #col2 {



margin: 0;



padding-left: 20px;



width: 290px;



position:relative;



float: right;



font: normal 12px/22px Verdana, Arial, Helvetica, sans-serif; 



}



.title {



	FONT:16px Verdana, Arial, Helvetica, sans-serif;



	font-weight:bold; 



	color: #0066cc;



}



.titleSm {



	FONT:bold 12px Verdana, Arial, Helvetica, sans-serif; 



	color: #0066cc;



}

input {

 background-color: #d8e7fe;

}

select {

 background-color: #d8e7fe;

}

textarea {

 background-color: #d8e7fe;

}

.texta {

 font-size: 11px Helvetica, sans-serif; 

 background-color: #d8e7fe;

 border: 1px solid #666666;

}