/* CSS Document */

*  {
	margin:0;
	padding:0;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size : 100.01%;
	background: #6A7463;
	min-width: 990px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #cc0000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #ca0002;
	text-decoration: none;
}

img {
	border:none;
}

p, ul {
	font-size: 10px;
}

#branding {
	position:absolute;
	/* border: 1px dotted #fff; */ 
	width: 987px;
	height:160px;
	background: #6A7463 url(../images/backgrounds/hometitle2.jpg) no-repeat right bottom; 
}


#branding h1 {
	width:972px;
	position:absolute;
	left:10px;
	top:20px;
	font-size: 36px;
	margin:0;
	/* border: 1px solid #fff; */
}


/*---------------------------- RULES FOR MAIN NAVIGATION (.mainNav) AND VERTICAL UNORDERED NAVIGATION LIST -----------------------------*/


ul {
	list-style-type:none;
	display:block;
	margin:0;
	padding:0;
}

li {
	display:inline;	
}

#mainNav  {
	position:relative;
	top:20px;
	left:0px;
	background: #000;
	border: 1px solid #fff;
	width: 600px;
	width: 687px;
	height: 130px;
	overflow:hidden;
	margin:0 10px 40px 0;
}

#mainNav h2 {
	position:absolute;
	/* border: 1px solid #fff;*/
	color:#000;
	font-size:10px;
}

#mainNav ul {
	position:relative;
	height: 128px;
	width:4300px;
	margin:0;
	/* border:1px dotted #00ff00; */
	left:0px;
	background: #000 url(../images/backgrounds/sprockets3.gif) repeat 46px 3px;
}

#mainNav li a {
	position:absolute;
	top: 10px;
	background-position: 0 2px;
}

#mainNav li.wardeclared a {
	background: #000 url(../images/backgrounds/wardeccrop.jpg) no-repeat 0 2px;
	left:0px;
}

#mainNav li.scrapiron a {
	background: #000 url(../images/backgrounds/ratsscrapcrop.jpg) no-repeat 0 2px;
	left: 230px;
}

#mainNav li.greatrisk a {
	background: #000 url(../images/backgrounds/greatriskcrop.jpg) no-repeat 0 2px;
	left: 460px;
}

#mainNav li.damascus a {
	background: #000 url(../images/backgrounds/damascuscrop.jpg) no-repeat 0 2px;
	left: 690px;
}

#mainNav li.japadvance a {
	background: #000 url(../images/backgrounds/japadcrop.jpg) no-repeat 0 2px;
	left: 920px;
}

#mainNav li.underattack a {
	background: #000 url(../images/backgrounds/uattackcrop.jpg) no-repeat 0 2px;
	left: 1150px;
}

#mainNav li.asfaras a {
	background: #000 url(../images/backgrounds/asfarascrop.jpg) no-repeat 0 2px;
	left: 1380px;
}

#mainNav li.beyond a {
	background: #000 url(../images/backgrounds/beyondcrop.jpg) no-repeat 0 2px;
	left: 1610px;
}

#mainNav li.allin a {
	background: #000 url(../images/backgrounds/allincrop.jpg) no-repeat 0 2px;
	left: 1840px;
}

#mainNav li.coastwatcher a {
	background: #000 url(../images/backgrounds/coastwatchcrop.jpg) no-repeat 0 2px;
	left: 2070px;
}

#mainNav li.behindwire a {
	background: #000 url(../images/backgrounds/behindwirecrop.jpg) no-repeat 0 2px;
	left: 2300px;
}

#mainNav li.farflung a {
	background: #000 url(../images/backgrounds/farflungcrop.jpg) no-repeat 0 2px;
	left: 2530px;
}

#mainNav li.beachheads a {
	background: #000 url(../images/backgrounds/beachheadcrop.jpg) no-repeat 0 2px;
	left: 2760px;
}

#mainNav li.pushingback a {
	background: #000 url(../images/backgrounds/pushbackcrop.jpg) no-repeat 0 2px;
	left: 2990px;
}

#mainNav li.waratsea a {
	background: #000 url(../images/backgrounds/perilseacrop.jpg) no-repeat 0 2px;
	left: 3220px;
}

#mainNav li.raaf a {
	background: #000 url(../images/backgrounds/raafeucrop.jpg) no-repeat 0 2px;
	left: 3450px;
}

#mainNav li.lastbattles a {
	background: #000 url(../images/backgrounds/lastbatcrop.jpg) no-repeat 0 2px;
	left: 3680px;
}

#mainNav li.vevp a {
	background: #000 url(../images/backgrounds/vevpcrop.jpg) no-repeat 0 2px;
	left: 3910px;
}
	
