/*
RESET
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

#ebook {
	position: fixed;
	
	right: 0px;
	top: 40px;
	width: 150px;
	padding: 10px;
	border-left: 2px dashed;
	border-bottom: 2px dashed;
	border-top: 2px dashed;
	background: #638570;
	color: white;
	line-height: 1.2em;
	font: italic .9em Arial;
}

#ebook a {
	text-decoration: none;
	border-bottom: none;
	color: white;
}

#ebook strong {
	font: italic  bold 1.2em Arial, sans-serif;	
	color: white;
}

#ebook em {
	font: italic 1em Helvetica;
}
#ebook h3 {
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	padding-top: 1.3em;
	padding-bottom: 1.3em;
	line-height: 1.2em;
}
html {
	font-size: 14px;
}


body {
	
	background: #c9e7c6 url(images/headergradient.jpg) repeat-x top;
}

	#header {
		background: url(images/headerbg.jpg) center no-repeat;
		height: 363px;
		text-align: center;
	
	}

#header img {
	
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
}
	
#wrap {
	
		background: url(images/gingko.png) bottom no-repeat;
		background-position: 92% 105%;
	}
	#container {
		position: relative;
		top: -5em;
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		overflow-y: hidden;
	
		padding-bottom: 3em;
	}
	
	
			
		#primarycontent {
			
			margin-top: 2.7em;
			line-height: 1.4em;
			background-color: #638570;
			background: transparent url(images/maincontentboxbody.png) center repeat-y;
			float: right;
			width: 600px;
			color: #ffffff;
		
			font-family: verdana, arial, sans-serif;
			padding-bottom: 60px;
		}
		
	
		
		
			#primarycontent p {
		
			margin-left: 2em;	
			margin-right: 2em;
			margin-top: 15px;
			margin-bottom: 15px;
			text-indent: 0px;
			
		}
		#primarycontent strong {
			font-weight: bold;
			font-size: 1.1em;
		}
		#primarycontent h1 {
			padding: 15px;
			padding-left: 3em;
			padding-top: 2em;
			font-size: 1.8em;
			font-family: Times, Georgia, serif;
			color: white;
			background: transparent url(images/h1deco.png) 45px 20px no-repeat;
		}
		#primarycontent h2 {
			padding: 15px;
			padding-top: 20px;
			font-size: 1.7em;
			line-height: 1.2em;
			margin-left: 10px;
		}
		
		#primarycontent li {
			list-style: inside;
			list-style-type: none;
			padding-left: 3em;
			line-height: 1.6em;	
		}
		
		#primarycontent a {
			color: white;
			text-decoration: none;
			border-bottom:  silver 2px dotted;
			
		}
		
		#primarycontent h3
			{
				text-align: left;
				margin-right: 2em;
				margin-top: 1.3em;
				line-height: 1.2em;
				margin-left: 2.5em;
				font-family: Times, Georgia, serif;
				font-size: 1.5em;
			}
			
		
			
			#sidebar {	
			position: absolute;
			top: -.1em;
			right: 1.3em;
			z-index: 99;	
				
			}
		
			#nav li{
				display: inline;
				 }
			
			
	
			#nav li a {
				display:inline-block;
				/* this helps Opera to render page more correctly */
				/*Mozilla Based Browsers get round tabs, too*/
				-moz-border-radius-topleft: 15px;
				-moz-border-radius-topright:15px;
				/*webkit browsers.. sorry opera*/
				-webkit-border-top-left-radius: 15px;
				-webkit-border-top-right-radius: 15px;
				
				color: white;
				font-size: 1.3em;
				margin-right: 0em;
				line-height: 1em;
				background: transparent url(images/tabbackground.jpg) top repeat-x;
				text-decoration: none;
				background-color: #2f5f39;							
				padding: .4em;
				padding-bottom: .5em;
				padding-top: .5em;
				border-top: 2px solid silver;
				border-left: 2px solid silver;
				border-right: 2px solid silver;
				letter-spacing: .1em;
				}

		
			#nav li a:hover {
				
				color: #e7f390;
				background: #255336;
			}
			
			#nav li.active  a {
				background: #6d9375;
				border-bottom: 1px solid #6d9375;
				background: url(images/maincontentboxbody.png) right repeat-y;}
		
			
			
		#right
		{
		
		margin-left: 0;
		margin-top: 3.1em;
		float: left;
		padding: 15px;
		width: 17.3em;
		padding-bottom: 200px;
		background-color: #638570;
		background: transparent url(images/maincontentboxbody.png)  left repeat-y;

	}
		
		#right img {
			width: 14.5em;
			margin: 1.4em;
			margin-top: .5em;
			
			border: 3px double silver;
		}
		#right h2 {
			color: white;
			font-size: 1.3em;
			font-weight: bold;
			margin-top: 2em;
			letter-spacing: .1em;
			font-family: Times, Georgia, serif;
		}
		
		#right h4 {
			color: white;
			font-size: 1.1em;
			font-style: italic;
			text-align: center;
		}
		#right p {
			color: white;
			margin-top: 15px;
			
			line-height: 1.3em;
			font-family: Verdana, Arial, sans-serif;
		}
		
	
#footer {

	background-color: #98a490;
	padding-top: 30px;
	border-top: 1px solid black;
	clear: both;
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
}

#footer ul {
	margin-top: 30px;
}

#footer li {
	text-align: center;
	display: inline;
		padding: 20px;
}

#footer a {
	text-decoration: none;
	border-bottom: dotted 2px black;
	color: black;
}

table#contform
	{
		margin-top: 3em;
		margin-left: 3em;
		margin-bottom: 3em;
	}
	
	input[type="text"] {
		width: 20em;
		font-family: Times, Georgia, serif;
		font-size: 1.1em;
	}
	
	.activeField
	{
	        background: white url(images/cformgradient.jpg) repeat-x bottom left;
	        border: solid 1px #c9e7c6;
	}
	
	.idle
	{
	    border: solid 1px #a0b89d;
	    background-color: #ddfcda;
	}
	
	textarea {
		font-family: Helvetica, Arial, Verdana;
	}

	button {
		font-family: Helvetica, Arial, Verdana;
		font-size: 1em;
		padding: 1em;
		background: transparent url(images/cformgradient.jpg) bottom left repeat-x;
		border: outset 2px #c9e7c6;
		text-align: center;
	}


th {
	width: 10em;
	padding-right: 1em;
	font-family: Times, Georgia, serif;
	font-size: 1.2em;	
	font-style: italic;
	text-align: right;
	padding-bottom: 1em;
}

td {
	vertical-align: top;
}