/************************************** reset *********************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption/*, tbody, tfoot, thead, tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*end or reset*/





/************************************** general layout  *********************************/
body {
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
}
 #container {
	padding-top:22px;
}
.opportunity #container {
	background:url(images/background_orange.gif) repeat-x #000;
}
.product #container {
	background:url(images/background_red.gif) repeat-x #000;
}
.company #container {
	background:url(images/background_blue.gif) repeat-x #000;
}
.join #container {
	background:url(images/background_green.gif) repeat-x #000;
}
.media #container {
	background:url(images/background_teal.gif) repeat-x #000;
}
.contact #container {
	background:url(images/background_purple.gif) repeat-x #000;
}
#subContainer {
	width:100%;
}
.blog #container {
	background:url(images/background_orange.gif) repeat-x #000;
}
#subSubContainer {
	width:791px;
	margin:auto;
	position:relative;
}
.clear {
	display:block;
	font-size:.01em;
	clear:both;
}

/* end of general layout */

/************************************** sub navigation *********************************/
#subNav {
	width:442px;
	height:30px;
	position:relative;
	font-size:.3em;
	margin-left:340px;
}
#subNav span {
	/*background:url(images/subNav.gif) 0 0 no-repeat;*/
	position:absolute;
	width:100%;
	height: 100%;
}
#subNav a/*, #subNav label*/ {
	display:block;
	position:absolute;
	height:23px;
	text-indent:-2000px;
	top:0;
}
#subNav #blog {
	width:35px;
}
#subNav #myJus {
	width:48px;
	left:57px;
}
#subNav #cart {
	width:48px;
	left:124px;
}
/*#subNav label {
	width:58px;
	left:190px;
	cursor:pointer;
}*/
#subNav a:hover {
	border-bottom:1px solid #656565;
}
#subNav form {
	display:inline;
	position:absolute;
	right:0;
}
#subNav .textInput {
	border:1px solid #666;
	margin:4px 4px 0 0;
	position:absolute;
	right:16px;
	padding-left:5px;
}
#subNav .textInput:focus { 
	background: url(images/inputBack.gif) repeat-x;
}
#subNav #go {
	position:absolute;
	top:4px;
	right:0;
}
/* end of sub naigationv */



/************************************** main navigation *********************************/
#nav {
	width:631px;
	position:absolute;
	left:148px;
	top:53px;
	background:url(images/nav.gif) no-repeat;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
}
#nav li {
	float:left;
}
#nav a {
	height:33px;
	display:block;
	text-indent:-2000px;
}
#nav #nav_product {
	width:109px;
}
#nav #nav_product a:hover, .product #nav_product {
	background:url(images/nav_over.gif) no-repeat;
}
#nav #nav_opportunity {
	width:131px;
}
#nav #nav_opportunity a:hover, .opportunity #nav_opportunity {
	background:url(images/nav_over.gif) no-repeat -109px 0;
}
#nav #nav_company {
	width:106px;
}
#nav #nav_company a:hover, .company #nav_company {
	background:url(images/nav_over.gif) no-repeat -240px 0;
}
#nav #nav_join {
	width:73px;
}
#nav #nav_join a:hover, .join #nav_join {
	background:url(images/nav_over.gif) no-repeat -346px 0;
}
#nav #nav_media {
	width:87px;
}
#nav #nav_media a:hover, .media #nav_media {
	background:url(images/nav_over.gif) no-repeat -419px 0;
}
#nav #nav_contact {
	width:125px;
}
#nav #nav_contact a:hover, .contact #nav_contact {
	background:url(images/nav_over.gif) no-repeat -506px 0;
}
/* end of sub naigationv */


/************************************** header *********************************/

#header {
	height:150px;
	padding-top:84px;
}
.opportunity #header {
	background:url(images/header_img_oranges.jpg) no-repeat 390px 58px;
}
.product #header {
	background:url(images/header_img_red.jpg) no-repeat 390px 58px;
}
.company #header {
	background:url(images/header_img_blue.jpg) no-repeat 390px 58px;
}
.join #header {
	background:url(images/header_img_green.jpg) no-repeat 390px 58px;
}
.media #header {
	background:url(images/header_img_teal.jpg) no-repeat 390px 58px;
}
.contact #header {
	background:url(images/header_img_purple.jpg) no-repeat 390px 58px;
}
.blog #header {
	background:url(images/header_img_oranges.jpg) no-repeat 390px 58px;
}
h1 {
	width:95px;
	height:74px;
	position: relative;
}
.opportunity h1 {
	background:#EE9F00;
}
.product h1 {
	background:/*#8F0021*/transparent;
}
.company h1 {
	background:#3495E6;
}
.join h1 {
	background:#92C400;
}
.media h1 {
	background:#00BFC4;
}
.contact h1 {
	background:#973B9A;
}
h1 a {
	display:block;
	cursor:pointer;
	color:#fff;
	font-size:2em;
}
h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
}
.opportunity h1 span {
	background: url(images/logo_orange.gif) no-repeat;
}
.product h1 span {
	background: url(images/logo_red.gif) no-repeat;
}
.company h1 span {
	background: url(images/logo_blue.gif) no-repeat;
}
.join h1 span {
	background: url(images/logo_green.gif) no-repeat;
}
.media h1 span {
	background: url(images/logo_teal.gif) no-repeat;
}
.contact h1 span {
	background: url(images/logo_purple.gif) no-repeat;
}
.blog h1 span {
	background: url(images/logo_orange.gif) no-repeat;
}


