/** --- start of css --- */ /** BASIC */ html, body { height: 100%; } /** HEADER */ #header { width: 978px; /** whole top height with bar */ height: 119px; margin: 0px auto; } /** LOGO */ #logo { float: left; width: 262px; /** logo height, needs to be changed in concert with menu height and menu ul margin and header height */ height: 99px; background: url(images/top-left.png) no-repeat left top; background: url(images/new_homepage01.jpg) no-repeat left top; } #logo h1, #logo p { text-indent: -9999px; } /** MENU */ #menu { float: right; width: 716px; /** picture height, needs to be changed in concert with logo height and menu ul margin and header height */ height: 99px; } #menu ul { margin: 70px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; line-height: normal; } #menu li { display: inline; } /** PAGE */ #page { width: 978px; margin: 0px auto; } #page-bg { padding-bottom: 50px; } /** SIDEBAR **/ #sidebar { float: left; width: 263px; /** background: url(images/sidebar_back1.jpg) no-repeat left bottom; **/ } /** SEARCH */ #search form { height: 35px; } #search input { float: left; } #search-text { margin-right: 10px; } /** LOGIN */ #login { } #login ul { margin: 0px; padding: 0px; list-style: none; line-height: normal; } #login li { margin-bottom: 10px; } #login label { display: block; float: left; width: 65px; padding: 5px 0px 0px 0px; font-size: 10px; font-weight: bold; color: #3E424A; } #login-submit { margin-left: 156px; } /** SUBMENU */ #submenu { width: 263px; height: 221px; height: 165px; background: url(images/new2_homepage06.jpg) no-repeat left bottom; /** 25 + 28 x #subtabs **/ height: px; } #submenu ul { margin: 0px; padding: 0px 0px 0px 62px; height: 140px; /** height: 160px; **/ /** height: 196px; **/ /** 28 x #subtabs **/ height: px; background: url(images/new7_homepage07.jpg) no-repeat left top; list-style: none; line-height: normal; } #submenu li { display: inline; } #submenu-active { width: 263px; height: 221px; background: url(images/new1_homepage06.jpg) no-repeat left bottom; } #submenu-active ul { margin: 0px; padding: 0px 0px 0px 82px; background: url(images/new1_homepage07.jpg) no-repeat left top; list-style: none; line-height: normal; } #submenu-active li { display: inline; } /** CONTENT */ #content { } /** SPLASH */ #splash { height: 300px; padding: 0px 0px 0px 230px; background: url(images/homepage16.jpg) no-repeat left top; } #splash h1 { height: 106px; background: url(images/homepage17.gif) no-repeat left top; text-indent: -9999px; } #splash ul { height: 110px; margin: 0px; padding: 0px; list-style: none; } #splash li { display: inline; } #splash li a { display: block; float: left; width: 76px; height: 89px; padding: 0px 9px 0px 0px; text-indent: -9999px; } #splash #link1 { background: url(images/homepage18.jpg) no-repeat left top; } #splash #link2 { background: url(images/homepage19.jpg) no-repeat left top; } #splash #link3 { background: url(images/homepage20.jpg) no-repeat left top; } #splash p { width: 240px; } /** NEWS */ #news { } #news .news-items { margin: 0px; padding: 20px 0px 0px 0px; border-top: 1px solid #F1F3F6; list-style: none; } #news .news-items li { display: block; float: left; width: 210px; } #news .news-items li.alt { padding-left: 40px; } /** FOOTER */ #footer { width: 978px; height: 90px; margin: 0px auto; }