@import "reset.css";
/***CONTAINERS***/
#container{
	width	:	777px;
	margin	:	10px auto;
	border	:	1px solid #29867B;
	font-family	:	Arial, Helvetica, sans-serif;
	font-size	:	12px;
}
#headerContainer	{
	width	:	100%;
	height	:	148px;
}
#bodyContainer{
	width		:	100%;
	height		:	100%;
}
#leftContainer{
	width	:	220px;
	border	:	10px solid #6BCBCE;
	float	:	left;
}
#rightContainer{
	float	:	right;
	padding	:	5px;
	width	:	525px !important;
	width	:	auto;
/* had to hack this out as firefox sets the width as 100% if i use auto. 
	i want it to take the left over width  = 100% - left container width*/
}
#footerContainer{
	width			:	777px;
	margin			:	10px auto;
	padding-top		:	20px;
	padding-bottom	:	10px;
	font-family		:	Arial, Helvetica, sans-serif;
	font-size		:	12px;
}
/****HEADER ELEMENTS****/
#head1	{
	height		:	125px;
}
#head2	{
	height		:	24px;
	line-height	:	24px;
	background	:	url('../images/header_top1.gif') no-repeat;
}
#head3	{
	height		:	24px;
	line-height	:	24px;
	background	:	url('../images/header_top2new.gif') no-repeat;
}
#navMenu li{
	height		:	20px;
	line-height	:	20px;
	display:inline;
	float:right;
	list-style-type: none;
	padding: 0px 11px 0px 10px;
	border-right:1px solid #6CC;
	color:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
}
#navMenu li.unselec{
	background	:	url('../images/header_tab_unselec.gif') repeat-x;
}
#navMenu li.selec{
	background	:	url('../images/header_tab_selec.gif') repeat-x;
}
#navMenu li a{
	height		:	24px;
	line-height	:	20px;
	color:white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
}
#navMenu li.flLeft{
	float	:	left;
}
/*** FOOTER ELEMENTS ***/
#footerLinksContentLeft{
	float: left;
	padding-left:10px;
	width:65%;
}
#footerLinksContentRight{
	text-align:right;
	float: right;
	padding-right:10px;
	width:30%;
}
.prvLink {
    color: #999999;
    font-weight: normal;
    text-decoration: underline;
    font-size	:	12px;
}
.copyright{
    color		:	#999999;
    font-size	:	10px;
}
/***LEFT COLUMN ELEMENTS***/
#schoolList{
	padding-left:0px;
	margin	:0px;
	text-align	:center;
}
.schoolBox{
	border-bottom	:	1px solid #6BCBCE;
	list-style-type: none;
	width	:	100%;
}
.selectedBox{
	border	:	5px solid #C04910;
	border-right	:	0px;
/*	background	:	url('../images/pointer.gif') no-repeat;
	background-position: 210px;
	vertical-align:middle;
	overflow:visible;
	z-index	:	999;
*/
}
#selectedBoxRight{
	position	:	relative;
	/*background	:	url('../images/pointer.gif') no-repeat;*/
	/*width	:	21px;
	height	:	92px;*/
	left	:	-10px;
	z-index	:	9999;
	float	:	left;
	margin	:	0px;
	padding	:	0px;
}
.resultsText {
	font-size: 11px;
	color: #208789;
	padding-top	:	4px !important;
	padding-top	:	7px;
	vertical-align	:	middle;
}
a.cursorimage{
	cursor: hand;
	cursor: pointer;
}
#leftTitle{
	background-color	:	#D5F4F4;
	text-align			:	center;
	font-size	:	15px;
	font-weight	:	bold;
}
.blue{
	color	:	#003C7B;
}
.red{
	color	:	#C30;
}
/***RIGHT ELEMENTS***/
#rightHeader{
	/*margin	:	5px;*/
	width		:	auto;
	padding		:	5px;
}
#rightContent{
	width		:	auto;
	margin-left	:	auto;
	margin-right:	auto;
}
/** FORM STYLES **/
#formBorder{
	border	:	2px solid #FFD384;
	margin	:	10px;
}
#formPadding{
	padding-top	:	5px;
	padding-left	:	3px;
	background-color	:	#FFF;
	border	:	7px solid #FFF5C6;
}
#formbox1{
	float	:	left;
	width	:	5%;
}
#formbox2{
	float	:	left;
	width	:	20%;
}
#formbox3{
	float	:	left;
	width	:	70%;
}
#formboxSubmit{
	float			:	right;
	text-align		:	right;
	width			:	100%;
	padding-right	:	20px;
}
/*** BLURB ELEMENTS ***/
#blurbMain{
	height	:	100%;
}
.blurbTitle {
	background	:	url('../images/blurb_title_img.gif');
	line-height	:	18px;
	font-weight	:	bold;
}
#blurb{
	margin-bottom	:	10px;
}
.blurb{
	float	:	left;
	width	:	30%;
	height	:	100%;
}
.blurbDivider {
	background	:	url('../images/divider_vert.gif') repeat-y;
	float		:	left;
	width		:	3%;
	height	:	100%;
}
/***TEXT FORMAT STYLES***/
.title{
	color		:	#CE3000;
	font-weight	:	bold;
	font-size	:	120%;
}
.categoryFormTitle{
	font-size	:	110%;
	font-weight	:	bold;
	color		:	#CE3000;
	background	:	url('../images/title_splice.gif') repeat-x;
	height		:	20px;
	line-height	:	20px;
}
.formTitle{
	color	:	#CE3000;
	font-weight	:	bold;
	font-size	:	160%;
}
/***FORM SUBMISSION STYLES***/
.thide{
	display		:	none;
}
.tshow{
	display		:	block;
	font-weight	:	bold;
	font-family	:	verdana, arial, sans-serif;
	font-size	:	12px;
	color		:	#000000;
}
/***SCHOOL INFO ELEMENTS***/
#schoolInfo {
	padding: 10px;
}
#schoolInfoLeft{
	float:left;
	padding-right:10px;
}
#schoolInfoRight{
	font-size:12px;
	padding-left:132px;
}
.schoolheader {
	font-size: 12px;
	font-weight: bolder;
	color: #FF0000;
}
/*** REFERRAL PAGE ELEMENTS ***/
#referrals{
	background-color: #EFFBFF;
}
#referralsHdrImg {
	background-image:url('../images/refsorry_hdr.gif');
	background-repeat:repeat-x;
	height:27px;
	font-weight:bold;
	font-size:18px;
	color	:	#FFF;
	padding-left:30px;
}
#referralsHdrImgArrow {
	position	:	relative;
	background-image:url('../images/refsorry_arrow.gif');
	background-repeat:no-repeat;
