body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote { margin: 0px; padding: 0px; border: 0px; } body { background: #2c2f72 url(../_images/bg.jpg) center top no-repeat; text-align: center; padding: 0 0 40px 0; } p, div, li, h1, h2, h3, h4, td, input, select, textarea { font-family: Arial; font-size: 13px; color: #424242; line-height: 18px; } p, h1, h2, h3, h4, #content ul, #content ol, #content table { margin-bottom: 15px; } a img, :link img, :visited img { border: none } a:link, a:visited { color: #0048ab; text-decoration: underline; } a:hover, a:active { color: #6b97d3; text-decoration: underline; } div.clear { clear: both; overflow: hidden; height: 1px; } input { vertical-align: middle; } /* ----------------------------------- */ /* COMMON /* ----------------------------------- */ #wrapper { width: 940px; margin: 0 auto; text-align: left; } #main { background: #242867 url(../_images/main.jpg) 0 0 no-repeat; border-bottom: 20px solid #242867; padding: 50px 20px 0 20px; } #main2 { padding: 0 20px; background: #FFF; padding-bottom: 15px; } #content h1 { font-family: Times; font-size: 42px; line-height: 42px; color: #78a664; } p.highlight { font-size: 17px; color: #8b8b8b; } /* ----------------------------------- */ /* TOP /* ----------------------------------- */ #top { height: 134px; padding: 0 40px; margin-top: 35px; } #logo { float: left; } /* MENU */ #menu { background: url(../_images/menu.png) 0 0 no-repeat; width: 573px; height: 25px; margin: 70px 0 0 54px; float: left; } #menu span { display: none; } #menu li, #menu a { height: 25px; display: block; } #menu li { float: left; list-style: none; } #menu-01 { width: 72px; } #menu-02 { width: 155px; } #menu-03 { width: 116px; } #menu-04 { width: 109px; } #menu-05 { width: 121px; } #menu-01 a:hover { background: transparent url(../_images/menu.png) 0px -25px no-repeat; } #menu-02 a:hover { background: transparent url(../_images/menu.png) -72px -25px no-repeat; } #menu-03 a:hover { background: transparent url(../_images/menu.png) -227px -25px no-repeat; } #menu-04 a:hover { background: transparent url(../_images/menu.png) -343px -25px no-repeat; } #menu-05 a:hover { background: transparent url(../_images/menu.png) -452px -25px no-repeat; } /*** SUPERFISH **/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 100px; /* left offset of submenus need to match (see below) */ } .sf-menu ul ul { width: 180px; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 17px; top: 25px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } .sf-menu ul { background: #78a664; padding: 4px 15px 10px 15px; } .sf-menu li li, #menu ul li a:hover, #menu ul li a:visited { background: none !important; } #menu li li { font-size: 11px; line-height: 14px; border-bottom: 1px solid #a0c291; padding: 5px 0; } #menu li li, #menu li li a { height: auto; } .sf-menu li li a:link, .sf-menu li li a:visited { color: #FFF; text-decoration: none; } .sf-menu li li a:hover, .sf-menu li li a:active { color: #CCC; } .sf-menu li li li { /*background: #9AAEDB;*/ } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { /*background: #CFDEFF;*/ outline: 0; } /* ----------------------------------- */ /* HOME /* ----------------------------------- */ /* BUTTONS */ #buttons { background: url(../_images/buttons.jpg) 0 0 no-repeat; width: 860px; height: 232px; } #buttons span { display: none; } #buttons li, #buttons a { height: 232px; width: 215px; display: block; } #buttons li { float: left; list-style: none; _display: inline; } #button-01 a:hover { background: transparent url(../_images/buttons.jpg) 0px -232px no-repeat; } #button-02 a:hover { background: transparent url(../_images/buttons.jpg) -215px -232px no-repeat; } #button-03 a:hover { background: transparent url(../_images/buttons.jpg) -430px -232px no-repeat; } #button-04 a:hover { background: transparent url(../_images/buttons.jpg) -645px -232px no-repeat; } .home h1, .home p.highlight { text-align: center; margin-bottom: 25px; } .home #content h1 {font-size: 36px; margin-bottom: 5px; } #intros li { width: 202px; margin: 0 17px 0 0; float: left; list-style: none; font-family: Times; font-size: 24px; line-height: 24px; color: #313370; } #intros li span { font-family: Arial; font-size: 13px; text-transform: uppercase; color: #8b8b8b; display: block; margin: 0 0 10px 0;} #intros li#intro4 { margin: 0; } #intros li a img { border-top: 3px solid #78a664; margin: 0 0 10px 0; } #intros li:hover a img { border-top: 3px solid #313370; } #intros li p { font-size: 11px; line-height: 14px; color: #8b8b8b; } #intros a.more { width: 96px; height: 25px; background: transparent url(../_images/more.gif) 0 0 no-repeat; display: block; } #intros a.more:hover { background-position: 0 -25px; } #intros a span { display: none; } /* ----------------------------------- */ /* SUB PAGES /* ----------------------------------- */ .sub #content { width: 620px; float: left; } .sub #content li { margin-left: 25px; } .sub #content h1 { padding-bottom: 6px; border-bottom: 1px solid #EFEFEF; } .sub #content h2 { font-family: Times; font-size: 24px; line-height: 24px; color: #313370; font-weight: normal; } .sub #side { width: 200px; float: right; } .sub #side #intros li { width: 202px; margin: 0 0 20px 0; list-style: none; font-family: Times; font-size: 18px; line-height: 18px; color: #313370; } .sub #side #intros li span { font-family: Arial; font-size: 12px; text-transform: uppercase; color: #8b8b8b; display: block; margin: 0 0 10px 0;} .sub #side #intros a.more { width: 68px; height: 18px; background: transparent url(../_images/more-small.gif) 0 0 no-repeat; display: block; } .sub #side #intros a.more:hover { background-position: 0 -18px; } .sub #side #intros a span { display: none; } .sub #side #subpages li { list-style: none; font-family: Times; font-size: 18px; line-height: 18px; margin: 0 0 10px 0; } .sub #side #subpages li a { color: #313370; } .sub #side #subpages li a:hover { color: #7274aa; } /* ----------------------------------- */ /* FOOTER /* ----------------------------------- */ #footer { background: #161735; padding: 15px 0; text-align: center; } #footer p { font-size: 12px; color: #FFF; margin: 0 0 6px 0; } #footer a { color: #FFF; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer p#copyright, #footer p#copyright a { font-size: 11px; color: #535369; text-decoration: none; }