body {
	margin: 0;
	padding: 0;
}

#container {
	width: 950px;
	margin-left: 25%;
	border: 0px solid;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	position: relative;
}

.homepage {
	background-image: url(/images/homepage_back.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

* html .homepage {
	background-position: 0px 10px;
}

* html #container {
	margin-top: -10px;
}

/** navbar */
#navbar {
	width: 950px;
	height: 125px;
	padding: 0px;
	border: 0px solid;
	border-color: #ff0000;
	background-image: url(/images/header_banner.jpg);
	margin-top: -16px;
}

ul#navbar {
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 0px dashed #ffffff;
	float: left;
}

#navbar li{
	display: inline;
	color: #ffffff;
	text-align: center;
}

#navbar li a {
	color: #ffffff;
	font-family: Verdana;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	float: left;
	width: 102px;
	height: 27px;
	position: relative;
	top: 67px;
	left: 240px;
	background: url(/images/nav_main_inactive_button.jpg) left no-repeat;
}

#navbar li a:hover {
	background-image: url(/images/nav_main_active_button.jpg);
	background-repeat: no-repeat;
}

#navbar .activeTab{
	background-image: url(/images/nav_main_active_button.jpg);
	background-repeat: no-repeat;
}

#navbar .activeMarker{
	background-image: url(/images/nav_main_active_marker.gif);
}

* html #navbar{
	margin-top: 10px;
	padding: 0px;
}

#subNav {
	position: relative;
	bottom: 12px;
	border: 0px solid;
	height: 12px;
	width: 950px;
	margin-bottom: 0px;
	margin-top: -28px;
	padding-bottom: 0px;
	padding-top: 0px;
	
	text-align: center;
}

* html #subNav {
	margin-top: -10px;
	margin-bottom: -28px;
}

ul#subNav {
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 0px dashed #ffffff;
}

#subNav li{
	display: inline;
	color: #ffffff;
	text-align: center;
	margin-right: 30px;
}

#subNav li a {
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width: 102px;
	height: 27px;
}

#subNav li a:hover {
	text-decoration: underline;
	color: #E79221;
}

.logo {	
	border: 0px solid;
	position: absolute;
	top: 9px;
	left: 20px;
}

* html .logo {	
	border: 0px solid;
	position: absolute;
	top: 14px;
	left: 20px;
}

#bannerAdTop {
	width: 728px;
	height: 90px;
	border: 1px solid;
	border-color: #0000ff;
	margin-left: 111px;
	margin-right: 111px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
}

#leftContainer {
	width: 600px;
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	margin-right: 1px;
	margin-bottom: 10px;
	border: 0px solid;
	border-color: #ff0000;
	padding: 0px;
	background-color: #ffffff;
}

* html #leftContainer {
	padding: 0;
	margin-bottom: 0px;
	margin-right: 0;
	margin-left: 10px;
}

#rightContainer {
	width: 302px;
	float: right;
	border: 0px dashed #ff0000;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 0px;
	background-color: #ffffff;
}


* html #rightContainer {
	margin-right: 8px;
}

#main {
	width: 600px;
	float: left;
	margin-bottom: 5px;
	font-family: Arial;
}

#main p, td, th, li {
	font-family: Arial;
	font-size: 14px;	
}


#main h1 {
	font-family: Arial;
	font-size: 28px;
	color: #232324;
	padding: 0px;
	margin-left: 3px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
}

#main h3 {
	font-family: Arial;
	font-size: 15px;
	color: #453C2C;
}

* html #main {
	margin-bottom: 0px;
	margin-right: 0;
}

img.miniUN {
	float: left;
	margin-right: 29px;
}

/** user homepage formatting */
#userHomeText {
	width: 560px;
	margin-left: 17px;
	padding-bottom: 10px;
}

#userHomeText p {
	font-family: Arial; 
	font-size: 11px;
	font-weight: normal; 
	line-height: 13px;
	color: #636363;
}



#userHomeText img {
	height: 50px;
}

#userHomeText a{
	font-family: Arial; 
	font-size: 14px;
	font-weight: bold;
	color: #759367;
}

#userHomeText a:hover {
	font-family: Arial; 
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

