/****** ##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; 
		background: #0a0a0c url(../images/template/bg.gif) top left repeat-y;
		border: none; 
		height: 100%;
		width: 100%;
	}
	
	
	body,table, tr,td {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		vertical-align: top; 
	}
	
	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 {
		color: #000055;
		text-decoration: none;
		font-weight: bold; 
	}
	
	a:visited {
		text-decoration: none;
		color: #000033;
	}
	
	a:hover {
		text-decoration: none;
		color: #000088;
	}
	
	a:active {
		text-decoration: none;
		color: #000088;
	}

	a:focus { outline: none; }
		


/*end*/

	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Container Styles
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/
	
	/* Site Container */	
	#centerCon {
		text-align: center;
		height: 100%;
		width: 100%;
		background: #0a0a0c url(../images/template/bg.gif) top left repeat-y;
		overflow-x: hidden;
	}
	
	
	
	/* Site Container */	
	#siteCon {
		position: relative;
		background: url(../images/template/headerbg.jpg) top left repeat-x;
		margin: auto;
		padding: 0px; 
		width: 100%;
		
		min-width: 100%;
		border: none;
		overflow: visible;
	}
	
	div > #siteCon {
		
		width: auto; 
	}
	
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Header
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/
		#headerCon {
			position: relative;
			width: 100%;
			height: 353px; 			
			text-align: center;
			
			background: transparent url(../images/template/header.jpg) top left no-repeat;
		}	
		
		
		
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Menus
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/		
		
		
	/* Top Menu */
	
		#topMenuCon {
			position: relative;
			top: 295px;  
			padding-left: 115px; 
			height: 45px; 
			width: 780px;
			
			text-align: left;
		}	
		
			#topMenuCon a {
				width: 119px; 
				height: 45px; 
				display: block; 
				float: left; 
				margin: 0px 5px 0px 5px;
			 
			}
			
			
			
			
			#button_1, #button_1:link, #button_1:active, #button_1:visited {
				background: transparent url(../images/template/buttons/button_1.jpg) top left no-repeat;	
			}
			
			#button_1:hover {
				background: transparent url(../images/template/buttons/button_over_1.jpg) top left no-repeat;	
			}
			
			#button_2, #button_2:link, #button_2:active, #button_2:visited {
				background: transparent url(../images/template/buttons/button_2.jpg) top left no-repeat;	
			}
			
			#button_2:hover {
				background: transparent url(../images/template/buttons/button_over_2.jpg) top left no-repeat;	
			}
			
			#button_3, #button_3:link, #button_3:active, #button_3:visited {
				background: transparent url(../images/template/buttons/button_3.jpg) top left no-repeat;	
			}
			
			#button_3:hover {
				background: transparent url(../images/template/buttons/button_over_3.jpg) top left no-repeat;	
			}
			
			#button_4, #button_4:link, #button_4:active, #button_4:visited {
				background: transparent url(../images/template/buttons/button_4.jpg) top left no-repeat;	
			}
			
			#button_4:hover {
				background: transparent url(../images/template/buttons/button_over_4.jpg) top left no-repeat;	
			}
			
			#button_5, #button_5:link, #button_5:active, #button_5:visited {
				background: transparent url(../images/template/buttons/button_5.jpg) top left no-repeat;	
			}
			
			#button_5:hover {
				background: transparent url(../images/template/buttons/button_over_5.jpg) top left no-repeat;	
			}
			
			#button_6, #button_6:link, #button_6:active, #button_6:visited {
				background: transparent url(../images/template/buttons/button_6.jpg) top left no-repeat;	
			}
			
			#button_6:hover {
				background: transparent url(../images/template/buttons/button_over_6.jpg) top left no-repeat;	
			}
			
			
			
			
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Body
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/	

		
	
		#centerBodyCon {
			
			height: 100%; 		
			text-align: left;   
			
			
		}	

			#col1Con {
				position: absolute;  
				left: 0px; 
				top: 353px; 
				z-index: 2; 
				
				background: #ff6633 url(../images/template/col1.jpg) top left no-repeat;
				width: 97px; 				
				height: 320px; 
				
			}	
			
			#col2Con {
				position: absolute;  
				left: 97px; 
				top: 353px;  
				color: #ffffff;
				
				background: #0a0a0c url(../images/template/col2bg.jpg) top left no-repeat;
				width: 300px; 				
				height: 321px; 
				
				padding: 16px; 
				font-size: 11px; 
				 
			}	
			
				#col2banner {
					height: 120px;
					 
					
					
					
				}
				#col2banner img {
					width: 300px; 
					margin-left: 16px; 
					border: 1px solid #ddeeff;
				}	
			
				
			
				#col2Con a, #col2Con a:link, #col2Con a:active, #col2Con a:visited {
					color: #ccddee; 					
				}
				#col2Con a:hover {
					color: #009999;
				}

				.readMore, .readMore:link, .readMore:hover, .readMore:active, .readMore:visited {
					float: right;  				
				}
				




			#bodyCon {
				
				text-align: left;
				background: #ffffff url(../images/template/col3bg.jpg) center 100px  no-repeat;												
				padding: 10px; 				
				margin-left: 429px;
				font-weight: normal; 
			
				
				height: 400px; 
				overflow: visible; 
				
				
			}
			
				#bodyCon img {
					border: 1px solid #006699; 
					display: block; 
					margin: auto; 
				}
			
				.twoColumnBullets {
					margin: 10px 0px 10px 0px; 				
				}
				.twoColumnBullets ul {					
					float: left; 									
					
				}
				
				.twoColumnBullets li {
					list-style-position: inside; 
				}
				
				
				.clearBoth {
					padding-top: 10px; 
					clear: both; 
				}
			
			
			
				
			
		form {
			margin: 0px; 
			padding: 0px; 			
		}
		
		input, textarea {
			border-left: 1px solid #220044;
			border-top:  1px solid #220044;
			border-right: 1px solid #ccaaff;
			border-bottom: 1px solid #ccaaff;
			background: #ffeeff;
			
		}
	
		
		.submit {
			background: #ffeeff;
			border-left: 1px solid #ccaaff;
			border-top:  1px solid #ccaaff;
			border-right: 1px solid #220044;
			border-bottom: 1px solid #220044;
			
		}
		
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Footer
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/	
		
		#footerCon {
			margin-top: 15px; 
			color: #555555;			
			text-align: center;		 
		}	
		
		
		
		
		
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			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: #009999;
	}
	
	h1 {
		font-size: 16px;
		
	}
	h2 {
		font-size: 14px; 
		color: #ffcc00;
	}
	h3 {
		font-size: 14px; 
		color: #009999;
	}
	
	h4 {
		font-size: 12px; 
		color: #009999;
	}
	
	

		
/*
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.	
*/