/* normalise basic styles, to get all browsers similar */
html, body {height:100%; margin: 0; padding:0; background: #fff;}
h1, h2, h3 {margin: 0.75em 0; padding: 0; letter-spacing: normal;}
h4, h5, h6, p {margin: 1em 0; padding: 0;}
form, dl, dt, dd {margin: 0; padding:0;}
ul, ol {margin-left: 0; padding-left: 1em;}
fieldset {border: none; margin: 1em 0; padding: 0;}
textarea {font-size: 1em;}    
/* equalise font-size with <input elements> */
pre {font: 100% Monaco,'Courier New',courier, monospace;}
/* turn off default image border */
a img {border: 0;}

/*basic font style*/
body {
  font: normal normal normal 11px Verdana, Helvetica, sans-serif; 
  background: #fff url('img/bg.body.jpg') repeat-x top center; 
}

#container {
	width: 756px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}

#header {
	height: 127px;
  background: transparent url('img/bg.logo.gif') no-repeat 130px 30px; 
	overflow: hidden;
	
	color: #fff;
}
#header p {
	height: 14px;
	margin-top: 107px;
	text-align: center;
	color: #6D6E71;
}

#topnav {
	height: 31px;
	text-align: center;
}
	#topnav ul {
		width: 690px;
		height: 31px;
		padding: 0;
		margin: 0 auto;
		list-style: none;
	}
	#topnav ul li {
		float: left;
	}
	#topnav ul li a {
		display: block;
		width: 112px;
		height: 21px;
		padding: 8px 0 0 0;
		margin: 0 0 0 1px;
		float: left;
		background: #EDE9E5 url('img/bg.topnav.jpg') repeat-x top left; 
		border-top: #7B756D solid 1px;
		border-right: #7B756D solid 1px;
		border-left: #7B756D solid 1px;

		color: #796144;
		text-decoration: none;
	}
	#topnav ul li a:hover {
		color: white;
		text-decoration: underline;
	}
	#topnav ul li a.crnt {
		height: 22px;
		background: #EEEBE2 none;
		border-top: #fff solid 1px;
		border-right: #fff solid 1px;
		border-left: #fff solid 1px;
		color: #796144;
		text-decoration: none;
	}

#banner {
	width: 756px;
	height: 223px;
	margin-top: 21px;
  background: transparent url('img/bg.banner.jpg') no-repeat top left; 
}
	#banner img {
		width: 744px;
		height: 211px;
		padding: 6px;
	}

#ctnt {
	width: 756px;
	padding-bottom: 75px;
	color: #636260;
}
	#ctnt #fullc {
		padding: 10px;
	}
	#ctnt #leftc {
		width: 390px;
		padding: 0 10px 10px 10px;
		float: left;
	}
	#ctnt #titlebox {
		width: 336px;
		height: 440px;
		margin: 10px 5px 0 0;
		float: right;
		overflow: hidden;
		border: solid #B4A9A1 1px;
		background-color: #E5E2D9;
	
	}
	#ctnt #titlebox h1 {
		display: block;
		width: 334px;
		height: 33px;
		margin: 0;
		padding: 19px 0 0 0;
		border: solid #f8f8f0 1px;
		background: #CEBDBD url('img/bg.titlebox.h1.jpg') repeat-x top left; 
		text-align: center;
		
		color: #796144;
		font-size: 16px;
		text-transform: uppercase;
	}
	#ctnt #titlebox h3 {
		color: #ffffff;
		text-align: center;
		padding:10px 10px 10px 10px;
		background-color: #C33832;
	}
	#ctnt #titlebox h3 a {
		color: #ffffff;
	}
	#ctnt #titlebox h4 {
		color: #C33832;
		font-size: 13px;
		text-align: center;
		font-weight: bold;
	}
	#ctnt #titlebox h4 a {
		color: #796144;
	}
	#ctnt #titlebox h4 a:hover {
		color: #000;
	}
	#ctnt #titlebox p {
		 padding:0px 10px 0px 10px
	}
	
	#ctnt #titlebox #imgs {
		width: 334px;
		height: 330px;
		padding-top: 7px;
		border-right: solid #E5E2D9 1px;
		border-bottom: solid #E5E2D9 1px;
		border-left: solid #E5E2D9 1px;
		background-color: #E5E2D9;
		text-align: center;
	}
	#ctnt #titlebox #imgs img {
		margin: 7px;
		border: solid #710038 1px;
	}
	
	#ctnt h1 {
		margin: 8px 0 4px 10px;
		font-size: 20px;
		color: #BCB3A9;
	}
	#ctnt h2 {
		margin: 6px 0 2px 7px;
		font-size: 15px;
	}
	#ctnt h3 {
		margin: 12px 0 10px 4px;
		font-size: 13px;
		font-weight: bold;
	}
	#ctnt h4 {
		color: #C33832;
		font-size: 13px;
		font-weight: bold;
	}
	#ctnt h4 a {
		color: #796144;
	}
	#ctnt h4 a:hover {
		color: #000;
	}
	#ctnt h5 {
		margin: 12px 0 10px 4px;
		padding: 10px 10px 10px 10px;
		color:#FFFFFF;
		font-size: 10px;
		font-style: italic;
		background-color:#796144;
	}
	#ctnt h5 a {
		color:#FFFFFF;
	}
	#ctnt h5 a:hover {
		color:#000;
	}
	#ctnt p {
		margin: 2px 1px 8px 1px;
	}
	#ctnt a {
		color: #000000;
	}
	#ctnt a:hover {
		color: #636260;
	}
	#ctnt ul {
		margin: 3px 0 2px 2px;
	}
	#ctnt ul li {
		margin: 3px 0 5px 10px;
	}

.clear {
	clear: both;
}

#footer {
	width: 100%;
	height: 58px;
	margin-top: -71px;
	padding-top: 12px;
	clear: left;
	background: #c6c1a3 url('img/bg.footer.jpg') repeat-x top left; 
	border-top: solid #a4a085 1px;
	text-align: center;
}
	#footer, #footer a {
		color: #656251;
}
	#footer, #footer a:hover {
		color: #000000;
	}
	#footer p {
		margin: 4px;
		font-size: 10px;
		word-spacing: 1px;
		line-height: 12px;
	}