#userHomeText ul.latestContent {
    margin-left: 20px;
    padding-left: 0;
    list-style-image: url(/images/content_bullet.jpg);
}

#userHomeText ul {
    margin-left: 20px;
    padding-left: 0;
    list-style: none;
}
	
#userHomeText li {
	font-family: Arial; 
	font-size: 11px;
	font-weight: normal; 
	line-height: 13px;
	color: #636363;	
}

/** end user homepage formatting */

#main p.homepageDescription {
	font-size: 12px;
	color: #636363;
	padding-right: 30px;	
	line-height: 20px;
}

#main .moreGoodStuff {
	clear: left;
	margin-left: 17px;
	margin-top: 23px;
	font-size: 14px;
	font-weight: bold;
	color: #578eb2;
	padding-right: 30px;	
	line-height: 20px;
}

#main img.moreGoodStuff {
	float: left;
	margin-top: 0px;
}

#main p.moreGoodStuff {
	clear: none;
	height: 50px;
	border: 0px solid #ff0000;
	font-size: 12px;
	font-weight: normal;
	color: #636363;
	padding-right: 30px;
	padding-top: 0px;
	margin-bottom: 40px;
	margin-top: 0px;
	line-height: 20px;
}

#main em {
	font-style: normal;
	font-weight: bold;
}

#main li.homepageFeatureList {
	font-size: 12px;
	color: #578eb2;
	padding-right: 30px;
	font-weight: bold;
	list-style: none;
	line-height: 15px;
}

#homepageContent {
	padding-left: 30px;
	padding-top: 10px;
}

#sub-main {
	width: 600px;
	clear: both;
	border-bottom: 0px dashed;
}

#block3 {
	width: 600px;
	clear: both;
	border-bottom: 0px dashed;
}

/** blueGrad pod */

#blueGrad {
	width: 302px;
	background-image: url(/images/blue_gradient_middle.jpg);
	margin-top: 12px;
}

#blueGradText {
	width: 270px;
	margin-left: 17px;
	padding-bottom: 16px;
	font-family: Arial; 
	font-size: 11px;
	font-weight: normal; 
	line-height: 13px;
	color: #636363;
}

#blueGradText a:hover {
	text-decoration: underline;
}

#blueGradText .left{
	float: left;
}

#blueGradText .right{
	float: right;
}

#blueGradTextLeft
{
	float: left;
	text-align: left;
	width: 33%;
	font-family: Arial; 
	font-size: 13px;
	font-weight: normal; 
	line-height: 13px;
}

#blueGradTextCenter
{
	float: left;
	text-align: center;
	width: 33%;
	font-family: Arial; 
	font-size: 13px;
	font-weight: normal; 
	line-height: 13px;
}

#blueGradTextRight
{
	float: left;
	text-align: right;
	width: 33%;
	font-family: Arial; 
	font-size: 13px;
	font-weight: normal; 
	line-height: 13px;
} 

#blueGrad h3 {
	font-family: Arial; 
	font-weight: bold; 
	font-size: 15px; 
	color: #453C2C;
	padding-top: 16px;
	padding-left: 17px;
	padding-bottom: 13px;
	
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.blueGradTop {
	min-height: 200px;
	margin-top: 0px;
	z-index: 0;
	background: url(/images/blue_gradient.jpg) center top no-repeat;
}

* html .blueGradTop {
	height: 200px;
}

.blueGradBottom {
	min-height: 200px;
	background: url(/images/blue_gradient_bottom.jpg) center bottom no-repeat;
}

* html .blueGradBottom {
	height: 200px;
}

/** greenGrad pod */
#greenGrad {
	width: 302px;
	background-image: url(/images/green_gradient_middle.jpg);
	margin-top: 12px;
}

#greenGradText {
	width: 205px;
	margin-left: 17px;
	padding-bottom: 16px;
	font-family: Arial; 
	font-size: 12px;
	font-weight: normal; 
	line-height: 30px;
	color: #759367;
}

#greenGradText a{
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	
	margin-left: 0px;
	background: url(/images/recent_user_icon.jpg) left no-repeat;
	font-family: Arial; 
	font-size: 12px;
	font-weight: bold; 
	line-height: 30px;
	color: #759367;
}

#greenGradText .MyClasses{
	
	background: none;
}

