@charset "UTF-8";


body {
	background-color: #000000;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size:70%;
	}

* {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	color: #FFFFFF;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

ul {
	list-style-type: none;
}

.clearfloats {
	font-size: 0px;
	line-height: 0px;
	display: block;
	clear: both;
	height: 0px;
	width: 100%;
}


#pagewrapper {
	background-color: #020202;
	width: 900px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 20px;
	position: relative;
}

#header {
	background-color: #0F0F0F;
	height: 267px;
	width: 897px;
}

#bottom_curve {
	background-color: #000000;
	height: 50px;
	width: 897px;
	position:relative;
	text-align:left;
	font-size:95%;
	line-height:140%;
}

#bottom_curve p {
	position:absolute;
	margin:0;
	right:650px;
	color:#003300;
	margin-top: 20px;
}
#bottom_curve a {color:#5AAA66}
#bottom_curve a:hover {color:#3a0}

.logo {
	padding-bottom: 10px;
}

#menuh-container {
	clear: both;
	}

#nav {
	padding-bottom: 8px;
}

#nav ul {
	padding-top: 8px;
}

#nav ul li {
	display: block;
	float: left;
}

#nav ul li a {
	display: block;
	float: left;
	padding-right: 12px;
	padding-left: 12px;
	font-size: 1.2em;
	color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	width: auto;
}

#nav ul li.firstchild a {
	border-left-style: none;
}

#nav ul li a:hover {}

#nav ul li.on a {}

#pagecontent {
	clear: both;
	padding: 15px;
	width: 868px;
	background-image: url(images/bg_fade.jpg);
	background-repeat: repeat-x;
}

#pagecontent p {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 1.2em;
	color: #FFFFFF;
}

#pagecontent a {}

#pagecontent a:hover {}

#pagecontent ul {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #003300;
	padding-bottom: 1.2em;
	margin-left: 1.4em;
	list-style-image: url(images/bullet.gif);
	list-style-type: none;
	margin-right: 1.4px;
	}

#pagecontent ul li {}

#pagecontent div.leftcolumn {
	width: 200px;
	float: left;
	position: relative;
}

#pagecontent  div.rightcolumn {
	float: left;
	width: 640px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: dotted;

	border-left-color: #FFFFFF;
	background-color: #0F0F0F;
}


#pagecontent  div.rightcolumn h1 {
	color: #33AA3A;
	padding-bottom: 0.8em;
	font-size: 1.8em;
}

#pagecontent  div.rightcolumn h2 {
	color: #F12AC3;
	padding-bottom: 0.4em;
	font-size: 1.3em;
}

#pagecontent  div.rightcolumn form p {}

#pagecontent  div.rightcolumn form p label {
	display: block;
	padding-bottom: 2px;
}

#pagecontent  div.rightcolumn form p input.text {
	width: 556px;
	border: 1px solid #5AAA66;
	padding: 2px;
}

#pagecontent  div.rightcolumn form p textarea.text {
	height: 100px;
	width: 556px;
	border: 1px solid #5AAA66;
	padding: 2px;
}

#pagecontent  div.rightcolumn form p.send {
	text-align: right;
}

#pagecontent  div.rightcolumn a {
	font-weight: bold;
	color: #5AAA66;
}

#pagecontent  div.rightcolumn a:hover {
	color: #5AAA66;
}

#RightCol {
	float: right;
	width: 180px; 
	min-height: 200px;
	margin-left: 10px;
	margin-right: 10px;
}

#RightCol img {
	display: block;
	margin: 10px auto;
	border: 1px solid #ffffff;
}

#pagecontent div.leftcolumn div {
	background-color: #0F0F0F;
	width: 177px;
}

.home div#pagecontent div.leftcolumn div {
	background-color: #B6BADB;
	border: 1px none #5AAA66;
	width: 600px;
}

#pagecontent div.leftcolumn div h2 {
	font-size: 1.4em;
	color: #FFFFFF;
	padding: 10px;
}

