/****** ##LOG: 
Author:  Dan Urquhart
Version: 1.0

This template has been made to be as simple to use as possible. Everything does have a place! Make sure you put things where they need to be.

Some rules:

-try not make multiple references o single elements: keeping all the stlyes of an element in one place keeps it from getting over styled or overlooked. 
-try to comment on what does what

Created: March 2007
******/
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			IMPORTANT BODY TAGS!!!!
||
||			***PUT THE BODY TAGS HERE AND NOT IN THE MAIN FILES!!***
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/

	html {
		border: none; 
		margin: 0px; 
		padding: 0px;
		height: 100%; 
		width: 100%;
	}

	body {		
		text-align: center;
		margin: 0px;
		padding: 0px; 		
		border: none; 
		height: 100%;
		width: 100%;
	}
	
	
	body,table, tr,td {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #999999; 
	}
	
	p {
		margin: 0px; 
		padding: 0px; 
		margin-top: 5px; 
		
	}
	
/*		
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			LINKS
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
* When adding links make sure you include all 4 link stages 
	(normal,hover,visited,visited:hover)
*/
	
	
/*		
	THE FOLLOWING STYLES ARE FOR ALL LINKS ON THE SITE!!!
*/
	a:link {
		color: #666699;
		text-decoration: none;
	}
	
	a:visited {
		text-decoration: none;
		color: #8888bb;
	}
	
	a:hover {
		text-decoration: none;
		color: #444477;
	}
	
	a:active {
		text-decoration: none;
		color: #8888bb;
	}


	a:focus { outline: none; }		


/*end*/

	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Container Styles
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/
	
	/* Site Container */	
	#centerCon {
		text-align: center;
		height: 100%;
		width: 800px; 
		margin: auto; 
		text-align:center;
		/*background: url(../images/template/slogan.gif) 540px 580px no-repeat;*/
	}
	
		#home {
			display: block; 
			height: 130px; 
		}
	
	/* Site Container */	
	#siteCon {		
		position: relative;
		background: url(../images/template/bg.gif) center 20px no-repeat;
		padding: 0px 0px 0px 0px;
		width: 800px;
		font-size: 13px; 
		color: #666666;
	}
	
	#slogan {
		display: block; 
		float: right; 
		padding-top: 20px; 
		padding-right: 20px; 
		clear: both; 
	}
	
	

			
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Body
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/	

		
					
			#bodyCon {
				position: relative;
				text-align: left;
				padding-left: 30px;
				padding-right: 30px;
				float: left;
				color: #FFFFFF;
				width: 490px;                
			}
			
			

		
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Footer
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/	
		
		#footer {
			
			margin: auto; 
			position: relative; 
			margin-top: -20px;
			width: 100%;

			height: 60px;
			line-height: 60px; 
			float: left; 
			
			text-align: center;
			
			font-size: 11px;
			
			/*width: 350px; 
			float: left; 
			padding: 20px 0px 0px 20px; 
			
			
			color: #CCCCCC;
			text-align: left;
			*/
			
			line-height: 20px;
			height: 20px;
		}	
		
		
		
		
		
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			HEADERS
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/

	h1,h2,h3,h4,h5,h6 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0px; 
		margin: 0px;
		margin-bottom: 10px; 
		margin-top: 15px; 
		color: #002d62;
	}
	
	h1 {
		font-size: 16px; 
	}
	h2 {
		font-size: 14px; 
	}
	h3 {
		font-size: 12px; 
	}
	
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			ADDITIONAL STYLES
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]



	
	

		
/*
If you are putting somthing into this sytle sheet page then it more than
likely has a home. 
				
don't simple include it at the bottom of the page.
				
Have a look at the page and look for the proper place for the variable that 
you are including.
				
If you can not find a place that looks right for the variable you are including
then create a spot for it somewhere that seems to fit and remember to include a 
header for your new section as well as remembering to comment what your variable 
is used for.	
*/