/* CSS Document */

/* --------------- global --------------- */
/* global white space removed */
*{border:0;margin:0;padding:0;}
a {color:#000000; text-decoration:none;}
sup { font-size:90%;}

/* hybrid fluid control - Based on http://positioniseverything.net/articles/sidepages/pie-calc.php - alternate percentages can be more easily figured at this address too */
body{font:70% Arial, Sans, Helvetica, sans-serif; color:#333333; background-color:#4b4b4b; padding:0 456px 0 456px; text-align:center;}
#sizer{margin:0 auto 0 auto; width:92%; max-width:0;}  /* max-width version for IE is at the bottom of this style block */
#expander{background:#4b4b4b; margin:0 -456px 0 -456px; min-width:912px; position:relative;}/* minwidth is critical Safari fix here! */
/* Holly hack for IE \*/
* html #expander{height:0;}
/* */
#wrapper{width:912px; text-align:left; min-height:450px;background:url("../images/wrapper.gif") top left repeat-y;} /* helps IE get the child percentages right. */

#wrapperinner{width:912px; text-align:left; min-height:450px;background:url("../images/wrapperinner.gif") top left repeat-y;} /* helps IE get the child percentages right. */

/* peach header area */
#header{background-color:#909090; text-align:left; width:900px;margin:0 6px 0 6px;padding:0;}
/* clearing floated elements related to the fluid design - see http://positioniseverything.net/easyclearing for reference */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* .clearfix{display: inline-table;} removed 10/31/06 to get past /outreach/ error */
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */




/* -------------- Navigation ----------------*/
#navbar {background:#909090;width:900px;padding:0;margin:0 0 0 6px;}
#navbar ul {list-style: none;text-align:center;padding:3px 0 3px 0;}
#navbar ul li {
	display:inline;
	padding:0 3px 0 0;
	list-style: none;
}



* html #navbar {height:1%;}
#navbar ul li a:hover {text-decoration:underline;}
body#home #navbar ul li a.home, body#about #navbar ul li a.about, body#editorial #navbar ul li a.editorial, body#audiovideo #navbar ul li a.audiovideo, body#archive #navbar ul li a.archive, body#contact #navbar ul li a.contact, body#home #navbar ul li a.mail{text-decoration:underline;color:#ffffff;}


#sidebar a, #contentleft a {font-size:12px;color:#40476f;text-decoration:underline;}

/*--------------- content -------------------*/
#contentcontainer{margin-left:6px;}
#contentleft{width:240px;float:left;padding: 0 5px 0 5px;border-top:1px solid #000;}
#content{float:left;width:389px;padding: 0 5px 0 5px;border-top:1px solid #000;}
#wrapperinner #content {float:left;width:890px;padding: 0 5px 0 5px;margin-right:6px; }
/* Holly hack for IE \*/
* html #content, * html #contentleft, * html #sidebar {height:1%;}

	
#content p, #sidebar p, #contentleft p{padding:0 0 5px 0; line-height:1.5em; font-size:1.0em;font-family:Arial;}
#wrapperinner #content ul {margin: 5px 0 10px 24px;}
#wrapperinner #content p, #wrapperinner #content ul li {font-size:1.3em;}
#content a:hover, #sidebar a:hover, #contentleft a:hover {text-decoration:underline;}
#content h2, #sidebar h2, #contentleft h2{font:1.2em Arial, Sans, Helvetica, sans-serif; font-weight:bold;padding:0 0 5px 0; margin:0; color:#000; }
#wrapperinner #content h2 {font:1.5em Arial, Sans, Helvetica, sans-serif;font-weight:bold;}
#content h2 a {color:#000;}
#content h1 {font-size:2em;}
.floatleft {float:left;padding-bottom:10px;}
.floatright {float:right;padding-bottom:10px;}
#wrapperinner #content h1 {padding:10px 0 5px 0;}
/* Right Columns */
#sidebar{padding: 0 5px 0 5px;width:240px;margin-right:6px;float:right;border-top:1px solid #000;background:#fffff;}
div.newsentry {border-bottom:1px solid #999;margin-bottom:10px;}
div.newsentrylast {border-bottom:none;margin-bottom:10px;}
div.newsentry img.left {padding: 5px 5px 5px 0;}
div.newsentry img.right {padding: 5px 0 5px 5px;}
div.newsentry h4, div.newsentrylast h4 {font-size:1.1em;}

	
/* Footer */

#footer{font-family:Arial, Sans, Helvetica, sans-serif; background:none #ffffff; font-size:11px; line-height:1.5; width:900px; color:#000; text-align:left; margin:0 6px 0 6px;border-top: 1px solid #000;border-bottom: 1px solid #000;}
#header h3, #footer h3{padding:32px 0 3px 10px;}
#footer p {text-align:center;}
#footer a{color:#000; text-decoration:none;padding:0 10px 0 10px;}
#footer a:hover{text-decoration:underline;}


.caption {font-size:90%;color:#000000; }