/* BASELINE STYLESHEET */

/* BLOCK ELEMENTS */
html, div, map, dt, form { display:block; }
body		{ display:block; margin:8px; font-family:Serif; font-size: medium; }
p,dl		{ display:block; margin-top:1em; margin-bottom:1em; }
dd		{ display:block; margin-left:40px; }
address		{ display:block; font-style:italic; }
blockquote	{ display:block; margin:1em 40px; }
h1 { display:block; font-size:2em;	font-weight:bold; margin:0.67em 0; }
h2 { display:block; font-size:1.5em;	font-weight:bold; margin:0.83em 0; }
h3 { display:block; font-size:1.125em;	font-weight:bold; margin:1em 0; }
h4 { display:block; font-size:1em;	font-weight:bold; margin:1.33em 0; }
h5 { display:block; font-size:0.75em;	font-weight:bold; margin:1.67em 0; }
h6 { display:block; font-size:0.5625em;	font-weight:bold; margin:2.33em 0; }
pre{ display:block; font-family:Monospace; white-space:pre; margin:1em 0; }
hr { display:block; height:2px; border:1px; margin:0.5em auto 0.5em auto; }

/* TABLE ELEMENTS */
table	{ border-spacing:0px; border-collapse:separate; margin-top:0; margin-bottom:0; text-indent:0; }
caption	{ text-align:center; }
td	{ padding:1px; }
th	{ font-weight:bold; padding:10px; }
tbody, thead, tfoot { vertical-align:middle; }

/* INLINE ELEMENTS */
strong { font-weight:bold; }
cite, em, var, dfn { font-style:italic; }
code, kbd, samp { font-family:Monospace; }
ins { text-decoration:underline; }
del { text-decoration:line-trough; }
sub { vertical-align:-0.25em; font-size:smaller; line-height:normal; }
sup { vertical-align:0.5em; font-size:smaller; line-height:normal; }
abbr[title], acronym[title] { border-bottom: dotted 1px; }

/* LIST ELEMENTS */
ul { list-style-type:disc; margin:1em 0; margin-left:40px; padding-left:0; }
ol { list-style-type:decimal; margin:1em 0; margin-left:40px; padding-left:0; }
/* Remove tob and bottom margins for nested lists */
ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl { margin-top:0; margin-bottom:0; }
/* Use circle when ul nested 2 deep */
ol ul, ul ul { list-style-type:circle; }
/* Use square when ul nested 3 deep */
ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type:square; }

/* END - BASELINE STYLESHEET */

/* ******************************************************************************************************** */
/* Join Green Now                                                                                           */
/* ******************************************************************************************************** */

TD, SPAN, LI, BODY, P { color:#000; background-color:#fff; }
TD, SPAN, LI, BODY, P { font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
OPTION, SELECT, INPUT, TEXT, TEXTAREA, SUBMIT { color:#000; font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

A {color:#000000; text-decoration: none; }
A:visited {color:#000000; text-decoration: none; }
A:link	  {color:#000000; text-decoration: none; }
A:visited {color:#000000; text-decoration: none; }
A:hover	  {color:#000000; text-decoration: underline; }

.noprint { display: none; }
.indent { margin-right: 5%; margin-left: 5% }

body
{
    margin: 20px;
    padding: 20px;
}

h1
{
    border-bottom: solid 3px #333399;
}

h2
{
    border-bottom: solid 1px #333;
}

h3
{
    font-style: italic;
    border-bottom: solid 1px #ddd;
}

*.contentwrapper
{
	border:solid 0px #333;
	border-collapse:separate;
	table-layout:auto;
	visibility:visible;
	width: 1000px;
	height: auto;
	text-align: center;
	position:relative;
}

*.header
{
	background: url("images/logo.png") bottom left no-repeat;
	width: 1000px;
	height: 50px;
	text-align: left;
	overflow:hidden;
	position: relative;
}

*.logo
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 50px;
	overflow:hidden;
}

*.topmenu
{
	width: 1000px;
	height: auto;
	vertical-align: top;
	text-align: left;
	overflow: hidden;
	position: relative;
}

*.content
{
	width: 1000px;
	height: auto;
	vertical-align: top;
	text-align: left;
	overflow: hidden;
	position: relative;
}

*.logincontent
{
	width: 1000px;
	height: 700px;
	vertical-align: top;
	text-align: left;
	overflow: hidden;
	position: relative;
}

*.login
{
	position: absolute;
	left: 30px;
	top: 30px;
	border: solid 3px #66cc66;
	width: auto;
	height: auto;
	visibility: visible;
	text-align: center;
}

*.recoverpassword
{
	position: absolute;
	left: 30px;
	top: 30px;
	border: solid 3px #66cc66;
	width: auto;
	height: auto;
	visibility: visible;
	text-align: center;
}

*.createmembership
{
	position: absolute;
	left: 30px;
	top: 30px;
	border: solid 3px #66cc66;
	width: auto;
	height: auto;
	visibility: visible;
}

*.footer
{
	width: auto;
	height: auto;
	vertical-align: bottom;
	text-align: left;
	overflow:hidden;
}

div.framedbox
{
	border: solid 2px #333399;
	padding: 15px;
}

div.heading
{
    color:#3333ff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.8em;
}

span.t1
{
    color:#3366cc;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1em;
}

span.t2
{
    color:#3366cc;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
}

span.t3
{
    color:#3366cc;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 2em;
}

span.t4
{
    color:#3366cc;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 2.5em;
}

/* TOOLTIP */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #FFFACD;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#fixedtipdiv{
position: absolute;
padding: 3px 5px 3px 5px;
border: 1px dashed #666666;
font: normal 10px Verdana;
}

.tooltiptext
{
    font-size: 10px;
    font-weight: normal;
}