body {
padding : 11px 0 14px 0;
background-image : url(images/bg.jpg);
margin : 0;
background-color : #ffffff;
color : #000;
}
div, h1, h2, p, form, label, input, textarea, img, span {
margin : 0;
padding : 0;
}
ul {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 0;
}
.spacer {
clear : both;
font-size : 0;
line-height : 0;
}
#header {
width : 897px;
height : 215px;
margin : 0 auto;
}
#header ul {
background : url(images/nav_bar.gif) no-repeat 0 0;
width : 847px;
height : 29px;
position : absolute;
left : 31px;
top : 6px;
padding : 0 0 0 72px;
}
#header ul li {
background : url(images/nav_div.gif) no-repeat right top;
height : 27px;
float : left;
padding : 0 1px 0 0;
}
#header ul li a {
display : block;
background : url(images/nav_bg.gif) repeat-x 0 0;
padding : 0 14px;
font : bold 11px/27px Arial, Helvetica, sans-serif;
color : #344a04;
background-color : inherit;
text-decoration : none;
}
#header ul li a:hover {
background : url(images/nav_hover.gif) repeat-x 0 0;
color : #fff;
background-color : inherit;
}
#header ul li a.hover {
display : block;
background : url(images/nav_hover.gif) repeat-x 0 0;
color : #fff;
padding : 0 14px;
font : bold 11px/27px Arial, Helvetica, sans-serif;
background-color : inherit;
text-decoration : none;
cursor : text;
}
#header ul li.last {
background-image : none;
height : 27px;
float : left;
}
#header img.logo {
position : absolute;
left : 40px;
top : 98px;
width : 249px;
height : 72px;
}
#header h1 {
background : url(images/slogan.gif) no-repeat 0 0;
width : 484px;
height : 32px;
position : absolute;
left : 411px;
top : 108px;
text-indent : -10000px;
}
#header p {
font : normal 12px/19px Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
position : absolute;
left : 411px;
top : 142px;
}
#header p span.txt1 {
color : #fff;
background-color : #1e6887;
}
#header img.icon {
position : absolute;
left : 60px;
top : 190px;
width : 174px;
height : 80px;
}
#header p.topText {
font : normal 18px/23px Arial, Helvetica, sans-serif;
color : #e8e8e8;
background-color : inherit;
position : absolute;
left : 285px;
top : 203px;
width : 588px;
}
#header p.topText span.smallTxt {
font : normal 12px/18px Arial, Helvetica, sans-serif;
color : #ff9c3a;
background-color : inherit;
padding : 0 0 0 8px;
}
#header a.readMore {
display : block;
background : url(images/read_more.gif) no-repeat 0 0;
width : 50px;
height : 38px;
position : absolute;
left : 895px;
top : 203px;
}
#header a.readMore:hover {
background : url(images/read_more_hover.gif) no-repeat 0 0;
}
#body {
width : 897px;
background-image:url(images/right_panel_bg.gif);
padding : 0;
margin : 0 auto;
}
#left {
width : 357px;
float : left;
}
#left1 {
width : 324px;
background : #eaeada url(images/lft_box_bg.gif) no-repeat 0 0;
border : 7px solid #ddddca;
margin : 0 0 4px 0;
padding : 5px 10px 6px 9px;
color : #878767;
}
#left1 p.pic1 {
display : block;
background : url(images/lft_pic1.gif) no-repeat 0 0;
width : 88px;
height : 78px;
margin : 5px 0 0 0;
float : left;
}
#left1 p.boxTxt1 {
float : right;
padding : 0 0 0 15px;
border-left : 2px solid #f9f9f1;
font : normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width : 199px;
}
#left1 p.boxTxt1 span {
font : normal 19px/17px Arial, Helvetica, sans-serif;
color : #d76e08;
background-color : inherit;
padding : 0 0 0 25px;
margin : 0 0 10px 0;
background : url(images/one.gif) no-repeat 0 0;
height : 17px;
display : block;
}
#left2 {
width : 316px;
background : #eaeada url(images/lft_box_bg.gif) no-repeat 0 0;
border : 7px solid #ddddca;
margin : 0 0 4px 0;
padding : 5px 10px 6px 17px;
color : #878767;
}
#left2 p.pic2 {
display : block;
background : url(images/lft_pic2.gif) no-repeat 0 0;
width : 74px;
height : 74px;
margin : 8px 0 0 0;
float : left;
}
#left2 p.boxTxt2 {
float : right;
padding : 0 0 0 15px;
border-left : 2px solid #f9f9f1;
font : normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width : 199px;
}
#left2 p.boxTxt2 span {
font : normal 19px/17px Arial, Helvetica, sans-serif;
color : #d76e08;
background-color : inherit;
padding : 0 0 0 25px;
margin : 0 0 10px 0;
background : url(images/two.gif) no-repeat 0 0;
height : 17px;
display : block;
}
#left3 {
width : 324px;
background : #eaeada url(images/lft_box_bg.gif) no-repeat 0 0;
border : 7px solid #ddddca;
margin : 0;
padding : 5px 10px 6px 9px;
color : #878767;
}
#left3 p.pic3 {
display : block;
background : url(images/lft_pic3.gif) no-repeat 0 0;
width : 94px;
height : 71px;
margin : 5px 0 0 0;
float : left;
}
#left3 p.boxTxt3 {
float : right;
padding : 0 0 0 15px;
border-left : 2px solid #f9f9f1;
font : normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
width : 199px;
}
#left3 p.boxTxt3 span {
font : normal 19px/17px Arial, Helvetica, sans-serif;
color : #d76e08;
background-color : inherit;
padding : 0 0 0 25px;
margin : 0 0 10px 0;
background : url(images/three.gif) no-repeat 0 0;
height : 17px;
display : block;
}
#right {
width : 897px;
float : right;
}
#right p.rightTop {
display : block;
background : url(images/right_top.gif) no-repeat 0 0;
width : 897px;
height : 26px;
}
#right h2 {
font : bold 30px/22px Arial, Helvetica, sans-serif;
color : #222222;
background-color : inherit;
margin : 0 0 16px 0;
padding : 0 0 0 38px;
display : block;
}
#right p.rightTxt1 {
font : normal 13px/18px Arial, Helvetica, sans-serif;
color : #62625c;
background-color : inherit;
padding : 0 38px 10px 38px;
}
#right p.rightTxt1 span {
font : bold 13px/18px Arial, Helvetica, sans-serif;
color : #5f860b;
background-color : inherit;
}
#right p.rightTxt2 {
font : normal 13px/18px Arial, Helvetica, sans-serif;
color : #62625c;
background-color : inherit;
padding : 0 0 20px 38px;
float : left;
width : 349px;
margin : 0 27px 0 0;
}
#right p.rightTxt2 span {
font : bold 17px/18px Arial, Helvetica, sans-serif;
color : #d76e08;
background-color : inherit;
border-bottom : 1px dashed #bcbcb5;
width : 340px;
display : block;
margin : 0 0 15px 0;
}
#right p.rightPic {
display : block;
background : url(images/right_panel_pic.gif) no-repeat 0 0;
width : 166px;
height : 155px;
float : left;
margin : 0 0 22px 0;
}
#right p.rightBottom {
display : block;
width : 897px;
height : 20px;
float : left;
}
#bodyBottom {
display : block;
background : url(images/body_bottom_bg.gif) no-repeat 0 0;
width : 897px;
height : 26px;
}
#news {
width : 341px;
float : left;
margin : 0 28px 0 0;
}
#news h2 {
display : block;
background : url(images/arrow_red.gif) no-repeat 0 0;
padding : 0 0 0 25px;
font : bold 22px/16px Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
margin : 0 0 17px 0;
}
#news h3 {
display : block;
background : url(images/date_bg.gif) no-repeat 0 0;
width : 331px;
height : 17px;
padding : 0 0 0 7px;
margin : 0 0 10px 0;
font : bold 11px/17px Arial, Helvetica, sans-serif;
color : #974d04;
background-color : inherit;
text-transform : uppercase;
}
#news p {
font : normal 12px/20px Arial, Helvetica, sans-serif;
color : #f7f7ea;
background-color : inherit;
padding : 0 0 13px 0;
}
#news p span {
font : bold 12px/20px Arial, Helvetica, sans-serif;
color : #2c2c1b;
background-color : inherit;
text-decoration : underline;
display : block;
}
#service {
width : 338px;
float : left;
}
#service h2 {
display : block;
background : url(images/arrow_red.gif) no-repeat 0 0;
padding : 0 0 0 24px;
font : bold 22px/16px Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
margin : 0 0 17px 0;
}
#service h3 {
display : block;
background : url(images/date_bg.gif) no-repeat 0 0;
width : 327px;
height : 17px;
padding : 0 0 0 11px;
margin : 0 0 14px 0;
font : bold 11px/17px Arial, Helvetica, sans-serif;
color : #974d04;
background-color : inherit;
text-transform : uppercase;
}
#service ul {
padding : 0;
margin : 0;
display : block;
}
#service ul li {
display : block;
height : 20px;
line-height : 0;
}
#service ul li a {
display : block;
background : url(images/arrow_white.gif) no-repeat 0 7px;
padding : 0 0 0 10px;
font : normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #47472d;
background-color : inherit;
text-decoration : underline;
height : 20px;
}
#service ul li a:hover {
color : #974d04;
background : #ddddcb url(images/arrow_white_hover.gif) no-repeat 0 7px;
text-decoration : none;
}
#member {
width : 225px;
float : right;
}
#member h2 {
display : block;
background : url(images/member_login_bg.gif) no-repeat 0 0;
width : 205px;
height : 31px;
padding : 0 0 0 20px;
font : bold 16px/31px Arial, Helvetica, sans-serif;
color : #fff;
background-color : inherit;
}
#member form {
width : 191px;
background : #353535 url(images/member_form_bg.gif) repeat-x 0 0;
padding : 9px 17px 24px 17px;
color : #fff;
}
#member form label {
font : normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
float : left;
display : block;
}
#member form input.txtBox {
width : 185px;
height : 19px;
border-left : 1px solid #808080;
border-top : 1px solid #808080;
border-right : 1px solid #d4d0c8;
border-bottom : 1px solid #d4d0c8;
color : #000;
background-color : #fff;
margin : 0;
padding : 0;
float : left;
}
#member form a {
background : url(images/register_member_icon.gif) no-repeat 0 0;
padding : 0 0 0 20px;
font : bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #9ccc37;
background-color : #353535;
text-decoration : underline;
float : left;
margin : 15px 0 0 0;
width : 120px;
}
#member form a:hover {
text-decoration : none;
}
#member form input.go {
background : url(images/btn_go.gif) no-repeat 0 0;
width : 36px;
height : 15px;
border : none;
cursor : pointer;
float : right;
margin : 15px 0 0 0;
}
#footer {
width : 897px;
height : 125px;
margin : 0 auto;
background : #323232 url(images/footer_bg.gif) repeat-x 0 0;
color : #fff;
position : relative;
padding : 0;
}
#footer ul {
width : 587px;
position : absolute;
left : 11px;
top : 27px;
}
#footer ul li {
float : left;
color : #d4d4c6;
background-color : inherit;
font : normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a {
color : #d4d4c6;
background-color : inherit;
font : normal 11px/19px Arial, Helvetica, sans-serif;
padding : 0 7px;
text-decoration : none;
}
#footer ul li a:hover {
color : #d4d4c6;
background-color : #d76e08;
}
#footer p.copyright {
font : normal 11px/19px Arial, Helvetica, sans-serif;
color : #d76e08;
background-color : inherit;
position : absolute;
left : 19px;
top : 49px;
width : 158px;
}
#footer a.subscribe {
background : url(images/subscribe_icon.gif) no-repeat 0 2px;
font : normal 11px/12px Arial, Helvetica, sans-serif;
color : #b9b99d;
background-color : inherit;
position : absolute;
left : 19px;
top : 68px;
text-decoration : underline;
width : 50px;
padding : 0 0 0 18px;
}
#footer a.subscribe:hover {
color : #9ccc37;
background-color : inherit;
text-decoration : none;
}
#footer a.xht {
width : 98px;
height : 20px;
background : url(images/xhtml_bg.gif) no-repeat 0 0;
position : absolute;
left : 757px;
top : 23px;
}
#footer a.xht:hover {
background : url(images/xhtml_bg_hover.gif) no-repeat 0 0;
}
#footer a.cs {
width : 98px;
height : 20px;
background : url(images/css_bg.gif) no-repeat 0 0;
position : absolute;
left : 866px;
top : 23px;
}
#footer a.cs:hover {
background : url(images/css_bg_hover.gif) no-repeat 0 0;
}
#footer img {
position : absolute;
left : 880px;
top : 51px;
width : 84px;
height : 26px;
}
#footer p.design {
font : bold 12px/19px Arial, Helvetica, sans-serif;
color : #c5be25;
background-color : inherit;
position : absolute;
left : 19px;
top : 85px;
width : 205px;
}
#footer p.design a {
color : #ffffff;
background-color : inherit;
text-decoration : none;
}
#footer p.design a:hover {
color : #c5be25;
background-color : inherit;
}
.style1 {
font-size : 28px;
font-family : Arial, Helvetica, sans-serif;
}
.style2 {
color : #0099ff;
font-weight : bold;
}