/* This stylesheet conrtols the various styles associated with the TheyCameToFight.org */

/*Basic page styles*/
body
{
	background-color:#271E0F;
	margin:0;
	text-align:center;
}

/*Bar at the top of the page***********************************************/
		#topbar
		{
			background-color:#010101;
			width:100%;
			height:22px;
			text-align:center;
			
		}
		
		#topbar_content
		{
			width:800px;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			
		}
		
		#topbar_content a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			color:#FFFFFF;
			text-transform:uppercase;
			text-decoration:underline;
			font-weight:bold;
		
		}
		
		#topbar_content a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			color:#FFFFFF;
			text-transform:uppercase;
			text-decoration:underline;
		
		}
		
		#topbar_content a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			color:#FFFFFF;
			text-transform:uppercase;
			text-decoration:underline;
		
		}
		
		#topbar_content_left
		{
			width:400px;
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			color:#FFFFFF;
			text-transform:uppercase;
			text-align:left;
			float:left;
			padding-top:7px;
		
		}

		#topbar_content_right
		{
			width:400px;
			
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			color:#FFFFFF;
			text-transform:uppercase;
			text-align:right;
			float:right;
			padding-top:7px;
		}

/********************************************************************************/

/*Layout Styles*/
		
		/*main container to hold the menu, content */
		#main_container
		{
			width:800px;
			text-align:center;
			margin-top:20px;
			margin-left:auto;
			margin-right:auto;
			background-color:#fff;			
		}
		
		/*menu containers ************************
		The menu containers have two states A and B. State A is displayed when you are 
		on the page for that menu item and State B otherwise */
		
		/*menu styles for 1st menu item*/
		#menu_container_1A
		{
			width:100px;
			padding:5px;
			background-color:#FFFFFF;
			border:1px solid #fff;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			margin:0px;
		}
		
		#menu_container_1A a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_1A a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_1A a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		
		
		#menu_container_1B
		{
			width:100px;
			padding:5px;
			background-color:#010101;
			border: 1px solid #010101;
			border-right:1px solid #fff;		
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			margin:0px;
		}	
		
		#menu_container_1B a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_1B a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_1B a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}	
		
		
		
		
		
		
		/*menu container for unselected page */
		#menu_container_2A
		{
			width:140px;
			padding:5px;
			background-color:#FFFFFF;
			border:1px solid #fff;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			margin:0px;
		}
		
		#menu_container_2A a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_2A a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_2A a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_2B
		{
			width:140px;
			padding:5px;
			background-color:#010101;
			border: 1px solid #010101;
			border-right:1px solid #fff;		
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			margin:0px;
		}	
		
		#menu_container_2B a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_2B a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_2B a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}	
		
		
		
		/*menu container for unselected page */
		#menu_container_3A
		{
			width:133px;
			padding:5px;
			background-color:#FFFFFF;
			border:1px solid #fff;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			margin:0px;
		}
		
		#menu_container_3A a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_3A a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_3A a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_3B
		{
			width:133px;
			padding:5px;
			background-color:#010101;
			border: 1px solid #010101;
			border-right:1px solid #fff;		
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			margin:0px;
		}	
		
		#menu_container_3B a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_3B a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_3B a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}	
		
		
		/*menu container for unselected page */
		#menu_container_4A
		{
			width:120px;
			padding:5px;
			background-color:#FFFFFF;
			border:1px solid #fff;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			margin:0px;
		}
		
		#menu_container_4A a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_4A a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_4A a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_4B
		{
			width:120px;
			padding:5px;
			background-color:#010101;
			border: 1px solid #010101;
			border-right:1px solid #fff;		
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			margin:0px;
		}	
		
		#menu_container_4B a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_4B a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_4B a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}	
		
		
		/*menu container for unselected page */
		#menu_container_5A
		{
			width:120px;
			padding:5px;
			background-color:#FFFFFF;
			border:1px solid #fff;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			margin:0px;
		}
		
		#menu_container_5A a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_5A a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_5A a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		
		#menu_container_5B
		{
			width:120px;
			padding:5px;
			background-color:#010101;
			border: 1px solid #010101;
			border-right:1px solid #fff;		
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			margin:0px;
		}	
		
		#menu_container_5B a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_5B a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_5B a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}	
		
		
		
		/*menu container for unselected page */
		#menu_container_6A
		{
			width:115px;
			padding:5px;
			background-color:#FFFFFF;
			border:1px solid #fff;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			margin:0px;
		}
		
		#menu_container_6A a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_6A a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_6A a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		
		#menu_container_6B
		{
			width:115px;
			padding:5px;
			background-color:#010101;
			/*border-right:0.5px solid #fff;*/
			border: 1px solid #010101;		
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			margin:0px;
		}
		
		#menu_container_6B a
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_6B a:active
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		#menu_container_6B a:visited
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			text-decoration:none;
		}	
		
		/*end menu items */	
		
		#whitebar
		{
			width:800px;
			height:10px;
			background-color:#FFFFFF;
		}
		
		/*header container for title of website*/
		#header
		{
			width:776px;
			padding-left:12px;
			padding-right:12px;
			padding-top:10px;
			padding-bottom:10px;
			clear:left;
		}
		
		/*flash container for home page*/
		#flash
		{
			width:776px;
			height:319px;
			padding-left:12px;
			padding-right:12px;
			
		}
		
		/*Second title under flash on home page*/
		#title2
		{
			width:776px;
			padding-left:12px;
			padding-right:12px;
						
		}
		
		/*Home page content area. This is split into two
		#homecontent1 acts as the container div for homecontent2*/
		#homecontent1
		{
			width:776px;
			padding-left:12px;
			padding-right:12px;
			padding-bottom:5px;
						
		}
		
		#homecontent2
		{
			width:766px;
			padding-top:5px;
			padding-left:5px;
			padding-right:5px;
			text-align:left;
			background-color:#cccc99;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
						
		}
		
		/*footer area. This is split into two
		#footer1 acts as the container div for footer2*/
		#footer1
		{
			width:776px;
			padding-left:12px;
			padding-right:12px;
			padding-bottom:10px;
			clear:right;
						
		}
		
		#footer2
		{
			width:766px;
			padding:5px;
			text-align:left;
			background-color:#53452d;
									
		}
		
				
		/*site credits*/
		#credits
		{
			width:800px;
			height:35px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#FFFFFF;
			text-align:right;
			margin-left:auto;
			margin-right:auto;
			clear:both;
		}
		
		#credits a
		{
			text-decoration:none;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#FFFFFF;
		}
		
		/*content pages left vertical images */
		#contentcontainer
		{
			width:776px;
			padding-left:12px;
			padding-right:12px;
			padding-bottom:5px;
			text-align:left;
			/*height:500px;*/
			
						
		}
		/*content container used on pages with large amounts of content */
		#contentcontainer2
		{
			width:776px;
			padding-left:12px;
			padding-right:12px;
			padding-bottom:5px;
			text-align:left;
			/*height:500px;*/
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-align:left;
			
						
		}
		
		
		#contentverticalimage
		{
			width:211px;
			height:1500px;
			background-color:#140a14;
			float:left;
			
				
		}
		
		#contentverticalimage_sharecropping
		{
			width:211px;
			height:675px;
			background-color:#140a14;
			float:left;
			
				
		}
		
		#contentverticalimage_sharecropping2
		{
			width:211px;
			height:1200px;
			background-color:#140a14;
			float:left;
			
				
		}
		
		.awardbox
		{
			width:150px;
			padding:5px;
			float:right;
			margin-left:10px;
			margin-bottom:10px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			background:#FFF;
		}
		
		
		
		
		/*content pages right hand side area */
		#contentarea
		{
			float:left;
			width:550px;
			padding-left:15px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-align:left;
			overflow:hidden;
			
			
		}
		
		/*The clear div is used just under the contentarea div in a page to prevent the contentarea div from
		overlapping into the footer. The need for this was a little strange, as the page should have displayed
		correctly without it. The issue of course only occurs in one browser - firefox. IE seems to ignore 
		whatever inconsistency is causing the error */
		#cleardiv
		{
			clear:both;
			height:2px;
		}
		
		/*image floats*/
		.floatright
		{
			float:right;
			margin:0 0 10px 10px;
		}
		
		.floatleft 
		{
			float:left;
			margin:0 10px 0 0;		
		}
		
		.floatleftB
		{
			float:left;
			margin:0 10px 0 0;	
			/*background-color:#140a14;*/
			background-color:#bf9d77;
			padding:4px;	
		}
		
		
		/*Quote text**********/
		.quote
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-style:italic;
			color:#990000;
		}
				
		.quoteBY
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			color:#000;
			text-align:right;
			padding-right:5px;
		}
		
		/*burgundy color text*/
		.burgundy
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#803f1f;
			font-weight:bold;
		}
		
		
		.largetext
		{
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:14px;
			color:#000000;
			font-weight:bolder;
		}
		
		.imagecredits
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			font-weight:bold;
		}
		
		.footertxt
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#fff;
			text-transform:capitalize;
			font-weight:bolder;
		}
		
		.footertxtMINI
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:9px;
			color:#fff;
			
		}
		
		.boldcontent
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#000;
			font-weight:bolder;
		}
		
		.normalcontent
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#000;			
		}
		
		.boldERcontent
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#000;
			font-weight:bolder;
		}
		
		.tinyredtext
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#990000;
			font-weight:bolder;
		}
		
/*CSS for form */
fieldset
{ 
	border:0;
	margin:0;
	padding:0;
	width:400px;
	margin-top:20px;
	background-color:#F8F8F8;
	padding-left:10px;
}

label 
{ 
	display:block;
}

input.text
{ 
	width:250x;
	font:12px/12px 'courier new',courier,monospace;
	color:#333;
	padding:3px;
	margin:1px 0;
	border:1px solid #ccc;
}


input.textarea 
{ 
	width:400px;
	font:12px/12px 'courier new',courier,monospace;
	color:#333;
	padding:3px;
	margin:1px 0;
	border:1px solid #ccc;
}
input.submit 
{ 
	padding:2px 5px;
	font:bold 12px/12px verdana,arial,sans-serif;
}

fieldset.submit
{
	background-color:#fff;
}


/* end form css*/