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

/*================= STRUCTURE
============================ */
html{ width:100%; height:100%; background:  url(/i/bg-grad-nav.gif) repeat-x #21162d;}

body {
	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:1004px;
	height:100%;
	left:50%;
	margin-left: -502px;
	position:relative;
	background:url(/i/bg-main.jpg) no-repeat;
	
} 

#top{ background:url(/i/bg-topnav.png) 0 0 repeat-x; overflow:hidden;}

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

/*=======================NAVIGATION 
=================================*/
#logolink{width: 161px; height: 223px; display:block; float:left; margin:0 23px; background:url(/i/bg-logo.png) 0 0 no-repeat;}
#logolink a {display:block; text-decoration:none; width:100%; height:100%;}
#logolink a:hover {background:none;}
/*Sprite Set Up*/
#nav {width:770px; height:40px; overflow:hidden; padding-left:27px; float:left; }
				#nav ul, #nav li a {display:block;}
				#nav li {list-style: none; float:left;}  
				#nav li a {text-decoration:none; width:323px; height:40px; background: url(/i/topnav-sprite.png) top no-repeat;}
				#nav li a span {display:none;}
				 

				  
				  #nav li a.about{ background-position: -44px 0 ; width:47px;}
				  #nav li a.about:hover{background-position: -44px -40px;}
				  
				  #nav li a.apps-form{ background-position: -91px 0; width:120px;}
				  #nav li a.apps-form:hover{background-position: -91px -40px;}
				
				  #nav li a.faqs{ background-position:-211px 0; width:39px; }
				  #nav li a.faqs:hover { background-position:-211px -40px;}
				 
				  #nav li a.contact{ background-position:-250px 0; width:58px; }
				  #nav li a.contact:hover { background-position:-250px -40px;}
				  
				  #nav li a.hot-topics{ background-position:-308px 0; width:73px;}
				  #nav li a.hot-topics:hover { background-position:-308px -40px;}
				  
				
				
				  
				  #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:940px;
	padding:0 37px 0 27px;
}

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

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


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

/* 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;
}

	.fcol1, .fcol2{width:300px; float:left; margin-right:20px;}
	.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;}