/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family:"Segoe UI", Frutiger, Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif;
 font-size: 13px;
 background-image:url('../images/body_bg.gif');
 background-repeat:repeat-x;
 background-color:#0e1406;
}
#wrapper { 
 margin: 0 auto;

 width: 900px;
 }
 
#mainContent 
{
	width:100%;
	background-color:#fcf8ee;
	padding:20px;
	padding-bottom:150px;
	margin-bottom:20px;
	}

#header {
 width: 100%;
 color: #333;
 padding: 0px;
 height: 250px;
 background-image: url('../images/header_bg.png');
 background-repeat:no-repeat;
 text-align:center;
}

#header p 
{	position:relative;
	top:215px;
	}
#header p a 
{
	font-weight:bold;
	text-decoration:none;
	color:#006db8;
	}

#header p a:hover 
{
	color:Orange;
	}

#footer  
{
	border-top:solid 10px #0e1406;
	margin-top:15px;
	position:fixed;
	bottom:0px;
 width: 100%;
 color: #333;
 text-align:center;
 background: #0e1406;
 height: 13px;
 padding-bottom:2px;
 font-size:.9em;
 color: #fcf8ee;

}

/*
body {
margin: 0 0 0 0;
padding: 0 0 0 0;
background-image: url(images/main_bg.jpg);
background-repeat: repeat-x;
background-color: rgb(9,34,52);
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .75em;
color: black;
}

#outerMainContainer{
display: block;
width: 1089px;
min-height: 800px;
height:auto !important;
height: 800px;
margin-left: auto;
margin-right: auto;
background-image: url(images/main_papers.jpg);background-repeat: no-repeat;}

#mainContainer{
position: absolute;
width: 1089px;
min-height: 800px;
}

#bodyContainer{
position: absolute;
top: 102px;
left: 45px;
width: 1000px;
height: 564px;
background-image: url(../images/main-int-bg.jpg);
background-repeat: no-repeat;
z-index: 1;}

#bodyCopy{
position: absolute;
left: 102px;
top: 140px;
width: 600px;
left: 100px;
}

a#NbbcLink 
{
display:block;
width:270px;
height:20px;
position:relative;
top:115px;
left:270px;
	}
	
*/	
	
	
/* FORMS  */

fieldset {  
position: relative;      
float: left;      
clear: both;        
width: 100%;    
margin: 0 0 -1em 0;      
padding: 0 0 1em 0;    
border-style: none;      
border-top: 1px solid #BFBAB0;     
background-color: #F2EFE9; 
}  

legend {  
color: #000000;  
padding: 0; 
font-weight: bold;  
}  
fieldset ol {      
padding: 3.5em 1em 0 1em;      
list-style: none;     
}
fieldset li   
{
float: left;    
clear: left;    
width: 100%;    
padding-bottom: 1em;  
}  

fieldset .text, fieldset .list
{
	width:13em;
	}
	
fieldset .textSmall 
{
	width:6.5em;
	}

fieldset .textLarge
{
	width:20em;
	}


fieldset.submit {  
border-style: none;  
}

label {    
float: left;    
width: 9em;    
margin-right: 1em;  
}

label span 
{
	
	font-size:.8em;}

fieldset.submit {      
float: none;      
width: auto;      
padding-top: 1.5em;      
padding-left: 11em; 
background-color:#fcf8ee;     
}


legend span {      
position: absolute;    
left: 0.74em;      
top: 0;   
margin-top: 0.5em;      
font-size: 135%;    
}

fieldset.alt {      
background-color: #E6E3DD;    
}





fieldset fieldset {       
margin-bottom: -1.5em;    
padding-bottom:0;   
border-style: none;       
background-color: transparent;       
background-image: none;      
}      
fieldset fieldset legend {       
margin-left: 0;       
font-weight: normal;      
}      
fieldset fieldset ol {       
position: relative;       
top: 0em;       
margin: 0 0 0 11em;       
padding: 0;      
}      
fieldset fieldset label {       
float: none;       
width: auto;       
margin-right: auto;      
}


		label.error 
		{
			display:block;
			float: left;    
			background-color:#ff7878;
			padding:10px;
			width:auto;
			margin-left:10em;
			font-size:1em;
			color:black;
			border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			
			input.error, select.error {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:12px;
				font-weight:bold;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			
	.nomargin 
	{
		margin:0px;
		margin-left:0px;
		}

/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:2em; 
	text-align: center; 
	background: url('../images/btn_blue_sprite.gif') no-repeat right -139px;
}
	
.submitBtn span {
	padding: 13px 0 0 15px; 
	height:37px; 
	background: url('../images/btn_blue_sprite.gif') no-repeat left top; 
	color:#fff; 
}
	
.submitBtn:hover, .submitBtn:focus, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -209px; 
}
	
.submitBtn:hover span, .submitBtn:focus span, button.submitBtnHover span {
	background-position: 0 -70px;
}



.red 
{
	color: #bb3333;
	}
/*	
label.error 
{
	color:Red;
	display:block;
	position:absolute;
	left:0;
	top:0;
	padding:5px;
	background-color:white;
	font-size:.8em;
	
	
	}
*/