/* nexus stylesheet with added sifr goodness */

/* GLOBAL 
______________________________________________________________________________ */

* {	margin:0 auto;	padding:0; }

body {
	background:#fef8e0;
	color:#706550;
	margin-bottom:29px;
	font:normal 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
.left {
	float:left;
	}

.right,
.imRight {
	float:right;
	}

img,
a img {
	border:none;
	}
	

/* TYPO 
______________________________________________________________________________ */

p,
ul,
label {
	font-size:1.2em;
	padding-bottom:1.2em;
	}

ul{
	margin-left:2em;
	}

h2, 
h3, 
h4 { 
	color:#be8b00;
	}
	
	h3 {
		margin: 0 0 18px;
		}
		

a {
	color:#be8b00;
	text-decoration:none;
	font-weight:normal;
	}

a:hover{
	color:#000;
	}



/* FORMS 
______________________________________________________________________________ */

.right form{
	margin-bottom:10px;
	}

.right form input.joinInput, 
.right form input.contactInput, 
.right form textarea.contactTextarea{
	width:220px;
	border:1px solid #90731d;
	background:transparent;
	margin-top:7px;
	color:#753f01;
	}

.right form select.contactSelect{
	width:220px;
	border:1px solid #90731d;
	background:#130f04;
	margin-top:7px;
	color:#753f01;
	}
	
.right form select.contactSelect,
.right form select.contactSelect optgroup{
	background: #f3e18d;
	}

.right form select.contactSelect optgroup{
	padding:5px;
	}

.right form select.contactSelect optgroup option {
	margin-bottom: 4px; border: none; background-color: #f3e18d; color: #753f01; font-weight: bold;
	}

.right form input.joinSubmit, 
.right form input.contactSubmit {
	border:none;
	background:transparent;
	margin-top:7px;
	color:#f1c130;
	font-size:16px;
	cursor:pointer;
	font-weight:bold;
	text-align:right;
	width:220px;
	}

.right form textarea.SpamTrap {
	display:none;
}

/* STRUCTURE 
______________________________________________________________________________ */

#headWrap {
	width: 100%;
	height: 125px;
	background: #000;
	}

	.header {
		position:relative;
		width: 798px;
		height:125px;
		margin: 0 auto;
		}

.container {
	width:828px;
	padding: 0 0 18px;
	background:url(../images/pageBackBot.jpg) no-repeat center bottom;
	}


/* NAVBAR 
------------------------------------------------------------------------------ */

#navBar {
	width: 100%;
	height: 37px;
	background: url(../images/menuBg.jpg) repeat-x center bottom;
	}

	ul#nav {
		width: 768px;
		height: 36px;
		margin: 0 auto;
		padding:0;
		list-style:none;
		overflow: hidden;
		}
	
	ul#nav li {
		float:left;
		position:relative;
		z-index:auto !important;
		z-index:1000;
		background: url(../images/menuLi.gif) no-repeat left center;
		}
		
		ul#nav li.first {
			background: none!important;
			}

		ul#nav li a {
			display:block;
			text-decoration:none;
			color:#5a5046;
			padding: 9px 4px;
			margin: 0 6px;
			font-weight:normal;
			font-size:1em;
			text-decoration: none;
			}
		
			ul#nav li a.active,
			ul#nav li a:hover,
			ul#nav li a:active,
			ul#nav li a:focus {
				color:#be8b00;
				font-weight: bold;
				background: url(../images/menuArrow.gif) no-repeat center bottom;
				}
			
			ul#nav li a:hover {
				font-weight:normal;
				background-color: #f3e18f;
				}
				
			ul#nav li a.active:hover,
			ul#nav li a:active,
			ul#nav li a:focus {
				font-weight: bold;
				}
	

/* SUB NAVIGATION 
------------------------------------------------------------------------------ */

.subnavHold,
.subnavHoldHome {
	margin: 0 0 18px 0;
	}

.subnavHold ul, 
.subnavHoldHome ul { 
	list-style: none;
	padding: 8px 0 0;
	margin:0; 
	}

.subnavHold ul li, 
.subnavHoldHome ul li { 
	margin: 0 0 8px;
	padding: 0 0 9px;
	border-bottom: 1px solid #e2b900;
	}
	
.subnavHold ul li.subnavItemLast,
.subnavHoldHome ul li.subnavItemLast {
	border: none;
	}



	
/* SUB TYPO 
______________________________________________________________________________ */

a.clicky {
	padding: 1px 5px;
	background: #be8b00;
	color: #fff;
	}
	
	a:hover.clicky {
		background: #e2b900;
		}



/* HEADER
-----------------------------------------------*/
.header h1#nexusLogo {
	width: 201px;
	height:144px;
	float: left;
	text-indent: -9999px;
	background: url(../images/nexusLogo.jpg);
	}
	
	#logoWrapper {
		}
	