#mainNav a {
	height: 86px;
	color: #000;
	display:block;
	text-decoration: none;
	width: 217px;
	font-size:1px;

	font-family: Arial, Helvetica, sans-serif;
	word-spacing:-2px;

	line-height:0px;
	font-weight:normal;
	/* MARGIN AT BOTTOM ONLY WORKS IF ul h3 IS SET TO display:inline (BELOW) NOT display:block */
	margin:11px 10px 2px 5px;

	padding:0;
	/* border:1px solid #6c7469;/*#d3dbd0; */
	
	-moz-opacity:.70;
	opacity:.70; 
}

#mainNav a:hover {
	/* border:1px solid #6A7463; */
	-moz-opacity:1;
	opacity:1; 

}

/*---------------------------- END RULES FOR MAIN NAV AND UNORDERED LIST -----------------------------*/

#wrapper {
	width : 982px;
	 min-width : 800px; 
	 margin: 0 auto; 
	text-align: left;
	/* border: 1px solid #ff0000; */
}

#contentWrap {
	/* ISSUE WITH POSTIONINING BACKGROUND IMAGE
	1. CANNOT vertically position background image if set to tile vertically using repeat-y (tile will start at 0 vertically).
	2. CANNOT vertically position a background image if DIV height not set AND/OR height of DIV is LESS THAN the height of the background image?????????????????????
	*/
	margin: 10px 0 0 0;
 	border: 1px solid #fff;
	background: #000 url(../images/backgrounds/content_ground.gif) no-repeat; 
	/* background-position: 4px 16px;
	/* NOT DEFINING A WIDTH ON DIV SHOULD STOP BOX MODEL PROBLEMS USING A PADDING
	LEAVE OUT FOR NOW _ USE MARGINS IN CONTENT BOXES  */
	padding: 15px 15px 8px 15px; 
	
}



#sideContent {
	width:210px;
	float:left;
	margin:0 7px 0 0;
 	padding:0;
	color: #000;
}

#mainContent  {
	width:452px;
	float:left;
	margin:0 7px 0 0;
	padding:0;
	color: #000;
}

#secondaryContent {
	width:274px;
	float:left;
	margin:0;
	padding:0;
	color: #000;

}

/*---------------------------- RULES FOR BOX -----------------------------*/


.box {
	margin: 0 0 10px 0; 
	padding: 0 0 0 0;  
	border: 1px solid #a2aa9e;
	/*border-top:none;*/
	background-color: #eceeea;
}


.box #specialfeatures {
	border: 1px solid #a2aa9e;
}

/*------------------------------RULES FOR "SPECIAL FEATURES" BOX ------------*/

#sideContent h2 {
	display:block;
	height:18px;
	font-size:1px;
	
	padding:7px 0 0 10px;
	/*padding-left:10px; */
	margin:0;
	background: #eceeea url(../images/backgrounds/searchstrip3.jpg) no-repeat 0 0; 
}

#sideContent h2 a {
	font-size:11px;
	margin:0;
	padding:2px 8px 2px 8px;
	color:#fff; 
	border: 1px solid #fff;
	background:transparent;
}

#sideContent h2 a:hover {
	border: 1px solid #fff;
	background:#ff9900;
}



/* -----------------------------SEARCH FORM -----------------------------*/
form {
	margin:0;
	padding: 0 ;
}

fieldset {
	margin:4px 4px 8px 4px;
	border:none;
}

input.radio {

width:auto;
float:left;
	margin:0;
	padding:0;
}

fieldset label {
	font-size:10px;
	padding: 0 30px 5px 10px;
	/*margin:0; */
}

form img {
	margin: 2px 80px 0 1px;
	border:none;
}

input.searchField {	
	width:200px;
	margin: 0; 
}

input.submit {
	margin:0;
	padding:0;
}
/* ----------------------------- END SEARCH FORM -----------------------------*/

/* ------------------------ SPECIAL FEATURES LIST -----------------------------------*/ 
#specialfeatures h3 {
font-size:1px;
	color:#eceeea;
}


#specialfeatures ul {
	background: #eceeea url(../images/backgrounds/specialfeatures3a.jpg) no-repeat 0 0;
	display:block;
	width:198px;
	margin:0;
	padding:25px 5px 5px 5px;
/*	border: 1px dotted #ff0000; */ 
}


#specialfeatures ul li {
	position:relative;
	display:block;
	width:198px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 5px 0 0 0;
	padding: 3px 0 5px 0;
}

#specialfeatures ul h4 {
	display:block;
	width:70px;
	font-family: Arial, Helvetica, sans-serif;
	color: #242222;
	font-size : 13px;
	line-height: 13px;
	letter-spacing:-.02em;
	margin:0;
	padding:3px 0 3px 0;
	border-bottom: 1px solid #000;
}


