/*
	Many of the selectors and elements within the page content are completely superfluous, I realize that.  
	The goal in building these pages in this manner was to give whoever follows me complete and utter control over the design of the page.
	
	As a basic CSS primer, please note the following syntax:
	#	id 		(as in <div id="thisId"></div>)
	.	class	(as in <span class"thisClass"></span>
	
	There are plenty of resources on the web for CSS
	For a technical view, visit http://www.w3.org/Style/CSS/
	For a designer's view, I recommend http://www.csszengarden.com
*/

body{
	margin:0;
	padding:0;
	text-align:center;
	background-color:#808080;
	background-image:url();
	font:11px Verdana,sans-serif;
}
acronym{border: none;cursor: help;}
sup{font:9px Verdana,sans-serif;color:#999999;}
h1{font: bold 14px Verdana,sans-serif;}
h2{font:bold 12px Verdana,sans-serif;}
h3{font:bold 11px Verdana,sans-serif;}
li.error{display:inline;font-weight:bold;color:#CC0000;list-style:none;}
li.pdf{list-style:disc inside url('../images/pdf_16.gif'); }
li.doc{list-style:disc inside url('../images/word_16.gif');}
li.img{list-style:disc inside url('../images/img_16.gif');}
a{
	font-weight:bold;
	color:#990000;
	text-decoration:none;
}
a:hover{
	font-weight:bold;
	color:#990000;
	text-decoration:underline;
}
a.button{
	border:1px solid #777777;
	font: bold 11px 'Microsoft Sans Serif' , Arial, Helvetica, Verdana,sans-serif;
	color: #737357;
	text-decoration:none;
	background: #ccc url(../images/arrow.gif) no-repeat center left;
	padding:2px;
	padding-left:15px;
	padding-right:10px;
}
a.button:hover{
	border:1px solid #000000;
	font: bold 11px 'Microsoft Sans Serif' , Arial, Helvetica, Verdana,sans-serif;
	color: #737357;
	text-decoration:none;
	background: #c7c78f url(../images/arrow.gif) no-repeat center left;
	padding:2px;
	padding-left:15px;
	padding-right:10px;
}
.error{font:bold 11px Verdana,sans-serif;color:#C00;}

#page{/*centers the layout*/
	width:760px;
	vertical-align:top;
	margin: 0 auto 0;
	position:relative;
}
#border1{border:0px solid #ccddcc;border-top:0px;margin:0;padding:0;}
#border2{border:0px solid #bbbbbb;border-top:0px;border-left:0px;margin:0;padding:0;}
#border3{border:0px solid #b1b1b1;border-top:0px;margin:0;padding:0;}
#border4{border:0px solid #999999;border-top:0px;border-left:0px;margin:0;padding:0;background-color:white;}

#footer{
	background: #808080 url('../images/notebook_foot.jpg') no-repeat;
	width:760px;
	height:140px;
}
	#footerContent{padding-top:80px;padding-left:130px;}
	#footerContent p{font-size:10px;color:#666666;}
	#footerContent p span.nav{}
	#footerContent p span.nav a{font-weight:normal;}
	#footerContent p span.nav a:after{content:'  |  ';}
	#footerContent p span.copy{display:block;}
	#footerContent p span.content{}
	#footerContent hr{border:0;display:none;}

#container{
	text-align:left;
	background:white url('../images/notebook_bg.jpg') repeat-y top left;
}
#header{
	width:760px;
	height:200px;
	background:#808080 url('../images/notebook_head.jpg') no-repeat;
	cursor:hand;
}
#content{
	padding:0 10px 10px 150px;	
	width:500px;
}
h3.pageHeader{display:none;}
h3{font:bold 16px Verdana}
.testimonial{font:12px "courier new",courier,sans-serif;}
.highlight{font:12px "courier new",courier,sans-serif;line-height:20px;background:url('/images/highlight.gif');}

#navigation{
	width: 540px;
	text-align: center;	
	padding-left:140px;
	padding-right:10px;
}
#navigation a{
	font-weight:bold;
	text-decoration:none;
}
#navigation a:hover{
	font-weight:bold;
	text-decoration:underline;
}
#navigation ul{
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	list-style:none;
}
* html body #navigation ul{
	padding:0px;
	height:33px;
	padding-bottom:20px;
	list-style:none;
}
#linklist{}
	#linklist ul{}
	#linklist #mainNav{}
		#mainNav ul li{display:inline;padding-right:1px;font-family:"courier new",courier,sans-serif;}
		#mainNav ul li a{padding:7px;padding-bottom:4px;padding-top:0px;}
		#mainNav ul li a:hover{padding:7px;padding-bottom:4px;padding-top:0px;text-decoration:underline;}	
		#mainNav ul li a:active{padding:7px;padding-bottom:4px;padding-top:0px;}	

form{}
fieldset{border:0 solid;clear:both;}
fieldset legend strong{}
fieldset dl{display:block;clear:both;}
fieldset dt{float:left;width:120px;text-align:right;padding-top:4px;}
fieldset dd{float:left;margin:0px;margin-left:2px;}
input.mainFrm,select.mainFrm,textarea.mainFrm{
	font:11px verdana,sans-serif;
	color:black;
}

#events{}
	#events h1{}
	#events h1 span{}
	#events h2{}
	#events h2 span{}
	#events h3{}
	#events h3 span{}
	#events p{}
	#events ul{}
	#events ul li{}
	
#contact{}
	#contact h1{}
	#contact h1 span{}
	#contact h2{}
	#contact h2 span{}
	#contact h3{}
	#contact h3 span{}
	#contact p{}
	#contact form{display:block;padding-bottom:150px;}
	* html body #contact form{margin:0px;padding:0px;display:inline;}
	#contact form input{}
	#contact form select{}
	#contact form textarea{}
	#contact #formlabel{
		width:100px;
		float:left;
		text-align:right;
		padding:2px;
	}
	#contact #formfield{
		width:400px;
		float:left;
		text-align:left;
		padding:2px;
	}
	#contact form li.error{
		display: inline;
		font-weight: bold;
		color: #c00;
		list-style: none;
}
	
#disclaimer{}
	#guidelines h3{}
	#guidelines h3 span{}
	#guidelines p{}
	
#privacy{}
	#privacy h3{}
	#privacy h3 span{}
	#privacy p{}
	

	


/* These extra divs/spans may be used to add extra imagery. */
#extraDiv1{}
#extraDiv1 span{}
#extraDiv2{}
#extraDiv2 span{}
#extraDiv3{}
#extraDiv3 span{}
#extraDiv4{}
#extraDiv4 span{}
#extraDiv5{}
#extraDiv5 span{}
#extraDiv6{}
#extraDiv6 span{}

/* please do not modify this, it's required ;-) */
#clear{height:0px;display:inline;clear:both;}