/*
***********************************************************

Title:			plexus style.css

Author: 		Minima Designs (www.minimadesigns.com)
Created: 		07.25.2007
Last modified: 	11.19.2009

***********************************************************
*/


*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }

/* Global reset*/

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
.clear {clear:both}

/* Typography */

h1.title a { text-indent:-9999px; width:267px; height:120px; position:absolute; top:120px; left:-2px; overflow:hidden; display:block; border:none }
h1.title a:hover { border:none }

h1 { font:24px/24px Georgia, 'Lucida Grande', Times, serif bold; margin:60px 0 2px 0; color:#fff }
h2 { font:18px/18px 'Lucida Grande', 'Lucida Sans Unicode', Times, sans-serif bold; margin:30px 0 10px 0; color:#c3cf21 }
h3 { font:16px/24px 'Lucida Grande', 'Lucida Sans Unicode', Times, sans-serif bold; margin:60px 0 2px 0; color:#fff }
h4 { font:16px/24px Georgia, 'Times New Roman', Times, serif bold; margin:40px 0 2px 0; color:#fff }

p { margin:2px 0 16px 0 }
body, h4, p, li, dt, dd, label, input, textarea { font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;font-size: 62.5%; }
h4 { font-size:14px; line-height:18px; color:#fff }
p, li, dt, dd, label { font-size:1.3em; line-height:1.5em; color:#fff }
#footerContent p { font-size:1.1em; line-height:1.4em; color:#fff }
input, textarea { font-size:11px; color:#fff; padding:2px }
.submit {color:#000}
.green {color:#c3cf21}

/* Page Layout*/


body { text-align:center;background:#281010 url(images/bg_fullgreen.jpg) top left repeat-x } 
body#index-page {background:#281010}

body#home-page ul#nav li#navHome a 					{background-position:0px -32px;}
body#about-page ul#nav li#navAbout a 				{background-position:-145px -32px;}
body#corp-page ul#nav li#navCorporations a 			{background-position:-287px -32px;}
body#locations-page ul#nav li#navLocations a 		{background-position:-449px -32px;}
body#contact-page ul#nav li#navContact a 			{background-position:-613px -32px;}





div#headerWrapper, div#footerWrapper { width:100%; /* height:80px; */ margin:0; padding:1px 0 0 0 } /* The 1px padding is there to fix a height bug. */

div#headerContenthome { width:770px; height:140px; margin:0px auto 0 auto; padding:0; text-align:left; position:relative; background:transparent }
div#headerContent { width:770px; height:140px; margin:0px auto 0 auto; padding:0; text-align:left; position:relative }

div#headerContent { background:url(images/plexuslogotrans.gif) top center no-repeat } 
div#wrapper { width:800px; margin:0px auto 0 auto; padding:0; text-align:left; position:relative }

div#photo {margin:14px 0 1px 0; height:250px;}
div#main { 
width:490px; 
float:left; 
padding:0 20px 0 10px;
	min-height: 230px;
	height: auto !important;
	height: 230px; }

.introlink {font-size:130%;margin:20px 0 0 0;border-bottom:0px}
#content p a {color:#c3cf21;text-decoration:none;border-bottom:1px solid #fff}
div#main p a, div#main_wide p a {color:#c3cf21;text-decoration:none;border-bottom:1px solid #fff}
div#main p a:hover, div#main_wide p a:hover {background:#fff;text-decoration:none;border-bottom:1px solid #fff}

div#main ul {margin:0 0 15px 0;}
div#main li {list-style-type:disc;padding:0 0 0 5px;margin:0 0 0 30px;}



/*About page is full width*/
div#main_wide {width:770px;}

/*Sidebar*/
div#sidebar { width:250px; float:left }
#sidebar dl {margin:0;padding:inherit;font-size:90%;border-bottom:1px solid #3b1612;padding:5px 0 10px 0}
#sidebar dd.event {font-weight:bold;color:#c3cf21;}
#sidebar img a {border:none}

#contactform td {padding:0 10px 5px 0;font-size:1.2em; line-height:1.4em;color:#000}
.label {color:#fff}
#contactform .inputbox {background:#fff;border-right:1px solid #502624;border-bottom:1px solid #502624;border-top:1px solid #110604;border-left:1px solid #110604;color:#000;font-size:14px}
#contactform p {padding:0;margin:0}
br.columnEnder { clear:both; border:none; height:0 }


.style1 {color: #FFFFFF}
.formtext {color:#fff;padding:0 0 5px 5px }
.label1 {padding:0 10px 0 0 }


/*quiz */
.quizbox {background:#100606;color:#fff;font-size:100%;border:1px solid #3b1612; padding:5px;line-height:1.5em }

div#main #quiz li { list-style:none }
div#main #quiz li input { padding:0 10px 0 0 }


#submit, #reset {color:#000;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif}


#quizform p {margin:0;padding:0}
/*FOOTER */

div#footerWrapper { width:100%; height:80px; margin:100px 0 0 0;  background:url(images/bg_footer.jpg) center left repeat-x;border-top:1px solid #3b1612}
div#footerContent { width:780px; height:80px; margin:0 auto; padding:0px 0 0 0; text-align:left; position:relative; /* border:1px solid yellow */ }
p.copyrightInfo { padding:10px 0 0 0;  }

/*Bios for About Page*/
.bio {color:#fff;margin:0px 0 10px 0;padding:0px 0 10px 0;}
.bio img {float:left;padding:3px; margin:0 10px 0px 0; background:#fff;}
.bio h2 {margin:0 0 10px 0}

p.quote {color:#c3cf21;font-size:125%}

#instructors dl {}
#instructors dd img {float:left;margin:0 5px 5px 0; border:3px solid #fff}

#instructleft {float:left;width:270px;}
#instructright {float:right;width:500px}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2;
}

#nav {margin:0 0 0 0px}
#nav li a {
	display: block;font-family:Arial, Helvetica, sans-serif;font-size:14px;text-transform:uppercase;font-weight:bold;color:#0e0f08;
	text-decoration:none;padding:5px 0 2px 7px;
}



#nav li { /* all list items */
	float: left;width:154px;
	 /* width needed or else Opera goes nuts */
	}
	

li#navHome {margin:2px 0 0 0px;background:transparent url(images/navdivide.gif) no-repeat center right;} 
li#navAbout {margin:2px 0 0 0px;background:transparent url(images/navdivide.gif) no-repeat center right;} 
li#navServices {margin:2px 0 0 0px;background:transparent url(images/navdivide.gif) no-repeat center right;} 
li#navLocations {margin:2px 0 0 0px;background:transparent url(images/navdivide.gif) no-repeat center right;} 
li#navContact {margin:2px 0 0 0px;background:none;} 

#nav li span {text-align:left}

#nav li li {border-bottom:1px solid #fff;}
#nav li li a {font-size:12px}

#nav li ul { /* second-level lists */
	position: absolute;
	background:url(images/bg_navon.gif) repeat;
	width: 154px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;background:#bfbfbd;padding:5px 0 0 0;color:#abb224;
}