/* BASIC PAGE ELEMENTS */
* {
	outline: none;
	}
a {
	color: #C24443;
	text-decoration: none;
	}
a:hover,
a:focus,
a:active {
	color: #AF3C3A;
	text-decoration: underline;
	}
/*** PAGE LAYOUT ***/
html {
	background: #3D3D3D;
	}
body {
	margin: 0;
	background: #AAA url(page_bg.gif) repeat-x left bottom;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	text-align: center;
	color: #222;
	}
#skiptocontent {display:none;}
#HEAD {
	background: url(head_bg.gif) repeat-x left top;
	}
	#head {
		position: relative;
		width: 780px;
		height: 100px;
		margin: 0 auto;
		background: url(head_logo.gif) no-repeat left top;
		text-align: left;
		}
	#head h1 {
		margin: 0;
		}
	#img {
		position: absolute;
		top: 0;
		right: 10px;
		width: 300px;
		height: 70px;
		background: #EEE url(menu_imgs.jpg) no-repeat 0px 0px;
		}
		#img img {display:none;}
		#pg1 #img {background-position: 0px -70px;}
		#pg2 #img {background-position: 0px -140px;}
		#pg3 #img {background-position: 0px -210px;}
		#pg4 #img {background-position: 0px -280px;}
		#pg5 #img {background-position: 0px -350px;}
		#pg6 #img {background-position: 0px -420px;}
		#pg7 #img {background-position: 0px -490px;}
	#logo {
		height: 100px;
		width: 420px;
		float: left;
		display: block;
		background: url(head_logo.gif) no-repeat left top;
		}
	#logo span {
		display: none;
		}
	#links {
		display: block;
		padding: 70px 0 0 0;
		height: 30px;
		text-align: right;
		}
	#links a {
		color: #222;
		margin: 0 10px;
		line-height: 27px;
		font-weight: bold;
		}
	#links a:hover,
	#links a:focus,
	#links a:active {
		color: #000;
		margin: 0 10px;
		line-height: 27px;
		font-weight: bold;
		}
#WRAP {
	position: relative;
	width: 780px;
	margin: 0 auto;
	background: #EEE url(wrap_bg.gif) repeat-y left top;
	text-align: left;
	padding: 0;
	}
#WRAP h1 {	
	margin: 0 20px 0 250px;
	height: 40px;
	font: bold italic 1.7em Arial,Helvetica,sans-serif;
	letter-spacing: 1px;
	line-height: 2em;
	color: #888;
	}
#menu {
	position: absolute;
	top: 40px;
	left: 10px;
	width: 230px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: right;
	margin: 0;
	border-top: 1px solid #BBB;
	}
	#menu li {
		padding: 0;
		border: 0;
		list-style-type: none;
		margin: 0 0 0 0;
		line-height: 1.6em;
		}
	#menu a {
		display: block;
		padding: 5px 5px 5px 30px;
		width: 195px;
		border-bottom: 1px solid #BBB;
		color: #3D3D3D;
		text-decoration: none;
		background: transparent url() no-repeat left center;
		}
	#pg1 .t1 a,
	#pg2 .t2 a,
	#pg3 .t3 a,
	#pg4 .t4 a,
	#pg5 .t5 a,
	#pg6 .t6 a,
	#pg7 .t7 a,
	#pg8 .t8 a {
		background-color: #CCC;
		background-image: url(menu_bg.gif);
		color: #000;
		border-color: ;
		}
	#menu a:hover,
	#menu a:focus,
	#menu a:active {
		background-color: #CCC;
		}	
	#menu li.photo {
		padding: 15px;
		margin: 0;
		}
#CONT {
	width: 510px;
	padding: 0 20px 20px 250px;
	background: url(cont_bg.gif) no-repeat left bottom;
	}
	#CONT h2 {
		font-size: 1em;
		border-bottom: 1px solid #BBB;
		margin: 0 0 5px 0;
		padding: 0 5px;
		}
	#CONT p {
		margin: 0 0 10px 5px;
		}
	#CONT ul {
		margin: 0 0 10px 5px;
		padding: 0 0 0 25px;
		}
	.msg {
		color: #AF3C3A;
		font-size: 10px;
		line-height: 12px;
		}
	.photo {
		float: right;
		margin: 5px 0 5px 10px;
		}
	.photo span {
		display: block;
		font-size: 10px;
		color: #777;
		line-height: 12px;
		}
	label {
		display: block;
		font-size: 10px;
		color: #777;
		line-height: 12px;
		}
	.inp {
		width: 400px;
		}
#FOOT {
	height: 65px;
	width: 760px;
	margin: 0 auto;
	text-align: left;
	color: #999;
	font-size: 10px;
	line-height: 1.3em;
	padding: 5px 0 0 0;
	}
	#FOOT p {
		margin: 0 0 7px 0;
		}
	#FOOT a,
	#FOOT a:hover,
	#FOOT a:focus,
	#FOOT a:active {
		color: #CCC;
		}
	#resources {
		margin: 2px 0 0 0;
		padding: 4px 0;
		border-top: 1px solid #222;
		text-align: right;
		}
	#update {
		float: left;
		}