@charset "UTF-8";
/* CSS Document */

body {
	background-repeat: repeat-y;
	margin: 0;
	font: small Helvetica, Arial, Verdana, sans-serif;
	color: #4a4a4a;
	min-width: 970px;
	text-align: left;
}
#wrapper {
	width: 970px;
	position: relative;
	z-index: 0;
}


#avatars {
	position: absolute;
	right: 0;
	top: 79px;
	z-index: -1;
}


/* ----------------------------- header and main nav -------------------------- */
#header {
	height: 79px;
}
#header h1 {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	padding: 25px 0 0 15px;
	margin: 0;
	color: #445262;
}
#header ul {
	float: right;
	list-style: none;
	margin: 30px 15px 0 0;
	padding: 0;
}
#header ul li {
	float: left;
	padding: 0 17px;
	line-height: 1.4em;
	position: relative;
}
#header ul li.homelink, #header ul li.lastlink {
	border-right: none;
}
#header ul li a:link, #header ul li a:visited {
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-weight: normal;
	padding: 5px;
}
#header ul li a:hover {
	color: #4a4a4a;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-weight: normal;
	padding: 5px;
}
#header ul li.homelink img {
	margin: 0 0 -12px 0;
}
#header ul li.homelink span {
	padding: 0 0 9px 0;
}
#header ul li.homelink a:link, #header ul li.homelink a:visited {
	color: #9e9e9e;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
}
#header ul li.homelink a:hover {
	color: #4a4a4a;
	text-decoration: none;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
}

/* ------------------------ dropdowns ------------------------ */
#header ul li:hover ul {
	visibility: visible;
}
#header ul li ul {
	visibility: hidden;
	position: absolute;
	top: 20px;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 5px;
	width: 120px;
	text-align: center;
	z-index: 10;
}
#header ul li ul li {
	float: none;
	border-right: none;
	padding: 2px 0 1px 0;
	background-color: white;
}
#header ul li ul li:hover {
	background-color: #d5d5d5;
}
#header ul li ul li a:link, #header ul li ul li a:visited {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #4a4a4a;
	padding: 3px 10px 2px 10px;
}
#header ul li ul li a:hover {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: white;
	padding: 3px 10px 2px 10px;
}

/* ------------------------- image banner -------------------------- */
#imagebanner .leftcolumn {
	float: left;
	width: 220px;
}
#emailbox {
	width: 205px;
	height: 41px;
	padding: 20px 0 0 15px;
}
#colorblock {
	width: 205px;
	height: 36px;
	padding: 13px 0 0 15px;
}
#sidebarcolor {
	width: 205px;
	padding: 7px 0 0 15px;
	line-height: 180%;
}
#emailbox a:link, #emailbox a:visited, #colorblock a:link, #colorblock a:visited {
	color: white;
	text-decoration: none;
	font-weight: bold;
}
#emailbox a:hover, #colorblock a:hover {
	text-decoration: none;
	font-weight: bold;
}
#sidebarcolor a:link, #sidebarcolor a:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
}
#sidebarcolor a:hover {
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
}
#emailbox img, #colorblock img, #sidebarcolor img {
	margin: 0 0 -7px 0;
}
#sidebarcolor p {
	color: white;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
}

#imagebanner #featureimage {
	width: 750px;
	margin: 0 0 0 220px;
	position: relative;
	z-index: -10;
}

#imagebanner #featureimage p {
	display: none;
}



/* ------------------------- sidebar ------------------------- */
#sidebar {
	float: left;
	width: 220px;
	background-image: url(images/bkgd-sidebar.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#sidebar ul.featurelinks {
	/*list-style-image: url(images/icon-sidebar-li.gif);
	list-style-position: inside;*/
	list-style: none;
	margin: 15px;
	padding: 0;
}
#sidebar ul.featurelinks li {
	border-bottom: 1px solid #ffeb9c;
	padding: 15px 0 15px 13px;
	background-image: url(images/icon-sidebar-li.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#sidebar ul.featurelinks li a:link, #sidebar ul.featurelinks li a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-weight: normal;
}
#sidebar ul.featurelinks li a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-weight: normal;
}

/* ------------------------- sidebar products ---------------------- */
#sidebar ul.products {
	list-style: none;
	margin: 8px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#sidebar ul.products li {
	border-bottom: 1px solid #ffeb9c;
	padding: 8px 0;
}
#sidebar ul.products ul {
	margin: 3px 0;
	padding: 0;
	list-style-image: url(images/icon-sidebar-li.gif);
	list-style-position: inside;
}
#sidebar ul.products ul li {
	border-bottom: none;
	padding: 1px 0;
}
#sidebar ul.products ul a:link, #sidebar ul.products ul a:visited {
	color: #4a4a4a;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
	font-weight: normal;
}
#sidebar ul.products ul a:hover {
	color: black;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
	font-weight: normal;
}
	



