/*** CSS Style ****/
/*** BODY ****/
body {
font : normal 12px/1.6em Arial, Helvetica, sans-serif; color : #57282a;
margin : 0;
padding : 0;
background:#e6ded3;
}


/*** Layout ****/
#container {margin : 0 auto;width : 970px; font : normal 12px/1.6em Arial, Helvetica, sans-serif; color : #57282a;}
#header {margin:0; width:970px;}
#top-column  {height:16px; width:970px; background : url(images/m1.jpg); }
#bottom-column {height:18px; width:970px; background : url(images/m2.jpg); clear:both;}
#bottom-column-footer {height:17px; width:970px; background : url(images/m3.jpg); clear:both;}


/*** Content ****/
#main-content{ width:970px; height:216px; margin:0; padding:0px; text-align: left;}

#boxleft {background : url(images/left_fade.jpg);margin:0; width:237px; height:216px;float:left;}
#boxleft p{ padding-left:25px; padding-top:10px; color:#57282a; padding-right:15px;}

#boxright {margin:0; height:216px; width:700px; float:right; text-align:left; color:#eae0d6; background : url(images/right_fade.jpg) no-repeat top right;
padding-top:0px; color:#57282a;}
#boxright p{ margin:0; padding-right:25px; text-align:justify;} 
#despartitor {background:url(images/despartitor.jpg); height:216px; width:20px; margin-left:237px;}

.image{ float:left; margin-right:10px;}
.image2{margin: 0px 0px 0px 0px; padding-top :10px; padding-left:0px; padding-bottom:5px; }

h1 {margin: 0px 0px 0px 0px; padding-top : 10px;  display:block; padding-left:25px;}
h2 {margin: 0px 0px 0px 0px; padding-top : 0px;  display:block; padding-left:25px;}
h3 {margin: 0px 0px 0px 0px; padding-top : 5px;  display:block; padding-left:25px;}
h4 {margin: 0px 0px 0px 0px; padding-top : 10px;  display:block; padding-left:0px; margin-bottom:10px;}

.p1{float:left; display:inline; padding:10px 20px 0px 25px;}
.p2{float:left; display:inline; padding:10px 20px 23px 25px}


input.grey {background-color: #eae0d6;font-size: 12px;color:#000000;border-color:#000000;border: 1px solid;}
textarea.grey {background-color: #eae0d6;font-size: 12px;color:#000000;border-color:#000000;border: 1px solid; overflow:hidden;}
submit.grey {background-color: #780103;font-size: 12px;color:#000000;}
#formp { text-align:right; padding-right:15px; margin-top:5px;}
#form{ padding-right:10px; margin-right:15px;}
#form1{ padding-right:10px; margin-right:15px;}
#form2{ margin-right:15px; margin-top:10px; }


#boxbottom {margin:0; width:970px; background-color:#f6f2ef; background-image:url(images/bottom_bgr.gif)}
#boxleft2 {margin:0; width:250px;float:left;}
#boxleft2 p {margin:0; padding:15px 10px 15px 25px;text-align:justify;}


#boxright2 {margin:0; width:370px; float:right; text-align:left; padding-top:0px;}

#boxcenter{ float:left; width:320px;}
#boxcenter1 { width:100px; float:left; margin:0px;}
#boxcenter2 { width:100px; margin:0px; float:left;}
#boxcenter3 { width:100px; float:left; margin:0px;}

.thumbs img{position:relative;padding:0px;margin:0px 5px 2px 0;border:1px solid  #CCCCCC;background-color:#ddd;color: #555;}

/*** FOOTER ***/
#footer {margin-top:10px; clear:both; width:970px;}
#footer1 {float:left; width:400px;}
#footer2 {float:right;}
.clear {clear:both;}


/*** STYLES ***/
p { margin : 0;padding : 0;}
a:visited, a:link {text-decoration : none;background:none; font : normal 11px/1.6em Arial, Helvetica, sans-serif; color : #57282a;}
a:hover {color : #a43b55;text-decoration : underline;background:none;}

ul { list-style: none;margin: 0px;padding: 0px; margin-left:10px; margin-top:7px;}
li { font-weight:normal;}

.clear{clear:both; height:0px; overflow:hidden;}
input.login_btn {width: 80px; height: 26px; background: url(./images/btn_login.gif) no-repeat; border:0px; margin:0px;}
input.register_btn {width: 80px; height: 26px; background: url(./images/btn_register.gif) no-repeat; border:0px; margin:0px;}
.img1 { border:1px solid #660033;}