#greenGrad h3 {
	font-family: Arial; 
	font-weight: bold; 
	font-size: 15px; 
	color: #453C2C;
	padding-top: 16px;
	padding-left: 17px;
	padding-bottom: 13px;
	
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.greenGradTop {
	height: 100%;
	min-height: 200px;
	margin-top: 0px;
	z-index: 0;
	background: url(/images/green_gradient.jpg) center top no-repeat;
}

* html .greenGradTop {
	height: 200px;
}

.greenGradBottom {
	min-height: 200px;
	background: url(/images/green_gradient_bottom.jpg) center bottom no-repeat;
}

* html .greenGradBottom {
	height: 200px;
}

#sidebarAdblock {
	width: 302px;
	height: 331px;
	border: 0px solid #0000ff;
	margin-top: 12px;
}

/** footer */
#footer {
	width: 950px;
	clear: both;
	border: 0px solid;
	background: url(/images/footer_background.jpg) center no-repeat;
	border-color: #0000ff;
	margin-top: 10px;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
}

#footer a {
	color: #ffffff;
}


/** darkBlue pod */
#darkBlueGrad {
	width: 302px;
	background-image: url(/images/dark_blue_gradient_middle.jpg);
	margin-top: 12px;
}

#darkBlueGradText {
	width: 268px;
	margin-left: 17px;
	
	padding-bottom: 0px;
	font-family: Arial; 
	font-size: 11px;
	font-weight: bold; 
	line-height: 13px;
	color: #FFFFFF;
}

#darkBlueGrad h3 {
	font-family: Arial; 
	font-weight: bold; 
	font-size: 18px; 
	color: #453C2C;
	padding-top: 16px;
	padding-left: 17px;
	padding-bottom: 13px;	
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.darkBlueGradTop {
	min-height: 200px;
	margin-top: 0px;
	z-index: 0;
	background: url(/images/dark_blue_gradient.jpg) center top no-repeat;
}

* html .darkBlueGradTop {
	height: 200px;
}

.darkBlueGradBottom {
	min-height: 200px;
	background: url(/images/dark_blue_gradient_bottom.jpg) center bottom no-repeat;
}

* html .darkBlueGradBottom {
	height: 200px;
}


/** darkGreen pod */
#darkGreenGrad {
	width: 302px;
	background-image: url(/images/dark_green_gradient_middle.jpg);
	margin-top: 12px;
}

#darkGreenGradText {
	width: 205px;
	margin-left: 36px;
	padding-bottom: 10px;
	font-family: Arial; 
	font-size: 11px;
	font-weight: bold; 
	line-height: 13px;
	color: #FFFFFF;
	margin-top: -13px;
	padding-top: 13px;
	border: 0px solid #ff0000;
	position: relative;
}

* html #darkGreenGradText {
	padding-bottom: 0px;
	margin-top: 0px;
}

#darkGreenGradText p.orRegister{
	margin-top: -20px;
	margin-bottom: 10px;
}

* html #darkGreenGradText p.orRegister{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#darkGreenGradText a, a:link, a:visited, a:active {
	color: #efb550;
	text-decoration: none;
}

#darkGreenGradText a:hover {
	text-decoration: underline;
}

#darkGreenGrad h3 {
	font-family: Arial; 
	font-weight: bold; 
	font-size: 18px; 
	color: #453C2C;
	padding-top: 16px;
	padding-left: 17px;
	padding-bottom: 13px;	
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.darkGreenGradTop {
	min-height: 200px;
	margin-top: 0px;
	z-index: 0;
	background: url(/images/dark_green_gradient.jpg) center top no-repeat;
}

* html .darkGreenGradTop {
	height: 200px;
}

.darkGreenGradBottom {
	min-height: 200px;
	background: url(/images/dark_green_gradient_bottom.jpg) center bottom no-repeat;
}

* html .darkGreenGradBottom {
	height: 200px;
}

/** orange pod */
#orangeGrad {
	width: 302px;
	background-image: url(/images/orange_gradient_middle.jpg);
	margin-top: 12px;
}

#orangeGradText {
	width: 205px;
	margin-left: 17px;
	padding-bottom: 16px;
	font-family: Arial; 
	font-size: 11px;
	font-weight: bold; 
	line-height: 13px;
	color: #d46900;
}

