/* Firelighters.org.uk
   Design by Andrew Duncalfe / sublimey.net
   Copyright © 2008 */
	
/* Global settings */

body
{background: #000 url(../graphics/page_bg.gif) repeat-y top center;
 font-family: Verdana;
 font-size: 1em;
 color: #ddd;}

h3
{font-family: Arial Black;
 font-size: 1.6em;
 text-align: center;
 margin: 0 0 5px 0;}
 
h4
{font-family: Arial Narrow;
 font-size: 1.4em;
 text-align: left;
 margin: 20px 0 0 0;}
 
a, a:visited
{color: #eee;
 font-weight: bold;
 text-decoration: none;}

a:hover, a:active
{text-decoration: underline;}

/* Div placement & styles */

#container
{width: 900px;
 margin-right: auto;
 margin-left: auto;
 text-align: left;}

	#header
	{height: 200px;
	 background: url(../graphics/header_bg2.jpg);}
	
		img.logo
		{postion: relative;
		  top: 0;
		  left: 0;}
		  
		/*img.logo
		{float: left;
		 clear: none;}*/
		
		/*#header h1
		{font-family: Arial Black;
		 font-size: 2em;
		 margin: -60px 0 0 100px;}
		 
		#header h2
		{font-family: Arial Narrow;
 		 font-size: 1.2em;
 		 margin: 10px 0 10px 100px;}
		
		.summary
		{font-family: Georgia;
		 font-size: 1.4em;
		 line-height: 1.0em;
		 word-spacing: .2em;
		 margin: 0 260px 0 20px;}*/
		 
		#header h1
		{font-family: Arial Black;
		 font-size: 2em;
		 padding: 10px 0 5px 105px;
		 margin: -125px 0 0 0;}
		 
		#header h2
		{font-family: Arial Narrow;
		 font-size: 1.2em;
		 font-style: italic;
		 padding: 0 0 10px 105px;}
		 
		.summary
		{font-family: Georgia;
		 font-size: 1.2em;
		 padding: 0 0 0 105px;}
		 
	#content
	{}
	
		#nav
		{height: 38px;
		 font-family: Arial Narrow;
		 font-size: 1.2em;
		 font-variant: small-caps;
		 background: #000 url(../graphics/nav_bg.jpg);
		 padding: 12px 0 0 20px;}
		
			#nav li
			{display: inline;
			 vertical-align: middle;
			 margin: 0 10px 0 0;}
			
			#nav a 
			{text-decoration: none;
			 color: #efefef;
			 padding-bottom: 10px;}
			 
			#nav a:visited
			 {text-decoration: none;
			 color: #efefef;
			 padding-bottom: 10px;}
			
			#nav a:hover
			{color: #999;
			 background-color: transparent;
			 border-bottom: 5px solid #666;}
			 
			#nav a:active
			{color: #999;
			 border-bottom: 5px solid #666;}
			 
			body.home #nav-home a,
			body.about #nav-about a,
			body.missions #nav-mission a,
			body.tide #nav-tide a,
			body.projects #nav-projects a,
			body.donations #nav-donations a,
			body.searching #nav-searching a
			{color: #333;
			 font-weight: bold;
			 border-bottom: 5px solid #111;}
	
		#missions
		{background: #c60 url(../graphics/mission_bg.jpg);
		 width: 260px;
		 height: 330px;
		 float: left;
		 padding: 10px 20px 0 20px;
		 font-size: .85em;}
		
		#tide
		{background: #c60 url(../graphics/tide_bg.jpg);
		 width: 260px;
		 height: 330px;
		 float: left;
		 padding: 10px 20px 0 20px;
		 font-size: .85em;}
		
		#projects
		{background: #c60 url(../graphics/projects_bg.jpg);
		 width: 260px;
		 height: 330px;
		 float: left;
		 padding: 10px 20px 0 20px;
		 font-size: .85em;}
		 
			#content p
			{line-height: 1.2em;
			 margin: .5em 0 .5em 0;
			 text-indent: 1.5em;}
			 
			 	p.update
			 	{color: #999;}
			 	
			 	p.searching
			 	{background-color: #fff;
			 	 border: 1px solid black;}
			 	
			 	strong
			 	{font-weight: bold;}
			 	
			 	em
			 	{font-style: italic;}
			 	
			 	blockquote
			 	{background: url(../graphics/blockquote_bg.gif) repeat-y top left;
				 margin: 0 20px 0 20px;
				 padding: 20px 20px 20px 20px;
				 border: 2px solid #333;
				 color: #333;}
			 	 
			 
			img.rotate
			{border-top: 1px solid #000;
			 border-right: none;
			 border-left: none;
			 border-bottom: none;
			 padding: 0 1px 0 1px;
			 margin: 0 0 1px -16px;
			 position: relative;
			  top: 0;
			  left: 0;}
			  
			img.search
			{border: none;
			 clear: all;}
			  
		#main
		{float: left;
		 clear: none;
		 width: 578px;
		 border: 1px solid #000;
		 padding: 10px 10px 10px 10px;
		 background: #c60 url(../graphics/main_bg.gif) repeat-y top left;}
		 
		 	/*#main a
			{color: #600;
			 font-weight: bold;
 			 text-decoration: none;}
 			 
 			#main a:visited
 			{color: #600;
 			 font-weight: bold; 
 			 text-decoration: none;}

			#main a:hover 
			{color: #efefef;
			 background-color: #600;
			 text-decoration: none;}
			 
			#main a:active
			{color: #efefef;
			 background-color: #600;}*/
		 
		 	#main img
		 	{border: 1px solid #000;
		 	 float: left;
		 	 margin: 0 10px 0 0;}
		 	 
		 	img.right
		 	{float: right;}
		 	
		 	#main ul
		 	{margin: .75em 0 .75em 0;
		 	 list-style: disc inside;}
		 	 
		 	#main ol
		 	{margin: .75em 0 .75em 0;
		 	 list-style: decimal inside;}
		 	
		 	#main li
		 	{margin: .5em 0 .5em 0;}
		 	
		 	#main form
		 	{display: inline;}
		 
		#sidebar
		{float: left;
		 clear: none;
		 width: 280px;
		 font-size: 0.9em;
		 color: #dedede;
		 padding: 10px 10px 0 10px;
		 background: url(../graphics/sidebar_bg.jpg) no-repeat top center;}
		 
		 	#sidebar ul
		 	{margin: 20px 0 10px 0;
		 	 padding: 0 0 80px 0;
		 	 background: url(../graphics/sidebar_deco.gif) no-repeat bottom center;}
		 	
		 	#sidebar li
		 	{margin: 10px 0 15px 0;}
		 	
		 	#sidebar p
		 	{margin: 1em 0 1em 0;}
		 	
		 	.callout
		 	{padding: 125px 15px 0 15px;
		 	 font-size: 1.3em;}
			 		
		#footer
		{clear: both;}
		
			#footer img
			{float: left;
			 margin: 10px 0 10px 17px;}
			 
			#footer p
			{text-align: right;
			 font-size: .6em;
			 margin-right: 20px;}

/* sub-div styles */