@import url("nav.css");


body {
	margin: 0;
	background: #012904 url('/images/bg_page.gif') repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #292311;
	text-align: center;
}


img {border:0;}

a {color: #007dc3; text-decoration: underline; outline:none;}
a:visited{color:#007dc3;}
a:hover {color: #dd8231; text-decoration: underline;}
	
#footer a {color: #ffffff; text-decoration: none; outline:none;}
#footer a:visited {color:#ffffff; text-decoration:none;}
#footer a:hover {color: #ffffff; text-decoration: underline;}  

h1, h2, h3, .blue {
	color: #0b76a0;
}

h1 {font-size:22px;  margin-top:0;}
h2 {font-size:18px;}
h3 {font-size:14px;}
	
.smallerh1 {font-size:14px;}	
	

	
hr {
	height:1px;
	border:0;
	color:#cccccc;
	background-color:#cccccc;
	
}
	
	
.center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style: italic;}	
.inline {display:inline;}

.quote {
	font-weight:bold;
	color: #0b76a0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size:14px;
	line-height:18px;
}

.legal {font-size:10px; color:#666666;}

.padded {padding:7px;}

.left {float:left;}
.right {float:right;}
.textleft {text-align:left;}
.textright {text-align:right;}	


.float_left{float:left; margin-right:7px;}
	.float_right{float:right; margin-left:7px;}
	


.headerimg  { margin:-15px; padding-bottom:30px;}

table.spaced td {padding:5px; vertical-align:top;}	
table.spaced2 td {padding:10px; vertical-align:top;}	

.beige_container {
    background: #fffece;
	-moz-border-radius:5px;
    border: 2px solid #e3e2b4;
}

.yellow_container {
    background: #ffffaf;
	-moz-border-radius:5px;
    border: 1px solid #eada39;
}

.text {
	 border: 1px solid #eada39;
	-moz-border-radius:5px;
	padding:5px;
	 margin: 5px 0;
}


#headerbg {
	width:1197px;
	margin:0 auto;
	background: url('/images/headerbg.jpg') no-repeat;
}

#all {
	width:960px;
	margin:0 auto;
}

#head {
	text-align:left;
}



#subnav {
	width:960px;
}

#subnav ul {
	width:960px;
	margin:0;
	padding:0;
	list-style:none;
}

#subnav li {
	margin:0;
	padding:0;
	display:inline;
}

#loginStatus {
	background-color: #fff;
}

#managerStatusDiv {
	background-color: #aa2;
	float:left;
	width:720px;
	font-size:20px;
	display: block;
	align:center;
}

#contentwrap {
	background-color:#ffffff;
	width:960px;
}

#content {
	width:690px;
	padding: 15px;
	text-align:left;
	float:left;
	
}
.content-img-left { 
	float: left;
	padding:15px;
	border-top:1px solid #cccccc;
	border-right:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	border-left:1px solid #cccccc;
	/*
	border: #0B76A0 solid 1px;
	padding: 2px;
	*/
	margin: 3px 10px 10px 0;
}
.content-img-right { 
	float: right; 
	padding:15px;
	border-top:1px solid #cccccc;
	border-right:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	border-left:1px solid #cccccc;
	/*	
	border: #0b76a0 solid 1px;
	padding: 2px;
	*/
	margin: 3px 0 10px 10px;
}


#sidecol {
	width:240px;
	float:right;
	background: url('/images/sidecolbg.gif') repeat-y;
}


#footer {	
	margin:0 auto;
	width: 930px;
	padding:15px;
	text-align: center;
	color: #ffffff;
}

/* BECOME A SPONSOR STYLES - but can be used elsewhere of course */

	#checkout td {
		padding:5px;
		vertical-align:top;
	}

	.callout_box {
		padding:10px;
		background-color:#ffff99;
		border: 1px dotted #0b76a0;
	
	}
	
	.callout_box_blank {
		padding:10px;
		border: 1px dotted #0b76a0;
	}
	
/*****************************************************
			BUTTONS (added by Jake P. - 8/12/09)
*****************************************************/

input#search { background: url(/images/btn/btn_search.gif) no-repeat; width: 86px; height: 34px; border: none;}
input#search:hover { background: url(/images/btn/btn_search_roll.gif) no-repeat; width: 86px; height: 34px; border: none;}
.search { background: url(/images/btn/btn_search.gif) no-repeat; width: 86px; height: 34px; padding:0; margin:0;} 

input#login { background: url(/images/btn/btn_login.gif) no-repeat; width: 86px; height: 34px; border: none;}
input#login:hover { background: url(/images/btn/btn_login_roll.gif) no-repeat; width: 86px; height: 34px; border: none;}
.login {background: url(/images/btn/btn_login.gif) no-repeat; width: 86px; height: 34px;  padding:0; margin:0;} 

input#signup-and-sponsor { background: url(/images/btn/btn_createacct.gif) no-repeat; width: 202px; height: 34px; border: none;}
input#signup-and-sponsor:hover { background: url(/images/btn/btn_createacct_roll.gif) no-repeat; width: 202px; height: 34px; border: none;}
.sign-and-sponsor { background: url(/images/btn/btn_createacct.gif) no-repeat; padding:0; margin:0; } 

