body { font:normal 12px/ 16px Verdana, Arial, Helvetica, sans-serif; color:#333; background:#DEDEDE; margin:0; padding:0; outline:0; }
span { margin:0; padding:0; }
div { margin:0; padding:0; }
img { border:0; }
a:link { color:#444; text-decoration:none; }
a:visited { color:#666; text-decoration:none; }
a:hover { color:#CC0000; text-decoration:none; }
a:active { color:#444; text-decoration:none; }
ul { padding:1px; margin:0 0 0 5px; list-style:url(/images/bullets/list1.gif) inside; }
ol { padding:0; margin:0 0 2px 2px; list-style:decimal; }
li { padding:0 0 4px; }
li a,li a:active,li a:visited,li a:link { color:#385BAF; }
li a:hover { color:#CC0000; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; margin-bottom:2px; font-weight:700; }
h1 { font:700 18px/ 24px Verdana, Arial, Helvetica, sans-serif; }
h2 { font:700 16px/ 20px Arial, Helvetica, sans-serif; }
h3 { font:700 15px/ 19px Arial, Helvetica, sans-serif; }
h4 { font:700 14px/ 18px Arial, Helvetica, sans-serif; }
h5 { font:700 12px/ 16px Arial, Helvetica, sans-serif; }
h6 { font:700 12px/ 16px Arial, Helvetica, sans-serif; }
hr { width:100%; height:1px; padding:0; border:0; margin:4px 0; border-bottom:#CCCCCC 1px solid; }
a.go_back,a.blue_link { color:#0000FF; }
a.go_back:hover,a.blue_link:hover { text-decoration: underline; cursor:pointer; }
a.purple_link { color:purple; }
a.purple_link:hover { text-decoration: underline; cursor:pointer; }
a.police { color:#000066; }
a.police:hover { text-decoration: underline; cursor:pointer; }
a.fire { color:#CC0000; }
a.fire:hover { text-decoration: underline; cursor:pointer; }
a.ems { color:#0000CC; }
a.ems:hover { text-decoration: underline; cursor:pointer; }


/* COLORS */
.police { color:#000066; }
.fire { color:#CC0000; }
.ems { color:#0000CC; }
.red { color:red; }
.black { color:#222; }
.dark_gray { color: #333; }
.blue { color:blue; }
.blue2 { color:#385BAF; }
.label_blue { color:#003366; }
.brown { color:brown; }
.green { color:green; }
.orange { color:orange; }
.purple { color:purple; }
.silver { color:#777; }
.white { color:#FFF; }

.times { font-family: Times; }
.underline { text-decoration: underline; }
.unavailable { color:#CCCCCC; }
.notes { font-size:11px; font-style:italic; color:#0033FF; padding:2px; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.bold { font-weight:bold; }
.thin { font-weight:normal; }
.indent { text-indent:15px; }
.smallcaps { font-variant:small-caps; }
.pointer { cursor:pointer; }
.content_pad { padding:10px; }
.italic { font-style:italic; }
.small { font-size:80%; }
.pad_all { padding:2px; }
.pad_top { padding-top:10px; }
.pad_right { padding-right:10px; }
.pad_bottom { padding-bottom:10px; }
.pad_left { padding-left:10px; }
.margin_top { margin-top:10px; }
.margin_right { margin-right:10px; }
.margin_bottom { margin-bottom:10px; }
.margin_left { margin-left:10px; }
h1.police,h1.admin,h1.member,h1.civilian, h1.search { color:#003399; border-bottom:1px solid #CC0000; margin:0 0 10px; width:100%; font:bold 17px/ 23px Arial, Helvetica, sans-serif; clear:both; }
h2.police,h2.admin,h2.member,h2.civilian { color:#003399; border-bottom:1px solid #CC0000; margin:0 0 10px; width:100%; font:bold 16px/ 22px Arial, Helvetica, sans-serif; clear:both; }
h3.police,h3.admin,h3.member,h3.civilian { color:#003399; border-bottom:1px solid #CC0000; margin:0 0 10px; width:100%; font:bold 14px/ 20px Arial, Helvetica, sans-serif; clear:both; }
h4.police,h4.admin,h4.member,h4.civilian { color:#003399; border-bottom:1px solid #CC0000; margin:0 0 10px; width:100%; font:bold 14px/ 20px Arial, Helvetica, sans-serif; clear:both; }
h5.police,h5.admin,h5.member,h5.civilian { color:#003399; font-size:14px; line-height:14px; margin:0 0 5px; padding:0; }
h1.fire { color:#CC0000; border-bottom:1px solid #000066; margin:0 0 10px; width:100%; font:bold 18px/ 24px Arial, Helvetica, sans-serif; clear:both; }
h2.fire { color:#CC0000; border-bottom:1px solid #000066; margin:0 0 10px; width:100%; font:bold 16px/ 22px Arial, Helvetica, sans-serif; clear:both; }
h3.fire { color:#CC0000; border-bottom:1px solid #000066; margin:0 0 10px; width:100%; font:bold 14px/ 20px Arial, Helvetica, sans-serif; clear:both; }
h4.fire { color:#CC0000; border-bottom:1px solid #000066; margin:0 0 10px; width:100%; font:bold 14px/ 20px Arial, Helvetica, sans-serif; clear:both; }
h5.fire { color:#CC0000; font-size:14px; line-height:14px; margin:0 0 5px; padding:0; }
h1.ems { color:#0000CC; border-bottom:1px solid #FF0000; margin:0 0 10px; width:100%; font:bold 18px/ 24px Arial, Helvetica, sans-serif; clear:both; }
h2.ems { color:#0000CC; border-bottom:1px solid #FF0000; margin:0 0 10px; width:100%; font:bold 16px/ 22px Arial, Helvetica, sans-serif; clear:both; }
h3.ems { color:#0000CC; border-bottom:1px solid #FF0000; margin:0 0 10px; width:100%; font:bold 14px/ 20px Arial, Helvetica, sans-serif; clear:both; }
h4.ems { color:#0000CC; border-bottom:1px solid #FF0000; margin:0 0 10px; width:100%; font:bold 14px/ 20px Arial, Helvetica, sans-serif; clear:both; }
h5.ems { color:#0000CC; font-size:14px; line-height:14px; margin:0 0 5px; padding:0; }
.page_wrapper_border { width:804px; background:#aaa; margin:0 auto; padding:0; overflow:hidden; }
.page_wrapper { width:800px; margin:0 auto; text-align:left; background:#FFFFFF; }
.page_header { width:800px; border-top:2px solid #FFFFFF; }
.page_header div.one { float:left; clear:none; width:196px; height:70px; background:#000066 url(/images/logo.gif) no-repeat center center; border-left:2px solid #fff; border-right:2px solid #fff; margin:0; padding:0; }
.page_header div.two { float:left; clear:none; width:198px; height:70px; background:#000066; border-right:2px solid #fff; margin:0; padding:0; }
.page_header div.three { float:left; clear:none; width:198px; height:70px; background:#CC0000; border-right:2px solid #fff; margin:0; padding:0; }
.page_header div.four { float:left; clear:none; width:198px; height:70px; background:#0000CC; border-right:2px solid #fff; margin:0; padding:0; }
.page_header h1 { color:#ffffff; font-size:24px; font-weight:normal; text-align:right; padding-right:10px; padding-top:40px; }
.page_header div.login_container { height:180px; float:left; clear:left; width:198px; background:#f2f2f2 url(/images/temp_bglogin.jpg) repeat; border-top:2px solid #fff; }
.page_header div.login_container div.pad { padding:6px; }
.page_header div.login_container div.welcome { font-weight:bold; }
.page_header div.link { font-size:11px; padding-top:8px; font-weight:bold; }
.page_header div.link a:visited { color:#222222; font-weight:bold; }
.page_header div.link a:hover { color:#385BAF; font-weight:bold; }
.page_header div.login_container div.msg { padding-top:8px; color:#385BAF; }
.page_header div.img { float:right; clear:none; width:598px; height:180px; background:url(/images/header_20090410.jpg) no-repeat right top; border-top:2px solid #FFFFFF; border-right:2px solid #FFFFFF; }
#search_query { width:180px; }
div.img .search_box { background-color: white; float:right; margin-top: 142px; opacity:0.7; }
.content_container { min-height:400px; background:#FFFFFF; clear:both; }
div.img .search_box:hover { opacity:1; }
.footer { border-top:1px solid #333333; background:#385BAF; padding-top:5px; padding-bottom:5px; text-align:center; clear:both; }
.footer span { color:#FFFFFF; font-size:80%; }

/* BEGIN FORMS */
.form { }
fieldset { background:#FFFFFF; padding:10px; margin:0 0 10px; border:1px solid #ccc; }
legend { color:#385BAF; font-weight:bold; font-size:16px; line-height:20px; margin-left:10px; }
label { float:left; color:#003366; width:100px; font-weight:700; line-height: 16px; text-align:right; margin-right:10px; }
input { padding-top:1px; padding-bottom:1px; padding-left:2px; padding-right:2px; background:#FAFAFA; width:200px; height:16px; border:1px solid #B8D5DC; font-size:12px;}
textarea { padding:2px; background:#FAFAFA; width:200px; height:150px; overflow:auto; border:1px solid #B8D5DC;}
textarea:hover,textarea:focus,input:hover,input:focus { border-color:#4C74D4; background:#FFFFEE; }
#btn_submit { width:69px; height:26px; overflow:hidden; border:0; background:url(/images/forms/btn_submit.gif) no-repeat 0 0; cursor:pointer; }
#btn_search { width:69px; height:26px; overflow:hidden; border:0; background:url(/images/forms/btn_search.gif) no-repeat 0 0; cursor:pointer; }
#btn_login { width:69px; height:26px; overflow:hidden; border:0; background:url(/images/forms/btn_login.jpg) no-repeat; background-repeat:no-repeat; cursor:pointer; }
#btn_yes { width:69px; height:26px; overflow:hidden; border:0; background:url(/images/forms/btn_yes.gif) no-repeat; background-repeat:no-repeat; cursor:pointer; }
#btn_no { width:69px; height:26px; overflow:hidden; border:0; background:url(/images/forms/btn_no.gif) no-repeat; background-repeat:no-repeat; cursor:pointer; }
#btn_donate { width:69px; height:26px; overflow:hidden; border:0; background:url(/images/forms/btn_donate.jpg) no-repeat; background-repeat:no-repeat; cursor:pointer; }
#btn_login:hover,#btn_submit:hover,#btn_search:hover,#btn_yes:hover,#btn_no:hover,#btn_donate:hover { background-position:0 -26px; }
#agency_zip,#agency_personnel,#agency_population,#member_zip,#zip { width:80px; }
#address_1,#address_2 { width:300px; }
#hero_age,#hero_duty_years,#hero_duty_months { width:30px; }
#agency,#hero_agency,#member_agency { width:350px; }
#member_email { width:300px; }
.form_auto { width:auto; height:auto; border:none; background:none; margin:0 10px 0 0; }
.form_auto:hover,.form_auto:focus { border-color:transparent; background:none; }
.form_spacer { margin:10px 0 15px; }
.data_spacer { margin:8px 0; }
.warning { padding-bottom:15px; }
.button { padding-left:8.5em; }

/* MESSAGES */
.error_message { background:#FFDDDD url(/images/icons/error.png) no-repeat 2px 2px; padding:5px 5px 5px 35px; margin:0; font-size:11px; min-height:20px; max-height:150px; overflow:auto; border-bottom:#FFBBBB 1px solid; }
.success_message { background:#FFFFCC url(/images/icons/success.png) no-repeat 2px 2px; padding:5px 5px 5px 35px; margin:0; font-size:11px; min-height:20px; max-height:150px; overflow:auto; border-bottom:#FFCC00 1px solid; }
.logout_message { background:#FFFFCC url(/images/icons/logout_success.png) no-repeat 2px 2px; padding:5px 5px 5px 35px; margin:0; font-size:11px; min-height:20px; max-height:150px; overflow:auto; border-bottom:#FFCC00 1px solid; }
.login_message_success { background:#FFFFCC url(/images/icons/login_success.png) no-repeat 2px 2px; padding:5px 5px 5px 35px; margin:0; font-size:11px; min-height:20px; max-height:150px; overflow:auto; border-bottom:#FFCC00 1px solid; }
.login_message_fail { background:#FFFFCC url(/images/icons/login_fail.png) no-repeat 2px 2px; padding:5px 5px 5px 35px; margin:0; font-size:11px; min-height:20px; max-height:150px; overflow:auto; border-bottom:#FFCC00 1px solid; }
.results_message,.member_message { background:#FAFAFA url(/images/icons/info.png) no-repeat 2px 2px; padding:5px 5px 5px 35px; margin:0; font-size:11px; min-height:20px; max-height:170px; overflow:auto; border-bottom:#CCC 1px solid; }
.warning_message { background:#FFDE9D url(/images/icons/warning.png) no-repeat 2px 2px; padding:5px 5px 5px 35px; margin:0; font-size:11px; min-height:20px; max-height:170px; overflow:auto; border-bottom:#FFB982 1px solid; }
.error_message a,.success_message a,.results_message a,.warning_message a,.member_message a { color:purple; }
.error_message a:hover,.success_message a:hover,.results_message a:hover,.member_message a:hover { color:#0000FF; }
.paypal { margin:0; padding:0; }
.clear_float { width:99%; height:10px; clear:both; }
.clear_left { clear:left }
.clear_right { clear:right }
.float_left { float:left; margin:0; padding:0; }
.float_left_clear_left { float:left; clear:left; margin:0; padding:0; width:100%; }
.float_right { float:right; margin:0; padding:0; }
.float_right_clear_right { float:right; clear:right; margin:0; padding:0; width:100%; }
.patch { float:left; border:0; margin:0 15px 0 0; padding:0 0 10px; }
.registration_link { margin:8px 0 0; font-weight:bold; }
.registration_link a { color:#333; }
.registration_link a:hover { color:#CC0000; }
.update_link { font-size: 11px; font-style: italic; font-variant: small-caps; }
.update_link a { color:gray; }
.update_link a:hover { color:red; text-decoration: underline; }