h2 {
	text-transform:uppercase;
	color:#fff;
	position:absolute;
	left:153px;
	top:174px;
	font-size:2em;
}
/* end of header */


/************************************** side column *********************************/
#sideColumn {
	width:120px;                  /*Travis modified this from 125 to 115 to compensate for the added padding*/      
	padding-right:26px;
                padding-left: 5px;          /*Travis added this for the activePage*/
	float:left;
	font-size:.8em;
	color:#fff;
}
#sideColumn ul {
	line-height:1.7em;
}
#sideColumn a {
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
}
.opportunity #sideColumn a:hover {
	color:#EE9F00;
}
.product #sideColumn a:hover {
	color:#CC0000;
}
.company #sideColumn a:hover {
	color:#3495E6;
}
.join #sideColumn a:hover {
	color:#92C400;
}
.media #sideColumn a:hover {
	color:#00BFC4;
}
.contact #sideColumn a:hover {
	color:#49005F;
}
.blog #sideColumn a:hover {
	color:#EE9F00;
}
#sideColumn .active, .current_page_item {
	list-style:url(images/greaterthan.gif);
}
#sideColumn b {
	text-transform:uppercase;
	font-weight:bold;
	color:#ccc;
}
#sideColumn ul {
	margin-bottom:1em;
}
/* end of side column */


/************************************** content *********************************/
#content {
	width:600px;
	float:left;
	color:#000;
	margin-bottom:30px;
                min-height: 200px;
}
h3 {
	font-size:1.5em;
	color:#8F0021;
	text-transform:uppercase;
	margin-bottom:.9em;
}
h4 {
	font-size:1.2em;	
	color:#666;
	margin:.9em 0 0 0;
}
#content p, #content ul {
	font-size:.8em;
	line-height:1.6em;
	margin:0 0 1.5em 0;
}
#content a {
	color:#000;
}
#content small {
	font-size:.8em;
}
.commentlist li {
	margin-top:10px;
	padding:30px 20px;
}
.commentlist li.alt {
	border-top:1px solid #4F4F4F;
	border-bottom:1px solid #4F4F4F;
	background:#7F7F7F;
}
#content textarea {
	width:500px;
	height:100px;
}

/* end of content */

/************************************** footer *********************************/


#footer {
	border-top:2px solid #fff;
}
#footerContent {
	margin:auto;
	width:635px;
	padding:20px 0 40px 148px;
	padding-bottom:40px;
}
#footerContent p {
	color:#4D4D4D;
	font-size:.7em;
}
#footerContent a {
	color:#4D4D4D;
	text-decoration:none;
}
#footerContent a:hover {
	text-decoration:underline;
}
#footerContent p {
	width:100%;
}
#footerContent span {
	display:block;
	float:right;
}
/* end of footer */










/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

/* .sIFR-hasFlash h4 {
	visibility: hidden;
}*/

/************************************** home settings *********************************/

body.home {
	background:url(images/home_back.gif) repeat-x #000;
}
.home #container {
	margin:auto;
	width:635px;
	padding:0;
	background:none;
}

.home #flash {
	/*margin-top:52px;*/      
	height:540px;
                width: 635px;
                margin-top: 3px;
}
.home #flash iframe {
	width:633px;
	height:100%;
}

.home #nav {
	left:auto;
	top:auto;	
	border-bottom:2px solid #fff;
}
.home #subNav {
	margin:0;
	top:58px;
	margin-left:100px;
}
.home #subNav span {
	background:url(images/subNav_home.gif) 0 0 no-repeat;
}
.home #subNav .textInput:focus { 
	background:none;
	color:#fff;
}
.home #footer {
	border:0;
	margin:auto;
	margin-top:68px;
}
.home #footerContent {
	padding:0;
	width:635px;
	margin-bottom:40px;
	text-align:center;                   
}

.home #footerContent p .copyright
{
float: left;
}

/*end of home page settings*/


/*travis' modifications*/

#subNav label.goButton {
	display:block;
	position:absolute;
	height:23px;
	text-indent:0px;
	top:0;
                right: 0;
                width: auto;
}

.activeLink
{
display: block;
width: 10px;
height: 8px;
float: left;
position: relative;
top: 7px;
background: none;
}

#level2
{
display: none;
}


/****************************** This section makes the HTML Editor have a white background **************/
body table
{
background-color: #fff;
}

table#exb1 table, table#exb2 table, table#exb3 table, table#exb4 table, table#exb5 table, table#exb6 table, table#exb7 table, table#exb8 table, table#exb9 table, table#exb10 table, table#exb11 table, table#exb12 table, table#exb13 table, table#exb14 table, table#exb15 table, table#exb16 table, table#exb17 table, table#exb18 table, table#exb19 table, table#exb20 table, table#exb21 table, table#exb22 table, table#exb23 table, table#exb24 table, table#exb25 table
{
background-color: transparent;
}

.buttonText, #txt25, #menusT, table#coolT
{
background-color: transparent;
}

/****************************** END **************/



/*************************Troy's Layout Additions***********************/
.bioContainer {
align: top;
border: 1px solid #fff;
}

.mugBox {
float: left;
width: 150px;
}

.bioBox {
float: right;
width: 420px;
padding: 5px;
}



/***********************************Wizard Font Control*************************/

#WizardTable
{
font-size: .8em;
}












#content ul
{
list-style: square;
margin-left: 15px;
}

#content ul li
{
margin-left: 2px;
margin-bottom: 3px;
}

#alertLink a {
text-allign: center;
color: white;
}