/* reset styles */ @import "/css/reset.css"; body { background: #EBEBEB; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } /* ~~~~~~~~~~~~~~ IDs ~~~~~~~~~~~~~~~ */ #header { background: #ffffff; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; height: 37px; margin: 0 auto; padding: 12px 0px 16px 0px; width: 912px; } #brand { background: url(../../Images/aegon.gif) 23px 5px no-repeat; display: block; float: left; height: 46px; margin: 0px; padding: 5px 0px 0px 23px; width: 315px; } #top_right { display: block; float: right; height: 37px; margin: 0; padding: 0; width: 472px; } #top_right li { background: url(../../images/header_li.gif) top left no-repeat; display: block; float: left; height: 34px; padding: 2px 0 0 8px; } .col1 { width: 141px; } .col2 { width: 145px; } .col2 a { text-transform: uppercase; } .col3 { width: 162px; } .col3 input { background: #f2f2f2; border-bottom: none; border-left: 2px solid #828177; border-right: none; border-top: 2px solid #828177; color: #999999; font-size: 9px; padding: 1px; width: 88px; } .col3 input.search { background: none; border: none; color: #6c94b4; cursor: pointer; font-weight: bold; text-transform: uppercase; width: 50px; } #top_right li a { color: #999999; display: block; font-size: 9px; line-height: 9px; padding: 0 0 2px 0; text-decoration: none; } #top_right li a:hover { color: #1F82C2; } #navigation { background:#f2f2f2; border-bottom: 1px solid #cccccc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; height: 20px; margin: 0 auto; width: 912px; } #navigation li { border-right: 1px solid #cccccc; display: block; float: left; height: 20px; margin: 0px; padding: 0px; position: relative; text-align: center; vertical-align: middle; } ul#navigation li a { background: url("../../images/nav_new.gif") 0 0 no-repeat; color: #666666; font-size: 9px; height: 20px; display: block; margin: 0px; padding: 0px; text-indent:-9999px; z-index: 50; } ul#navigation li.last { border-right: none; } ul#navigation li a.nav_home { background-position:0 0px; width: 253px; } #navigation li a.nav_home:hover { background-position:0 -20px; } ul#navigation li a.nav_municipal { background-position:-253px 0px; width: 221px; } #navigation li a.nav_municipal:hover { background-position:-253px -20px; } ul#navigation li a.nav_stable { background-position:-474px 0px; width: 154px; } #navigation li a.nav_stable:hover { background-position:-474px -20px; } ul#navigation li a.nav_news { background-position:-628px 0px; width: 125px; } #navigation li a.nav_news:hover { background-position:-628px -20px; } ul#navigation li a.nav_contact { background-position:-753px 0px; width: 154px; } #navigation li a.nav_contact:hover { background-position:-753px -20px; } #header_padding { background: #ffffff; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; height: 24px; margin: 0 auto; padding: 0; width: 912px; } /* ________Homepage ______________ */ body#home #maincontent_wrapper { background: url(../../images/home_wrapper_bg.gif) top left repeat-y #ffffff; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; height: auto; margin: 0 auto; padding: 0 24px 0 24px; width: 864px; } body#home #maincontent { background: #ffffff; color: #060606; float: left; margin: 0px; padding: 0px; text-align: left; width: 571px; } body#home #maincontent h1 /* see also "HEADERS" section of stylesheet */ { background: #005CAF; color: #ffffff; font-size: 11px; font-weight: bold; letter-spacing: -.05em; line-height: 11px; padding: 4px 0 4px 8px; position: relative; width: 563px; z-index: 1; } body#home #maincontent h1 span { display: block; height: 19px; left: 0; position: absolute; top: 0; width: 566px; z-index: 50; } body#home #maincontent .as_title { display: none; } #swap { margin: 0; padding: 0; width: 571px; } body#home #maincontent_wrapper #maincontent #swap h1 { margin: 0; } #swap ul { background: #005CAF; color: #ffffff; font-size: 10px; font-weight: bold; height: 20px; line-height: 12px; padding: 0 0 0 8px; text-transform: uppercase; width: 563px; } #swap li { float: left; padding: 3px 4px 3px 0px; } #swap li a { background: url(../images/switcher_btn_up.gif) top left no-repeat; display: block; height: 14px; width: 16px; } #swap li a:hover { background: url(/images/switcher_btn_hover.gif) top left no-repeat; } #swap p { background: #f2f2f2; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; color: #666666; display: block; font-size: 10px; line-height: 12px; margin: 0; padding: 10px 8px; width: 553px; } #swap p strong { color: #060606; font-size: 11px; } body#home #right_sidebar { background: #DCECFF; color: #060608; display: block; float: right; margin: 0px; min-height: 100%; padding: 0px; text-align: left; width: 276px; } body#home #right_sidebar h2 /* see also "HEADERS" section of stylesheet */ { background: #999999; color: #ffffff; font-size: 11px; font-weight: bold; letter-spacing: -.05em; line-height: 11px; padding: 4px 0 4px 8px; position: relative; width: 268px; z-index: 1; } body#home #right_sidebar h2 span { display: block; height: 19px; left: 0; position: absolute; top: 0; width: 198px; z-index: 50; } body#home #right_sidebar h3, body#home #right_sidebar .brief_title { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 14px; margin: 0; padding: 0px 32px 0px 16px; } body#home #right_sidebar span.brief_summary { display: block; padding: 5px 32px 5px 16px; } body#home #right_sidebar span.brief_link { display: block; padding: 0px 32px 0px 16px; } body#home #right_sidebar td.brief_text { padding: 0 0 18px 0; } /* ________end Homepage ______________ */ /* ________Interior ______________ */ #maincontent_wrapper { background: url(../images/interior_wrapper_bg.gif) top right repeat-y #ffffff; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; height: auto; margin: 0 auto; padding: 0 13px; width: 886px; } #maincontent { background: #ffffff; color: #060606; float: left; margin: 0px; padding: 0 18px; text-align: left; width: 498px; } #maincontent h1, span.as_title { background: #005CAF; color: #ffffff; display: block; font-size: 11px; font-weight: bold; line-height: 11px; margin: 0 0 12px 0; padding: 4px 0 4px 8px; position: relative; text-transform: uppercase; width: 498px; z-index: 1; } #maincontent.full-width h1, #maincontent.full-width span.as_title { width: 640px; } #maincontent h1 span { display: block; height: 19px; left: 0; position: absolute; top: 0; width: 498px; z-index: 50; } #maincontent .as_text img { margin: 6px 12px; } #maincontent .as_image { margin: 6px 12px; } #maincontent .as_text ul { margin:0 0 10px 10px; padding:0; } #maincontent .as_text ul li { background: url("../images/bullet.gif") no-repeat 0 5px; line-height:18px; margin:0; padding:0 0 0 15px; } #maincontent .as_text td { padding: 0 12px 6px 0; vertical-align: top; } #popupbox{ margin: 0; margin-left: 30%; /* This gets it relatively center on the screen */ margin-right: 50%; /* This gets it relatively center on the screen */ margin-top: 50px; /* Makes it a little off the top of the screen */ padding-top: 10px; /* Make the text not touching the top on the login box */ width: 20%; /* For centering it on the screen */ height: 150px; /* The height of the login box */ position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */ background: #FBFBF0; /* Login Box background color. Change this if desired. */ border: solid #000000 2px; /* Makes a black border around the login box */ z-index: 9; /* Makes it on top of everything else */ font-family: arial; /* Sets the font */ } #loginright_sidebar { background: #DCECFF; color: #060608; display: block; float: right; margin: 0px; min-height: 20px; padding: 0px; text-align: left; width: 179px; } #stright_sidebar { background: #DCECFF; color: #060608; display: block; float: right; margin: 0px; min-height: 575px; padding: 0px; text-align: left; width: 179px; } #noticeright_sidebar { background: #DCECFF; color: #060608; display: block; float: right; margin: 0px; min-height: 400px; padding: 0px; text-align: left; width: 179px; } #curight_sidebar { background: #DCECFF; color: #060608; display: block; float: right; margin: 0px; min-height: 475px; padding: 0px; text-align: left; width: 179px; } #legalright_sidebar { background: #DCECFF; color: #060608; display: block; float: right; margin: 0px; min-height: 1530px; padding: 0px; text-align: left; width: 179px; } #right_sidebar h2 /* see also "HEADERS" section of stylesheet */ { background: #999999; color: #ffffff; font-size: 11px; font-weight: bold; letter-spacing: -.05em; line-height: 11px; padding: 4px 0 4px 8px; position: relative; width: 171px; z-index: 1; } #right_sidebar h2 span { display: block; height: 19px; left: 0; position: absolute; top: 0; width: 179px; z-index: 50; } #right_sidebar h3 { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 14px; margin: 0; padding: 0px 16px 0px 8px; } #right_sidebar span.as_text { display: block; padding: 0 16px 16px 16px; } #right_sidebar ul { padding: 0 0 7px 0; } #right_sidebar ul li { background: url(../images/right_bull.gif) 0 9px no-repeat; padding: 5px 0 0px 14px; } #right_sidebar span.as_title { display: none; } #right_sidebar p { padding: 0 0 7px 0; margin: 0; } #left_sidebar { background: #FDFDFD; border-bottom: 1px solid #666666; border-top: 1px solid #666666; color: #060608; display: block; float: left; padding: 5px 5px; text-align: left; width: 155px; } #left_sidebar h3 { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; line-height: 10px; margin: 0; padding: 0 0 10px 0; } #left_sidebar li{ background: url(../images/lc_link_bg.gif) 0 3px no-repeat; display: block; line-height: 14px; padding: 0 0 5px 15px; } /* _____end Interior ______________ */ #maincontent_bottom { background: #ffffff; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; clear: both; height: 24px; margin: 0 auto; padding: 0; width: 912px; } #footer { color: #a0a0a0; margin: 9px auto; padding: 0px; text-align: left; width: 912px; } #footer ul { background: #e1e1e1; display: block; list-style: none; height: 33px; margin: 0px 0px 6px 0px; padding: 0 25px; width: 864px; } #footer li { float: left; font-size: 11px; line-height: 11px; margin: 0; padding: 11px 4px 11px 0; } #footer li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #767676; text-decoration: none; } #footer li a:hover { color: #060606; text-decoration: underline; } #footer li#size { float: right; padding: 12px 0 11px 0; } #footer p { font-size: 9px; padding: 0 25px; } /* ~~~~~~~~~~~~~~ GLOBAL CLASSES ~~~~~~~~~~~~~~~ */ .right { float: right; padding: 5px; } .clearfix { clear: both; } .left { float: left; padding: 5px; } /* ~~~~~~~~~~~~~~ HEADERS ~~~~~~~~~~~~~~~ */ h1 { display: block; margin: 0 0 12px 0; position: relative; text-transform: uppercase; } /* add appropriate text inside header for search engine then use span inside header with appropriate class (listed below) for image headers - header will default to main h1 styles if bg image unavailable */ .who_we_are { background: url(../images/headers/who_we_are.gif) top left no-repeat; } .featured_product { background: url(../images/headers/featured_product.gif) top left no-repeat; } .latest_news { background: url(../images/headers/latest_news.gif) top left no-repeat; } .ratings { background: url(../images/headers/ratings.gif) top left no-repeat; } .people { background: url(../images/headers/people.gif) top left no-repeat; } .resources { background: url(../images/headers/resources.gif) top left no-repeat; } h2 { display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0 0 12px 0; } h3, h4 { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin: 0 0 8px 0; } /* ~~~~~~~~~~~~~~ COPY ~~~~~~~~~~~~~~~ */ p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; margin: 0 0 14px 0; padding: 0; } a { color: #005cae; text-decoration: none; } a:hover { color: #999999; } /* ~~~~~~~~~~~~~~ FORMS ~~~~~~~~~~~~~~~ */ #maincontent input.form, #maincontent textarea { background: #f2f2f2; border-bottom: 1px solid #828177; border-left: 2px solid #828177; border-right: 1px solid #828177; border-top: 2px solid #828177; color: #060606; display: block; font-size: 11px; margin: 0 0 8px 0; padding: 3px; width: 250px; } #maincontent select { background: #f2f2f2; border-bottom: 1px solid #828177; border-left: 2px solid #828177; border-right: 1px solid #828177; border-top: 2px solid #828177; color: #060606; display: block; font-size: 11px; margin: 0 0 5px 0; padding: 2px; width: 250px; } #maincontent input.go { background: #FDFDFD; border-bottom: 1px solid #828177; border-left: 2px solid #828177; border-right: 1px solid #828177; border-top: 2px solid #828177; color: #060606; cursor: pointer; display: block; font-size: 11px; font-weight: bold; margin: 0 0 8px 0; outline: none; padding: 3px; } #maincontent label { color: #005CAF; display: block; font-weight: bold; margin: 0 15px 5px 0; }