﻿/* reset default browser styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	}
	
ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

:focus {
	outline: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
/* general page styles
--------------------------------------------------------*/
#wrap {
	margin: 0;
	width: 1024px;
	position: relative;
	}
body {
	background: #dcd8bd url(/_images/home/bg_home.jpg) top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
/* links

a:link, a:visited {
	text-decoration: none;
	outline: none;
	color: #003366;
	}
a:hover {
	color: #699BCD;
}
 */

/* top row photo slideshow
--------------------------------------------------------*/
#slideshow {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 1024px;
	height: 455px;
	background: #18184d url(/_images/home/photo_home_bg.jpg) no-repeat;
}
.pics { width: 1024px; height: 455px; overflow: hidden; }
.pics img { width: 1024px; height: 455px; top:0; left:0; }

/* second row conversion hub and intro copy
--------------------------------------------------------*/
#conversion_hub {
	position: absolute;
	top: 457px;
	left: 23px;
	height: 175px;
	width: 229px;
	z-index: 1999;
}
img#firstvisit {
	padding: 5px 10px 12px 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dbd8bd;
}
img#beenhere {
	float: left;
	padding: 16px 10px;
	margin: 10px 0 10px 0;
	border-top: 1px solid #dbd8bd;
	border-bottom: 1px solid #dbd8bd;
}
img#takenextstep {
	float: left;
	padding: 0 0 0 12px;
	margin: 0px 0 5px 0;
}
img#enroll {
	float: left;
	padding: 10px 0 0 12px;
	margin: 1px 0;
}
img#request {
	float: left;
	padding: 0 0 0 12px;
	margin: 1px 0;
}
img#tell {
	float: left;
	padding: 0 0 0 12px;
	margin: 1px 0;
}
img#chat {
	float: left;
	padding: 0 0 0 12px;
	margin: 1px 0;
}
img#call {
	float: left;
	padding: 15px 0 0 12px;
}
#intro_blurb {
	position: absolute;
	top: 472px;
	left: 0;
	width: 1024px;
	height: 170px;
	vertical-align:top;
	background: url(/_images/home/bg_convhub.jpg) bottom no-repeat;
	margin: 0;
	padding: 0;
}
#intro_blurb p {
	margin: 20px 40px 20px 285px;
	font-size: 16px;
	line-height: 21px;
	color: #150f38;
	font-family: Helvetica, Arial;
}
.intro_lead {
	font-size: 20px;
	line-height: 24px;
	color: #ffffff;
}
/* third row explore options
--------------------------------------------------------*/
#explore_by {
	position: absolute;
	top: 642px;
	left: 0;
	width: 1022px;
	_width: 1024px;
	background: #fcfbf3;
	border: 1px solid #fcfbf3;
}
#prog_silo_1 {
	width: 255px;
	height: 270px;
	float: left;
	background: #cbe3ee;
	border-right: 1px solid #fcfbf3;
}
#prog_silo_2 {
	width: 255px;
	height: 270px;
	float: left;
	background: #ece4c3;
	border-right: 1px solid #fcfbf3;
}
#prog_silo_3 {
	width: 254px;
	height: 270px;
	float: left;
	background: #d5dec9;
	
}
#prog_silo_4 {
	width: 255px;
	height: 270px;
	float: left;
	background: #fae2cd;
	border-right: 1px solid #fcfbf3;
}

ul.proglist {
	list-style: none;
	padding: 7px 0 0 12px;
	margin: 0;
	width: 240px;
	float: left;
}
ul.proglist li {
	padding: 3px 0 3px 8px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	background: url(/_images/bullet_black.gif) no-repeat 0 4px;
	_background: url(/_images/bullet_black.gif) no-repeat 0 8px;
}
ul.proglist li a {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: none;
}
ul.proglist li a:hover {
	text-decoration: underline;
}
/* fourth row whats hot
--------------------------------------------------------*/
.whatsHOT {
	background-color: #f6f4dc;
	border-top: 1px solid #dbd8bd;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px ! important;
	color: #8a8a85;
	height: 72px;
	width: 1019px;
	_width: 1024px;
	padding-right: 5px;
	z-index: 1;
	position: absolute;
	top: 915px;
	left: 0;
}
.whatsHOT a {
	text-decoration: none;
	color: #6d8b45;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px ! important;
}
.whatsHOT a:hover {
	text-decoration: underline;
	color: #626262;
}
img#hot {
	position: absolute;
	top: 13px;
	left: 20px;
}
p.hotwords {
	position: absolute;
	top: 17px;
	left: 152px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px ! important;
	line-height: 20px;
	color: #8a8a85;
	width: 845px;
	height: 45px;
}

/* fifth row footer
--------------------------------------------------------*/
#footer {
	background-color: #dbd8bd;
	background-image:url(/_images/home/foot_grd.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding: 10px 0px 0px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#939288;
	text-decoration: none;
	line-height: 18px;
	position: absolute;
	top: 986px;
	left: 0;
	width: 1009px;
	_width: 1024px;
}
.footer_txt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#939288!important;
	text-decoration: none;
	line-height: 18px;
}
.footer_txt:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#939288!important;
	text-decoration: underline;
	line-height: 18px;
}
img#watch_vid {
	float:left;
	padding: 20px 0 0 0;
}

/* sixth row seo copy
--------------------------------------------------------*/
#seo_copy {
	position: absolute;
	top: 1200px;
	left: 0;
	width: 1024px;
	padding: 0px 50px 20px 15px;
	clear:both;
	font-size: 10px;
	line-height: 16px;
	color:#939288;
	font-weight: normal;
}
#seo_copy p {
	padding: 0 0 20px 0;
}
#seo_copy p a {
	color:#939288;
	text-decoration: underline;
}
#seo_copy p a:hover {
	color: #ffffff;
}
#seo_copy h1 {
	padding: 0 0 20px 0;
	font-size: 10px;
	font-weight: normal;
	color: #6d8b45;
}
#seo_copy h2 {
	padding: 0 0 20px 0;
	font-size: 10px;
	font-weight: normal;
}
#seo_copy h2 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#939288;
	text-decoration: underline;
}
#seo_copy h2 a:hover {
	color:#939288;
	text-decoration: none;
}


/* nav styles from BRAT sites */
#nav {
	padding:0px;
	margin: 0px;
	top: 0px;
	left: 0px;
	position:absolute;	
	z-index: 20;
	background: #202154;
	height: 22px;
	width: 1024px;
}
