﻿body
{
    background-color: #fffaea;
}

#pagewrap
{
    background-color: #FFF;
}

#top
{
    background: url("/images/top_part.gif") no-repeat scroll 0 0 transparent;
    height: 128px;
}

#top img
{
    margin: 50px 0 0px;
}

#header
{
    background: url("/images/top_green_bg.gif") repeat-x scroll 0 0 transparent;
    height: 162px;
    border-left: 7px solid #FFF;
    border-right: 7px solid #FFF;
}

#header img
{
    margin-left: 70px;
}

#nav
{
    height: 60px;
    margin-top: 10px;
    margin-right: 7px;
    text-align: right;
}
#nav li
{
    display: inline;
}
#nav img
{
    border: solid 1px Blue;
}

#ft
{
    background: url("/images/footer_bg.gif") repeat-x scroll 0 0 transparent;
    height: 128px;
    margin: 0 auto;
    position: relative;
    width: 953px;
}

#ft p.copyright {
background-color:inherit;
color:#FDFF35;
font:11px/11px Tahoma,Arial,Helvetica,sans-serif;
left:400px;
position:absolute;
top:38px;
}

#ft p.design {
background-color:#03373B;
color:#FFFFFF;
display:block;
font:bold 11px/17px Arial,Helvetica,sans-serif;
height:17px;
left:382px;
padding:3px;
position:absolute;
text-align:center;
text-transform:none;
top:83px;
width:187px;
}

#mid
{
    background: url("/images/mid_panel_bg.gif") repeat-x scroll 0 0 #166E75;
    border: 1px solid #166E75;
    color: #FFFFFF;
    float: left;
    margin: 0 17px 0 0;
    padding: 4px 13px 0 11px;
    width: 252px;
}
#mid h2
{
    font: bold 22px/38px Arial,Helvetica,sans-serif;
}
#mid img
{
    height: 109px;
    margin: 0 0 14px;
    width: 252px;
}
#mid h3
{
    background-color: #FF6600;
    color: #FFF414;
    font: bold 12px/29px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
#mid p.midText
{
    background-color: #FF6600;
    color: #FFFFFF;
    font: bold 12px/19px Arial,Helvetica,sans-serif;
    margin: 0 0 31px;
}
#mid p.midText2
{
    background-color: #FF6600;
    color: #FFFFFF;
    font: bold 16px/22px Arial,Helvetica,sans-serif;
    margin: 0 0 46px;
}


#right
{
    float: left;
    width: 264px;
}
#right h2.mem
{
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: inherit;
    background-image: url("/images/member_login.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #7BCA0A;
    font: bold 20px/57px Arial,Helvetica,sans-serif;
    height: 57px;
    padding: 0 0 0 50px;
    width: 214px;
}
#right form
{
    background: url("/images/memberlogin_bg.gif") repeat-y scroll 0 0 transparent;
    margin: 0;
    padding: 0 18px;
    width: 228px;
}
#right form input.txtBox
{
    background-color: #FFFFFF;
    border-color: #808080 #D4D0C8 #D4D0C8 #808080;
    border-left: 1px solid #808080;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    height: 19px;
    margin: 0 0 17px;
    padding: 0 0 0 20px;
    width: 206px;
}
#right form a
{
    background: url("/images/register_here_bg.gif") no-repeat scroll 0 5px transparent;
    color: #FF6600;
    float: left;
    font: bold 12px/19px Arial,Helvetica,sans-serif;
    padding: 0 0 0 14px;
    text-decoration: underline;
    width: 79px;
}
#right form a:hover
{
    text-decoration: none;
}
#right form input.login
{
    background: url("/images/btn_login.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: right;
    height: 13px;
    width: 53px;
}
#right p.bottom2
{
    background: url("/images/memberlogin_bot.gif") no-repeat scroll 0 0 transparent;
    height: 25px;
    margin: 0 0 5px;
    width: 264px;
}
#right h2.solution
{
    background-color: #FFFFFF;
    color: #497C00;
    font: bold 24px/39px Arial,Helvetica,sans-serif;
    padding: 0 0 0 17px;
}
#right ul
{
    padding: 0 0 0 17px;
    width: 238px;
}
#right ul li
{
    background: url("/images/solution_div.gif") repeat-x scroll left bottom transparent;
    display: block;
    height: 20px;
    padding: 0 0 1px;
    width: 238px;
}
#right ul li a
{
    background: url("/images/arrow.gif") no-repeat scroll 0 7px #FFFFFF;
    color: #000000;
    display: block;
    font: bold 11px/20px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 0 0 14px;
    text-decoration: none;
}
#right ul li a:hover
{
    background-color: #ECECEC;
    color: #A60303;
}
#right ul li.noImg
{
    background-image: none;
    display: block;
    height: 20px;
}

.footerTable tr
{
    background-color: #CCCCCC;
}
.footerTable .content
{
    margin: 10px;
    background-color: #FFF;
}
.rightSide{
    width: 270px;
    float:left;
}
.leftSide
{
    width: 600px;
    float:left;
}

.signin
{
    float: right;
    width: 280px;
    text-align: right;
    padding: 15px 0 0 0;
}
