HTML, body {
padding-bottom : 0;
margin : 0 auto;
padding-left : 0;
padding-right : 0;
text-align : center;
font-family : verdana, helvetica, sans-serif;
background : #5e5e5e url(img/header.gif) repeat-x 50% top;
color : #ffffcc;
font-size : 13px;
padding-top : 0;
}
#header {
margin : 0 auto;
width : 901px;
background : url(img/subheader.gif) no-repeat center bottom;
height : 157px;
color : #ffffee;
font-size : 14px;
}
#headerleft {
text-align : right;
margin-top : 0;
width : 220px;
float : left;
font-weight : bold;
}
#headerleft img {
margin-top : 28px;
width : 130px;
float : right;
height : 80px;
margin-right : 30px;
}
#headerright {
width : 650px;
float : right;
font-size : 12px;
}
.headname {
margin-top : 37px;
margin-left : 60px;
display : block;
text-transform: uppercase;
font-family : castellar, helvetica;
font-size : 24px;
font-weight : 800;
text-align : left;
line-height : 1.5em;
}
#headerlogo {
margin-top : 0;
width : 148px;
float : right;
height : 137px;
}
#headerlogo img {
margin-top : 18px;
width : 120px;
float : right;
height : 80px;
margin-right : 16px;
}
#line {
width : 15px;
background : url(img/line.gif) no-repeat 0 4px;
float : right;
height : 157px;
margin-left : 5px;
}
#container {
padding-bottom : 0;
margin : 0 auto;
padding-left : 0;
width : 901px;
text-align : left;
padding-right : 0;
background : url(img/body.gif) repeat-y -2px 0;
padding-top : 0;
}
#left {
width : 300px;
background : transparent none repeat scroll 0% 0%;
float : left;
}
#right {
text-align : left;
min-height : 400px;
width : 600px;
float : right;
}
#left ul {
padding-bottom : 0;
list-style-type : none;
margin : 0 53px 20px 0;
padding-left : 0;
padding-right : 0;
list-style-image : none;
padding-top : 0;
}
#left li {
margin : 0;
display : inline;
}
#left a {
text-align : right;
padding-bottom : 17px;
padding-left : 0;
padding-right : 35px;
display : block;
background : url(img/menuitem.gif) no-repeat;
color : #ffffff;
font-size : 14px;
font-weight : bold;
text-decoration : none;
padding-top : 9px;
}
#left a:hover {
background : url(img/menuitem2.gif) no-repeat;
text-decoration : none;
}
.menuspan {
text-align : right;
padding-bottom : 17px;
margin : 0 53px 0 0;
padding-left : 0;
padding-right : 35px;
display : block;
background : url(img/menuitem2.gif) no-repeat;
color : #ffffff;
font-size : 14px;
font-weight : bold;
text-decoration : none;
padding-top : 9px;
}
#images {
width : 252px;
margin-bottom : 20px;
background : url(img/img1.gif) no-repeat;
height : 230px;
clear : both;
}
#images img {
margin-top : 23px;
width : 174px;
height : 133px;
margin-left : 29px;
}
#desc {
padding-bottom : 15px;
padding-left : 34px;
padding-right : 42px;
background : url(img/righttop.gif) no-repeat 5px 0;
height : 150px;
color : #ffffee;
font-size : 11px;
font-weight : normal;
padding-top : 15px;
text-align : justify;
margin : 0 auto;
}
#desc_t1 {
width : 45%;
min-height : 110px;
float : left;
margin-top : 10px;
margin-left : 10px;
font-size : 13px;
font-weight : 500;
text-align : left;
line-height : 1.5em;
}
#desc_t2 {
width : 15%;
float : left;
margin-top : 10px;
margin-left : 10px;
font-size : 13px;
font-weight : 500;
text-align : right;
line-height : 1.5em;
}
#desc_t3 {
width : 28%;
float : left;
margin-top : 10px;
margin-left : 10px;
font-size : 13px;
font-weight : 500;
text-align : left;
line-height : 1.5em;
}
#desc_t4 {
width : 44%;
float : left;
margin-top : 7px;
margin-left : 10px;
font-size : 13px;
font-weight : 500;
text-align : center;
line-height : 1.5em;
}
#desc_t4 a {
margin-left: 15px;
text-align : center;
padding : 3px 35px 8px 35px;
background : url(img/button_a.gif) no-repeat;
color : #99ff66;
font-size : 14px;
font-weight : 600;
text-decoration : none;
}
#desc_t4 a:hover {
color : #ffffee;
background : url(img/button_h.gif) no-repeat;
text-decoration : none;
}
#desc h1 {
margin : 0 auto;
padding-left : 10px;
font-size : 14px;
font-weight : 600;
}
#desc h2 {
margin : 0 auto;
font-size : 13px;
font-weight : 600;
}
#desc p {
margin : 5px auto;
}
#content {
padding-bottom : 20px;
padding-left : 10px;
padding-right : 85px;
min-height : 280px;
clear : both;
padding-top : 20px;
text-align : justify;
color : #ffffee;
}
#content h1 {
margin : 0 auto 10px 0;
color : #ffffee;
font-size : 14px;
}
#content h2{
margin : 0 auto 10px 0;
color : #ffffee;
font-size : 14px;
}
#content p {
padding-top : 5px;
font-weight : 500;
}
#content ul {
padding-bottom : 0;
list-style-type : square;
margin : 4px 0;
padding-left : 20px;
padding-right : 0;
list-style-image : none;
padding-top : 0px;
}
#content li {
margin-left : 10px;
font-weight : normal;
}
#content a {
color : #ffffee;
text-decoration : underline;
}
#content a:hover {
color : #ffffff;
text-decoration : none;
}
#footer {
text-align : right;
margin : 0 auto;
padding-left : 60px;
padding-top : 30px;
background : url(img/footer.gif) no-repeat -2px 30px;
height : 54px;
clear : both;
font-size : 9px;
}
#footer p {
padding-right : 64px;
font-weight : 400;
}
#footer a {
color : #b6d6e6;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}
form {
border-bottom : 2px solid #003300;
border-left : 1px solid #00cc00;
padding-bottom : 10px;
background-color : #006600;
padding-left : 10px;
padding-right : 10px;
margin-bottom : 30px;
border-top : 1px solid #0c0;
border-right : 2px solid #030;
padding-top : 10px;
}
label {
margin : 3px 3px;
display : block;
font-weight : bold;
color : #efe;
}
textarea {
border-bottom : 2px solid #eee;
border-left : 1px solid #eee;
padding-bottom : 4px;
padding-left : 4px;
width : 450px;
padding-right : 4px;
display : block;
font : 1em/1.5em verdana, sans-serif;
height : 100px;
color : #000000;
border-top : 1px solid #eee;
border-right : 1px solid #eee;
padding-top : 4px;
}