html, body {height:100%}
body{text-align:center; font:100% "Helvetica Neue", Arial, Helvetica, sans-serif; ;margin:0;padding:0; color:#333}

a img{border:0}
ul, li, p, div{margin:0;padding:0}
ul li{list-style:none}

/*========================== LAYOUT =============================*/

/** used to get the footer working */
#nonFooter { position: relative; min-height: 100%;}
* html #nonFooter { height: 100%; }
#nonFooter { padding-bottom: 1.5em; }

.wrapper, #nav_sub{width:930px}
.wrapper{margin:0 auto;padding:0; text-align:left; background:#fff}
#nav_main{background:#044A92 url(../images/navbg.gif) left top repeat-x; border-bottom:1px solid #000; width:100%; overflow:hidden; clear:both; margin:10px 0 0 0}
#nav_main ul{width:930px;margin:auto;}
#nav_sub{margin:0 auto; text-align:right}
#nav_sub ul{float:right; text-align:right}

#strip{margin:0;background:#538AC6 url(../images/headerbg.gif) left bottom repeat-x;text-align:left;border-top:1px solid #A0BFDF; padding:0; text-align:left;padding-bottom:20px}
#strip{background:#538AC6 url(../images/headerbgx.gif) left bottom repeat-x;}
#strip div{width:930px;margin:0 auto;padding:20px 0 10px 0;}
#strip div{position:relative;background:url(../images/bannerbg.jpg) left bottom repeat-x; }
#strip div{padding:20px 650px 30px 0; width:510px;}
#main_content{width:720px;padding:2em 0 1em 0;margin:0; float:left; display:inline}
#one-col #main_content{width:930px}

#sub_content{width:180px; float:right;margin:2em 0 0 0;display:inline}



/*========================== TYPOGRAPHY =============================*/

#nav_main a{font:1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#nav_sub a{font-size:1.1em; color:#000; text-decoration:none}
#strip p{font-size:1.4em;color:#fff;font-weight:bold;margin:0 0px 1em 10px; line-height:1.3}
#content li p{font-size:1.0em}
#content p{margin:0 0 1.5em 0;line-height:1.5}
#content blockquote p{font-size:1.3em;font-style:italic; color:#555;  font-family:Georgia, "Times New Roman", Times, serif}

#sub_content li, #sub_content p{font-size:1.1em;}
#sub_content p{margin-bottom:1.0em; line-height:1.4}
#footer{font-size:0.8em; color:#ccc}


/*========================== HEADINGS and LOGO =============================*/

h1#logo{position:relative;width:930px; height:80px;margin:0px 0 0px 0;float:left;}
/* */
h1#logo a{overflow: hidden;font-size: 1px;width:930px; height:0;padding-top:80px; background:  url("../images/logo.gif") no-repeat;position: absolute;top:0px;}

#content h2{font-size:1.4em;color:#3B7AAD;line-height:1.0;margin:0.5em 0 0.5em 0; border-bottom:2px solid #3B7AAD; padding-bottom:7px;}
#content h3{font:bold 1.2em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#3B7AAD;line-height:1.0;margin:0 0 0.286em 0;padding-bottom:4px; border-bottom:1px solid #3B7AAD}
#content h4{font-size:1.1em; color:#005CA1;margin:0 0 10px 0}
#content #screens h3{margin:10px 0 1px 0; font-size:1.2em; border-bottom:0; padding-bottom:0; color:#034984}
#content #sub_content h2, #sub_content h3, #sub_content h4{font-size:1.4em;  color:#67A81F; border-bottom:2px solid #67A81F}
#content #sub_content h3 { font-size:1.2em; border-bottom:1px solid}
#content #sub_content h4 { font-size:1.1em; border-bottom:0px}

/*========================== LINKS =============================*/

a {color:#398125}
a:hover, #nav_sub li a:hover{color:#0099FF}
a:hover{text-decoration:none;}
a:hover, #nav_sub li a:hover, #nav_sub li#loginli a:hover{color:#FF6600}
#strip a{font-weight:bold; color:#CFE625}

/*========================== MAIN NAVIGATION =============================*/

#nav_main li{float:left;}
#nav_main li a{float:left; padding:6px 12px 4px 12px;margin:3px 3px 0 3px; color:#fff; text-decoration:none}
#nav_main li a:hover, #nav_main li.active a{background:#B9D5EE url(../images/navbgon.gif) left bottom repeat-x; color:#000}


/*========================== MAIN CONTENT =============================*/

#content{margin-bottom:1em; overflow:hidden}

/*========================== HOME CONTENT =============================*/

ul#screens{margin:24px 0 0 0;padding:0; list-style:none}
ul#screens .last{margin-right:0}
ul#screens li{float:left;width:220px; margin:0 30px 0 0;padding:0; color:#555; display:inline; background:0; font-size:1.0em}
ul#screens li p{line-height:1.6}
ul#screens li img{border:1px solid #D3E7EB}
ul#screens li a:hover img{border:1px solid #ccc}

blockquote#main_quote{background:#F7F4B7;padding:10px;margin:0 auto 80px auto; text-align:center; clear:both;font:italic 1.1em Georgia, "Times New Roman", Times, serif; color:#C76D0C; width:920px;border:1px solid #F29D42; border-width:1px 0 1px 0}


/*========================== SUB CONTENT =============================*/

#sub_content ul.striped li{background-color:#FAFDF8;}
#sub_content ul.striped li.odd{background-color:#EDF8E4}
#sub_content ul.striped li a{border-bottom:1px solid #ccc; padding:5px 10px 5px 10px; text-decoration:none; display:block; color:#185E05}
#sub_content ul.striped{margin:0 0 20px 0; }
#sub_content ul li a:hover, #sub_content ul li.active a{background-color:#589E1D;color:#fff}

/*========================== FOOTER =============================*/

/*
#footer{background:#044A92 url(../images/footerbg.jpg) left top repeat-x; clear:both; text-align:center; padding:2em; position: relative; margin-top: -5.3em; margin-bottom:0}
#footer ul li{display:inline;margin:0 1em 0 1em}
*/

#footer {
	position: relative;
	margin-top: -1.5em;
}