#orangeGrad h3 {
	font-family: Arial; 
	font-weight: bold; 
	font-size: 18px; 
	color: #453C2C;
	padding-top: 16px;
	padding-left: 17px;
	padding-bottom: 13px;	
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.orangeGradTop {
	min-height: 157px;
	margin-top: 0px;
	z-index: 0;
	background: url(/images/orange_gradient.jpg) center top no-repeat;
}

* html .orangeGradTop {
	height: 157px;
}

.orangeGradBottom {
	min-height: 157px;
	background: url(/images/orange_gradient_bottom.jpg) center bottom no-repeat;
}

* html .orangeGradBottom {
	height: 157px;
}

/** CSS for forms */

.registerMainBlock {

	border: #f2e7d1 3px solid;
	background-color: #fffbf4;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #4C4C4D;
	padding: 10px 10px 10px 10px;
}

#subForm {
	margin-left: 13px;
}

#subForm .label {
	
	width: 306px;
	height: 20px;
	margin-right: 10px;
	text-align: left;
}

input.register {
	text-align: right;
	padding: 35px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background: url(/images/register_button.jpg) no-repeat top;
	border: 0px solid #e4e4e4;
	width: 144px;
	height: 35px;
}

p.registerHere {
	margin-bottom: 0px;
	text-align: center;	
}

* html p.registerHere {
	margin-bottom: 18px;
}

input#registerHere {
	text-align: right;
	padding: 35px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background: url(/images/register_here_button.jpg) no-repeat top;
	border: 0px solid #e4e4e4;
	width: 144px;
	height: 35px;
}

input#goLogin {
	text-align: right;
	padding: 35px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background: url(/images/goLogin_button.jpg) no-repeat top;
	border: 0px solid #e4e4e4;
	width: 41px;
	height: 14px;
	margin-top: 10px;
}

input.longInput, textarea.longInput {
	width: 300px;
	border: 1px solid #efb550;
	background-color: #fff6e3;
	margin-top: -2px;
}

input.shortInput, textarea.shortInput {
	width: 147px;
	height: 20px;
	border: 1px solid #efb550;
	background-color: #fff6e3;
	margin-top: -2px;
}

input.reallyShortInput, textarea.reallyShortInput {
	width: 20px;
	height: 20px;
	border: 1px solid #efb550;
	background-color: #fff6e3;
	margin-top: -2px;
}

input.usernamePod, input.passwordPod{
	width: 230px;
	border: 1px solid #efb550;
	background-color: #fff6e3;
	margin-top: -2px;
	margin-bottom: 10px;	
}

* html input.usernamePod, input.passwordPod{
	margin-bottom: 0px;
}

input#name:focus,
input#email:focus,
textarea#comments:focus,
select#refer:focus
{
	/*background-color: #FDD041;*/
}

/** welcome user search box */
.welcomeUser {
	border: 0px solid #ff0000;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0 0 0 0;
	height: 21px;
	font-family: Arial bold;
	font-size: 11px;
	color: #ffffff;
	text-align: right;
}

* html .welcomeUser {
	border: 0px solid #ff0000;
	width: 147px;
	height: 10px;
	margin-top: 16px;
	margin-bottom: -10px;
}

input#search {
	text-align: right;
	padding: 0px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background: url(/images/search_button.jpg) no-repeat bottom;
	border: 0px solid #e4e4e4;
	width: 14px;
	height: 18px;
	margin-top: 0px;
	padding-bottom: 0px;
}

* html input#search {
	height: 18px;
	background: url(/images/search_button.jpg) no-repeat top;
	margin-top: 0px;
}

.searchBox {
	border: 0px solid #ff0000;
	float: right;
	margin-top: 16px;
	margin-right: 63px;
	padding: 0 0 0 0;
	height: 25px;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	text-align: right;
}

#navbar .searchBox a, a:link, a:visited, a:active {
	color: #E79221;
	text-decoration: none;
	margin-bottom: 0px;
}

* html .searchBox{
	margin-top: 0px;
	margin-right: 33px;
}

.topSearch {
	margin-top: 0px;
	padding-top: 0px;
	height: 10px;
	width: 300px;
}