@import url("reset.css");
/*------------------------------------------------------------------
[Global Stylesheet]
Project: Frostburg
-------------------------------------------------------------------*/

/*================= STRUCTURE
============================ */
html{ width:100%; height:100%;}
font[face]{ font-family:Arial, Helvetica, sans-serif;}

body {
	background: url(../i/bg-main.jpg) repeat-x top #E4E1D8; 
	width:100%;
	height:100%;
	font:.80em/1.7em Arial, Helvetica, sans-serif;
	color:#fff;
}
 
a {text-decoration:underline; color:#fff; }
a:hover {color:#ffb310; text-decoration:none;}
hr {border: none 0; border-top: 1px solid #79b2d0; width: 100%; height: 0; margin-top: 10px; margin-bottom: 10px;}

/*headers*/
h1{font-size:18px; }
h2{font-size:14px; }
h3{font-size:14px;}
h4{font-size: 1.2em;} 



/*container*/
#container{
	width:960px;
	height:100%;
	left:50%;
	margin-left: -502px;
	position:relative;
} 

#header{
	width:908px;
	height:207px;
	padding:0 26px;
	min-height:207px;
	_height:207px;
	background:url(/i/bg-header.jpg) 26px 0 no-repeat; 
	clear:right;
}

	#header #col1{width:220px; height:173px; margin-top:34px; margin-right:74px; float:left;}
		#col1 a{display:block; width:185px; height:173px; text-decoration:none;}
	#header #col2{width:588px; height:173px; margin-top:25px; float:left; }

#main-area{
	height: 170px;
	width:1004px;
}

/*=======================NAVIGATION 
=================================*/
#logolink{width: 375px; height: 113px; display:block;}
#logolink a {display:block; text-decoration:none; width:100%; height:100%;}
#logolink a:hover {background:none;}
/*Sprite Set Up*/
#nav {width:888px; height:47px; overflow:hidden; padding-left:26px; }
				#nav ul, #nav li a {display:block;}
				#nav li {list-style: none; float:left;}  
				#nav li a {text-decoration:none; width:323px; height:47px; background: url(/i/bg-nav.jpg) top no-repeat;}
				#nav li a span {display:none;}
				
				  #nav li a.home{ background-position: 0 0 ; width:64px;}
				  #nav li a.home:hover{background-position: 0 -47px; }
				 
				  #nav li a.about{ background-position: -64px 0 ; width:67px;}
				  #nav li a.about:hover{background-position: -64px -47px; }
				  
				  #nav li a.apps-form{ background-position: -131px 0; width:163px;}
				  #nav li a.apps-form:hover{background-position: -131px -47px; }
				
				  #nav li a.faqs{ background-position:-294px 0; width:57px; }
				  #nav li a.faqs:hover { background-position:-294px -47px; }
				 
				  #nav li a.contact{ background-position:-351px 0; width:86px; }
				  #nav li a.contact:hover { background-position:-351px -47px;}
				  
				  #nav li a.hot-topics{ background-position:-437px 0; width:102px;}
				  #nav li a.hot-topics:hover { background-position:-437px -47px;}
				  
				  #nav li a.residents{ background-position:-539px 0; width:88px;}
				  #nav li a.residents:hover { background-position:-539px -47px;}
				  
				  #nav li a.prospective-residents{ background-position:-627px 0; width:183px;}
				  #nav li a.prospective-residents:hover { background-position:-627px -47px;}
				  
				  #nav li a.parents{ background-position:-810px 0; width:77px;}
				  #nav li a.parents:hover { background-position:-810px -47px;}
				  
				
				  
				  #nav #search {height:40px; width:212px; margin-right:38px; float:right;}
				  #nav #search form{margin-top:10px; width:212px; background:url(../i/bg-search.png) no-repeat;}
				  #nav #search form input{
				  	height:14px; 
					width: 170px;
					border-top:1px solid #d6d6d6;
					border-bottom:1px solid #d6d6d6; 
					border-left:none; 
					border-right:none;
					margin-top:1px; 
					margin-left:25px; 
				 }
				  

/*content*/
#content{
	width:934px;
	padding-left:26px;
	padding-top:50px;
	overflow:hidden;
	background:url(/i/bg-box-shadows.png) 0 292px no-repeat;
	min-height:330px;
	-height:330px;
}

	#con-col1, #con-col2{width:288px; float:left; margin-right:14px;}
	#con-col3{width:288px; float:left; }
	#con-col1 a, #con-col2 a, #con-col3 a{width:288px; height:242px; display:block;}
	#con-col1 a span, #con-col2 a span, #con-col3 a span{display:none;}
	
	#con-col1{background: url(../i/res-box.png) top no-repeat; width:288px; height:242px;}/* padding: 33px 10px 15px;}*/

	#con-col2{background:url(../i/pros-student-box.png) top no-repeat; width:288px; height:242px;}/* padding: 33px 10px 15px; width:280px;}*/
		
	#con-col3{background:url(../i/parents-box.png) top no-repeat; width:288px; height:242px;} /*padding: 33px 10px 15px; width:280px;}*/
		


/*=======================FOOTER 
==============================*/					
/*Sticky Footer Setup*/						
#main {padding-bottom: 90px;}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top:-90px;/* negative value of footer height */
	height: 90px;
	clear:both;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color:#545454;
	background: url(/i/bg-footer.gif) repeat-x #DDDCDA;
	} 
#footer a{color:#5f5544;}
#footer a:hover{color:#ab1400;}

/* Clear Fix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */

/*Footer Content*/
#fcontent{
	width:940px;
	left:50%;
	margin-left: -470px;
	position:relative;
	padding-top:9px;
	font:11px/15px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

	/*.fcol1, .fcol2{width:300px; float:left; margin-right:20px;}*/
	.fcol1{width:500px; float:left; margin-right:20px;}
		.fcol1 span,.fcol3 span{font:11px/15px Arial, Helvetica, sans-serif; text-transform:none;}
	.fcol2{margin-right:0;}
	.fcol3{width:320px; float:right; text-align:right; }
	
/*=======================CLASSES 
==============================*/	
.teeny {font: 0.75em Arial, Helvetica, sans-serif;color: #000;}
.imagelink {border: none; text-decoration: none; background: none;}
.greyedout{ color:#CCCCCC;}
.floatlt{float:left;}
.floatrt{float:right;}
.clear{ clear:both;}
.pushrt15{margin-right:15px;}
.pushrt5{margin-right:5px;}
.pushdown5{margin-bottom:5px;}
.pushdown10{margin-bottom:10px;}

/* Icon styles */
.tempicon {
   padding-left: 24px;
   background: transparent url(file:///C|/images/temp_arrow.gif) no-repeat center left;
   border:none;   
}

/* tables! add more varieties if need be */
.t10{width:10%;}
.t20{width:20%;}
.t30{width:30%;}
.t40{width:40%;}
.t45{width:45%;}
.t50{width:50%;}
.t60{width:60%;}
.t70{width:70%;}

.tbl1col, .tbl2col, .tbl3col, .tbl4col { 
	width: 100%; 
	border: none;	
}
.tbl1col td, .tbl2col td, .tbl3col td, .tbl4col td { padding: 10px; padding-top:3px; }
.tbl2col td { width: 50%; }
.tbl3col td { width: 33%; }
.tbl4col td { width: 25%;}

/*Text inputs*/
td input.submit{
	text-decoration:none;
	position:relative;
	border:none;
	background:none;
	
}

input.submit:hover { background-position:0 -21px ; cursor:pointer; }

select.large{width:250px; padding:1px;}
select.small{width:170px; padding:1px;}