@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
html, body, div, span, applet, object, iframe,
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
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

h1 {color:#006699; font-size:16px; line-height:24px; font-weight:bold; font-family:Gotham, Arial, sans-serif;}
h2 {color:#006699; font-size:12px; font-weight:bold; font-family:Gotham, Arial, sans-serif;}


tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/*CUSTOM STYLES*/
body{font-family:Gotham, Arial, sans-serif; font-size:12PX; color:#064358; background-color:#ffffff;}

div.body {text-align:center; margin:0 auto;}
strong { font-weight:bold;}
.header {background-color:#fafafa; width:821px; margin:0 auto;}
.header .one {background-color:#064358; width:277px; text-align:right; vertical-align:top;}
.header .one p {padding:10px 23px 0px 0px; color:#064358; font-size:14px; line-height:20px;font-family:Gotham, Arial, sans-serif;}
.header .two {width:332px; text-align:left; vertical-align:middle;}
.header .two div {padding:14px 0px 20px 49px}
.header .three {width:152px; text-align:left; vertical-align:top;}
.header .three p {padding-top:35px;color:#1b6288; font-size:12px; line-height:14px;font-family:Gotham, Arial, sans-serif;}
.header .four {width:126px; text-align:left; vertical-align:top;}
.header .four p {padding-top:35px;color:#064358; font-size:12px; line-height:14px;font-family:Gotham, Arial, sans-serif;}
.header .four p a { font:inherit;color:#064358; text-decoration:underline;}
.header .four p a:hover { font:inherit;color:#064358; text-decoration:none;}
.header .four div {padding-top:11px;}

.calloutad {border-bottom:2px solid #d0d1d1; width:821px; margin:0 auto;}
.calloutad .one { width:267px; vertical-align:top; text-align:left; }
.calloutad .two { width:286px; vertical-align:top; text-align:left;background-color:#f8f8f8; }
.calloutad .two div {padding:29px 0px 0px 23px;}
.calloutad .two p {padding:10px; color:#064358; font-size:13px; line-height:26px;font-family:Gotham, Arial, sans-serif;}
.calloutad .two p a {font:inherit;color:#064358; text-decoration:underline;}
.calloutad .two p a:hover {font:inherit;color:#064358; text-decoration:none; }
.calloutad .three { width:256px; vertical-align:top; text-align:left; background-color:#ffffff;}
.calloutad .three div.specializeextrapad { padding-left:19px;}


#specialize {padding-top:17px; padding-left:20px;}
#specialize p.none {color:#064358; font-size:14px; line-height:16px;padding-bottom:6px; font-family:Gotham, Arial, sans-serif; padding-left:0px; background-image:none; font-weight:bold;}

#specialize p {color:#064358; font-size:14px; line-height:16px;font-family:Gotham, Arial, sans-serif; padding-left:27px; padding-bottom:6px;}

.calloutadlong {border-bottom:2px solid #8cc63f; width:821px; margin:0 auto;}
.calloutadlong .one { width:583px; vertical-align:top; text-align:left; }
.calloutadlong .three {vertical-align:top; text-align:left; background-color:#ffffff;}

p.blacktext { color:#000000; font-size:12px; line-height:16px;font-family:Gotham, Arial, sans-serif;}

.modules {border-top:12px solid #ffffff; width:831px; margin:0 auto; border-bottom:50px solid #ffffff; text-align:center;}
*html .modules {width:841px; text-align:center;}
.modules td { text-align:center; vertical-align:top;}
.modules td .container {height:294px; width:267px; overflow:hidden; float:left; display:block; margin-left:5px; margin-right:5px; margin-bottom:10px; background-color:#f8f8f8; text-align:left;}
.modules td .container .image {margin-top:12px; margin-bottom:6px;}
.modules td .container .head {height:24px; overflow:hidden; width:258px; margin-left:10px;}
/*.modules td .container h2 {color:#064358; font-size:16px; line-height:24px; font-weight:bold; font-family:Georgia, Tahoma, Verdana, Arial, serif;} */
.modules td .container div.paragraph {height:98px; overflow:hidden; width:250px; margin-left:11px; margin-bottom:15px;}
.modules td .container div.paragraph p {color:#064358; font-size:12px; line-height:16px;font-family:Gotham, Arial, sans-serif;}
.modules td .container div.paragraph p a { font:inherit;color:#064358; text-decoration:underline;}
.modules td .container div.paragraph p a:hover { font:inherit;color:#064358; text-decoration:none;}

/* WHY YOU NEED SERIATIM */
.modules td .container2 {width:267px; height:540px; overflow:hidden; float:left; display:block; margin-left:5px; margin-right:5px; margin-bottom:10px; background-color:#f8f8f8; text-align:left;}
.modules td .container2 .image {margin-top:12px; margin-bottom:6px;}
.modules td .container2 .head {height:24px; overflow:hidden; width:258px; margin-left:10px;}
/*.modules td .container2 h2 {color:#064358; font-size:16px; line-height:24px; font-weight:bold; font-family:Georgia, Tahoma, Verdana, Arial, serif;} */
.modules td .container2 div.paragraph {width:250px; margin-left:11px; margin-bottom:15px;}
.modules td .container2 div.paragraph p {color:#064358; font-size:12px; line-height:16px;font-family:Gotham, Arial, sans-serif;}
.modules td .container2 div.paragraph p a { font:inherit;color:#064358; text-decoration:underline;}
.modules td .container2 div.paragraph p a:hover { font:inherit;color:#064358; text-decoration:none;}






.clear {clear:both; height:1px; overflow:hidden;}
.greenline {width:821px; height:20px; border-bottom:2px solid #ffffff; overflow:hidden; background-color:#c1cf62; margin:0 auto;}

.footer {background-color:#ececec; text-align:center; width:821px; margin:0 auto;}
p.links {color:#000000;font-size:12px; line-height:15px;font-family:Gotham, Arial, sans-serif; padding-top:30px; padding-bottom:20px;}
p.thin {color:#000000;font-size:12px; line-height:16px;font-family:Gotham, Arial, sans-serif; padding-top:0px; padding-bottom:16px;}
p.links a {color:#1b6288; text-decoration:underline; margin-left:7px; margin-right:7px;}
p.links a:hover {color:#1b6288; text-decoration:none; margin-left:7px; margin-right:7px;}

div.topnav {width:821px; margin:0 auto;   background-image:url(images/navoff.gif); background-repeat:no-repeat; display:block; min-height:32px;}
div.topnav ul {width:821px; margin:0 auto; min-height:32px;}
div.topnav ul li {float:left;   POSITION: relative;}

div.topnav ul li a {display: block;}
div.topnav ul li a:hover {display: block;}

div.topnav ul li.nav1, div.topnav ul li.nav1 a{ width:95px; height:32px; background-position:-100px -100px; text-decoration:none;}
div.topnav ul li.nav1:hover{background-position:top left; background-image:url(images/nav_01.gif); text-decoration:none;}
*html div.topnav ul li.nav1 a:hover{background-position:top left; background-image:url(images/nav_01.gif); text-decoration:none;}

div.topnav ul li.nav2, div.topnav ul li.nav2 a{ width:176x; height:32px; background-position:-100px -100px; text-decoration:none;}
div.topnav ul li.nav2:hover{background-position:top left; background-image:url(images/nav_02.gif); text-decoration:none;}
*html div.topnav ul li.nav2 a:hover{background-position:top left; background-image:url(images/nav_02.gif); text-decoration:none;}

div.topnav ul li.nav3, div.topnav ul li.nav3 a{ width:60px; height:32px; background-position:-100px -100px; text-decoration:none;}
div.topnav ul li.nav3:hover{background-position:top left; background-image:url(images/nav_03.gif); text-decoration:none;}
*html div.topnav ul li.nav3 a:hover{background-position:top left; background-image:url(images/nav_03.gif); text-decoration:none;}

div.topnav ul li.nav4, div.topnav ul li.nav4 a{ width:69px; height:32px; background-position:-200px -100px; text-decoration:none;}
div.topnav ul li.nav4:hover{background-position:top left; background-image:url(images/nav_04.gif); text-decoration:none;}
*html div.topnav ul li.nav4 a:hover{background-position:top left; background-image:url(images/nav_04.gif); text-decoration:none;}

div.topnav ul li.nav5, div.topnav ul li.nav5 a{ width:88px; height:32px; background-position:-100px -100px; text-decoration:none;}
div.topnav ul li.nav5:hover{background-position:top left; background-image:url(images/nav_05.gif); text-decoration:none;}
*html div.topnav ul li.nav5 a:hover{background-position:top left; background-image:url(images/nav_05.gif); text-decoration:none;}

div.topnav ul li.nav6, div.topnav ul li.nav6 a{ width:99px; height:32px; background-position:-100px -100px; text-decoration:none;}
div.topnav ul li.nav6:hover{background-position:top left; background-image:url(images/nav_resources.gif); text-decoration:none;}
*html div.topnav ul li.nav6 a:hover{background-position:top left; background-image:url(images/nav_resources.gif);  text-decoration:none;}

div.topnav ul li.nav7, div.topnav ul li.nav7 a{ width:98px; height:32px; background-position:-100px -100px; text-decoration:none;}
div.topnav ul li.nav7:hover{background-position:top left; background-image:url(images/nav_06.gif); text-decoration:none;}
*html div.topnav ul li.nav7 a:hover{background-position:top left; background-image:url(images/nav_07.gif); text-decoration:none;}

 div.topnav ul li.nav8, div.topnav ul li.nav8 a{ width:90px; height:32px; background-position:-92px -100px; text-decoration:none;}
div.topnav ul li.nav8:hover{background-position:left top; background-image:url(images/nav_07.gif); text-decoration:none;}
*html div.topnav ul li.nav8 a:hover{background-position:left top; background-image:url(images/nav_08.gif); text-decoration:none;}


div.topnav ul li ul {
	position: absolute;
	left: 0;
	top: 32px;
	display: none;
}

div.topnav ul li ul.nav6 {left: -120px;}
div.topnav ul li ul.nav7 {left: -155px;}
div.topnav ul li ul.nav8 {left: -235px;}


div.topnavli:hover ul, div.topnav li.over ul { display: block; }

/* Fix IE. Hide from IE Mac \*/
* html div.topnav ul li { float: left; }
* html div.topnav ul li a { height: 1%; }
/* End */
div.topnav li:hover ul { display: block; }


.subnav {width:auto;}
.subnav td.one {background-color:#ffffff; text-align:left; vertical-align:top; border:2px solid #f8f8f8; }
#subnavleft {padding:10px 7px 10px 7px;}
.subnav td.one #subnavleft a {font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:14px; color:#02476d; height:auto; background-image:none; text-decoration:none;}
.subnav td.one #subnavleft a:hover {font-family:Helvetica, Arial, sans-serif; font-size:11px; line-height:14px; color:#02476d; height:auto; background-image:none; text-decoration:underline;}
.subnav td.two {background-color:#c0ce5f; text-align:left; vertical-align:top; border:2px solid #c0ce5f;}
.subnav td.two p {font-family:Helvetica, Arial, sans-serif; font-size:15px; line-height:14px; color:#f8f8f8; padding:23px 13px 23px 13px;}
#subnavleft hr { height:1px; overflow:hidden; background-color:#848b91; margin-top:4px; margin-bottom:4px; border:0; padding:0;shade:no-shade;}
*html #subnavleft hr {margin-top:0px; margin-bottom:0px; height:-1px;}
.subheader {width:821px; margin:0 auto; background-color:#f8f8f8; border-top:11px solid #ffffff; border-bottom:14px solid #ffffff;}
.subheader h1 {line-height:30px; padding-left:39px; text-align:left; font-size:14px; font-weight:bold; color:#006699;}
.charttable {margin-top:7px; width:100%;} 
.charttable td {vertical-align:top; text-align:left;}
.charttable .righttext {margin-top:10px;}










