/****** ##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; 
	}

	body {		
		text-align: center;
		margin: 0px;
		padding: 0px; 
		background: #261b0a url(../images/template/bg.gif);
	}
	
	
	body,table, tr,td, input, textarea {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #ffffff; 
		line-height: 20px; 
	}
	
	input, textarea {
		color: #261b0a; 
	}
	
	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: #c7b604;
		text-decoration: none;
	}
	
	a:visited {
		text-decoration: none;
		color: #B6A503;
	}
	
	a:hover {
		text-decoration: none;
		color: #D8C715;
	}
	
	a:active {
		text-decoration: none;
		color: #c7b604;
	}


	a:focus { outline: none; }		


/*end*/

	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Container Styles
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/
	
	/* Site Container */	
	#centerCon {
		text-align: center;

	}
	
	
	
	/* Site Container */	
	#siteCon {
		position: relative;
		background: #766341;
		width: 800px;
		margin: auto; 
	}
	
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Header
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/
		#headerCon {
			display: block; 
			position: relative;
			width: 800px;
			height: 117px;
			background: url(../images/template/banner.jpg) top center no-repeat;
		}		
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Menus
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/		
		
		
	/* Top Menu */
	
		#topMenuCon {
			padding: 0px; 
			margin: 0px; 
			position: relative;
			width: 800px;
			height:43px; 
			line-height:43px; 
			
			background: url(../images/template/menu_bg.gif) center center repeat-x;
			
			
			
			text-align: center;
			
		}
		
		#topMenuCon a {
			
			font-size: 12px; 
			float: left; 
			display: block; 
			padding-left: 38px; 
		}
		
				

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

		
	
		#centerBodyCon {
			position: relative;
			padding: 0px 0px 20px 0px;
			float: left;
			text-align: left;
			background: url(../images/template/title_bg.jpg) right top no-repeat;
		}	

					
			#bodyCon {
				position: relative;				
				padding-left: 30px;
				padding-right: 30px;
				width: 740px;				
				           
			}
			
			

		form {
			margin: 0px; 
			padding: 0px; 			
		}
		
	
		
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			Footer
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/	
		
		#footerCon {
			
			width: 800px;
			
			clear: both;
			height: 2px; 
			text-align: center;
		}	
		
		
			#permaPromo {
				padding-top: 8px; 
				height: 129px; 
				background: url(../images/template/footer_bg.jpg) top center no-repeat;
			}
			
				.triBox {
					 
					height: 104px; 
					width: 200px; 
					padding: 0px 15px 0px 15px;
					float: left; 
					text-align: left; 
				}
				
					.triBox1 {
						margin-right: 58px; 
					}
				
					.triBox2 {
						margin-right: 52px; 
					
					}
					
					.triBox3 {
						text-align: center; 
					}
			
			

	
			/* Footer Text */	
			#textFooter {
				
				height: 30px; 				
				width: 800px; 
				margin: auto; 
				font-size : 10px;
			}
			
			
				#textFooter a, #textFooter a:link, #textFooter a:active, #textFooter a:visited {
					color: #ffffff; 
				}
				
				#textFooter a:hover {
					color: #c7b604;
				}
				
				
				
				.footerLink {
					display: block; 
					float: right;
					padding: 5px 4px 0px 4px;
				}
				
				
				.rightBorder {
					border-right: 1px solid #614e12;
				}
				
				.copyright {
					width: 230px;
					text-align: right; 
				}
		
		
		
		
			#secondFooterCon {			
				clear: both; 
				margin: auto;
				width: 800px; 
				padding-top: 15px; 	
				height: 53px; 	
				text-align: left; 
			}
			
				#secondFooter {				
					
					width: 798px; 
					height: 50px; 				
					background: #8CC63E url(../images/template/terranovis_footer_x50.gif) 520px center no-repeat; 				
					border: 1px solid #dddddd; 
					border-top: none; 
					border-bottom: none; 
					border-bottom: 2px solid #444444; 
				}
				
		
					#register {
						line-height: 50px; 	
						padding-left: 10px; 
						font-size: 16px; 
						color: #332211; 
					}
					
					#register a {
						color: #332211; 
					}

					#register a:hover {
						color: #554433; 
					}


		
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			HEADERS
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/

	h1,h2,h3,h4,h5,h6 {
		font-family: Helvetica, Arial, sans-serif;
		padding: 8px 0px 8px 0px; 

		margin: 0px;
		font-weight: normal; 
		color: #ffffff;
		 
		
		
	}
	
	h1 {
		font-size: 15px; 
		text-align: left;
		height: 47px; 
		width: 372px; 
		padding-top: 10px;
		padding-left: 368px; 
		clear: both; 
		display: block;
		
	}
	h2 {
		font-size: 14px; 
	}
	h3 {

		font-size: 12px; 
		text-align: center; 
	}
	
	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			ADDITIONAL STYLES
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]



	/* Small Text */		
		.largeText {
			font-size: 15px;
		}
		
	.specialImage {
		float: left; 
		margin: 0px 20px 20px 0px; 
		width: 312px;
		height: 171px;
		padding: 10px; 
		background: url(../images/template/img_bg.gif) center center no-repeat;
	}	
	
	
	.readMore:link, .readMore:hover, .readMore:active, .readMore:visited  {
		color: #c7b604;
	}
	
	
	
	
	
		
	/* Small Text */		
		.smallText, .textSmall {
		font-size: smaller;
		}
		
	/* Required Text */	
	/* Use to denote user alert text. eg required fields in forms, this should be set smaller than the normal font*/	
		.textReqd, .requiredStar {
		color: #ff0000;
		font-size: 0.8em;
		}		
		

	
	

	

	
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			OTHER STYLES - MODIFIERS
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/	
	
	
	
/* Horizontal Rule */
	hr {
		background-color: #ffffff; 
		border: 0px; 
		height: 1px;
		color: #ffffff;
	}			
	
/* Unordered List */	
	ul {
		color: #ffffff;
		list-style-type : disc;
	}
	
/* Ordered List */	
	ol {
		color: #ffffff;
	}
	
/* Add cursor to elements */
	.cursor { cursor: pointer; }
	
		
/*
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
||
||			QUICK STYLES - MODIFIERS
||			Use these instead of inlines to make sure the same style works across the whole site
||
[][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
*/		
	
	
/* Clear Both VERY IMPORTANT */	
	.clearBoth {
		clear: both;	
	}
	
/* Style / Border Images */	
	.styleImg {
		border: 2px solid #978626;
		padding: 3px; 
		
		
	}
	
	
/* Float Left */	
	.floatLeft {
		display: block; 
		float: left;
		margin: 0px 20px 20px 0px;
	}
	
/* Float Left */	
	.floatRight {
		display: block; 
		float: right;
		margin: 0px 0px 20px 20px;
	}	
	
/* Pad Left */
	.paddLeft {
		margin-left: 4px;
	}
	
/* Pad Right */
	.paddRight {
		margin-right: 12px;
	}

	
	
	
	

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