/* Tutor Connection */
body {
	background: #e5e5cc;
	color: #000;
	font: 11px Arial, Helvetica, sans-serif;
	position:relative;
}
img, fieldset { border: 0px; }
a{ color: #c30; }
a:hover{ text-decoration: none; }
body,h1,h2,h3,h4,h5,h6,ul,li, form { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
.center { margin: 0px auto; position: relative; text-align: left; width: 760px; }
.fill { display: block; height: 100%; width: 100%; overflow: hidden; }
.clear { clear: both; }

#wrapper{
	background: #fff url(/images/top_bg.gif) repeat-x;

}
#top{
	margin: 0px;
	padding: 0px;
	height: 194px;

}
#logo{
	background: url(/images/tutor_connection_logo.gif) no-repeat;
	text-indent: -5000px;
	height: 194px;
	width: 229px;
	padding: 0px;
	float: left;
}

#nav { 
	background: url(/images/nav/click-to-learn.jpg) no-repeat;
	width: 192px;
	height: 145px; 
	padding-top: 49px;
	float: left;
	display: inline;
}
#nav ul{
	list-style: none; 
}
#nav li { 
	text-indent: -5000px; 
}

#nav li a:hover{ background-position: left bottom; }

#n-main, #n-main-on { height: 23px; }
#n-main a, #n-main-on a { background: url(/images/nav/main.gif); }

#n-services, #n-services-on { height: 25px; }
#n-services a, #n-services-on a { background: url(/images/nav/services.gif) no-repeat left top; }

#n-why, #n-why-on { height: 21px; }
#n-why a, #n-why-on a { background: url(/images/nav/why.gif) no-repeat left top; }

#n-successes, #n-successes-on { height: 24px; }
#n-successes a, #n-successes-on a { background: url(/images/nav/successes.gif) no-repeat left top; }

#n-about, #n-about-on { height: 23px; }
#n-about a, #n-about-on a { background: url(/images/nav/about.gif) no-repeat left top; }

#n-contact, #n-contact-on { height: 29px; }
#n-contact a, #n-contact-on a { background: url(/images/nav/contact.gif) no-repeat left top; }

#n-main-on a, #n-services-on a, #n-why-on a, #n-successes-on a, #n-about-on a, #n-contact-on a { background-position: left bottom; }

#request{
	width: 320px;
	height: 124px;
	background: url(/images/request_an_appointment.jpg);
	float: left;
	margin: 0px;
	padding: 70px 0px 0px 19px;
}

#input, #select, #textarea, #select-normal{
	border: 1px solid #999;
	font: 11px Arial, Helvetica, sans-serif;
	float: left;
	margin-bottom: 3px;

}

#input{	width: 200px; padding-left: 2px; }
#radio { padding-left: 2px; }
#textarea{ width: 200px; height: 120px;  padding-left: 2px; }
#select{ width: 90px; margin-right: 5px; }
#select-normal{ width: 200px; padding-left: 2px; }

#request label, #normal-content-form label{
	width: 80px;
	display:block;
	color: #c30;
	font: bold 11px Arial, Helvetica, sans-serif;
	float: left;
	text-align: right; 
	padding: 2px 5px 0px 0px;
}

#submit{
	width: 143px;
	height: 29px;
	border: 0px;
	float: right;
	margin-top: 21px;
}

#overview{
	float: right;
	width: 339px;
	background: url(/images/main/welcomeback2.gif) no-repeat;
}


#overview h2{
	width: 250px;
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 5px 56px 10px 0px;
	float: right;
}


#intro{
	float: left;
	width: 421px;
}

#intro h3{
	background: url(/images/main/welcomeback.gif) no-repeat;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	color: #663;
	margin: 0px;
	padding: 55px 0px 0px 33px;
}

#main-services{
	clear: both;
	background: url(/images/main/tutorservices_back.gif) no-repeat;
	height: 83px;
}
#main-services h3{
	background: url(/images/main/tutorservices.gif) no-repeat;
	height: 16px;
	margin: 0px 0px 0px 107px;
	text-indent: -5000px;
	padding: 0px;
}

#main-why{
	background: url(/images/main/whychoose_back.gif) no-repeat;
	height: 86px;

}

#main-why h3{
	background: url(/images/main/whychoose.gif) no-repeat;
	height: 23px;
	margin: 0px 0px 0px 107px;
	text-indent: -5000px;
	padding: 0px;
}

#main-successes{
	background: url(/images/main/successes_back.gif) no-repeat;
	height: 86px;

}

#main-successes h3{
	background: url(/images/main/successes.gif) no-repeat;
	height: 23px;
	margin: 0px 0px 0px 107px;
	text-indent: -5000px;
	padding: 0px;
}

#main-services p, #main-why p, #main-successes p{
	margin: 4px 0px 0px 107px;
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #666;
}

#reasons{
	background: url(/images/main/reasons_back.gif) no-repeat;
	margin: 15px 0px 0px 30px;
	width: 353px;
	height: 170px;
	padding: 3px 0px 0px 38px;
	overflow:hidden;
	position: relative;
	
}
.reason-text { visibility: hidden; position: absolute; top: 70px; left: 50px; width: 325px; float: left; font: 11px/16px Arial, Helvetica, sans-serif; }

#email-list{
	background: url(/images/email_back.gif) no-repeat;
	margin: 0px 0px 0px 30px;
	width: 341px;
	height: 64px;
	padding: 10px 0px 0px 50px;
}
#email-list p{
	padding: 0px;
	margin-top: 2px;
	float: left;
	width: 300px;
}

#email-submit{
	width: 80px;
	height: 18px;
	border: 0px;
	margin-left: 3px;
	padding: 0px;
}


#become-tutor{
	clear: both;
	float: right;
	background: url(/images/become_tutor_back.gif) no-repeat;
	height: 41px;
	width: 190px;
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #f99;
	padding: 15px 0px 0px 135px;
}
#become-tutor a{
	color: #fff;
}

#footers{

	background: #e5e5cc url(/images/bottom_bg.gif) repeat-x;

}
#footers-info{
	margin: 0px auto; position: relative; text-align: left; width: 760px;
	background: transparent url(/images/bottom_logo.jpg) no-repeat;
	padding: 35px 0px 0px 0px;
}
#footers-info p, #footers-info h5, #copy{
	padding-left: 255px;
}
#footers-info h5{
	font: bold 12px/20px "Times New Roman", Times, serif;
	color: #c30;
}

#copy{	
	color: #aaa;
}


/* Secondary */

#secondary-intro{
	background: url(/images/top_arrow.gif) no-repeat;
	float: left;
	width: 421px;
}

#secondary-intro h2{
	
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	color: #aaa;
	margin: 0px;
	padding: 15px 0px 0px 33px;
}

#secondary-intro h3{
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	color: #663;
	margin: 0px;
	padding: 15px 0px 0px 33px;
}

#normal-content{
	clear: both;
	width: 760px;
}
#normal-content p{
	padding-top: 10px;
	padding-left: 33px;
	font: 12px/18px Arial, Helvetica, sans-serif;
}
#normal-content-form{
	padding-left: 33px;
	width: 350px;
}