@charset "iso-8859-1";
/* Margins and padding are set with properties for an element using shorthand notation (top, right, bottom, left) */
/* If all four measurements are the same then you need only use one unit of measurement - instead of 0px 0px 0px 0px use just 0px */
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, 
would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, 
the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
}
body {
	background: #000 url('../images/design_elements/mainback.jpg') no-repeat 50% top;
	color: #000000;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font: normal normal .9em/1.2em Verdana, Arial, sans-serif;
}
body img {
	border: 0px;
	text-decoration: none;
}
input {
	color: #000;
	font: normal normal .8em Arial, sans-serif;
}
h1 {
	background: #6c848d;
	border-top: 3px solid #002d3f;
	padding: 7px 5px 3px 3px;
	font: normal bold 1em Verdana, Arial, sans-serif;
	color: #FFFFFF;
	margin: 0px 0px 20px 0px;
}
h2 {
	font: normal bold .9em Verdana, Arial, sans-serif;
	color: #202B4A;
}
h3 {
	font: normal bold .9em Verdana, Arial, sans-serif;
	color: #202B4A;
}
h4 {
	color: #002d3f;
	font: normal bold .9em Verdana, Arial, sans-serif;
}
h5 {
	color: #000;
	font: normal bold .8em Verdana, Arial, sans-serif;
}
h6 {
	color: #000;
	font: normal bold 10px Verdana, Arial, sans-serif;
}
ol ol ol {
	color: #000000;
}
ol ol {
	color: #000000;
}
ol {
	color: #000000;
}
ul {
	list-style-image: url('../images/design_elements/bullet.gif');
	color: #000000;
}
ul ul {
	list-style-image: url('../images/design_elements/bullet2.gif');
	color: #000000;
}
ul ul ul {
	list-style-image: url('../images/design_elements/bullet3.gif');
	color: #000000;
}
#movie {
	width: 1000px;
	height: 325px;
	text-align: center;
}
#outerwrapper {
	background: url('../images/design_elements/bodyback2.gif') repeat-y;
	width: 1000px;
	text-align: left; /* Redefines the text alignment defined by the body element. */;
	margin: 0px auto 0px auto;
}
#contentwrapper {
	background: url('../images/design_elements/bodyback2.gif') repeat-y;
	width: 1000px;
	margin: 0px auto;
	font: normal normal .9em/1.2em Verdana, Arial, sans-serif;
	display: block;
	text-align: center;
	vertical-align: top;
}
#contentwrapper p {
	padding-right: 20px;
	padding-left: 10px;
}
#contentwrapper li {
	padding-right: 20px;
}
#content {
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 0px 190px;
	text-align: left;
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without 
being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before 
the close of the container with floated elements. */
.clearFloat {
	display: block;
	clear: both;
}
#leftcol {
	background: none;
	vertical-align: top;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	float: left;
	width: 165px;
	text-align: left;
	font: normal normal .9em/1.2em Verdana, Arial, sans-serif;
	position: relative;
	z-index: 9;
}
#leftcol ul {
	list-style-image: none;
}
/* Define footer section */
#footer {
	clear: both;
	position: relative;
	background: url('../images/design_elements/footer.gif') no-repeat left bottom;
	width: 1000px;
	height: 42px;
}
#footerleft {
	background: inherit;
	text-align: left;
	float: left;
	font: normal normal 11px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	width: 364px;
	margin-left: 1px;
	padding: 22px 0px 0px 10px;
}
#footerright {
	float: right;
	text-align: right;
	display: inline;
	font: normal normal 11px Verdana, Arial, sans-serif;
	color: #000;
	width: 614px;
	padding: 22px 10px 0px 0px;
}
#footerright a:visited {
	color: #000;
	text-decoration: none;
}
#footerright a:active {
	color: #000;
	text-decoration: none;
}
#footerright a:link {
	color: #000;
	text-decoration: none;
}
#footerright a:hover {
	color: #002d3f;
	text-decoration: underline;
}
/* Define standard hyperlinks */
a:link {
	color: #002d3f;
}
a:active {
	color: #002d3f;
}
a:visited {
	color: #002d3f;
}
a:hover {
	color: #000;
	text-decoration: none;
}
/* Define textbox area */
.textbox {
	background: #a8b597;
	color: #000;
	padding: 5px;
	text-align: left;
	border: 1px solid #3b4935;
}
/* Menu styling */
.menuul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 158px;
	list-style: none;
	z-index: 10;
}
.menuul li {
	position: relative;
	z-index: 9;
}
.menuul li ul {
	position: absolute;
	left: 158px; /* Set 1px less than menu width */;
	top: 0;
	display: none;
	z-index: 9;
}
/* Styles for Menu Items */
.menuul li a {
	display: block;
	background-color: #002d3f;
	border-bottom: 1px solid #6c848d;
	padding: 0px;
	margin: 0;
	width: 158px;
	height: 22px;
	min-height: 22px;
	font-family: Arial;
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: #6c848d;
	z-index: 9;
}
.menuul li li a {
	display: block;
	padding: 0px 6px;
	background-color: #6c848d;
	border-bottom: 1px solid #002d3f;
	width: 158px;
	height: 22px;
	min-height: 22px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: black;
	z-index: 9;
}
/* Fix IE. Hide from IE Mac \*/
* html .menuul li {
	float: left;
	height: 1%;
}
* html .menuul li a {
	height: 1%;
}
/* End */
.menuul li a:hover {
	display: block;
	width: 158px;
	height: 22px;
	min-height: 22px;
	color: #FFF;
	background-color: #002d3f;
}
menuul li a:visited {
	color: #6c848d;
}
.menuul li li a:hover {
	display: block;
	width: 158px;
	height: 22px;
	min-height: 22px;
	color: #FFF;
	background-color: #002d3f;
}
/* Hover Styles */
.menuul li.over ul {
	display: block;
}
.menuul li:hover ul {
	display: block;
}
.imgctr {
	display: block;
	margin: 0px auto;
}
.normaltext {
	font: normal 1em Verdana, Arial, sans-serif;
	color: #000000;
}
#share {
	float: right;
	width: 170px;
	text-align: left;
	margin: 20px 20px 40px 20px;
	padding: 0px 0px 20px 0px;
	font: normal normal .9em/1.2em Verdana, Arial, sans-serif;
	height: 600px;
}
#share2 {
	float: right;
	width: 170px;
	text-align: left;
	margin: 20px 20px 40px 20px;
	padding: 0px 0px 20px 0px;
	font: normal normal .9em/1.2em Verdana, Arial, sans-serif;
	height: 900px;
}
.google-sq {
	float: left;
	width: 300px;
	margin: 20px;
	height: 250px;
}
#google-long {
	float: right;
	width: 160px;
	padding: 20px 5px 5px 5px;
	height: 600px;
}
.google-horz {
	width: 728px;
	margin: 20px 0px 20px 230px;
}
.iframe {
	margin: 20px 9% 20px 9%;
	width: 80%;
	text-align: center;
	padding: 20px;
}
.awards {
	margin: 0px 0px 0px 30px;
}
.awards td {
	vertical-align: top;
}
#resources {
	margin: 0px auto;
}
#newsletter {
	width: 70%;
	vertical-align: top;
}
#newsletter td {
	Padding: 10px;
	width: 50%;
}
#newsletter .nl-line {
	padding: 0px;
}
.hr {
	width: 70%;
	float: left;
	text-align: left;
	
}
.blogs {
	float: right;
	width: 160px;
	padding: 0px 5px 5px 5px;
}
.blogs img {
	display: block;
	margin: 0px auto;
	text-align: center;
	padding: 10px;
}
.blogs p {
	text-align: center;
}
.txtcen {
	text-align: center;
}
#background {
	width: 70%;
	vertical-align: top;
}
#background td {
	vertical-align: top;
	padding: 10px;
	width: 30%;
}
#extra-footer {
	border-top: 1px #000000 solid;
	background: #FFFFFF;
	text-align: center;
	font: normal normal 11px Verdana, Arial, sans-serif;
	padding: 5px;
}
#adbutler {
	display: block;
	margin: 0px auto;
	padding: 10px;
}