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

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

html{	
	background: url(../i/bg-main.gif) repeat-x top #404040; 
}
body {
	background: url(../i/bg-main.jpg) no-repeat center 132px ; 
	width:100%;
	height:100%;
	font:.80em/1.7em Arial, Helvetica, sans-serif;
	color:#fff;
}

#wrapper{	
	background: url(../i/bg-main2.gif) repeat-x center 443px;
}
 
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%;
	margin:0 auto;
	position:relative;
} 

#header{
	height:83px;
	background:url(../i/logo.gif) no-repeat 42px 0;
	color:#666;
}

#header p{			padding:10px 44px 0 0;float:right; text-align:right; line-height:1.5em;}
#header p strong{ 	font-size:13px;}
#header p span{		font-size:12px;}

#main{		padding:11px 0 0; overflow:hidden;}
#main img{ 	border:2px solid #cf655e; display:block; margin:0 auto;}


/*=======================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 {height:47px; overflow:hidden; padding-left:39px;}
				#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:876px; margin:0 auto; padding:45px 0 0 3px;
}

	#con-col1, #con-col2{width:270px; float:left; margin-right:33px;}
	#con-col3{width:270; float:left; }
	#con-col1 a, #con-col2 a, #con-col3 a{width:270px; 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:270px; height:242px;}/* padding: 33px 10px 15px;}*/

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


/*=======================FOOTER 
==============================*/					
/*Sticky Footer Setup*/						
#main {padding-bottom: 65px;}  /* 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:#fff;
	background: url(/i/bg-footer.gif) repeat-x #f00;
	} 
#footer a{color:#fff; text-transform:uppercase; text-decoration:none; font-size:11px;}
#footer a:hover{color:#ffd32a;}

/* 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:860px;
	padding-top:12px;
	margin:0 auto;
	font:12px/15px Arial, Helvetica, sans-serif;
	line-height:2.5em;
}

	/*.fcol1, .fcol2{width:300px; float:left; margin-right:20px;}*/
	.fcol1{width:620px; float:left; margin-right:20px;}
		.fcol1 span,.fcol3 span{		font:11px/15px Arial, Helvetica, sans-serif;}
		.fcol1 span{					color:#979797;}
		#footer .fcol1 span a{			text-transform:none;color:#ccc;}
		#footer .fcol1 span a:hover{	color:#ffd32a;}
	.fcol2{margin-right:0;}
	.fcol3{width:200px; float:right; text-align:right; padding-top:9px;}
	
/*=======================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;}