#wrapper {
margin-right: auto;
margin-left: auto;
}
* {
margin: 0px;
padding: 0px;
}
body {
background: #333 url(images/bg.jpg) repeat-x;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
line-height: 16px;
}
#wrapper {
width: 770px;
margin-right: auto;
margin-left: auto;
background: #666666;
height: auto;
border: 1px solid #FFFFFF;
margin-bottom: 15px;
}
#wrapper #content ul {
list-style: disc;
padding-left: 15px;
}
#wrapper .clear {
clear: both;
}
#wrapper #header {
height: 122px;
width: 770px;
background: url(images/header_bg.jpg);
float: left;
}
#wrapper #header-left {
height: 123px;
width: 187px;
float: left;
}
#wrapper #header-right {
height: 123px;
width: 583px;
float: right;
background: url(images/agc-hd2.jpg);
}
#wrapper #header #header-right #top-nav {
list-style: none;
float: right;
margin-right: 12px;
margin-top: 8px;
font-size: .80em;
}
#wrapper #header #header-right #top-nav li {
display: inline;
}
#wrapper #header #header-right form {
float: left;
position: relative;
left: 343px;
top: 93px;
bottom: 0px;
}
#wrapper #header #header-right #search {
background: #029997 no-repeat;
height: auto;
width: 66px;
border: 1px solid #000000;
font-family: Tahoma, Geneva, sans-serif;
color: #FFFFFF;
}
#wrapper #header #header-right .searchbox {
width: 150px;
border: 1px solid #000000;
padding: 2px;
font-family: Tahoma, Geneva, sans-serif;
color: #666666;
}
#wrapper #header #header-right #top-nav a {
color: #333333;
text-decoration: none;
}
#wrapper #header #header-right #top-nav a:hover {
color: #e3161d;
text-decoration: underline;
}
#wrapper #content {
height: auto;
width: 770px;
background: #CCCCCC;
margin: 0px;
padding: 12px 0px 0px;
float: left;
}
#wrapper #navigation {
height: 49px;
float: left;
background: url(images/nav_bg.jpg);
width: 770px;
font-size: 1.2em;
}
#wrapper #navigation #nav {
width: 770px;
float: left;
padding-top: 15px;
margin-left: 75px;
}
#wrapper #nav a {
color: #FFFFFF;
text-decoration: none;
display: block;
padding-bottom: 14px;
}
#wrapper #nav a:hover {
color: #000000;
}
#wrapper #nav li {
width: auto;
float: left;
margin: 0px;
padding: 0px;
}
#wrapper #nav li ul {
position: absolute;
left: -999em;
margin-left: 0px;
margin-right: 0px;
list-style: none;
}
#wrapper #nav li:hover ul {
left: auto;
z-index: 111111;
height: auto;
width: auto;
}
#wrapper #nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
#wrapper #nav li.active {
}
#wrapper #navigation #nav .main {
width: auto;
font-family: Tahoma;
color: #FFFFFF;
list-style: none;
}
#wrapper #navigation #nav .main a {
width: auto;
font-family: Tahoma, Geneva, sans-serif;
font-size: .90em;
padding-right: 1.5em;
padding-left: 1em;
}
#wrapper #navigation #nav .main a:hover {
}
#wrapper #navigation #nav .main .drop {
background: #03999A;
width: 150px;
float: left;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #333333;
}
#wrapper #navigation #nav .main .drop li {
width: 100%;
}
#wrapper #navigation #nav .main .drop a {
padding-top: 4px;
padding-bottom: 4px;
}
#wrapper #navigation #nav .main .drop a:hover {
background: #9ECDCD;
display: block;
}
#wrapper #content #left-box {
float: left;
width: 745px;
background: #FFFFFF;
height: auto;
padding: 12px;
}
#wrapper #content #right-box {
float: left;
height: auto;
width: 275px;
padding: 12px;
}
#wrapper #content #right-box img {
border: 1px solid #000000;
margin-left: 22px;
}
#wrapper #content #left-box p {
font-size: 12px;
padding-bottom: 12px;
}
#wrapper #content #title {
height: 38px;
width: 758px;
font-family: Tahoma, Geneva, sans-serif;
float: left;
margin-top: 6px;
background: url(images/main_tile.jpg);
padding-left: 12px;
font-weight: bold;
color: #006666;
}
#wrapper #content #login #login {
width: 425px;
margin-left: 343px;
height: auto;
float: left;
}
#wrapper #content #login #login h3 {
font-family: Tahoma, Geneva, sans-serif;
font-size: 1em;
float: left;
padding-right: 8px;
}
#wrapper #content #login #login .inputbx {
width: 100px;
border: 1px solid #000000;
padding: 2px;
}
#wrapper #content #login #login #loginbtn {
width: 66px;
background: #029997;
border: 1px solid #000000;
color: #FFFFFF;
}
#wrapper #footer {
height: 95px;
width: 770px;
background: #327d94;
border-top: 1px dotted #FFFFFF;
float: left;
text-align: center;
font-size: 0.8em;
color: #FFFFFF;
padding-top: 30px;
padding-bottom: 0px;
}
#wrapper #footer a {
color: #000000;
text-decoration: none;
}
#wrapper #content .need {
padding: 8px 12px 12px;
float: left;
width: 700px;
height: 40px;
}
#wrapper #content img {
padding-top: 6px;
border-style: none;
}
#wrapper #content .need a {
}
#wrapper #footer a:hover {
color: #FFFFFF;
}