/* CSS Document */
@import url(/elements/css/calendar.css);
@import url(/elements/css/forms.css);

body {
	margin: 0px 0px;
	padding: 0px 0px;
	font: Arial, Helvetica, sans-serif;
	color: #000;
	background: #000;
	text-align: center;
}

a {font-weight: bold;}

/* layout */
#page {
 	position: relative;
 	width: 740px;
  	height: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	text-align:left; /* part 2 of 2 centering hack - sets all text back to default left align*/
}

#wrap {
	position: relative;
	min-height: 100%;
}

#content {
	position: relative;
	height:100%;
	margin: 0px 0px;
	background-color: transparent;
}



/*HEADER COMMON STYLES */
/* HEADER */
#header{
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#headSpacer{
	background: rgb(79,131,57);
	height: 25px;
}
#headContentHolder{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	clear: both;
	z-index:9999;
}
#headerLogo{
	position: relative;
	float: left;
	width: 263px;
	height: 95px;
	text-align: left;
}
#headerLogoRight{
	position: relative;
	float: left;
	width: 477px;
	text-align: right;
}
#memberText{
	position: relative;
	float: right;
	text-align: right;
	width: 100%;
	height: 34px;
}
#memberForm{
	position:relative;
	float: right;
	text-align: right;
	font-size: 10px;
	color: #999;
	line-height: 14px;
	width: 462px;
	right: 15px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
#memberForm input.t-box{
	background-color: #CCC;
	height: 10px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#memberForm input.t-button{
	background-color: #CCC;
	height: 18px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#memberForm a {
	color: #52813d;
	text-decoration: none;
}
#memberForm a:hover {color: #8fa370;}


/* DROPDOWN MENU HOLDER */
#headerNav {
	position: relative;
	float: left;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 720px;
	height: 30px;
	left: 10px;
	line-height: 30px;
	text-align: center;
	border-top: 1px solid #999;
	z-index: 99999;
}

/* HEADER dropdown navigation */

#nav,#nav ul {
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	vertical-align: middle;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#nav a, #nav a:link {
	display: block;
	height: 30px;
	color: #999;
	text-decoration: none;
	background: transparent;
}
#nav a:hover {
	color: #fff;
	background: #009143;
	text-decoration: none;
}
#nav li {
	float: left;
	height: 30px;
	display: inline;
	font-size: 11px;
	font-weight: bold;
}
#nav li ul {
	position: absolute;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	width: 170px;
	line-height: 20px;
	left: -999px;
	list-style: none;
	color: #000;
	text-decoration: none;
	background-color: #FFF;
	z-index: 99999;
	border: 1px solid #009143;
}
#nav li#t-pubs ul {
	position: absolute;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	width: 209px;
	line-height: 20px;
	left: -999px;
	list-style: none;
	color: #000;
	text-decoration: none;
	background-color: #FFF;
	z-index: 99999;
	border: 1px solid #009143;
}

/*--------POSITIONING FOR DROPDOWN MENUS----------*/
#nav li#t-welcome:hover ul , #nav li#t-welcome.sfhover ul {
	left: 0px;
}
#nav li#t-members:hover ul , #nav li#t-members.sfhover ul {
	left: 103px;
}
#nav li#t-technical:hover ul , #nav li#t-technical.sfhover ul {
	left: 196px;
}
#nav li#t-news:hover ul , #nav li#t-news.sfhover ul {
	left: 289px;
}
#nav li#t-green:hover ul , #nav li#t-green.sfhover ul {
	left: 372px;
}
#nav li#t-calendar:hover ul , #nav li#t-calendar.sfhover ul {
	left: 473px;
}
#nav li#t-pubs:hover ul , #nav li#t-pubs.sfhover ul {
	left: 508px;
}
/*------------STYLES FOR DROPDOWN ITEMS--------*/
#nav li ul li {
	width: 166px;
	height: 20px;
	text-align: left;
	padding: 0px 0px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}
#nav li#t-pubs ul li {
	width: 205px;
	height: 20px;
	text-align: left;
	padding: 0px 0px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}
#nav li ul a, #nav li ul a:link {
	height: 20px;
	font-size: 11px;
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0px 4px;
}
#nav li ul a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #009143;
}
/*-----------WIDTHS FOR EACH MENU ITEM------------*/
#nav li#t-spacer{
	width: 3px;
}
#nav li#t-welcome {
	width: 100px;
}
#nav li#t-members {
	width: 90px;
}
#nav li#t-technical {
	width: 90px;
}
#nav li#t-news {
	width: 80px;
}
#nav li#t-green {
	width: 128px;
}
#nav li#t-calendar {
	width: 103px;
}
#nav li#t-pubs {
	width: 110px;
}

/*END OF DROPDOWN MENU*/


/* SPONSORS */
#sponsorHolder{
	background-color: #fff;
	padding: 10px;
}
.sponsorLogo{
	position: relative;
	float: left;
	margin: 0px;
	padding: 10px 0px;
	width: 180px;
	height: 95px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 75px;
}
html>body .sponsorLogo{
	height: 75px;
}
.sponsorLogo img{
	border: none;
}

/* FOOTER */
#footerHolder{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding: 10px;
}
#footerHolder a, #footerHolder a:link{
	text-decoration: none;
	color: #57eb59;
}
#footerHolder a:hover{
	text-decoration: underline;
}