/*********************************** HTML TAGS ***********************************/
html, body{
	height:100%;
	width:100%;
	padding:0;
	margin:0;
}

body {
	font: 80% Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #fff;
}

h1, form, hr{
	margin: 0;
	padding: 0;
}

img	{ border: 0; }

a { color: #542079;	text-decoration: underline; }

a:hover { color: #690; text-decoration: none; }

h1 {
	font-size: 110%;
	color: #306;
	font-variant: small-caps;
}

hr {
	color: #4F9509;
	height: 2px;
	width: 90%;
	text-align: center;
	margin: auto;
	background-color: #4F9509;
	border:0;
}


/*********************************** WRAPPERS ***********************************/

#wrapnav, #wrapcontent, #wraprightcol {
	visibility: visible;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}


#wrapnav{
	z-index: 1;
	left: 0;
	height: 480px;
	width: 195px;
	background: #fff url(images/navbg.jpg) top left no-repeat;

}

#wraplinks {position: absolute;
	z-index: 1;
	left: 5px;
	top: 500px;}

#wrapcontent {

	vertical-align: top;
	padding: 0 10px 5px 10px;
	z-index: 4;
	left: 198px;
	width: 360px;
	height: 480px;
}

/*********************************** MAIN CONTENT ***********************************/

div#wrapcontent td{
	font-size: 95%;
	margin: 0px;
	padding: 3px 0;
	vertical-align: top;
}

.formboxsmall, .formbox200, .formbox300{
	font: 95% Arial, Helvetica, sans-serif;
	color: #542079;
}

.formboxsmall { width: 150px }

.formbox200{ width: 200px; }

.formbox300{ width: 300px; }

#wrapcontent ul {
	vertical-align: top;
	padding: 0 10px 5px 10px;
}

#wrapcontent li { padding: 0 10px 5px 10px; }

img#bnmk { margin: 0 0 0 35px; }

img.valid	{ margin: 0 1px }

img#pagepic{
	margin-left: 8px;
	float: right;
}


/*********************************** RIGHT COL ***********************************/
#wraprightcol {
	z-index: 2;
	left: 560px;
	width: 200px;
}

#wrapinfo {
	margin: 0;
	position: relative;
	z-index: 3;
	left: 1px;
	top: 0;
	width: 200px;
	background: #fff url(images/s_bg.jpg) top left repeat-y;
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	color: #636;
}

#wrapinfo p{
	padding: 0 7px 0 22px;
	margin-top: 5px;
}

#wrapinfo ul{
	padding: 0 8px 0 0;
	margin-top: 5px;
	margin-left:40px;
}

#wraprightcol ul li .selected{ color: #57A508; }

/*********************************** FOOTER ***********************************/
#footer, #smnav, .smnavitem{
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer	{
	font-size: 85%;
	width: 400px;
	position: relative;
	z-index: 1;
	visibility: visible;
	text-align: center;
	vertical-align: middle;
	top: 20px;
	color: #666;
}

ul#smnav{
	padding: 0 0 0 100px;	
	width: 100%;
	clear: both;
	}

li.smnavitem{ float: left; }

p.plug{
	clear: both;
	margin: 0;
}

/*********************************** NAV ***********************************/

ul#nav, ul#nav li{
	margin: 0;
	padding: 0;
	list-style: none;
}

div#wrapnav ul#nav	{ position: relative; }

div#wrapnav ul#nav li { position: absolute; }

#nav li a, #nav li .selected{
	font: small-caps bold 90% Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
}

#nav li a{ color: #542079; }

#nav li a:hover {	color: #57A508; }

#nav li .selected{ color: #57A508; }

#nhome	{left: 100px; top: 20px;}
#nben	{left: 108px; top: 62px; width:123px;}
#nmem	{left: 116px; top: 110px;}
#nwhere	{left: 117px; top: 157px; width:113px;}
#nsub	{left: 109px; top: 211px;}
#nwant	{left: 101px; top: 258px;}
#njoin	{left: 99px; top: 305px;}
#ncont	{left: 105px; top: 352px;}
#nfreeb	{left: 115px; top: 394px;}

/*********************************** MISC ***********************************/

.redtxt{ color: #c00; }

.nowrap {
	white-space: nowrap;
	display: block;
}

.underline { text-decoration: underline; }