#specialfeatures ul img {
	display:block;
	width:70px;
	font-family: Arial, Helvetica, sans-serif;
	color: #242222;
	font-size : 13px;
	line-height: 13px;
	margin:3px 0 3px 0;
}

#specialfeatures ul p {
	position:absolute;
	left:76px;
	top:6px;
	width:122px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size : 10px;
	line-height: 12px;
	word-spacing:-.1em;
}

#specialfeatures ul p  a {
	font-size : 10px;
	font-weight:bold;
	text-decoration:none;
	color: #cc0000;
}

/* ------------------------ END SPECIAL FEATURES LIST -----------------------------------*/ 


/* ------------------------ MAIN FEATURES SECTION -----------------------------------*/ 
.mainfeaturebox {
	position:relative;
	background: #eceeea url(../images/backgrounds/featurestrip.jpg) no-repeat 1px 0;
	margin: 0 0 -1px 0; 
	padding: 0 0 10px 0;  
	border: 1px solid #7c8776;
	border-top:1px solid #000;
	background-color: #eceeea;
}

.mainfeaturebox ul {
	margin-top: 25px;
}

.mainfeaturebox h2 {
	position:absolute;
	top:30px;
	font-size:1px;
	color: #eceeea;
}

.mainfeaturebox h5 {
	font-family:"Courier New", Courier,  monospace;
	font-size:15px;
	color: #eceeea;
	margin:7px;
	padding:0;
}

.mainfeaturebox h3 {
	/*position:absolute;
	top: 40px;
	left: 170px; */

	padding:0;
	margin:0 0 20px 0;
	font-size:60px;
	line-height:49px;
	letter-spacing: -.02em;
	color: #303125;
}

.mainfeaturebox img {
	float:left;
	margin: 0 13px 10px 13px;
	padding: 1px 0 4px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	display:block;
}

.mainfeaturebox p {
	margin: 10px 13px 15px 13px;
	padding:0;
	font-size: 10px;
	line-height:13px;
}


.mainfeaturebox p strong {
	width:auto;
	margin-top: 0;
	line-height:14px;
	font-weight:bold;
}

/* SPECIAL RULE JUST FOR WAR SPECIAL IMAGE THAT SITS BELOW PLAIN TEXT AND LEFT OF MIDGET SUB 
   A KLUDGE TO PLACE IT INSIDE THE <p> TAG TO GET A HANDLE ON IT WITHOUT RESORTING TO CLASS OR ID */
#mainfeature p img {
	margin:10px 0 0 0;
}

.mainfeaturebox hr {
	clear:both;
	background-color:#000;
	color: #000;
	width:424px;
	height:1px;
	border:none;
	margin: 0 13px 0 13px;
}

.mainfeaturebox img#mainImage {
	float:right;
	margin: 10px 13px 10px 13px;
}

#mainfeature2 h3 {
	margin: 0 0 0 13px;
	font-size:35px;
	letter-spacing:-1px;
}
#mainfeature2 p {
margin-top:0;
}

#mainfeature2 img {
	float:right;
}

/* ------------------------ END MAIN FEATURES SECTION -----------------------------------*/
#warart {
	background: #eceeea url(../images/backgrounds/warartstrip.jpg) no-repeat 1px 0;
}

#warart h2 {
	top:30px;
}

#warart img, #warart h4 {
	margin-top:36px;
}


#warart h4, #warart h5, #warposters h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #303125;
	letter-spacing:-.05em;
	margin-bottom : 0;
	padding:0;
}

#warart h4 {
	font-size:20px;
}

#warart h5 {
	margin-left:13px;
	margin-bottom:5px;
	font-size:15px;
}
 
 
#warart p {
	font-size:9px;
	margin: 8px 8px 0 0 ;
	padding:0;
} 

#warart ul {
	margin: 0 0 0 13px;
}

#warart ul img {
	float:none;
	border:none;
	margin:0;
	padding:0;
}

#warart ul a {
	float:left;
	display:block; 
	background: none ;
	/*border-top:2px solid #fff; */
	border-bottom:2px solid #eceeea;
	/* margin:0 8px 0 0; */
	/*padding:2px 0 2px 0; */
	margin:0 8px 3px 0;
	padding:0 0 3px 0;

}


#warart ul a:hover {
	/* border-top:2px solid #000; */
	border-bottom:2px solid #000;
}

#warposters {
	background: #eceeea url(../images/backgrounds/warpostersstrip.jpg) no-repeat 1px 0;
	border-top: 1px solid #484a47;
}

#warposters h5 {
	margin:30px 0 0 40px;
	padding:0;
	font-size:13px;
}