/* -------------------------- content ---------------------------- */
#content {
	margin: 20px 20px 20px 240px;
}
#content-wide {
	margin: 20px 20px 20px 20px;
}
#content h1, #content-wide h1 {
	font-size: 155%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
#content .narrow, #content-wide .narrow {
	margin-right: 380px;
}



/* -------------------------- footer ------------------------------ */
#footer {
	background-image: url(images/bkgd-footer.jpg);
	background-repeat: no-repeat;
	padding: 20px;
	font-size: 95%;
}
#footer p {
	margin: 3px 0;
}
#footer p.hscredits {
	color: #d0d0d0;
}
#footer p.hscredits a:link, #footer p.hscredits a:visited {
	color: #d0d0d0;
	text-decoration: none;
	font-weight: normal;
}
#footer p.hscredits a:hover {
	color: #d0d0d0;
	text-decoration: underline;
	font-weight: normal;
}



/* ------------------------- universals and reusables ------------------------ */

h2 {
	font-size: 110%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0 0 3px 0;
}
h2 + p {
	margin: 0 0 10px 0;
}
img {
	border: none;
}

.floatleft {
	float: left;
	margin: 0 20px 5px 0;
}

.floatright {
	float: right;
	margin: 0 5px 0 5px;
}
.clearboth {
	clear: both;
	height: 1px;
}
a:link, a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #4a4a4a;
}
a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #4a4a4a;
}
.disclaimer {
	color: #777777;
	font-size: 90%;
}
.logo {
	float: left;
}
.qanda ul {
	margin: 5px 0 15px 0;
}
.qanda ul li.q {
	font-weight: bold;
}
.qanda ul li.q li, .qanda ul li.a li {
	list-style-image: none;
}
ol.lettered {
	list-style: lower-alpha;
}
.testimonial {
	font-weight: bold;
	font-style: italic;
	padding: 10px;
}
.applyonline {
	margin: 0 0 10px 0;
}
.big {
	font-size: 130%;
}





/* ------------------------- tables ----------------------------- */
table {
	border-collapse: collapse;
	margin: 0 0 15px 0;
}
table.wide {
	width: 100%;
}
thead {
	font-weight: bold;
	color: white;
}
td, th {
	padding: 5px;
}
td {
	text-align: center;
}
td.gray, th.gray {
	background-color: #eeeeee;
}
caption {
	margin: 5px 0;
	text-align: left;
}
caption h3 {
	margin: 0;
}

table.calculation td {
	text-align: right;
}
td.divider, th.divider {
	border-top: 2px solid #999999;
	
}


/* ---------------------- feature links ---------------------------- */
#featurelinkbox {
	float: right;
	clear: right;
	width: 370px;
	margin: 0 0 10px 10px;
	position: relative;
	z-index: 15;
}
#featurelinkbox-narrow {
	float: right;
	clear: right;
	width: 180px;
	margin: 0 0 10px 10px;
	position: relative;
	z-index: 15;
}
#featurelinkbox ul, #featurelinkbox-narrow ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#featurelinkbox ul li, #featurelinkbox-narrow ul li {
	float: left;
	width: 140px;
	padding: 0 15px 0 10px;
	margin: 0 10px 10px 0;
	background-repeat: repeat-x;
}
#featurelinkbox ul li.wide, #featurelinkbox-narrow ul li.wide {
	width: 315px;
}
#featurelinkbox ul li:hover, #featurelinkbox-narrow ul li:hover {
	background-image: none;
}
#featurelinkbox ul li a:link, #featurelinkbox ul li a:visited, #featurelinkbox-narrow ul li a:link, #featurelinkbox-narrow ul li a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 115%;
	display: block;
	width: 90%;
	padding: 15px;
	background-image: url(images/iconwhite-sidebar-li.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#featurelinkbox ul li a:hover, #featurelinkbox-narrow ul li a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 115%;
	display: block;
	width: 90%;
	padding: 15px;
}


/* --------------------- call to action --------------------------- */
ul.calltoaction {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 110%;
	font-weight: bold;
	width: 310px;
}
ul.calltoaction span.big {
	font-size: 150%;
}
ul.calltoaction li {
	padding: 10px 0;
}
ul.calltoaction li.box {
	padding: 10px;
}

/* ----------------------- whats new box ----------------------------- */
h2.whatsnewh2 {
	margin: 15px 0 0 0;
}
#whatsnewbox {
	margin: 0;
	padding: 15px 0 15px 0;
	width: 310px;
	background-image: url(images/bkgd-whitecorner.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#whatsnewbox ul {
	list-style: none;
	margin: 0;
	padding: 0 15px 0 10px;
}
#whatsnewbox ul li {
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin: 0;
	padding: 10px 0 10px 30px;
	border-bottom: 1px solid white;
}
#whatsnewbox ul li span.big {
	font-size: 130%;
}
	
	
