BODY { background-color: #2650A4; background-image: url(/_images/site/_.gif); background-repeat:repeat-x; text-align : center; color : #191211; font-family : Verdana, Arial, Helvetica, Sans-Serif; font-size : 75%; margin : 10px; line-height : 16px; } /* ======== Universal Elements ========= */ /* Remove padding and margin */ * { margin : 0; padding : 0; } /* Put it back on certain elements */ h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, ul { margin : 1em 0; } /* Class for clearing floats */ .clear { clear :both; } /* Remove border around linked images */ img { border : 0; } /* Title rollover */ abbr[title] { border-bottom : 1px dotted #999; } abbr[title]:hover { cursor : help; } /* set table width to 92% so there is no overflow */ TABLE { width : 92%; overflow : hidden; } /* ======= SELECTORS - Alphabetical =========== */ A { color : #2751A7; text-decoration : underline; } H1 { color : #002150; font-family : Arial, Helvetica, Sans-Serif; font-size : 2em; font-weight : bold; line-height : 1.3em; } H2 { color : #002150; font-family : Arial, Helvetica, Sans-Serif; font-size : 1.1em; font-weight : bold; line-height : 1.1em; } H3 { color : #191211; font-family : Arial, Helvetica, Sans-Serif; font-size : 1em; font-weight : bold; line-height : 1em; } HR { color : #F3E9D0; background-color: #F3E9D0; border : 0; height : 1px; margin : 3px auto; } LI { } P { } TD { font-size : .8em; } /* ========== SECTIONS of Page =============== */ /* = Wrapper = */ #Wrapper { /*background-color: #8B9093; - take out for IE footer fix*/ width : 980px; margin : 0 auto; text-align : left; } #Wrapper-Policies { background-color: #FFFFFF; border : 1px #8B9093; text-align : left; margin : 0 auto; padding : 0 10px; width : 550px; } /* = Header = */ #Header { height : 100; } .Header-Container { padding : 0px; margin : 0px; height : 100; } .Header-Home-Container { padding : 0px; margin : 0px; height : 100; } .Header-Graphic { background-image: url(/_images/site/header.jpg); width : 980px; height : 80; } .Header-Home-Graphic { background-image: url(/_images/site/header.jpg); width : 980px; height : 80; } .Menu-Container { background-image: url(/_images/site/menu_back.jpg); background-color: #F3E9D0; background-repeat: repeat-x; width : 980px; height : 20; clear : both; text-align : left; } .Menu-Home-Container { background-image: url(/_images/site/menu_back.jpg); background-color: #F3E9D0; background-repeat: repeat-x; width : 980px; height : 20; clear : both; text-align : left; } /* = Main Section = */ #Main-Section { background-image: url(/_images/site/mainback.jpg); background-color: #D9BD73; background-repeat: repeat-x; width : 980px; display : inline-block; display : block; clear : both; float : left; padding-bottom : 10px; } #Main-Home-Section { background-image: url(/_images/site/mainback.jpg); background-color: #D9BD73; background-repeat: repeat-x; width : 980px; display : inline-block; display : block; clear : both; float : left; padding-bottom : 10px; } .Section-Container { background-color: transparent; width : 20%; margin : 5px 10px 0 5px; position : relative; float : left; } .Section-Home-Container { background-color: transparent; width : 20%; margin : 5px 10px 0 5px; position : relative; float : left; } .Content-Container { background-color: #FFFFFF; border : 1px solid #8B9093; text-align : left; margin : 5px 0; padding : 0 5px 0 5px; display : block; width : 40%; float : left; padding-bottom : 10px; overflow : hidden; } #App-Section { margin : auto 0; width : 100%; display : inline-block /*IE peekaboo bug fix (hasLayout) */ } .App-Search { } .App-Container { } .Additional-Container { background-color: transparent; width : 35%; margin : 5px 10px 0 5px; position : relative; float : right; } .Additional-Home-Container { background-color: transparent; width : 35%; margin : 5px 10px 0 5px; position : relative; float : right; } .AppFocus-Container { } /* = Footer = */ #Footer { background-color: none; } .Footer-Container { position : relative; padding : 5px; margin : 0px; font-family : Arial, Helvetica, Sans-Serif; font-size : .9em; text-decoration : none; float : left; background-color: none; } .Footer-Container-Right { position : relative; padding : 5px; margin : 0px; font-family : Arial, Helvetica, Sans-Serif; font-size : .9em; text-decoration : none; float : right; background-color: none; } /* = Policies pages = */ #Wrapper-PopUp { background-color: #FFFFFF; border : 1px #8B9093; text-align : center; width : 550px; } #Main-Section-PopUp { background-color: transparent; margin-bottom : 20px; margin-left : 20px; margin-right : 20px; margin-top : 0px; text-align : left; width : 450px; } #ContentPolicies { background-color: #FFFFFF; width : 100%; padding : 10px; clear : both; } /* ======== DIV and other tags ========== */ .Content-Text { padding : 0px; } .Additional-Title { color: #002150; position : relative; height : 20px; font-family : Arial, Helvetica, Sans-Serif; font-size : 1.1em; font-weight : bold; font-style : italic; border-bottom : 1px #F3E9D0 solid; clear : left } .Additional-Text { padding : 5px 2px 5px 2px; text-align : left; color : #002150; background-color: transparent; font-size : .9em; } a.Additional-Text { position : relative; font-family : Arial, Helvetica, Sans-Serif; text-align : left; color :#002150 } .Enews { background-color: #FFFFFF; background-image: url(/_images/site/4/enewsback.jpg); width : 100%; font-family : Arial, Helvetica, sans-serif; font-weight : bold; } .Footer { color : #FFFFFF; font-family : Arial, Helvetica, sans-serif; font-size : .9em; font-weight : bold; } A.Footer { color : #FFFFFF; font-family : Arial, Helvetica, sans-serif; font-size : .9em; font-weight : bold; } /* ======= CUSTOM - Sections =========== */ /* ======== MENU TOP ========== */ LI.Menu-Top-Normal { background-color: #F3E9D0; } LI.Menu-Top-Active { background-color: #FFFFFF; background-image: url(/_images/site/4/tab_active.jpg); background-repeat:repeat-x; } /* Menu Top ================= */ A.Menu-Top-Normal { background-color: #F3E9D0; color : #666666; font-family : Tahoma, Arial, sans-serif; font-size : 11px; font-weight : bold; padding-left : 3px; padding-right : 3px; text-decoration : none; } A:HOVER.Menu-Top-Normal { background-color: #FFFFFF; color : #000000; text-decoration : none; } A.Menu-Top-Active { background-color: #FFFFFF; color : #000000; font-family : Tahoma, Arial; font-size : 11px; font-weight : bold; padding-left : 3px; padding-right : 3px; text-decoration : none; } A:HOVER.Menu-Top-Active { text-decoration: none; } /* DROP DOWN NAV MENU ============== */ DIV#navigation { float : left; border : none; z-index : 100; } DIV#navigation UL { position : relative; list-style : none; float : left; background : transparent; padding : 0px; margin : 0px; z-index : 100; } DIV#navigation UL LI { position : relative; float : left; margin : 0 3px; background : #F3E9D0; /* menu LI */ } DIV#navigation UL LI A { text-decoration : none; width : 1px; white-space : nowrap; text-align : center; padding : 2px 5px; display : block; color : #666666; /* inactive */ background : #F3E9D0; /* menu LI */ background-image: url(/_images/site/4/tab_normal.jpg); background-repeat:repeat-x; } DIV#navigation UL LI>A { width :auto; } DIV#navigation UL LI A:hover { background : #FFFFFF; background-image: url(/_images/site/4/tab_active.jpg); background-repeat:repeat-x; color : #000000; /* hover */ } DIV#navigation A.Menu-Top-Active{ background : #FFFFFF; background-image: url(/_images/site/4/tab_active.jpg); background-repeat:repeat-x; color : #000000; /* active menu item */ } DIV#navigation UL UL.default { position : absolute; left : 0px; top : 21px; padding : 0px; text-align : left; width : 160px; display : none; margin-top : 1px; background : #F3E9D0; /* dropdown */ border : 1px solid ; } DIV#navigation UL UL.default LI { position : relative; padding : 0px; margin : 0px; border-top : 1px solid #FFFFFF; } DIV#navigation UL UL.default A { height : auto; text-align : left; white-space : normal; display : block; padding : 2px; margin : 0px; width : 156px; /* inside UL dropdown width */ background-image: none; } DIV#navigation UL UL.default A:hover { position : relative; background : #FFFFFF; /* dropdown hover */ background-image: url(/_images/site/4/tab_active.jpg); } DIV#navigation UL UL.default UL{ margin : -23px 0px 0px 160px; /* dropdown UL position */ position : absolute; background : #F3E9D0; background-image: none; border : 1px solid ; } DIV#navigation UL UL.information { text-align : left; width : 350px; display : none; margin-top : 4px; position : absolute; left : -3px; top : 30px; padding : 0px; } DIV#navigation UL UL.information P { padding : 0px; margin : 3px 0px 0px 0px; } DIV#navigation UL UL.information A{ color : #002150; } LI.marked { background : #F3E9D0; } LI.unmarked { background : none; } IMG.image_align { float: left; padding: 3px; } IMG.image_border { border: 1px solid black; margin: 5px; } .right { position: absolute; right: 0px; border: none; } /* Menu Side ================= */ #No-Bullet { list-style-type : none; } A.Menu-Side-Normal { color : #002150; font-family : Tahoma, Arial, sans-serif; font-size : 11px; font-weight : bold; padding-bottom : 5px; padding-left : 5px; text-decoration : none; } A:HOVER.Menu-Side-Normal { color: #002150; text-decoration: underline; } A.Menu-Side-Active { color : #191211; font-family : Tahoma, Arial, sans-serif; font-size : 11px; font-weight : bold; padding-bottom : 5px; padding-left : 5px; text-decoration : none; } A:HOVER.Menu-Side-Active { color: #191211; } /* SSI MODULES ===== */ #App-Section H2 { text-align :left; line-height :16px; font-size :1.6em; padding-bottom :3px } .Section-Container H2, .Section-Home-Container H2, .Additional-Home-Container H2, .Additional-Container H2 { background-color: #F3E9D0; color : #002150; font-family : Tahoma, Arial, Helvetica, sans-serif; margin : 0; padding : 0 0 15px 0; } .Section-Container P, .Additional-Container P, .Section-Home-Container P, .Additional-Home-Container P { background-color: #FFFFFF; margin : 0; padding : 5px 5px; line-height : 1.3; } #App-Section img, .Section-Container img, .Additional-Container img, .Section-Home-Container img, .Additional-Home-Container img { margin : 0 5px 5px 0; } .Section-Container hr, .Additional-Container hr, .Section-Home-Container hr, .Additional-Home-Container hr { background-color: #FFFFFF; color : #FFFFFF } .Module-Margin { margin-left : -30px; } .Module-Title { font-weight : bold; color : #002150; } .Module-Title h2 { margin : 0px; border : 0px; padding : 0px 0px 0px 20px; height : auto !important; height: 1%; /* IE Holly Hack */ font-family : Arial; font-size : 1.1em; font-weight : bold; font-style : italic; height : 20px; } /* niftycorners start */ .rtop,.rbottom{display:block} .rtop *,.rbottom *{display:block;height: 1px;overflow: hidden} .r1{margin: 0 5px} .r2{margin: 0 3px} .r3{margin: 0 2px} .r4{margin: 0 1px;height: 2px} .rs1{margin: 0 2px} .rs2{margin: 0 1px} /* these are used for all module boxes */ .module { width : 100%; background-color: #FFFFFF; margin-bottom : 10px; } .module h2 { padding : 0 0 5px 5px; margin : 0 0 0 0; } .module-text { border : 1px solid #F3E9D0; padding : 5px 3px 0 3px; } .module-text ul { margin : 0; padding : 0; } /* niftycorners end */ /* borders with curves start (uses images for corners from _images/site/website_colors_ID folder) */ /* content container box */ .bl {background : url(/_images/site/3/bl.gif) 0 100% no-repeat} .br {background : url(/_images/site/3/br.gif) 100% 100% no-repeat} .tl {background : url(/_images/site/3/tl.gif) 0 0 no-repeat} .tr {background : url(/_images/site/3/tr.gif) 100% 0 no-repeat; padding:10px} .t { background : url(/_images/site/3/dot.jpg) 0 0 repeat-x; width : 100%;/*20em*/ } .b {background : url(/_images/site/3/dot.jpg) 0 100% repeat-x} .l {background : url(/_images/site/3/dot.jpg) 0 0 repeat-y} .r {background : url(/_images/site/3/dot.jpg) 100% 0 repeat-y} .speak { position : relative; top : 8px; left : -36px; background : url(/_images/site/3/comment_bubble.gif); height : 22px; width : 28px; float : left; } .speak-btm { position : relative; top : -1px; left : 36px; background : url(/_images/site/3/comment_bubble_btm.gif); height : 22px; width : 28px; float : left; } /* section container box */ .Section-Container .bl, .Section-Home-Container .bl { background : url(/_images/site/3/section_bl.gif) 0 100% no-repeat} .Section-Container .br, .Section-Home-Container .br { background : url(/_images/site/3/section_br.gif) 100% 100% no-repeat} .Section-Container .tl, .Section-Home-Container .tl { background : url(/_images/site/3/section_tl.gif) 0 0 no-repeat} .Section-Container .tr, .Section-Home-Container .tr { background : url(/_images/site/3/section_tr.gif) 100% 0 no-repeat; padding:10px} .Section-Container .t, .Section-Home-Container .t { background : url(/_images/site/3/section_dot.jpg) #F3E9D0 0 0 repeat-x; width : 100%; margin : 5px auto } .Section-Container .b, .Section-Home-Container .b { background : url(/_images/site/3/section_dot.jpg) 0 100% repeat-x} .Section-Container .l, .Section-Home-Container .l { background : url(/_images/site/3/section_dot.jpg) 0 0 repeat-y} .Section-Container .r, .Section-Home-Container .r { background : url(/_images/site/3/section_dot.jpg) 100% 0 repeat-y} /* additional container box */ .Additional-Container .bl, .Additional-Home-Container .bl { background : url(/_images/site/3/addl_bl.gif) 0 100% no-repeat} .Additional-Container .br, .Additional-Home-Container .br { background : url(/_images/site/3/addl_br.gif) 100% 100% no-repeat} .Additional-Container .tl, .Additional-Home-Container .tl { background : url(/_images/site/3/addl_tl.gif) 0 0 no-repeat} .Additional-Container .tr, .Additional-Home-Container .tr { background : url(/_images/site/3/addl_tr.gif) 100% 0 no-repeat; padding:10px} .Additional-Container .t, .Additional-Home-Container .t { background : url(/_images/site/3/addl_dot.jpg) #F3E9D0 0 0 repeat-x; width : 100%; margin : 5px auto } .Additional-Container .b, .Additional-Home-Container .b { background : url(/_images/site/3/addl_dot.jpg) 0 100% repeat-x} .Additional-Container .l, .Additional-Home-Container .l { background : url(/_images/site/3/addl_dot.jpg) 0 0 repeat-y} .Additional-Container .r, .Additional-Home-Container .r { background : url(/_images/site/3/addl_dot.jpg) 100% 0 repeat-y} /* extra alternating color boxes */ .bl-addl1 {background: url(/_images/site/3/addl1_bl.gif) 0 100% no-repeat} .br-addl1 {background: url(/_images/site/3/addl1_br.gif) 100% 100% no-repeat} .tl-addl1 {background: url(/_images/site/3/addl1_tl.gif) 0 0 no-repeat} .tr-addl1 {background: url(/_images/site/3/addl1_tr.gif) 100% 0 no-repeat; padding:10px} .t-addl1 { background : url(/_images/site/3/addl1_dot.jpg) #2650A4 0 0 repeat-x; width : 100%; margin : 5px auto; color : #FFFFFF; font-size : 1.2em; } .t-addl1 a { color : #FFFFFF; font-size : .9em; text-decoration : none; } .t-addl1 a:hover { text-decoration : underline; } .t-addl1 h2 { color : #FFFFFF; background-color: #2650A4; text-align : right; } .b-addl1 {background: url(/_images/site/3/addl1_dot.jpg) 0 100% repeat-x} .l-addl1 {background: url(/_images/site/3/addl1_dot.jpg) 0 0 repeat-y} .r-addl1 {background: url(/_images/site/3/addl1_dot.jpg) 100% 0 repeat-y} .bl-addl2 {background: url(/_images/site/3/addl2_bl.gif) 0 100% no-repeat} .br-addl2 {background: url(/_images/site/3/addl2_br.gif) 100% 100% no-repeat} .tl-addl2 {background: url(/_images/site/3/addl2_tl.gif) 0 0 no-repeat} .tr-addl2 {background: url(/_images/site/3/addl2_tr.gif) 100% 0 no-repeat; padding:10px} .t-addl2 { background : url(/_images/site/3/addl2_dot.jpg) #F3E9D0 0 0 repeat-x; width : 100%; margin : 10px auto; color : #FFFFFF; font-size : 1.2em; } .t-addl2 a { color : #FFFFFF; font-size : .8em; text-decoration : none; } .t-addl2 a:hover { text-decoration : underline; } .t-addl2 h2 { color : #FFFFFF; background-color: #F3E9D0; text-align : right; } .b-addl2 {background: url(/_images/site/3/addl2_dot.jpg) 0 100% repeat-x} .l-addl2 {background: url(/_images/site/3/addl2_dot.jpg) 0 0 repeat-y} .r-addl2 {background: url(/_images/site/3/addl2_dot.jpg) 100% 0 repeat-y} /* borders with curves end */ /* box with shadow */ .shadow { float : left; clear : left; background : url(/_images/site/shadowAlpha.png) no-repeat bottom right !important; background : url(/_images/site/shadowLarge.gif) no-repeat bottom right; margin : 10px 0 0 20px; padding : 0; } .shadow-box { position : relative; text-align : center; bottom : 6px; right : 6px; background-color : #FFFFFF; border : 1px solid #8B9093; margin : 0; padding : 4px; } .shadow-box { /* IE5 hack */ \margin : 0px 0px -3px 0px; ma\rgin : 0px 0px 0px 0px; } .shadow-box p { margin : 3px; } .column-box { float : left; margin-bottom : 15px; } .column-box a { padding-left : 14px; clear : both; text-align : left; } .shadow-box a { padding-left : 4px; } /* plain box with border */ .box { border : 1px solid #8B9093; padding : 5px; } .box-active { border : 1px solid #8B9093; padding : 5px; background-color: #999; color : #FFF; font-size : 1.1em; font-weight : bold; margin-top : 10px; } .box-inactive { border : 1px solid #8B9093; padding : 5px; background-color: #ccc; color : #999; font-size : 1.1em; margin-top : 10px; } /* LISTS =========== */ .List-Heading { color : #FFFFFF; font-size : 1.1em; font-weight : bold; } .List-SubHeading { color : #F3E9D0; background-color: #002150; padding-left : 3px; font-size : 1.2em; font-weight : bold; height : 16px; } .List-Row { } .List-Empty { font-weight : bold; background-color: #F3E9D0; border : #002150 solid 1px 1px 1px 1px; color : #191211; font-weight : bold; } .List-Title { font-size : 1.2em; font-weight : bold; } .List-SubTitle { font-size : .9em; font-weight : bold; } .List-Summary, .List-Data { font-size : .9em; } /* RS Nav page numbering */ .Recordset-Navigation-Bar { background-color: #FFFFFF; border : solid 0px #FFFFFF; text-align : right; } .Recordset-Navigation-Bar-Link { color : #002150; font-family : Arial; font-size : .9em; font-weight : bold; } a.Recordset-Navigation-Bar-Link { color : #002150; font-family : Arial; font-size : .9em; font-weight : bold; } /* FORMS ============ */ .Form-Label { font-size : .8em; font-weight : bold; padding : 3px; margin : 3px 0; } input, textarea { background-color: #FFFFFF; border : #002150 solid 1px; font-family : Arial; font-size : .9em; padding : 3px; margin : 3px 0; } input:focus, textarea:focus { border : #002150 solid 1px; background-color: #F3E9D0; } input.radio { /* needed or else it puts border around each radio button looks stupid */ border : 0px solid white; } input.submit { background-color: #F3E9D0; border : 1px #002150 solid; font-family : Arial, Helvetica, sans-serif; font-size : 1.1em; font-weight : bold; } input.image { border : 0; padding : 0px; } .noborder-submit { border : 0; } .Form-Comment { font-size : .8em; } .Form-Required { color : #cc0000; font-size : .8em; font-weight : bold; } .Form-Submit { background-color: #F3E9D0; border : 1px #002150 solid; font-family : Arial, Helvetica, sans-serif; font-size : 1.1em; font-weight : bold; } .Form-Confirmation { /* color should be black on green - universal for YES */ background-color: #99ffcc; border : #191211 solid 1px; color : #191211; font-weight : bold; margin : 15px; padding : 15px; } .Form-Error { /* color should be red on yellow- universal for ERROR */ background-color: #FFFFCC; border : #191211 solid 1px 1px 1px 1px; color : #FF0000; font-weight : bold; margin : 15px; padding : 15px; } /* CUSTOM PARAGRAPHS ======================== */ .Intro { color : #2751A7; font-size : 1em; font-weight : bold; padding : 2px; } .Heading { color : #191211; font-family : Arial, Helvetica, sans-serif; font-size : 1.1em; font-weight : bold; line-height : 25px; } .Small-Text { font-size : .9em; } A.Small-Text { color : #2751A7; font-size : .9em; } A:hover.Small-Text { color : #002150; font-size : .9em; } .Home_Photo_Caption { color : #666666; font-size : .9em; } .Breadcrumbs { font-size : .9em; text-align : right; } .Breadcrumbs a { font-size : 1em; } .Tiny-Text { font-size : .8em }