/* TABLE OF CONTENTS

00 - RESET
01 - HELPERS
02 - GLOBAL STYLES
	

/* ----------------------------------------------*/

/* 00 - RESET */
/* ----------------------------------------------*/
@media all {
	
	/* This code authored by Eric Meyer.
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
	
	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, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0; padding: 0; border: 0; outline: 0;
		font-weight: inherit; font-style: inherit; font-family: inherit;
		font-size: 100%;
		vertical-align: baseline;
		}
	
	/* remember to define focus styles! */
	:focus { outline: 0; }
	body { line-height: 1; }
	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: "" ""; }
	
	
	/* "Yet Another Multicolumn Layout" (c) by Dirk Jesse (http://www.yaml.de)
	* $Revision: 103 $ $Date: 2007-07-31 23:24:53 +0200 (Di, 31 Jul 2007) $ */
	
	option{padding-left:0.4em}
	* html body *{overflow:visible}
	* html iframe,* html frame{overflow:auto}
	* html frameset{overflow:hidden}
	html{height:100%}
	body{
	height:100%;
	min-height:100%;
	font-size:100.01%;
	color:#000;
	background:#fff;
	text-align:left
}
	fieldset,img{border:0 solid}
	ul,ol,dl{margin:0 0 1em 1em; padding: 0;}
	li{margin-left:1.5em;line-height:1.5em;  padding: 0;}
	dt{font-weight:700}
	dd{margin:0 0 1em 2em}
	blockquote,cite{font-size:0.93em;width:auto;margin:0 0 1em 1.5em}
	
	#header{position:relative;}
	#nav,#main{clear:both;width:auto}
	#footer{clear:both;display:block}
	
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
	.clearfix{display:block}
	.floatbox{overflow:hidden}
	.subcolumns,.subcolumns_oldgecko{width:100%;overflow:hidden}
	.subcolumns_oldgecko{float:left}
	.skip,.hideme,.print{position:absolute;top:-1000em;left:-1000em;height:1px;width:1px}
	.skip:focus,.skip:active{position:static;top:0;left:0;height:auto;width:auto}
	
	
	/* Josh Additions */
	.showverflow{ overflow: visible; }
	.l{float: left;}
	.r{float: right;}
	.leftimage{
		float: left;
		margin-right: 11px;
		margin-bottom: 4px;
	}
	strong{
		font-weight:bold;
	}
	a{
		cursor: pointer;	
	}
}

/* 01 - HELPERS */
/* ----------------------------------------------*/

/* CSS Document */

.block{
	display: block;
}

.leftfloat{
	float: left;
}

.rightfloat{
	float: right;
}

.rightclear{
	clear: right;
}

.clear{
	clear:both;
}

.nav, .nav li, .nav li a{
	margin: 0;
	padding: 0;
	display:block;
}

.nav li a{
	text-indent: -9999px;
}


.nav li{
	float: left;
}

.textindent{
	text-indent: -9999px;
}

.disc{
	list-style-type:disc;
}

.center{
	text-align:center;
}

.nomargintop{
	margin-top: 0;
}

/* 02 - GLOBAL STYLES */
/* ----------------------------------------------*/
#container{
	width: 1041px;
	margin-left: auto;
	margin-right: auto;
	height: 800px;
}

#bio_page #container{
	height: 600px;
}


#container a{
	text-decoration:none;
}

#container h1{
	font-size: 24px;
	color: #939598;
	padding-top: 56px;
	margin-left: 339px;
}

#container h1 a{
	color: #939598;
}

#container .nav a, #container h1 a{
	font-family: "Vista Sans OT";
	font-weight: normal;
}

#container .nav{
	float:left;
	width: 220px;
}

#container .nav, .subpage #container .content{
	margin-top: 84px;
	margin-left: 183px;
	_margin-left: 91px;
}

#links_page .nav{
	float:none;
	width: auto;
	margin-top:0;
	margin-left:0;
}

#bio_page #container .content a{
	font-family:"Vista Sans OT";
	font-weight:bold;
	color: #353637;
}

.subpage p{
	font-family: "Vista Sans OT";
	font-weight: normal;
	font-size:14px;
	color: #939598;
}

.subpage .back, #bio_page #container .content .back{
	font-size:12px;
	color:#535556;
	font-family:"Vista Sans OT";
	margin-top: 100px;
	font-weight: normal;
}

#container .nav a{
	font-size: 16px;
	color: #353637;
	text-indent: 0px;
}

#container .nav a#fakenav{
	display:none;
}

#container .nav .active a{
	font-family: "Vista Sans OT";
	font-weight: bold;
}

#container li{
	float: none;
	padding-bottom: 11px;
	/*line-height: 24px;*/
}

#container #image_container{
	float:left;
	margin-top: 33px;
	min-height: 300px;
	min-width: 300px;
	margin-bottom: 62px;
}

#container #image_container p{
	margin-top: 16px;
	font-family: "Vista Sans OT";
	font-weight: normal;
	font-size: 12px;
	color: #77787b;
}

#container #image_container p span, #links_page em{
	font-style:italic;
	*font-family: "Vista Sans OT";
	*font-style:normal;
}

#container #image_container p a{
	margin-top: 4px;
	color: #535556;
	*font-family: "Vista Sans OT";
}

#container #image_container.loading {
  background: url(../img/ajax-loader.gif) no-repeat center center;
}

.no_script div{
	text-align: center;
}

.statement-content{
	line-height: 1.4;
}

.statement-content h2 {
	font-family: "Vista Sans OT";
	padding-top: 20px;
}

#container .statement-content a{
	color: #939598;
	text-decoration: underline;
}

.statement-content h2:first-child{
	padding-top: 0; 
}