#warposters #flashDoc {
	border: 1px solid #333;
	margin: 5px  40px 0 40px;
}

#warposters p {
	margin: 5px  40px 10px 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
	font-size : 10px;
	line-height: 12px;
	word-spacing:-.1em;
}

#warposters hr {
	background-color:#000;
	color: #000;
	width:234px;
	height:1px;
	border:none;
	margin: 30px 13px 10px 13px;
}


/* ------------------------ SITE CONTENT MENU LIST -----------------------------------*/ 
.sitecontents {

	background: #d4dad1 url(../images/backgrounds/sitecontentsstrip.jpg) no-repeat 0 0;
}

.sitecontents h2, #warposters h2, #warart h2 {
	position:relative;
	top:27px;
	color: #eceeea;
	font-size: 1px;
}

.sitecontents h2 {
	top:26px;
	color: #d4dad1;
}

.sitecontents ul {
	margin: 26px 0 0 0;
	padding:0
}

.sitecontents ul h4 a {

	height: 37px;
	color: #fff;
	display:block;
	text-decoration: none;
	width: 142px;
	font-size:11px;
	font-family:"Courier New", Courier,  monospace;
	word-spacing:-2px;
	line-height:11px;
	font-weight:bold;
	/* MARGIN AT BOTTOM ONLY WORKS IF ul h3 IS SET TO display:inline (BELOW) NOT display:block */
	margin-bottom:1px;
	margin:0 0 2px 0;
	background: #000 url(../images/backgrounds/japadvancebutton.jpg) no-repeat 0 0;
	padding:1px 20px 0 112px;
	/* border:1px solid #ff0000; */
}

.sitecontents ul  h4 {
	display:inline;
}

.sitecontents ul h4 a em {
	width:1px;
	height:1px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	color: #000;
	display:block;
}

.sitecontents ul h4 a em {
	color: #000;
}


.sitecontents li.wardeclared a {
	background: #000 url(../images/backgrounds/wardeclaredbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.scrapiron a {
	background: #000 url(../images/backgrounds/scrapironbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.greatrisk a {
	background: #000 url(../images/backgrounds/greatriskbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.damascus a {
	background: #000 url(../images/backgrounds/damascusbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.japadvance a {
	background: #000 url(../images/backgrounds/japadvancebutton.jpg) no-repeat -274px 0;
}

.sitecontents li.underattack a {
	background: #000 url(../images/backgrounds/underattackbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.asfaras a {
	background: #000 url(../images/backgrounds/asfarasbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.beyond a {
	background: #000 url(../images/backgrounds/beyondbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.allin a {
	background: #000 url(../images/backgrounds/allinbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.coastwatcher a {
	background: #000 url(../images/backgrounds/coastwatcherbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.behindwire a {
	background: #000 url(../images/backgrounds/behindwirebutton.jpg) no-repeat -274px 0;
}

.sitecontents li.farflung a {
	background: #000 url(../images/backgrounds/farflungbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.beachheads a {
	background: #000 url(../images/backgrounds/beachheadsbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.pushingback a {
	background: #000 url(../images/backgrounds/pushingbackbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.waratsea a {
	background: #000 url(../images/backgrounds/waratseabutton.jpg) no-repeat -274px 0;
}

.sitecontents li.raaf a {
	background: #000 url(../images/backgrounds/raafbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.lastbattles a {
	background: #000 url(../images/backgrounds/lastbattlesbutton.jpg) no-repeat -274px 0;
}

.sitecontents li.vevp a {
	background: #000 url(../images/backgrounds/vevpbutton.jpg) no-repeat -274px 0;
}

.sitecontents li a:hover {
	background-position: 0 0; 
}

.clear {
	clear:both;
	/* REQUIRED BY IE6 SO THAT WHITE BACKGROUND OF FOOTER BOX DOES NOT "BLEED" */
	position:relative;
}

.clear hr {

	background-color:#d4dad1;
	color: #d4dad1;
	border:none;
	margin:0;
	padding:0;
	width: 0px;
	height:0;
}

#logo {
	display:block;
	/* REQUIRED BY IE6 SO THAT WHITE BACKGROUND OF FOOTER BOX DOES NOT "BLEED" */
	position:relative;
	top:-5px;
	/* border:1px solid #ff0000; */
	text-align:right;

	margin:0;
}

#footer {
	position:relative;
	height: 48px;
	overflow:hidden;
	clear:both;
	margin: 0;
	padding:0;
}

#footer ul {
	position:absolute;
	left: 880px;
	top: 5px;
	padding:0;
	margin:0;
}

#footer ul a {
color: #fff;
}

#footer ul a:hover {
text-decoration:underline;
color: #fff;
}