#pagecontent div.leftcolumn div blockquote {
	font-family: Tahoma, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 1.4em;
	padding: 10px;
} 
#pagecontent div.leftcolumn div p {
	color: #FFFFFF;
	padding: 10px;
}

#pagecontent div.leftcolumn div a {
	color: #333333;
}

#pagecontent div.leftcolumn div a:hover {
	color: #E2DEAE;
}

#pagecontent div.leftcolumn div blockquote span {} 

#pagecontent div.leftcolumn div span {
	font-family: "Tahoma";
	color: #FFFFFF;
	font-size: 1.2em;
	display: block;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
} 

.flash {
	height: 200px;
	width: 900px;
}

.flash div p {
	color: #B6BADB;
}

.flash div p a {
	color: #B6BADB;
	font-weight: bold;	
}

.flash div p a:hover {
	text-decoration: underline;
}

.flash2 {
	height: 200px;
	width: 200px;
	float: right;
	margin-bottom: 14px;
	margin-left: 14px;
	background-color: #FFFFFF;
	position: relative;
	left: 20px;
	border: 1px solid #5AAA66;
}

.flash2 div p {
	color: #B6BADB;
	padding: 14px;
}

.flash2 div p a {
	color: #B6BADB;
	font-weight: bold;	
}

.flash2 div p a:hover {
	text-decoration: underline;
}

.footer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #666666;
}


a.videobutton {
}

div.videopanel {
	position: absolute;
	height: 390px;
	width: 532px;
	left: 310px;
	top: 290px;
	background-image: url(images/videopanel-shadow.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}

div.videopanel div.inner {
	height: 370px;
	width: 512px;
	border: 1px solid #5AAA66;
	background-color: #B6BADB;
	position: absolute;
	left: 0px;
	top: 0px;
}

div.videopanel div.inner p.close {
	color: #FFFFFF;
	background-color: #5AAA66;
	text-align: right;
	padding: 4px;
	height: 12px;
	width: 504px;
}

div.videopanel div.inner p.close a {
	color: #FFFFFF;
	display: block;
	padding-right: 4px;
}

div.videopanel div.inner p.close span.download {
	display: block;
	float: left;
}

div.videopanel div.inner p.close span.download a {}

.flash3 {
	margin: 0px;
	padding: 0px;
	height: 288px;
	width: 512px;
	position: relative;


}

.flash3 div p {
	
	padding: 14px;
}

.flash3 div p a {
	font-weight: bold;
}

.flash3 div p a:hover {
	text-decoration: underline;
}

#videopanel {
}

#videopanel2 {
}

div.videopanel div.inner div.flash3 div.overlay {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #000000;
	padding: 10px;
	position: absolute;
	background-image: url(images/thirty-per-cent-tint.png);
	background-repeat: repeat;
	width: 492px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* the following selectors are the form styles */
#pagecontent form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* this is set to avoid float drop (to the same width as the Flash slideshow on the home page) */
  	float: left; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}	
#pagecontent fieldset {
	border: 1px solid #BE9E6F; /* defines a border around each fieldset */
	margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 15px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}
#pagecontent legend {
	border: 1px solid #BE9E6F; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background: #FECF7F url("images/sidehead.jpg") repeat-y; /* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	font: normal 1.3em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;  /* styles the text within */
}
#pagecontent label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
	width: 110px; /* All the labels have the same width, so their right edges line up vertically. */
	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: 1.1em;
	text-align: right;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
	color: #666666;
	}
#pagecontent input, #content textarea {
	padding: 1px; /* creates a consistent width */
	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}

/*\*/ /*/
#pagecontent input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#pagecontent input.sminp {
	width: 110px; /* for shorter input boxes. */
	margin-right: 160px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#pagecontent input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #000;
	background: #BE9E61;
}
th, td {
	padding: 4px 4px 4px 4px;
	}
th {
	background: #03A7EE;
	color: #FFFFFF;
	text-align: left;
	}