html, body {
	margin:0;
	padding:0;
	background: #E7E7E7;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

body { font-size: 76%;}

div, p, table, th, td, li, .normal {font-size: 1.0em;}

a, a:link, a:visited {
	color: #900;
	text-decoration: none;
}

a:hover {
	color: #C00;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0;}

h1, h2, h3, .heading {
	color: #A00;
	font-weight: bold;
}

h4, h5, h6, .subheading {
	color: #900;
	font-weight: bold;
}

h1 { font-size: 1.5em;}
h2 { font-size: 1.4em;}
h3, .heading { font-size: 1.3em;}
h4 { 	font-size: 1.2em;}
h5, .subheading { font-size: 1.1em;}

h6 {
	font-size: 1em;
	font-style: italic;
}

hr{
	border: 0;
	height: 1px;
	width: 100%;
	color: #CCC;
	background-color: #CCC;
}

img { border: 0; }
th {text-align: left;}

* html #overall {height: 1%;}
* html #middle .content {height: 1%;}
* html #left .content {height: 1%;}
* html #right .content {height: 1%;}
* html #menu {height: 1%;}

#overall {
	width: 780px;
	margin: 5px auto;
	padding: 0;
	text-align: left;
	background: #FFF;
	border: 1px solid #666;
}

#header {
	width: auto;
	margin: 0;
	padding: 0;
	background:#3A4F3E;
	border-bottom: 1px solid #233326;
}

#header .content { padding: 10px;}

#header h1{ margin: 0; padding: 0; color:#000;}

/* MENU FEATURES */

#navigation {
	width: 100%;
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	list-style: none;
	background: #C0D57F;
	border-bottom: 5px solid #E8E8E8;
}

#navigation ul, #menu ul, #navigation ul li, #menu ul li {
	margin: 0;
	padding: 0;
}

#navigation ul, #menu ul {
	list-style: none;
	border: none;
}

#navigation ul li, #menu ul li { display: inline;}

#navigation ul li {
	float: left;
	padding: 3px;
}

#navigation li a, #navigation li a:visited, #menu li a, #menu li a:visited {
	display: block;
	font-size: 0.9em;
	font-weight:bold;
	text-decoration: none;
}

#navigation li a, #navigation li a:visited {
	padding: 4px 20px 4px 5px;
	background: #C0D57F url(/images/nav_slant.gif) no-repeat top right;
	border: 1px solid #C0D57F;
	color:#003300;
}

#navigation li a:hover {
	color: #000;
	background: #DDD;
	border: 1px solid #BBB;
}

#menu { margin-bottom: 15px;}

#menu ul { padding: 10px 0 10px 0;}

#menu ul li {}

#menu li a, #menu li a:visited {
	margin-left: 0px;
	padding: 5px 20px 5px 15px;
	background: url(/images/arrow.gif) no-repeat scroll left center;
	border-bottom: 1px solid #C0D57F;
	color:#455548;
}

#menu li a:hover{
	background: url(/images/arrow_on.gif) no-repeat scroll left center;
	color:#C00;
}

#middle {
	padding: 0;
	margin-left: 165px;
	margin-right: 145px;
	background: #FFF;
}

#middle .content { padding: 0px 10px 15px 10px;}

#left {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}

#left .content { padding: 0px 0px 10px 5px;}

#right {
	float: right;
	width: 140px;
	margin: 0;
	padding: 0;
}

#right .content { padding: 0px 5px 10px 0px;}

#footer {
	width: auto;
	margin: 0px;
	padding: 0;
	text-align: center;
	color: #455548;
	background: #C0D57F;
	border-top: 3px solid #E8E8E8;
}

#footer .content { padding: 4px 5px 6px 5px; }

#footer .content a { color: #455548; text-decoration: underline;}

div.left {
	float: left;
	width: 160px;
	margin-bottom: 5px;
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
}

div.right {
	float: left;
	width: 300px;
	margin-bottom: 5px;
}

div.float { float: left; padding: 0;}
.clr { clear: both;}
.small, .error { font-size: 0.9em;}
.error { color: red;}
.white { color: white;}

#helpText {
	width: 150px;
	padding: 7px;
	background: #FEF;
	border: 1px solid #C66;
	text-align: left;
	font-size: 11px;
	color:#600;
}