.tag {
	position:absolute;
	top:60px;
	left: 380px;
	background:transparent;
	}
	
	
/* CONTENT / HOME PAGE
-----------------------------------------------*/

.content img { 
	margin:4px 6px 4px 4px;
	}

.content p { 
	line-height: 22px;
	}

.home,
.subPage {
	position: relative;
	width: 828px;
	padding: 18px 0;
	margin: 18px 0;
	background: url(../images/divider.gif) repeat-y center top
	}
	
.subPage {
	background: url(../images/divider.gif) repeat-y 478px 0;
	}

	.subPage .left,
	.home .leftHome {
		width: 417px;
		padding: 0 30px;
		font-size: 12px;
		overflow: hidden;
		}
	
		.home .leftHome {
			width: 353px;
			}
		
	.subPage .right,
	.home .rightHome {
		width: 288px;
		padding: 0 30px;
		}
	
		.home .rightHome {
			width:352px;
			}
	
	
.info {
	}

	.infoHome {
		padding: 9px 0 0;
		}

	.info p{ 
		line-height:1.6em;
		}
	
	.info img { 
		}
	
	.infoHome img { 
		
		}
		
		
#ourValues {
	width: 353px;
	list-style: none;
	margin-left: 0;
	clear: both;
	}

	#ourValues ul {
		list-style: none;
		margin-left: 0;
		font-style: italic;
		}
		
		#ourValues li {
			margin: 4px 0;
			}
	
	
/* NEWS
-----------------------------------------------*/

	
.newsHold,
.newsHoldHome {
	margin: 10px 0 18px 0;
	border-bottom: 1px solid #e2b900;
	}
	
	.newsHold h2. 
	.newsHoldHome h2 {
		line-height: 1.2em;
		}
	
	.newsItem {
		margin: 0 0 18px 0;
		border-bottom: 1px solid #e2b900;
		}
	
	.noNews{
		padding-top: 12px;
		}
	
	p.date {
		font-size: 16px;
		margin: 0 0 -9px;
		}
		
	p.readMoreLink {
		padding: 0;
		margin: 0 0 -9px;
		}
		
	/*.newsHold h2 {
		line-height:1.2em;
		}*/
		

.subPage,	
.home,
#ourValues  {
	overflow: hidden;
	}

/* SIFR 
______________________________________________________________________________ */
/* 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;
	letter-spacing:-3px;
	font-size:23px;
	}
	
	.sIFR-hasFlash div.tag h2 {
		font-size:24px;
		}

.sIFR-hasFlash h3 {
	visibility:hidden;
	letter-spacing:-3px;
	font-size:23px;
	}

.sIFR-hasFlash h5 {
	visibility:hidden;
	letter-spacing:-3px;
	font-size:26px;
	}
	
	
	
	
	
/* 
	INCORRECT MARKUP ALERTS  ( Remove when site goes live)
	------------------------- */
/*	
	font,center,*[align],*[color],a[alt],strike, blink,marquee,nobr,big,small,s,tt,b,u,i { 
		font-size: 100%;
		color: #fff;
		padding: 1px;
		border: 1px solid orange;
		background: orange;
		}
	
	font:after,center:after,*[align],*[color],a[alt]:after,strike:after,blink:after,marquee:after,
	nobr:after,big:after,small:after,s:after,tt:after,b:after,u:after,i:after { 
		content: 'Warning: you have used invalid markup';
		color: #000;
		margin-left: 8px;	
		background: #fff;
		}
		
	font:after { content: 'Warning: you have used the invalid font tag'; }
	center:after { content: 'Warning: you have used the invalid center tag'; }
	*[align] { content: 'Warning: you have used the invalid align attribute'; }
	*[color] { content: 'Warning: you have used the invalid color attribute'; }
	a[alt] { content: 'Warning: you have used the ALT attribute on an anchor tag'; }
	strike:after { content: 'Warning: you have used the invalid strike tag'; }
	blink:after { content: 'Warning: you have used the invalid blink tag'; }
	marquee:after { content: 'Warning: you have used the invalid marquee tag'; }
	nobr:after { content: 'Warning: you have used the invalid nobr tag'; }
	big:after { content: 'Warning: you have used the invalid big tag'; }
	small:after { content: 'Warning: you have used the invalid small tag'; }
	s:after { content: 'Warning: you have used the invalid s tag'; }
	tt:after { content: 'Warning: you have used the invalid tt tag'; }
	b:after { content: 'Warning: you have used the invalid b tag'; }
	u:after { content: 'Warning: you have used the invalid u tag'; }
	i:after { content: 'Warning: you have used the invalid i tag'; }*/