/* Screen Stylesheet */

body, h1, h2, h3, h4, h5, h6, form, ul, ol, li, p { margin: 0; padding: 0; font-size: large; }
body { background: url(../images/bg_main.jpg) #005079 763px center no-repeat; font-family: Arial, Helvetica, sans-serif; }

#container { width: 760px; margin: 0px 10px 0 0px; background: url(../images/bg_col.gif) 0 0 repeat-y; font-size: 70%; }
#col1 { float: left; width: 200px; margin-top: 40px; }
#col2 { float: right; width: 560px; margin-top: 150px; }
#col2_small { float: left; width: 280px; margin: 0px; padding: 0px;}
#col3 { float: left; width: 266px; background-color: #EBE7DE; margin-top: 10px;}

#header { display: block; width: 750px; height: 80px; background: url(../images/bg_header.gif) 0 0 no-repeat; padding: 10px 0 0 10px; }
#header span { display: block; width: 166px; height: 70px; background: url(../images/logo.gif) 0 0 no-repeat; text-indent: -100em; }

#trail { background-color: #FFC300; color: #000000; width: 700px; margin: 0 10px; padding: 0 20px; height: 2.6em; line-height: 2.6em; }
#trail a { color: #000000; text-decoration: none; }
#trail span { display: block; float: right; }

#splash { width: 760px; background: url(../images/splashsmall.gif) 10px 0 no-repeat; }

h2 { color: #006C8A; font-size: 140%; margin: 10px 20px 0 10px; }
#faq #col2 h2 { margin: 20px 20px 20px 20px; }
h3 { color: #006C8A; font-size: 130%; margin: 20px 20px 0 20px; }
#faq #col2 h3 { margin: 0 20px 10px 20px; font-size: 125%; }
#faq h4 { color: #006C8A; font-size: 100%; margin: 0 20px 0 20px; }
p { margin: 10px 30px 0 10px; line-height: 1.4em; font-size: 100%; }
#col1 p { margin: 10px 10px 0 30px; font-size: 90%; }
#faq #col2 p { margin: 0 30px 10px 20px; }
form { margin-top: 20px; }
form p { margin-top: 0; }

ul, ol { margin: 20px 30px 0 40px; }
li { font-size: 70%; }

#nav { list-style: disc; color: #006C8A; margin: 0px 20px 20px 40px; }
#nav li { line-height: 1.4em; font-size: 100%;}
#nav a { color: #002D50; font-size: 95%; font-weight: bold; text-decoration: none; }
#nav a:hover { color: #006C8A; }

#nav ul { list-style: disc; color: #999999; margin: 5px 0 0 15px; }
#nav ul li { line-height: 0.7em; margin: 0 0 5px 0; }
#nav ul a { font-size: 70%; }

#searchform { background-color: #FFC300; margin: 0 0 20px 10px; padding: 0 0 10px 0; }
#searchform #q { border: solid 1px #4C4C4C; border-color: #4C4C4C #EAEAEA #EAEAEA #4C4C4C; font-size: 100%; padding: 2px; width: 110px; }
#searchform input { vertical-align: middle; }
#searchform h2 { background-color: #006C8A; color: #ffffff; font-size: 70%; margin: 0; padding: 3px 20px; }
#searchform p { margin: 10px 20px 2px 20px; }
#searchform #go { }

#newsbox { width: 190px; background-color: #FFE17F; margin: 20px 0px 20px 10px; padding: 0 0 10px 0; }
#newsbox h2 { background-color: #006C8A; color: #ffffff; padding: 3px 20px; margin: 0 0 10px 0; font-size: 100%; }
#newsbox div { margin: 0 0 0 0; }
#newsbox div h3 { margin: 0 10px 4px 10px; font-size: 110%; }
#newsbox div p { margin: 0 10px 0 10px; line-height: 1em; font-size: 90%; }

#helpnow { width: 220px; float: right; display: inline; background-color: #FFE17F; margin: 10px 20px 0 10px; padding: 0 0 0 0; }
/* #helpnow h2 { background-color: #006C8A; color: #FFC300; padding: 3px 20px; margin: 0 0 15px 0; font-size: 130%; } */
#helpnow h2 { background-color: #006C8A; color: #ffffff; padding: 3px 20px; margin: 0 0 10px 0; font-size: 100%; }
#helpnow p { margin: 20px; line-height: 1em; font-size: 100%; }
#helpnow ul { padding: 0; margin: 0 10px 10px 30px; line-height: 0.9em; font-size: 140%; }
#helpnow li {margin: 0px; padding: 0px;}

.clr { clear: both; height: 20px; overflow: hidden; }
#newsbox .clr { height: 10px; }
#articlelist .clr { height: 15px; border-bottom: solid 1px #999999; }

#articlelist { margin: 20px 30px 0 20px; padding: 0 0 0 0; }
#articlelist h2 { background-color: #006C8A; color: #ffffff; padding: 3px 20px; margin: 0 0 20px 0; font-size: 100%; }
#articlelist div { margin: 0 0 15px 0; }
#articlelist div img { display: inline; clear: left; float: left; width: 65px; border: solid 1px #006C8A; margin: 0 10px 0px 0; }
#articlelist div h3 { margin: 0 20px 4px 0px; font-size: 110%; }
#articlelist div p { margin: 0 20px 0 0px; line-height: 1.2em; font-size: 110%; }

#footer { background-color: #EBE7DE; margin: 0 10px; }
#footer p { margin: 0; padding: 5px 20px; text-align: right; }

img { border: solid 1px #006C8A; }

img.alignright { float: right; clear: both; margin: 20px 10px 20px 20px; }
img.alignleft { float: left; clear: both; margin: 20px 20px 20px 0; }

#gmap { background-color: #e0e0e0; width: 510px; height: 380px; margin: 15px 0 0 20px; border: solid 1px #e0e0e0; }

#iw { width: 150px; background: url(../images/map/arrow.gif) left center no-repeat; }
#iw div { margin: 0 0 0 6px; background-color: #ffffff; border: solid 1px #000000; line-height: 1em; }
#iw div h1 { margin: 6px 7px 2px 7px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
#iw div p { margin: 0 7px 6px 7px; font-size: 9px; color: #000000; }

.submitlabel { visibility: hidden; }

#url { display: none; }

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
