/*Greneral Style*/
body {font: normal 12px helvetica, arial, sans-serif; color: #062230; text-align:center; margin:0;padding:0}

div, p, span {text-align:left}

p {margin:0; padding:0; line-height: 16px;}

a:link {color:#3C3F42; text-decoration: none;}
a:visited {color:#3C3F42; text-decoration: none; }
a:active { color:#3C3F42; text-decoration: none;}
a:hover {color:#2cb430; text-decoration:underline;}



:focus { -moz-outline-style: none; }

img {border:0}

form {margin:0; padding:0}

.cl {clear:both; margin:0; padding:0; line-height:0; position:relative}

.fl {float:left}
.fr {float:right}


/*layout styles*/
#container {background: #fff url(../images/bg_logo.jpg) 0 10px no-repeat; min-height:178px; _height:178px; width:798px; _width:802px; margin:0 auto; border:1px solid #d0d3d8; border-width: 0 1px;}

#loginDiv {float:right; margin-right:6px; margin-top:2px; width:162px; display:inline}
#loginDiv label {color:#5293E2; display:block; float:left; font-size:10px; width:55px; vertical-align:middle; margin-bottom:1px}
#loginDiv input {color:#5293E2; float:left; background:#d9e9f9; border:1px solid #c2d4db; width:103px; font-size:10px; vertical-align:middle; margin-bottom:3px}
#loginDiv input.submit {width:47px; text-align:center}
#loginDiv a.link {font-size:10px; color:#0060B6; float:left; margin-left:30px; margin-top:3px}

#logo {width:274px; height:102px; margin-left:23px}
#contentDiv {padding-top:86px}
#leftNav {width:157px; position:relative; float:left; color:#3C3F42; margin:0; padding:0; margin-top:10px; list-style:none; line-height: 21px;}
#leftNav ul {margin:0; padding:0; list-style:none; color:#5293E2;}

#leftNav a {color:#3C3F42; display:block; display:inline-block; margin-left:12px; position:relative}
#leftNav a:hover {color:#0060B6; text-decoration:none}
#leftNav ul a, #leftNav ul a:hover {color:#5293E2; margin-left:24px}
#leftNav .active {font-weight: bold;margin-left:12px;}

#contentDescDiv {float:right; position:relative; width:640px; min-height:250px; _height:250px; background:#f1f6fc}
#contentDesc {margin:0 20px 20px 49px}
#contentDesc h1 {font-size:26px; color:#0060B6; font-weight:normal; margin-bottom:5px}
#contentDesc img.feature {margin-left:5px}


#articleDescHd {font-size:12px; color:#0060B6; font-weight:bold; margin-bottom:5px; margin:20px 0px 0px 0px}
#articleDesc {font-size:12px; color:#062230; font-weight:normal; margin-bottom:5px; margin:5px 0px 0px 20px}
#articleDesc a {font-size:12px; color:#0060B6; font-weight:normal; text-decoration:none; margin-bottom:5px;}
#articleDesc a:hover {font-size:12px; color:#0060B6; font-weight:normal;text-decoration:underline; margin-bottom:5px;}
#articleDesc2 {font-size:12px; color:#062230; font-weight:normal; margin-bottom:5px; margin:2px 0px 0px 35px}
#articleDesc2 a {font-size:12px; color:#0060B6; font-weight:normal; text-decoration:none; margin-bottom:5px;}
#articleDesc2 a:hover {font-size:12px; color:#0060B6; font-weight:normal;text-decoration:underline; margin-bottom:5px;}
#articleDesc h1 {font-size:26px; color:#0060B6; font-weight:normal; margin-bottom:5px}
#articleDesc img.feature {margin-left:5px}

#memBenefitTableHd {margin-top:50px; background:#e8f0fb}
#memBenefitTableHd div {background:#fff; margin:0 3px; color:#5293E2; position:relative; padding:3px}
#memBenefitContent {background:#e8f0fb; padding:12px 17px 22px 17px;}
#memBenefitContent ul.benefitList {list-style:none; margin:0; padding:0; float:left; width:242px; font-size:11px; line-height: 16px;}
#memBenefitContent ul.short {width:160px; margin-left:20px}
#memBenefitContent li {padding-left:13px; background:url(../images/bullet_circle.gif) no-repeat;}

#botCurve {height:36px; background:url(../images/bg_bot.gif) no-repeat;}
#footer {height:24px; background:url(../images/bg_footer.gif) repeat-x; text-align:center; color:#fff; font-size:9px}
#footer span {padding-top:8px; display:block; text-align:center}