/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
ol, ul {list-style: none;}
input, textarea { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 100%; }
body {line-height: 1;font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 62.5%; text-align: center;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}

h2 { font-size: 130%; font-weight: bold; color: #06528E; padding: 15px 0 15px 0; }
h3 { font-size: 110%; font-weight: bold; color: #06528E; background: url(../img/h3.gif) repeat-x bottom; padding: 0 0 6px 0; margin: 0 0 10px 0; }
form td { padding: 0.2em 0.4em; }
.text a { color: #06528E;  }

#center { width: 906px; margin: 15px auto 0 auto; text-align: left; line-height: 1.2; font-size: 110%; background: url(../img/center.gif) repeat-y; }

.section1 { padding: 5px 5px 0 10px; margin: 0 1px; background: url(../img/content.gif) repeat-x; height: 100%; overflow: hidden;  }

/* header */
#header, #header span { height: 150px; width: 906px; overflow: hidden; position: relative; display: block; background: #F90; font-size: 120%;  cursor: hand; cu\rsor: pointer;}
#header span { position: absolute; left: 0; top: 0; background: url(/signup/header.jpg); }
#header h1 { font-size: 250%; font-weight: bold; font-style: italic; color: #fff; padding: 5px 10px 10px 10px;; }
#header ul { float: left; padding: 5px 50px 5px 10px; margin: 0 10px; background: #fed; display: inline; color: #f00; }
#header p { float: left; width: 500px; }

#motto { width: 906; height: 83px; background: url(../img/star.jpg) no-repeat center; }

/* section 1 */
.plus li { background: url(../img/plus.gif) no-repeat 0 0.3em; padding: 0 0 4px 15px; }
.login { background: url(../img/h2-login.gif) no-repeat 0 0.9em; padding-left: 25px; }

#col1 { width: 200px; float: left; cursor: hand; cu\rsor: pointer;}
#col1 .box { background: url(../img/col1-box.jpg) no-repeat bottom; margin: 10px 0 0 0; }
#col1 .box2 { padding: 10px; background: url(../img/col1-box2.jpg) no-repeat top;}
#col1 ul { padding: 0 0 10px 0; }
#col1 li { background: url(../img/h3.gif) repeat-x bottom; padding: 7px 5px;  }
#col1 h3 { margin: 5px 0 5px 0; }
#col1 .box span { display: block; background: url(../img/col1-span.gif) no-repeat right; padding: 0 20px 0 0; }

#col23 { width: 680px; float: right; }

#col2 { width: 464px; float: left; color: #4F4B30;}
#col2 .box { background: #E8ECF1 url(../img/col2-box1.gif) no-repeat bottom; margin: 0 0 10px 0; clear: both; }
#col2 .box2, #col2 .box-fade { background: url(../img/col2-box2.gif) no-repeat top; padding: 15px 10px 15px 10px; }
#col2 .box-fade { background: url(../img/box-fade.gif) no-repeat top; }

#col3 { width: 200px; float: right; cursor: hand; cu\rsor: pointer;}
#col3 img { display: block; margin: 0 0 5px 0; border: 1px solid #B36B00; }

/* section 2 */
.section2, .section2 span { height: 65px; position: relative; margin: 0 1px; display: block; background-color: #193564 ; }
.section2 span { width: 904px; margin: 0; background: url(../img/section2.gif) no-repeat center; position: absolute; left: 0; top: 0;}
.section2 p { color: #FEF77C; font-size: 140%; padding: 10px 400px 10px 10px; font-weight: bold;  }
.page { position: absolute;  background: #FFF87C; right: 10px; top: 38px; float: left; border: 1px solid #ECBA57; border-right: none;}
.page a { float: left; padding: 3px 8px; border-right: 1px solid #ECBA57; color: #CB0F10; text-decoration: none; }
.page a.curr { background: #CB0F10; color: #fff; }
.page a:hover { background: #ECBA57;  }

/* section 3 */
.section3 { width: 100%; overflow: hidden; margin: 10px 10px 0 10px; }
.category { border: 1px solid #CFD0A8; width: 884px; overflow: hidden; margin: 0 0 10px 0; background: url(../img/category.gif); position: relative; }
.category .thumbs { float: right; }
.category .big { float: left; }
.category h4 { font-size: 140%; color: #C95500; font-weight: bold; padding: 8px; border: 1px solid #ECBA57; background: #FDEC6A; margin: 0 316px 0 241px;  }
.category h4 a { text-decoration: none; color: #f00; }
.category .crop { height: 85px; overflow: auto; width: 327px;}
.category .crop p { padding: 5px; }
.category h3 { font-size: 130%; font-weight: bold; padding: 8px; margin: 0 316px 0 241px; text-transform: uppercase; }
.category .button { position: absolute; left: 250px; top: 170px; }
.color1 h3 { border: 1px solid #FF9796; background: #FFC2C2 url(../img/color1.jpg) repeat-x; color: #925656;  }
.color2 h3 { border: 1px solid #70B3C4; background: #83F6F5 url(../img/color2.jpg) repeat-x; color: #398082;  }
.color3 h3 { border: 1px solid #C0F1A2; background: #D7F5C5 url(../img/color3.jpg) repeat-x; color: #607952;  }
.color4 h3 { border: 1px solid #FE9900; background: #FFCFA0 url(../img/color4.jpg) repeat-x; color: #82684F;  }
.color5 h3 { border: 1px solid #D6B63F; background: #F9DD6C url(../img/color5.jpg) repeat-x; color: #897828;  }
.color6 h3 { border: 1px solid #BEBEBE; background: #D1D1D1 url(../img/color6.jpg) repeat-x; color: #5E5E5E;  }

/* forms */
.forms {margin: 10px 0px; }
.forms dt, .forms dd { margin-bottom: 4px; }
.forms dt { float: left; clear: left; text-align: right; width: 140px; margin-right: 5px; line-height: 18px; }
.forms input, .forms select { margin-left: 0; }
#form-user dt { width: 190px; }
.error { padding: 10px; margin: 10px; border: 1px solid #ff0000; background-color: #ffffff; }
.error li { color: #ff0000; background: url(../img/error-li.gif) no-repeat 0 0.5em; padding: 2px 0 2px 10px;}

#form-forgotten .button, #form-contact .button { margin: 0; padding: 0; border: 0; width: 162px; height: 36px; background: #FAE056 url(../img/button-send.jpg) no-repeat; color: #C84938; font-weight: bold; text-transform: uppercase;cursor: hand; cu\rsor: pointer;}