/* Intro ; http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
--------------------------------------------------------
   This file is used to help make cross-browser design
   easier by setting default styles. Most of these
   styles can be overriden and styled by editing
   'layout.css'.

   DO NOT EDIT THIS FILE!
   Global Font Sizes
-------------------------------------------------------
The following code is to help achieve scalable and consistant
font-sizes across major platforms. To set a font-size in the 
CSS, use one of the percentage values from the table below.

This code is courtesy of the fine folks at Yahoo, Code is 
licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
--------------------------------------------------------
	 77% = 10px	 85% = 11px	 92% = 12px
	100% = 13px	107% = 14px	114% = 15px
	122% = 16px	129% =17px	136% = 18px
	144% = 19px	152% = 20px	159% = 21px
	167% = 22px	174% = 23px	182% = 24px
	189% = 25px	197% = 26px
-------------------------------------------------------*/

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, 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:Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color: #333333;
	background-image: url(images/backgd.jpg);
	background-repeat: repeat;
		font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
/*collapsed border model= adjacent table cells share borders. separated model=adjacent cells each have their own distinct borders */
	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: "" "";
}
hr {
border: 0;
border-top: 1px solid #999;
background-color: #999;
color: #999;
height: 1px;
margin: 1em 0;
clear: both;
}
/* 
* {
margin:0;
padding:0;
}
*/
h1 {
	font-size:128%;
	color:#CCCCCC;
	padding:5px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
}
h2 {
	font-size:100%;
	color:#CCCCCC;
	padding:5px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 10px;
	}
h3 {
	background-color:#333333;
	color:#CCCCCC;
	width:100%; padding:5px;
	font-size:90%;	padding:5px 0 0 10px;
}
p {
	font-size:.85em;
	font:Arial, Helvetica, sans-serif;
}
ul{
	margin:12px;
}

li {
	font-size:.9em;
	color:#CCCCCC;
	}
a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#00CC00;
}
a:hover{
	color: #FFFFFF;
	text-decoration:none;
}
a:visited{
	color: #41442F;
}
a:active{
	color: #8C8F62;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	width:890px;
	height:100%;
	margin:20px auto 0 auto;
	text-align:center;
		}

/**************************************************/		
/************** NAVIGATION DIVs ***********************/
/**************************************************/
#nav {
	padding:3px;
	height:73px;
	background-image: url(images/navigation-bkgd.png);
	background-repeat: no-repeat;
	width:885px;
}
#nav .logo {
float:left;
width:395px;
padding:0 0 0 10px;
}
#nav ul { list-style-type: none; height: 45px; margin:0 0 0 480px; }
#nav ul li {
	color:#a1a1a1;
	float: left;
	display: inline;
	line-height: 34px;
	padding: 11px 7px 0 7px;
	font-size: 12px;
}
#nav ul li.last { background: transparent; }
#nav ul li a { color:#a1a1a1; float: left; line-height: 20px; height: 34px; padding-left: 6px; text-decoration: none; font-weight: bold; }
#nav ul li a span { padding-right: 10px; }
#nav ul li a:hover,
#nav ul li a.active, #nav ul li.current_page_item a {
	color:#00CC00;
	text-decoration: none;
	background-image: url(images/nav-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#nav ul li a:hover span,
#nav ul li a.active span,
#nav ul li.current_page_item a span {color:#a1a1a1; height: 34px; float: left;  }


/**************************************************/		
/************** CONTENT DIVs ***********************/
/**************************************************/

#content {
text-align:left;
padding:0;
}
#inner #content{
text-align:left;
padding:20px;
	background-image: url(images/background-content.png);
	background-repeat: repeat;
}
#inner #content p {
	color:#a1a1a1;
	padding: 10px;
	font-size: 14px;
	line-height:1.5em;
text-align:left;
	
} 
#content ul {
margin-left:30px;
text-align:left;
}
#content td {
vertical-align:top;
text-align:left;
}
#content li { list-style: disc; }
#content a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#00CC00;
	padding:0;
	font-size:1em;
}
#content img {
	margin:5px;
	vertical-align:bottom;
}
#content a:hover{
	color: #FFFFFF;
	text-decoration:none;
}
#content .download{
font-size:90%;
color:#999999;
}
#content .download a{
font-size:90%;
color:#999999;
}
/*****************NEWSLETTER *********************/
#SignUp .signupframe {
	border: 1px solid #000000;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	padding:10px;}
	
.newsletter {
float:left;
width:415px;
margin-right:10px;
}
td.form-label {
text-align:right !important;
color:#CCCCCC;
font-size:12px;
}
.clear {
font-size: 0; line-height: 0; text-indent: -4000px; clear: both; 
}
/************** EMAIL FORM DIVs ***********************/
.form-contact {
float:left;
width:410px;
}
.form {
width:380px;
padding: 10px;
}
.required {
	color:#00FF00;
	font-size:120%;
}

.form fieldset{
margin: 5px;
}
.form legend {
font-weight:bold;

}
.form .send {
background-color:#000000;
width:250px
}
.form input {
	width: 300px;
	margin:3px;
	background-color: #333333;
	color:#CCCCCC;
	border:1px solid #666666;
}
.form textarea {
	width: 300px;
	margin:3px;
	background-color: #333333;
	color:#CCCCCC;
		border:1px solid #666666;

}
.form label
{display:block;
width: 80px;
float: left;
text-align: left;
  padding: 0;
  margin: 0; clear:right;
}
.form label.label2 {width: 450px;
}
.form .dropdown
{
	background-color: #333333;
	color:#CCCCCC;
	border:1px solid #666666;
	float:  none;
	width: 190px;
	padding: 0;
	margin: 0;
	text-align: left;
}
/**************************************************/		
/************** MOBILE DIVs ***********************/
/**************************************************/
#navmobile {
	padding:15px;
	height:30px;
}
#navmobile ul { list-style-type: none; height: 45px; margin:0; }
#navmobile ul li {
	color:#a1a1a1;
	display: inline;
	line-height: 34px;
	padding: 5px 25px 0 8px;
	font-size: 12px;
}
#navmobile ul li a { color:#a1a1a1; float: left; line-height: 20px; height: 34px; padding: 0 15px 0 6px; text-decoration: underline; font-weight: bold;} #navmobile ul li a span { padding-right: 15px; }
#navmobile ul li a:hover,
#navmobile  ul li a.active, #navmobile  ul li.current_page_item a {
	color:#00CC00;
	text-decoration: none;
}


/**************************************************/		
/************** FOOTER DIVs ***********************/
/**************************************************/

#footer {
	color:#616161;
	font-size:.95em;
	line-height:1.5em;
	margin: 0 auto;
}
#footer p {	padding-top:10px;
	padding-bottom:10px;
	}
div.footergreen {
	background-image: url(graphics/imgbackgdFooter.jpg);
	background-repeat: repeat-x;
	height:13px;
	}
div.footergrey {
background-image:url(graphics/imgbackgdFooter2.gif);
height:28px;
width:745px;}

.gx a{font-size:10px; color:#999; padding: 10px 0 10px 0;margin: 0 0 20px 0;}
/*****************MOBILE *********************/
#mobile #container {
	width:590px;
	height:100%;
	margin:20px auto 0 auto;
	text-align:center;
		}