/* Structure CSS Document Table of Contents:
	Reset
		Set to zero
	Default & Structure 
		Headers
		Basic Content
			ids & classes
		Lists
			ids & classes
		Tables
			ids & classes
		Links
		Forms
			ids & classes

==================================
	 Reset 
================================== */
html, body, div, span,
h1, h2, h3, h4, h5, h6, big, small,
p, q, blockquote, address, a, img,	
abbr, acronym, del, ins, sub, sup, pre, code, kbd, samp, tt
dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
fieldset, legend, form
/*Not worth: object,iframe,em,strong,cite,dfn,var,i,b, */
/*Form: label,optgroup,option, input,textarea,select,button*/
/*Deprecated: applet,font,s,strike*/ {
margin:0;
padding:0;
font-size:1em;
}
/*Forms*/
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
vertical-align:middle;
margin-right:0;
margin-left:0;
}
/*to enable resizing for IE*/
input, textarea, select {*font-size:1em; *background-color:white;}
/* ========== Set to zero  ========== */
.nav ul,  .nav li, ul.bionav, ul.form , .form li {
margin:0;
padding:0;
list-style-type:none;
}


/* ================================== 
	Our Default & Structure
================================== */
html {
	overflow:scroll; /* so you don't see the content jump when a page is doesn't need to a vertical scoll*/
}
html, body {
	background:transparent;
	width:100%;
	height:100%;
}
html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:black;
}

/* ========== Headers ========== */
h1, h2, h3, h4, h5, h6, caption, th {
	font-weight:bold;
	margin-top:1em; /*kinda = p's marin-bottom*/
	margin-bottom:.15em; /*so text doen't feel on top of headers*/

}
h1, #banner { 
	font-size:2em; 
	margin:0; /*we use #headerone h1*/
}
h2 {
	font-size:1.75em;
	margin-top:1.2em; 
}
h3 {
	font-size:1.5em;
}
h4, big, form legend, caption {
	font-size:1.25em;
}
caption {
	vertical-align:top;
}
h5, th, legend, .nav {
	font-size:1.1em;
}
h6 {
	font-size:1em;
}

/* ========== Basic Content ========== */
p, blockquote, address, fieldset, dl, ol, ul, table, form, 
.sidenote, form span, form .form li { /*all block level types*/
	margin-bottom:1.2em;
}
fieldset, .sidenote {
	display:block;
	padding:1em;
}
legend, blockquote p {
	margin-left: .5em;
	padding-left:.5em; 
	padding-right:.5em;
}

blockquote, dd {
	margin-left:3em;
}
blockquote {
	margin-right:3em;
	text-align:justify;
}

img {vertical-align:middle;}
small, sub, sup, #footer {
	font-size:.8em;
}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom; }

/* ===== ids & classes ===== */

#content, #header, #headeronedetail {clear:both;
width:970px;
padding:0 10px;
margin-left:auto; margin-right:auto;
}

#banner{ 
float:left;  
white-space:nowrap;
}
#banner small, h1 small{display:block; }


#bio .detail {margin-right:30%;}
.bionav {width:25%; float:right;}

.biographies {position:relative;}
.biographies div, #bio #content img,  .bionav li  {clear:left;  margin-bottom:1.5em; }
.biographies div img, 
.bionav img, #bio .detail h2 img  {
float:left;
font-weight:bold;
text-align:center; 
}
.biographies p, .biographies h2  {
padding-left:138px;
margin-left:1.5em;
}
.biographies h2 { padding-left:120px;}
.biographies div p a {float:none; width:auto; clear:none; font-size:1em;}
.biographies h2 img { position:absolute; left:.2em; *left:-150px; }
.biographies h2 a > img { *left:.2em; }
#bio #content img  {margin-right:1.5em;}
.bionav img {margin-bottom:0; }


#footer {
text-align:center;
clear:both;
margin:2.4em 0; /*= 2*(p's marin-bottom)*/
padding-top:2em;
*padding-top:0;
padding-bottom:1.5em;
}
#footer .nav {margin:.5em 1em; background-color:transparent; }
#footer .nav, #footer .nav a {padding-top:.25em; padding-bottom:.25em;}

#header {}
#tableheader td {padding:0;margin:0; }
#headerone {clear:both; }
#headerone h1{padding:.5em .2em; }
#headerone #FlashID {float:left; display:block;}
#headerone .detail {margin-left:350px;}
#headerone p {margin-top:.25em;}


.sidenote {
float:right; width:30%;
clear:right;
margin-top:0;
margin-right:0;
margin-left:1.2em;

}

.sponsor img, #bio .sponsor img {
display:block; 
margin-left:auto; 
margin-right:auto;
} 
.sponsor img, #bio .sponsor img {margin-top:.25em;}

/* ========== Lists (additional styles in 'basic content') ========== */
ol, ul {
	margin-left:1em;
	padding-left:2em;
}
dt, label, optgroup {
	font-weight:bold;
	margin-right:1em;
}
li, dd {
	margin-bottom: .5em;
}

ul li ul, ol li ol, dl dd ul, dl dd ol {
	margin-top:.35em;
}

/* ===== ids & classes ===== */
.nav {
white-space:nowrap;
font-size:.90em;
position:relative;
/*width of banner*/
}
.nav li {display:inline;}

.sidenote ul{padding-left: 1em; }

/* ========== Tables (additional styels in 'headers' & 'basic content') ========== */
table {
	width:auto;
}
caption { 
	white-space:nowrap;
}
caption, th {text-align:left;}
td, th {
	padding:.25em .75em;
	vertical-align:top;
}

/* ===== ids & classes ===== */

/* ===== ids & classes for tour page ===== */

/* ========== Links ========== */
a:link { /*link, visited, hover, active 4 life*/
	text-decoration:underline;
}
a:visited { 
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}


/* ========== Forms (additional styles in 'basic content' & 'lists')==========  */

/*
.btn, button, input[type="button"], input[type="reset"], input[type="submit"] {}
.text, input[type="text"], input[type="password"]{}
.multiple, textarea, select[multiple] {}
.checkbox, .radio, input[type="checkbox"], input[type="radio"]{}
select, select[multiple]{}
*/

label { display:block; /*clear:left;*/}
input,  textarea,  select { margin-top:.1em;  *margin-left:-1.25em;}
textarea,  select {width:90%; text-align:left;}
.multiple, textarea, select[multiple] {height:10em;}
input,  .btn,  button,  input[type="button"],  input[type="reset"],  input[type="submit"] {width:auto;}
span input,  span textarea,  span select, .multiple, textarea, select[multiple] { *margin-left:0em;}
form span, .verification img {float:left; width:30%; margin-right:1.5%; /**float:none; */ }
.form li, form fieldset, form legend {clear:left; }
label small {white-space:nowrap;}
span input, span label {width:100%;}


/* ===== ids & classes ===== */
.verification img  {margin-right:3em;}
.justtwo {width:36%;}