/** --- 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;
}