@charset "utf-8";
/* CSS Document */

body {font: 11px Verdana, Arial, Helvetica, sans-serif;background: #fff;margin: 0;padding: 0;text-align: center;color: #000000;}
.clearfloat { clear:both;height:0;font-size: 1px;line-height: 0px;}
#container {width: 756px;background: #fff;margin: 0 auto;text-align: left;}
a img { border:none}
#rel {position: relative}

#nav { background: url(../images/nav2.gif) repeat-x; color:#fff; font-size:14px; font-weight:bold }
#nav a { color:#FFFFFF; text-decoration:none}
#nav .nav-left { background: url(../images/nav1.gif) no-repeat left top; }
#nav .nav-right { background: url(../images/nav3.gif) no-repeat right top; height:35px; padding:8px 14px 0; margin:0 }

#ban { background: url(../images/ban_mid.gif) repeat-x; color:#000; margin:0 }
#ban .ban-left { background: url(../images/shopper1.jpg) no-repeat left top; }
#ban .ban-right { background: url(../images/ban_right.gif) no-repeat right top; height:249px; padding:6px }
#ban h3 {font-size: 12px;font-weight: bold;color: #5b8f01;margin: 0px;}

#ban-text1 {position: absolute;  top:52px; left:85px;width: 320px;margin:0;}
#ban-text2 {position: absolute; top:170px; left:135px; width: 300px; margin:0;}
#ban-text3 {position: absolute;  top:3px; left:445px;width: 300px;margin:0;}
#ban-text3-1 {position: absolute;  top:35px; left:0px;width: 160px;margin:0;}	
#ban-text3-2 {position: absolute;  top:35px; left:140px;width: 160px;margin:0;}

#ban-text1 dl#mf-list { margin: 3px 0 8px 10px; }
#ban-text1 dl#mf-list dt { margin: 0; padding-left: 15px; font-weight: normal; background: url(../images/arrow1.gif) no-repeat 0 3px; }
#ban-text3 dl#mf-list { margin: 3px 0 8px 10px; }
#ban-text3 dl#mf-list dt {margin: 0; padding-left: 15px; font-weight: normal; background: url(../images/arrow1.gif) no-repeat 0 3px;}
#content dl#mf-list { margin: 3px 0 8px 10px; }
#content dl#mf-list dt {margin: 0; padding-left: 15px; font-weight: normal; background: url(../images/arrow1.gif) no-repeat 0 3px;}
#col4 dl#mf-list { margin: 3px 0 8px 0px; }
#col4 dl#mf-list dt {margin: 0; padding-left: 13px; font-weight: normal; background: url(../images/arrow-red.gif) no-repeat 0 2px;}
#col4 li { margin:0;}
#col4 li { margin:5px 0 0 0px;}
#btn-join { position: absolute;  top:177px; left:38px; width: 255px; margin:0; }
	
#boxes {}
#boxes #box2 { margin:0 8px}
#boxes #box1,#box2,#box3  {background: url(../images/bg_mid.gif) repeat-y; width:246px; margin:0; float:left }
#box4  {background: url(../images/bg_mid1.gif) repeat-y; width:246px; margin:0; font-size:11px}
#boxes #box1 a img { background: url(../images/box-pic1.jpg) no-repeat 0 0; }
#boxes #box2 a img { background: url(../images/box-pic2.jpg) no-repeat 0 0; }
#boxes #box3 a img { background: url(../images/box-pic3.jpg) no-repeat 0 0; }
#box4 img { padding:0px 3px 0 0 }
#box-content {background: url(../images/bg_top.gif) no-repeat 0 0;  }
#box-content1 {background: url(../images/bg_top1.gif) no-repeat 0 0;  }
#box-bottom {background: url(../images/bg_bot.gif) no-repeat right bottom; height:210px; padding:5px 10px;}
#box-bottom1 {background: url(../images/bg_bot1.gif) no-repeat right bottom; min-height:200px; padding:5px 10px 10px;}

#content {margin: 15px 0px; font-size:12px;}
#col1 { float:left; width:500px}
#col1 h1 { margin:0; color:#fa5e01; font: 28px Georgia, "Times New Roman", Times, serif; font-weight:bold}
#col1 h2 { margin:20px 0 0 0; color:#0263d8; font: 16px Arial Rounded MT Bold, Verdana, Arial, Helvetica, sans-serif;}

#col2 { float:right; width:246px}
#col2 #testimon { text-align:left}
#col3 { float:left; width:216px}

#col4 { float:right; width:530px}
#col4 fieldset { margin: 0; border: 0; padding: 5px 20px 10px; text-indent:0; clear: left; border: 1px solid #CCCCCC; position: relative; margin:10px 0}
#col4 legend {padding: 5px;margin:0; color:#0263d8; font: 15px Tahoma, Verdana, Arial, Helvetica, sans-serif;font-weight: bold;position: relative;left: -7px; /* explorer */}
#col4 h1 { margin:0; color:#fa5e01; font: 22px Georgia, "Times New Roman", Times, serif; font-weight:bold}
#col4 h2 { margin:5px 0 0 0; color:#0263d8; font: 18px Arial Rounded MT Bold, Verdana, Arial, Helvetica, sans-serif;}
#col4 h3 { margin:20px 0 0 0; font: 14px Arial Rounded MT Bold, Verdana, Arial, Helvetica, sans-serif;}
#col4 h2 a { margin:20px 0 0 0; color:#0263d8; font: 18px Arial Rounded MT Bold, Verdana, Arial, Helvetica, sans-serif; text-decoration:none}

#bottom { background: url(../images/bottom.gif) no-repeat right top; height:40px; padding:8px 14px 0; margin:5px 0; text-align:center }

div.leftlinks { margin: 0; border: 0; padding: 5px 8px 8px; text-indent:0; clear: left; border: 1px solid #CCCCCC; position: relative; margin:10px 0}
.leftlinks p { font-size:10px; background: url(../images/arrow3.gif) no-repeat left 12px; border-bottom:#E0E0E0 dotted 1px; margin:0; padding:10px 0 3px 10px; display:block }
.leftlinks p:hover { font-size:10px; background: url(../images/arrow3.gif) no-repeat left 12px; border-bottom:#E0E0E0 dotted 1px; margin:0; padding:10px 0 3px 10px; background-color:#DEE3E7 }