body {
     padding: 0px;
     margin: 0px;
     font-family: arial, "Nimbus Sans L", "FreeSans";
     font-size: 12px;
     text-align: center;
     line-height: 1.5em;
     background-color: #62b2ee;
     color: #3c3c3c;
}
a {
     color: #328dd4;
     text-decoration: none;
}
a:hover {
     color: #8da33f;
}
p {
     margin: 0px;
     padding: 0px 0px 15px 0px;
     text-align: justify;
}
h2 {
     margin: 0px 0px 10px;
     padding: 0px 0px 0px 0px;
     font-size: 13px;
     color: #414141;
     height: 32px;
     line-height: 32px;
     text-indent: 10px;
     background: url("images/h2-bg.gif") top left repeat-x #ebf1f6;
}
h3 {
     margin: 0px;
     padding: 0px 0px 5px 0px;
     font-size: 16px;
}
h4 {
     margin: 0px;
     padding: 0px 0px 5px 0px;
     font-size: 14px;
}
.clear { clear: both; }
img { border: none; }

/* layout components */
.cBlock {
     width: 800px;
     text-align: left;
     margin: 0px auto;
}
#mainWrapper {
     
}
#headerWrapper {
     height: 132px;
     background: url("images/header-bg.gif") top center repeat-x #84c2f2;
     overflow: hidden;
}
#header {
     
}
#logo {
     width: 232px;
     height: 50px;
     background: url("images/logo.gif") top left no-repeat;
     float: left;
     margin: 26px 0px 0px 2px;
}
#logo h1 {
     display: none;
}
#menuWrapper {
     
}
#menu {
     clear: both;
     padding-top: 4px;
}
#menu ul {
     list-style: none;
     padding: 0px;
     margin: 0px;
}
#menu ul li {
     display: block;
     float: left;
     list-style: none;
     padding: 0px 1px 0px 0px;
     margin: 0px;
     width: 108px;
     height: 48px;
}
#menu ul li a {
     display: block;
     padding: 0px;
     margin: 0px;
     width: 108px;
     height: 48px;
     float: left;
     background: url("images/menu-tab.gif") top left no-repeat #83b9e4;
     color: white;
     font-size: 12px;
     font-weight: bold;
     text-align: center;
     line-height: 63px;
}
#menu ul li a:hover {
     background: url("images/menu-tabHover.gif") top left no-repeat white;
     color: #303030;
}

#body-w1 {
     background-color: white;
     min-height: 300px;
}
#body-w2 {
     padding: 10px 0px 10px;
}

#lp-w1 {
     width: 583px;
     float: left;
}

#sp-w1 {
     float: right;
     width: 200px;
     background: url("images/sp-bgTop.gif") top left repeat-x;
}
#sp-w2 {
     background: url("images/sp-bgBottom.gif") bottom left repeat-x;
     min-height: 100px;
     padding: 10px 15px 5px 15px;
}

.home #lp-w1 { width: 523px; }
.home #sp-w1 { width: 260px; }


#sp-w2 ul {
     padding: 0px;
     margin: 0px 0px 10px;
}
#sp-w2 ul li {
     line-height: 15px;
     list-style: none;
     padding: 3px 0px 3px 15px;
     margin: 0px;
     font-size: 11px;
     background: url("images/bullet.gif") 0px 8px no-repeat;
}

#sp-w2 h3 {
     margin: 0px 0px 5px;
     padding: 0px 0px 0px 0px;
     font-size: 12px;
     color: #414141;
     height: 32px;
     line-height: 32px;
     text-indent: 10px;
     background: url("images/h2-bg.gif") top left repeat-x #ebf1f6;
}

#footerWrapper {
     height: 84px;
     background: url("images/footer-bg.gif") top left repeat-x;
}
#footer {
     font-size: 11px;
     color: white;
     padding: 20px 0px 0px;
}
#footer a{
     color: white;
}
#footer a:hover {
     color: yellow;
}
#copyright {
     float: right;     
}
#footMenu {
     float: left;
}
#footMenu ul {
     padding: 0px;
     margin: 0px;
}
#footMenu ul li {
     padding: 0px;
     margin: 0px 10px 0px 0px;
     list-style: none;
     display: inline;
}

#hf-w1 {
     background: url("images/hf-bg.gif") top left repeat-x;
}
#hf-w2 {
     height: 98px;
     background: url("images/hf-content.gif") center center no-repeat;
     overflow: hidden;
}
#hf-w2 ul {
     margin: 0px 15px 0px 0px;
     padding: 0px;
}
#hf-w2 ul li {
     display: block;
     margin: 0px;
     padding: 0px 0px 0px 10px;
     float: right;
     list-style: none;
}
#hf-w2 ul li a {
     display: block;
     margin: 0px;
     padding: 0px;
     float: right;
     width: 260px;
     height: 96px;
}
#hf-w2 ul li a span {
     display: none;
}
#headBanner {
     float: right;
     margin: 20px 0px 0px;
     width: 468px;
     height: 60px;
     background-color: white;
     overflow: hidden;
}

#sh-w1 {
     background: url("images/sh-bg2.gif") 17px 0px repeat-x;
     margin-bottom: 10px;
}
#sh-w2 {
     background: url("images/sh-car.jpg") top right no-repeat;
}
#sh-w3 {
     height: 187px;
     background: url("images/sh-text.gif") 26px 30px no-repeat;
}

#shb {
     padding: 124px 0px 0px 184px;
}
#shb ul {
     padding: 0px;
     margin: 0px;
}
#shb ul li {
     padding: 0px 15px 0px 0px;
     margin: 0px;
     list-style: none;
     display: block;
     float: left;
}
#shb ul li a {
     display: block;
     float: left;
     width: 129px;
     height: 40px;
}
#shb ul li.shb-login a { background: url("images/shb-login.gif") top left no-repeat; }
#shb ul li.shb-register a { background: url("images/shb-register.gif") top left no-repeat; }
#shb ul li.shb-login a:hover { background: url("images/shb-loginHover.gif") top left no-repeat; }
#shb ul li.shb-register a:hover { background: url("images/shb-registerHover.gif") top left no-repeat; }

#shb ul li a span { display: none; }