input#preview { background: url(/images/btn_preview.gif) no-repeat; width: 114px; height: 26px; border: none;}
input#preview:hover { background: url(/images/btn_preview_roll.gif) no-repeat; width: 114px; height: 26px; border: none;}
.preview { background: url(/images/btn_preview.gif) no-repeat;  padding:0; margin:0;}

input#sendmail { background: url(/images/btn_sendmail.gif) no-repeat; width: 114px; height: 26px; border: none;}
input#sendmail:hover { background: url(/images/btn_sendmail_roll.gif) no-repeat; width: 114px; height: 26px; border: none;}
.sendmail {background: url(/images/btn_sendmail.gif) no-repeat;  padding:0; margin:0;}

input.goback { background: url(/images/btn_goback.jpg) no-repeat; width: 114px; height: 30px; border: none;}
input.goback:hover { background: url(/images/btn_goback_roll.jpg) no-repeat; width: 114px; height: 30px; border: none;}

/*
#wrapper {
	width: 100%;
	height: 100%;
	vertical-align: top;
	background: url('/images/bg_page.gif') repeat-x top;
	text-align: center;
}
#contentWrapper {
  text-align: left;
  width: 961px;
  margin-right: auto;
  margin-left: auto;
  display: table;
  vertical-align: top;
  background: url('/images/bg_page.gif') repeat-x;
}
#left {
	width: 33%;
	height: 100%;
	display: table-cell;
}
#right {
	width: 33%;
	height: 100%;
	display: table-cell;
}
#header {
  height: 152px;
  width: 961px;
  background-image: url('/images/header_01.jpg');
  background-repeat: no-repeat;
  display: table-row;
}

*/


#main {
  border-collapse:collapse;
  background-color:white;
  min-height: 660px !important;
  height: 100%;
  display: table-row;
  width: 690px;
}
#mainNav {
	width: 961px;
	height: 33px;
	background: url('/images/nav_bg_orange.gif') no-repeat;
	vertical-align: middle;
  	display: table-row;
}
#mainNav ul {
	list-style-type: none;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#mainNav ul li {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 20px;
	vertical-align: middle;
	display: inline;
	line-height: 33px;
}
#mainNav ul li a {
	color: #ffffff;
	text-decoration: none;
}
#mainNav ul li.divider {
	width: 2px;
	height: 35px;
	padding: 0px;
	background: url('/images/nav_divider_orange.gif') no-repeat;
	display: inline;
}
#homeHero {
  height: 257px;
  width: 961px;
  background-image: url('/images/hero_homepage_01.jpg');
  background-repeat: no-repeat;
  display: table-row;
}
#main #subNav {
	width: 961px;
	height: 39px;
  display: table-row;
}
#main #subNav ul {
	list-style-type: none;
	height: 39px;
	margin: 0px;
	padding: 0px;
}
#main #subNav ul li {
	display: inline;
	height: 39px;
	margin: 0px;
	padding: 0px;
	line-height: 39px;
}
#main #mainContent {
	background-color: #fff;
	height: 400px !important;
	height: 100%;
	display: table-row;
	width: 961px;
}
#main #mainContent #rightCol {
	width: 240px;
	background-color: #feef4a;
	height: 406px;
}
#main #mainContent div.contentPadded {
	
	display: table-cell;
	padding: 10px 14px;
	vertical-align: top;
	width: 961px !important;
}
#main #loginStatus {
	background-color: #fff;
	font-size: 11pt;
	width: 955px;
	height: 39px;
	padding-left: 10px;
}
#main #managerStatusDiv {
	background-color: #fff;
	font-size: 11pt;
	height: 39px;
	display: table-row;
}
#main #managerStatusDiv div {
	padding-left: 6px;
}
#contentBottom {
	width: 961px;
	height: 16px;
	display: table-row;
}
#contentBottom div {
	display: table-cell;
}

#mailList {
	width: 600px;
	display: table;
}
#mailList ul {
	list-style-type: none;
	display: table-row;
	padding: 4px 0px;
	text-align: left;
}
#mailList ul li {
	display: table-cell;
	font-size: 12pt;
	padding-bottom: 4px;
}
.thumb {
	width: 60px;
	padding-left: 4px;
}
.name {
	width: 200px;
}
.date {
	width: 100px;
}
.subject {
	width: 240px;
}

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

.headrow {
	background-color:#2A6F14;
	color:white;
}


/*******************************************************************************
	DEFINITIONS IMAGE GALLERY (added by ayman - 8/16/09)
*******************************************************************************/

ul.term_images {
    padding: 0;
}
ul.term_images li {
    list-style: none;;
}

/********************************************************************************
			CLEARING FLOATS HACK!
********************************************************************************/

.clearFloat:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearFloat { display: inline-block;}

/* Hides from IE-mac \*/

* html .clearFloat { height: 1%;}

.clearFloat { display: block;}

/* End hide from IE-mac */



.ll_list{
	   margin-left: 20px;
	   padding-left: 0; 
	   list-style: none;
	   line-height:30px;
	}
	
	.ll_list li {
	   padding: 3px 30px 5px 27px;
	   background-image: url("/images/hand.gif");
	   background-repeat: no-repeat;
	   background-position: 0 5px;
	   vertical-align:top;
	}