/* --------------------------------- MAIN TEMPLATE -------------------------------- */


body {margin: 0px;
	padding: 0px;
	background-color: #ecf3fb;
	text-align: center;
	font-family: trebuchet, arial, sans-serif;
	font-size: 14px;
	color: #3d556d;}
	
div.head {width: 900px;	
	height: 316px;
	margin: 20px auto 0px;
	padding-top: 25px;
	background-image: url('graphics/head.jpg');
	text-align: left;}
	
div.head h1 {width: 594px;
	margin: 0px 0px 0px 280px;
	height: 0px !important;
	height /**/: 47px;
	padding-top: 47px;
	background-image: url('graphics/head1.jpg');
	overflow: hidden;
	background-repeat: no-repeat;}
  
div.head h2{width: 353px;
	margin: 98px 0px 0px 468px;
	height: 0px !important;
	height /**/: 73px;
	padding-top: 73px;
	background-image: url('graphics/head2.gif');
	overflow: hidden;
	background-repeat: no-repeat;}
  
div.head div.login {height: 21px;
	margin: 24px 23px 2px 0px;
	text-align: right;}  
  
div.head form.login {height: 25px;
	margin: 15px 17px 2px 585px;
	padding: 3px 0px 2px 21px;
	background: url('graphics/login.png') top right no-repeat;
	text-align: right;}  
  
div.head form.login input {float: left;
	width: 52px;
	margin: 0px 2px;
	font-size: 12px;
	color: #333;}  
  
div.head form.login input.text {width: 96px;
	height: 15px;
	padding: 3px 4px;
	background-color: transparent;
	font-style: italic;
	color: #777;
	border: 0px;}  
  
* html div.head form.login input.text {height: 23px;}
  
div.menu {margin: 0px 0px;
	padding: 0px 0px 0px 13px;
	font-size: 14px;
	border: 0px solid #8c8c8c;}	
	
div.menu a {float: left;
	height: 20px;
	margin: 0px 0px;
	padding: 8px 0px 10px;
	text-align: center;
	color: #ffecd6;
	font-size: 18px;
	border-right: 1px solid #3889db;
	border-left: 1px solid #81b4e8;}
	  
div.menu a.home {width: 124px;}
div.menu a.about {width: 162px;}
div.menu a.search {width: 228px;}
div.menu a.advertise {width: 172px;}
div.menu a.contact {width: 180px;}
	  
div.menu a:link {}	  
div.menu a:visited {}	  
div.menu a:hover {color: #ffeedc; background-color: #3b8bdb;}	  
	  
div.container-main {width: 900px;
	margin: 0px auto 0px;
	padding: 0px;
	background-image: url('graphics/container-main.jpg');
	border: 0px solid #8c8c8c;}
		
div.container-top {min-height: 300px;
	margin: 0px;
	padding: 30px 20px 20px;
	background: url('graphics/container-top.jpg') top center no-repeat;
	border: 0px solid #8c8c8c;}
		
		
		
  
/* -------- CONTENT -------- */  
  
p {text-align: justify;}	
		
	
h2 {text-align: left;
	font-size: 18px;
	font-weight: normal;
	color: #506171;
	margin: 0px 0px 5px;}

h3 {margin: 10px 0px;
	font-size: 22px;
	color: #3d556d;
	font-weight: normal;
	text-align: center;}

a {color: #555;}  
a:link {}
a:visited {}
a:hover {color: #333;}  
  
br.clear {clear: both;}  
	
hr {height: 1px;
	color: #3d556d;
	background-color: #6d859d;
	border: 0px;}
  
/* -------- FORMS -------- */
  	
form.big {background-color: red;}	
	
form.main {text-align: center;
	padding: 20px;
	line-height: 25px;
	border-bottom: 1px solid #8c8c8c;}
	
form.main  input {width: 180px;
	margin: 20px 10px;
	font-size: 15px;
	color: #333;}

form.main input.go {width: 50px;
	margin: 0px 10px;}

	
form p {margin: 0px 0px 7px; 
	text-align: right;}
	
form p input, form p textarea, form p select {width: 350px;
	margin: -3px 0px 0px 5px; 
	padding: 2px;
	vertical-align: text-top;
	border-top: 1px solid #8b91a4;
	border-right: 1px solid #cfd4e2;
	border-bottom: 1px solid #cfd4e2;
	border-left: 1px solid #a2a7b6;}
	
form p textarea {height: 150px; }
	
form p.radio, form p.checkbox  {margin: 30px 30px 30px 0px;}	
	
form p.radio span, form p.checkbox  span {margin: 0px 0px 0px 15px;}	
	
form p.radio input, form p.checkbox input {width: 10px;
	height: 10px;
	margin-top: 3px;
	border: 0px;}	
	
div.submit {height: 25px; 
	margin: 30px 0px 30px 0px;
	padding: 1px 0px;}
	
div.submit  input {float: right; 
	width: 130px; 
	margin: 0px 0px 0px 10px;
	font-size: 16px;
	color: #444;}

form p input.checkbox {width: 10px;
	margin: 0px 340px 0px 5px;}

input.actions {width: 100px;
	margin: 2px;}
  
textarea {width: 350px;
	height: 150px;
	vertical-align: text-top;}

	
div.error {font-size: 20px;
	color: #933;
	margin: 10px 0px;
	text-align: center;}
  
div.success {margin: 0px 0px 20px;
	font-size: 20px;
	color: #039;
	text-align: center;}
  
  

	

	
/* -------- FOOTER -------- */  
  
div.foot {clear: both;
	width: 850px;
	height: 186px;
	margin: 0px auto 20px;
	padding: 30px 25px 0px;
	background: url('graphics/container-foot.jpg') bottom center no-repeat;
	color: #ffeedc;
	font-size: 14px;
	border: 0px solid #8c8c8c;}
	
* html div.foot {width: 900px;
	height: 216px;}	
	
div.foot a {color: #ffecd6;} 
div.foot a:hover {color: #fffff9;}  
	
div.foot div.links {width: 800px;
	height: 140px;
	margin: 0px auto;
	padding-left: 0px;
	text-align: left;
	line-height: 18px;
	border: 0px solid #d5c5b3;}

div.foot div.links div {float: left;
	width: auto;
	height: 120px;
	margin-left: 38px;
	padding-left: 45px;
	text-align: left;
	border-left: 1px solid #80addb;}
		
div.foot a.shr {margin: 0px 0px 15px 5px;
	font-size: 20px; 
	font-family: "trebuchet ms", arial, sans-serif;}
	
div.foot div a {display: block;
	margin: 5px 0px;
	font-size: 15px;}
	
div.foot hr {margin: 0px 0px 0px;
	padding: 0px;
	background-color: #80addb;
	color: #80addb;}
		
div.foot p {margin: 0px;
	padding: 8px 0px 5px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #80addb;} 
  
div.foot p span {margin: 0px 10px;}