/* UNIVERSAL STYLES
--------------------------------------------------------------------------------*/

body {
	font: 12px/16px arial, helvetica, sans-serif;
	color: #666;
	text-align: center;
	background: #E3D9C5;
	padding: 16px 0 0 0;
	margin: 0;
}

.spaw_body {
	font: 12px/16px arial, helvetica, sans-serif;
 	text-align: left;
 	background-color: #FFF;
	background-image: none;
	padding: 10px;
}

body * {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

/* TYPOGRAPHY
--------------------------------------------------------------------------------*/

h1 {
	font-size: 13px;
	color: #C37D05;
	padding: 8px 0;
}

h2 {
	font-size: 13px;
	color: #C37D05;
	padding: 8px 0 0 0;
}

h3 {
	font-size: 12px;
	color: #C37D05;
	padding: 8px 0;
}

h4 {
	font-size: 12px;
	color: #666;
	padding: 8px 0;
}

hr {
	width: 100%;
	height: 1px;
	color: #CDCDCD;
	background-color: #CDCDCD;
	border: none;
	margin: 15px 0;
}

blockquote {
	padding: 10px 20px;
}

p {
	padding: 8px 0;
}

p span.small {
	font-size: 11px;
	line-height: 1em;
	padding: 0;
}

a, a:visited, a:focus, a:active {
	color: #C37D05;
	text-decoration: none;
}

a:hover {
	color: #C37D05;
	text-decoration: underline;
}

div#content ul {
	margin: 10px 0 10px 40px;
}

div#content ul li {
	list-style-type: square;
}

div#content ol {
	margin: 10px 30px;
}


/* IMAGE AND CAPTION STYLES
--------------------------------------------------------------------------------*/

div.img_caption_left {
	float: left;
	width: 200px;
	color: #909090;
/*	background: #FFFBED;*/
	margin: 0 15px 10px 0;
}

div.img_caption_right {
	float: right;
	width: 200px;
	color: #909090;
/*	background: #FFFBED;*/
	margin: 0 0 10px 15px;
}

div.img_caption_left p, div.img_caption_right p {
	width: 180px;
	background: #FFFBED;
	padding: 10px;
	margin: 2px 0 0 0;
}


/* STRUCTURAL LAYOUT
--------------------------------------------------------------------------------*/

div#container {
	width: 760px;
	text-align: left;
	background: #E8CDA0;
	border: 1px solid #FFF;
	padding: 2px;
	margin: 0 auto;
}

div#container2 {
	width: 740px;
	background: #FFF url('../images1/content_side.gif') repeat-y 570px 0;
	padding: 0 10px;
}

div#splash {
	padding-top: 60px;
}

div#header {
	width: 740px;
/*	height: 71px;*/
	background: #FFF;
	border-bottom: 1px solid #CDCDCD;
}

div#header img, h1.title {
	display: block;
	float: left;
}

h1.title, p.title {
	font-size: 13px;
	font-weight: bold;
	color: #A28960;
	text-transform: uppercase;
}

h1.title {
	position: relative;
	top: 49px;
	left: 15px;
	padding: 0;
}

h1.title_fr {
	top: 67px;
}

p.random_img {
	margin: 15px 0;
}

div#nav {
	float: left;
	width: 140px;
}

div#nav p {
	text-align: center;
}

div#content {
	float: left;
	width: 390px;
	padding: 0 15px 30px 15px;
}

div#content_side {
	float: left;
	width: 158px;
	line-height: 18px;
	padding: 4px 10px 0 12px;
}

div.clear_min {
	clear: both;
}

/* COMMUNITY TEMPLATE LAYOUT
--------------------------------------------------*/

div#container_comm {
	width: 740px;
	background: #FFF;
	padding: 0 10px;
}

div#content_comm_container {
	float: left;
	width: 585px;
	padding: 11px 0 0 15px;
}

div#comm_header_container {
	width: 585px;
	height: 180px;
	overflow: hidden;
}

table#comm_header {
	width: 585px;
}

td#comm_img {
	width: 400px;
	padding: 0;
}

td#comm_info {
	width: 145px;
	height: 170px;
	line-height: 15px;
	background: #F8F1DC;
	padding: 10px 10px 0 30px;
}

td#comm_info img {
	margin: 0 0 5px 0;
}

div#content_comm {
	width: 400px;
	padding: 15px 0 20px 0;
}

div#content_comm table {
	margin: 20px 0;
}

div#content_comm table td {
	vertical-align: middle;
}

div#content_comm table td ul {
	margin: 20px 0 20px 30px;
}

div#content_comm table td ul li {
	list-style-type: disc;
}

/* COMMUNITY TEMPLATE LAYOUT END
--------------------------------------------------*/

div.clear {
	height: 20px;
	background: #FFF;
	clear: both;
}

div#footer {
	width: 760px;
	padding: 5px 3px 15px 3px;
	margin: 0 auto;
}


/* CONTENT STYLES
--------------------------------------------------------------------------------*/


/* MAIN NAVIGATION
--------------------------------------------------------------------------------*/

div#nav ul {
	padding: 0;
	margin: 0;
}

div#nav ul li {
	list-style-type: none;
	text-align: right;
	padding: 0;
	margin: 0;
}

div#nav ul li a, div#nav ul li a:visited, div#nav ul li a:focus, div#nav ul li a:active {
	display: block;
	width: 125px;
	font-weight: bold;
	color: #85ABB2;
	border-top: 1px solid #CDCDCD;
	text-decoration: none;
	padding: 4px 10px 4px 5px;
}

div#nav ul li a:hover {
	color: #318676;
	background: #EEE;
}


/* TIER 1 ON
--------------------------------------------------*/

div#nav ul li.on {
	background: #EEE;
}

div#nav ul li.on a, div#nav ul li.on a:visited, div#nav ul li.on a:focus, div#nav ul li.on a:hover, div#nav ul li.on a:active {
	color: #318676;
}


/* TIER 2
--------------------------------------------------*/

div#nav ul li.navsub1 {
	background: #EEE url('../images1/navsub_bg.gif') no-repeat 126px 7px;
}

div#nav ul li.navsub1 a, div#nav ul li.navsub1 a:visited, div#nav ul li.navsub1 a:focus, div#nav ul li.navsub1 a:active {
	width: 118px;
	font-weight: normal;
	color: #666;
	border: none;
	padding: 0 17px 3px 5px;
}

div#nav ul li.navsub1 a:hover {
	color: #318676;
	text-decoration: underline;
	background: none;
}

div#nav ul li.navsub1_spacer {
	height: 5px;
	font-size: 5px;
	line-height: 5px;
}

/* TIER 2 ON
--------------------------------------------------*/

div#nav ul li.navsub1 a.on, div#nav ul li.navsub1 a.on:visited, div#nav ul li.navsub1 a.on:focus, div#nav ul li.navsub1 a.on:hover, div#nav ul li.navsub1 a.on:active {
	color: #318676;
	text-decoration: underline;
}


/* BOTTOM NAVIGATION
--------------------------------------------------------------------------------*/

div#footer ul {
	padding: 0;
	margin: 0;
}

div#footer ul li {
	display: inline;
	list-style-type: none;
	font-size: 11px;
	color: #A99975;
	padding: 0;
	margin: 0;
}

div#footer ul li a, div#footer ul li a:visited, div#footer ul li a:focus, div#footer ul li a:active {
	font-size: 11px;
	color: #A99975;
	text-decoration: none;
	padding: 0 6px;
}

div#footer ul li a:hover {
	color: #A99975;
	text-decoration: underline;
}