.continue {
	padding: 2px 0 3px 19px;
	background: url(/images/arrow_next.gif) no-repeat scroll left center;
}

.arrowregister {
	padding: 2px 0 3px 19px;
	background: url(/images/arrow_reg.gif) no-repeat scroll left center;
}

.startdate {width: 75px; font-size: 11px; }
.enddate {width: 75px; font-size: 11px; }

.tblProfile, .tblReg { width: 100%}

.tblProfile th, .tblReg th, .resultstable th {
	font-size: 0.9em;
	font-weight: bold;
	vertical-align: top
}

.tblProfile th { text-align:right; background: #E1F0E2; padding: 3px 5px 3px 0}

/* Your Profile - Messages */
.tblMessage { width:99%; background: #FFF; border-collapse: collapse;}
.tblMessage tr { border: 1px solid #3A4F3E;}
.tblMessage td { border: none; padding: 3px;}

/* Message Buttons */
.buttons {}
.buttons a {  display: inline-block; font-size:0.9em; font-weight: bold; border: 1px solid #900; padding: 3px 6px 4px 6px; color: white; background: #A00;}
.buttons a:hover { color: white; background: #C00; text-decoration: none; }

/* Search Results Table */
.resultstable td {font-size: 0.9em;}

.pnlSearch .left { font-size: 0.9em; float: left; width: 140px; font-family: verdana }


/* Users Homepage CSS */
#tabhead {
	position: relative;
	width: 100%;
	height: 2.5em;
}

#tabhead ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabhead ul#primary li  {
	display: inline;
	list-style: none;
}

#tabhead ul#primary a, #tabhead ul#primary a.selected {
	display: block;
	float: left;
	padding: 4px 5px;
	margin: 1px 2px 0 0;
	text-align: center;
	text-decoration: none;
	color: #333;
}

#tabhead ul#primary a.selected, #tabhead ul#primary a.selected:hover {
	border: 1px solid #900;
	border-bottom: none;
	background: #A00;
	padding-bottom: 6px;
	margin-top: 0;
	color: #FFF;
}

#tabhead ul#primary a {
	background: #999;
	border: 1px solid #666;
	border-bottom: none;
	color: #EEE;
}

#tabhead ul#primary a:hover {
	margin-top: 0;
	border-color: #700;
	background: #900;
	padding-bottom: 5px;
	color: #FFF;
}

.pnlUpdate { border:1px solid #666; padding: 5px; margin: 0px; overflow: auto; width: 98%; background: #E8E8E8; vertical-align: top;}
.pnlContacts { border: 1px solid #666; padding: 5px; vertical-align: top; margin: 0px; overflow: auto; width: 98%; background: #E8E8E8; }
#contactTable { border: 1px solid #999; margin-top: 10px; padding-bottom: 5px;}
#contactTable th {  font-weight: bold; color:#455548; text-align:right;}
td {vertical-align: top;}

/* Newsfeed CSS */
.rssnews{ list-style-type: none;}

.rssnews li {
	padding: 3px 0px 4px 19px;
	background: url("/images/news_icon.gif") no-repeat left center;
}

.newsfeed { display: block; border-bottom: 1px solid #666; padding-bottom: 5px;}
.newsfeedtitle { background: #FFF; padding: 3px; font-weight: bold;}
.newsfeedtext { padding: 3px;}

/* Login table CSS */

.loginbox {}

.input {}
.input:hover {background: #ffc;}
.button, .loginButton, .registerButton {
    font-size: 0.9em;
	font-weight: bold;
	background: #369 url(/images/grad-blue.gif) repeat-x left bottom;
	border: 1px solid #369;
	color: #FFF;
}

.button:hover {background: #369 url(/images/grad-blue.gif) repeat-x left top;}
.loginbox label, #pnlForgottenPassword label {
    display: block;
    width: 130px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}

.loginbox br, #pnlForgottenPassword br { clear:left;}

.loginInput, .registerInput, input, select {
	font-size: 0.9em;
	background: #FFF;
	border: 1px solid #666;
}

/* END LOGIN TABLE */

#pnlForgottenPassword {
	border: 1px solid #ccc;
	padding: 15px 0;
}

#pnlForgottenPassword #btnSendPassword, #pnlForgottenPassword #lblNotFound { position: relative; left: 138px;}