/*
	Fortune of War
	General Screen Styles

	Created by Chris Pearce
	chris@cstech.net.au
*/
/****************************************************************************************
																  >> General Selectors << 
*****************************************************************************************/
/*---Eric Meyer's Reset Rules: 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*-------------------------------------------Back to my rules---*/
body {
	line-height: 1.6;
	color: #fff;
	background: #669934;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; /* For IE 5.5 and below */
	margin: 10px 0 30px 0;
}
a:link, a:visited {
	text-decoration: none; 
	color: #b2d088;
}

a:hover {text-decoration: underline;}

#primary_content p, #primary_content-alt p {margin-bottom: 1.5em;}

#primary_content ul, #primary_content ol {
	margin: 0 0 1.5em 0;
	list-style: none;
}
#primary_content ul li {
	background: url("../_images/template/bullet.gif") no-repeat 0 9px;
	padding-left: 7px;
}
#primary_content ol li {list-style: inside decimal;}
#primary_content ul ul, 
#primary_content ol ol {margin: 0.40em 0 0.80em 30px;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted #fff;
}
:focus {outline: 0;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
h1,h2,h3,h4,h5,h6 {
	margin: 0 0 0.90em;
	font: bold 146%/1.5 Arial, Helvetica, sans-serif;
	color: #fff;
}
h2,h3,h4,h5,h6 {
	font-size: 116%;
	margin-bottom: 0.20em;
}
h3,h4,h5,h6 {font-size: 110%;}
h4,h5,h6 {font-size: 100%;}
h3,
#page_home #primary_content h2 {margin-bottom: 1.5em;}

#primary_content p + ul {margin-top: -1.1em;}

/****************************************************************************************
																		    >> Layout << 
*****************************************************************************************/			
/*-------------------------------------------Hide Elements off Screen---*/
.hide {
	position: absolute;
	top: -9999px;
}
.hide2 {display: none;}
/*-------------------------------------------Wrapper---*/
#wrapper {
	width: 854px;
	background: url("../_images/template/wrapper-bg.jpg") repeat-y 0 0;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
/*-------------------------------------------Banner---*/
#banner {
	background: transparent url("../_images/template/body-bg.jpg") no-repeat 0 0;
	padding: 34px 0 0 192px;
	z-index: 10;
	position: relative;
}
/*-------------------------------------------Branding---*/
h1#logo {
	position: absolute;
	top: 34px;
	left: 33px;
	margin: 0;
	z-index: 30;
}
	h1#logo a {
		display: block;
		text-indent: -9999px;
		width: 134px;
		height: 211px;
		background: url("../_images/template/logo.gif") no-repeat 0 0;
		overflow: hidden;
	}
	#page_home h1#logo a {cursor: default;}
/*-------------------------------------------Nav---*/
ul#nav {
	position: absolute;
	top: 270px;
	left: 48px;
	z-index: 40;
	font-size: 80%;
	width: 120px;
	list-style: none;
}
	ul#nav li a {
		color: #fff;
		padding-left: 8px;
	}
	ul#nav li a:hover,
	ul#nav li a.active {
		text-decoration: none;
		background: url("../_images/template/nav-hover.gif") no-repeat 0 49%;
		color: #84c231;
	}
	
/*-------------------------------------------Main Content---*/
#main_content {
	float: left;
	width: 854px;
	padding-bottom: 16px;
	font-size: 75%;
}
	/*---Primary Content---*/
	#main_content #primary_content {
		float: left;
		margin: 19px 0 0 192px;
		display: inline; /* Fix for double margin float bug */
		width: 235px;
		min-height: 300px;
	}
	
	#main_content #primary_content-alt {
		float: left;
		margin: 19px 0 30px 192px;
		display: inline; /* Fix for double margin float bug */
		width: 575px;
		min-height: 300px;
	}
	
	* html #main_content #primary_content {height: 300px;}
	/*---Sub Content---*/
	#main_content #sub_content {
		float: left;
		margin: 19px 0 0 18px;
		display: inline; /* Fix for double margin float bug */
		width: 382px;
		text-align: center;
	}
		#main_content #sub_content img#bar_graphic {
			margin: 0 auto 10px auto;
			display: block;
			border: 1px solid #b2d088;
		}
		#main_content #sub_content h2 {
			color: #b2d088;
			margin-bottom: 0.05em;
			font-size: 186%;
			line-height: 1.25;
		}
		#main_content #sub_content p {
			font-size: 124%;
			font-weight: 500;
			line-height: 1.45;
		}
		#main_content #sub_content p em {
			font-style: normal;
			font-size: 120%;
		}
		#main_content #sub_content p.sml_txt {
			font-size: 95%;
			margin-bottom: 0.90em;
			line-height: 1.3;
		}
/*-------------------------------------------Footer---*/
#footer {
	background: url("../_images/template/footer-bg.jpg") no-repeat 0 100%;
	clear: both;
	width: 854px;
	height: 7px;
}
.image-right { float:right; margin: 0 0 0 15px; padding: 4px; border: 1px solid #fff;}