/*	weight:43px;*/
	height:28px;
	left	:	30px;
	top		:	-3px;
}
#referralsHdrContent{
	position	:	relative;
	font-weight:normal;
	font-size:12px;
	color	:	#000;
	left	:	80px;
	top		:	-10px;
}
#referralsBodyImg {
	background-image:url('../images/refsorry_featured_schools.gif');
	background-repeat:no-repeat;
	width	:	251px;
	height:19px;
}
#referralsBodyContent{
	clear	:	both;
	border	:	1px #B22222 solid;
	background-color:	#FFF;
}
#dBar{
	background-image:url('../images/dotted_bar.gif');
	background-repeat:repeat-x;
	width:700px;
	height:12px;
}
.ref{
	width	:	90%;
	margin-left	:	auto;
	margin-right:	auto;
	padding-top	:	10px;
	padding-bottom	:	10px;
}
#refLeft{
	float	:	left;
	width	:	20%;
}
#refMid{
	float	:	left;
	width	:	60%;
}
#refRight{
	float	:	right;
	width	:	10%;
}

#referralsBodyContent .separator{
	background-image:url(images/dotted_bar.gif); 
	width:690px;
	height:12px;
	margin-left:auto;
	margin-right:auto; 
	overflow:hidden;
}

/***THANK YOU PAGE 1 ELEMENTS***/
#formTQ{
	border:	1px solid #28AEB1;
	width	:	729px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom	:	42px;
}
#formTQHeader{
	height	:	53px;
}
#formTQBody{
	background-color	:	#EEFBFB;
}
#formTQBodyLeft{
	width	:	47%;
	border-right: 2px solid #C5F1F1;
	padding:5px;
	float	: left;
}
#formTQBodyCenter{
	width	:	97%;
	padding:5px;
}
#formTQBodyRight{
	width	:	47%;
	float	:	right;
	padding:5px;
}
#formTQFooter{
	background-color	:	#C5F1F1;
	padding-top			:	5px;
	text-align	:	center;
	width	:	100%;
}
#formTQ21{
	width	:	729px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	padding-bottom:0px;
	border	:	1px solid #28AEB1;
}
/***SITEMAP STYLES***/
#siteContainer{
	width		:	100%;
	height		:	100%;
	padding-left:	50px;
	padding-top	:	20px;
}

#siteContainer h2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight	:bold;
	font-size	:18px;
	padding-top	:5px;
	padding-bottom : 5px;
}
#siteContainer h3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight	:bold;
}
#siteContainer ul{
	padding-top	:5px;
	padding-bottom : 5px;
}
#siteContainer li{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}


/***MISC. STYLES***/
.clearDiv{
	clear		:	both;
	line-height	:	0px;
}
.strong{
	font-weight	:	bold;
}
.logoBox {
	/*C5F1F1*/
	border: 1px solid #28AEB1;
	background-color:#FFF;
}
.error {
    color: #990000;
    font-weight: bold;
	font-size:10px;
}