/* CSS Document */
/* I'm a novice, heavily indebted to Jeffrey Zeldman (Jeffrey Zeldman Presents), Dave Shea (CSS Zen Garden), and John Whittet (CSS Zen Garden). I'm still at the "monkey see, monkey do" stage of CSS, with little understanding of what I'm doing. */

/* Fix a Mozilla Bug from Zeldman */

html	{
		min-width: 690px;
		}
		
/* Helpers and base rules from Zeldman */

p.access	{
	display: none;
	}

/* Basic elements */

body	{
	margin: 0;
	padding: 0;
	border: 0;
	color: #555;
	text-align: center;
	background: #ccb url(images/wrap.gif) top center repeat-y;
    }

/* Images */
.imgcenter { 
	padding:10px 0 0 0; 
	text-align: center; 
	} 
	
.imgright { 
	padding:0 10px 0 0; 
	float: right; 
	} 
	
.imgleft { 
	padding:0 10px 0 0; 
	float: left; 
	} 

img  {
  border: 0;
  }
 	
/* Wrapper */

#wrapper  {
  margin: 0 auto;
  padding: 0;
  border: 0;
  width: 690px;
  text-align: left;
  }

/* Header */

#masthead  {
	color: #333;
	background: transparent;
	margin: 0 auto;
/* False margin value for all versions of IE Win, including 6.0 */
	margin-left: 2px;	
	padding: 0 0 10px 0;
	border: 0;
	width:690px;
	text-align: left;
	}

html>body #masthead {
	width:690px;
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 0;
	}	
  
/* Typography */

#content p	{
	clear:both;
	font-family: Verdana, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	margin: 0 1em 1em 1em;
	text-indent: 0;
	}
	
#content p	{
	font-family: Verdana, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	margin: 0 1em 1em 1em;
	text-indent: 0;
	}
	
p.pullquote	{
	font-family: Verdana, sans-serif;
	font-style: italic;
	color: #666;
	font-size: 13px;
	line-height: 1.3em;
	text-align: left;
	width: 95%;
	float: right;
	border:  thin solid #687699;
	margin: 5px;
	padding: 10px 0;
	}

#sidebar p.pullquote	{
	font-family: Verdana, sans-serif;
	font-style: italic;
	color: #666;
	font-size: 13px;
	line-height: 1.3em;
	text-align: center;
	width: 225px;
	border:  1px solid #687699;
	padding: 10px 8px 8px 8px;
	margin: 20px 7px 20px 0;
	}

span.leader	{
	font: bold 15px Verdana, sans-serif;
	color: #923408;
	text-transform: none;
	}
	
span.bold	{
	font-weight: bold;
	text-transform: none;
	}
	
span.italic	{
	font-style: italic
	}

h1	{
	margin-top: 0;
	padding: 0 0 0 .5em;
	font-family: "Courier New", Courier, mono;
	font-weight: bolder;
	font-size: 30px;
	text-align: center;
	color: #993300;
	background: transparent;
	width: 395px;
	}

h2	{
	margin-top: 0px;
	margin-bottom: 12px;
	font-family: Verdana, sans-serif; 
	font-weight: normal;
	font-size: 24px;
	}
	
h3	{
	font-family: Georgia, "New Century Schoolbook", Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #687699;
	margin: 0;
	}
	
h4	{
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 14px; 
	text-transform: uppercase;
	color: #666
	margin: 15px 0 0 0;
	}
	
#footer p	{
	font: lighter 11px verdana;
	text-align: center;
	}

/* Pseudo elements */
		
a:link	{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #BE5028;
	background-color: transparent;
	}
		
a:visited	{
		font-weight: normal;
		text-decoration: none;
		color: #048;
		background-color: transparent;
		border-bottom: 1px dotted #BFD0E1;
		}
		
a:hover	{
		font-weight: normal;
		text-decoration: none;
		color: #666;
		background-color: #cce;
		border-bottom: 1px solid #667;
		}
		
a:active	{
		font-weight: bold;
		text-decoration: none;
		color: #666;
		background-color: #cce;
		}

/* Page body divisions */

#main	{
	margin: 0 auto;
	/* False margin value for all versions of IE Win, including 6.0 */
	margin-left: 2px;
	padding: 0 ;
	border: 0;
	width: 690px;
	text-align: left;
	background: transparent; 	/* compensates for IE Win bungling */
	min-height: 800px;
	}
	
html>body #main {
	width:690px;
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 0;
	}

#content	{
	float: left;
	width: 395px;
	/width: 405px;
	w/idth: 395px;
	padding: 0;
	border: 0 0 0 1em;
	margin: 0;
	background: transparent;
	/* False margin value for all versions of IE Win, including 6.0 */
	margin-left: 5px;
	}
	
html>body #content	{
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 10px;
	}
	
#content img	{
	margin: 0 0 15px 0;
	}
	
  
#content img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
	} 

div#content ul {
	width: 325px;
	/width:325px;
	w/idth: 350px;
	font-family:Georgia, "New Century Schoolbook", Times, serif;
	font-weight:normal;
	font-size:.8em;
	line-height:1.5em;
	padding: 0 0 0 1em;
	margin:0 20px 10px 0.5em;
	border:0;
	}
	
div#content li {
	float: none;
	padding: 0 0 0 0 1em; 
	margin:0 0 0 1em;
	border:0;
	}
	
#content ul li { list-style: disc; }
		
div#content dl	{
	margin-top: 0;
	margin-bottom: 10px;
	}

div#content dd, #content dt {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	width: 370px;
	line-height: 1.5em;
	margin-left: 1em;
	padding-left: 0;
	margin-bottom: .75em;
	}

body #content dt 	{
	font-family: Georgia, "New Century Schoolbook", Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #000;
	margin: 0;
	margin-top: 0;
	padding: 0 0 0 10px;
	background: transparent;
	}

#content dd a:link, #content dd a:visited {
	font-weight : normal; 
	}
	
#sidebar	{
	margin: 0 0 0 425px;
	/* False margin value for all versions of IE Win, including 6.0 */
	margin-left: 420px;
	padding: 0;
	width: 255px;
	/width: 265px;
	w/idth:255px;
	border: 0;
	background: transparent; 	/* compensates for IE Win bungling */
	}

html>body #sidebar	{
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 425px;
	}

#sidebar img	{
	margin: 0;
	}
	
#nav	{
	behavior:url("csshover.htc");
	font: normal 11px verdana;
	margin: 0;
	padding: 0;
	width: 255px;
	text-align: left;
	}

/* Navigation code from Nick Rigby, A List Apart, no. 184 */

#nav ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #687699;
	}

#nav ul li {
	position: relative;
	}
	
#nav li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

#nav ul li a {
	display: block;
	text-decoration: none;
	color: #BE5028;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #687699;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
/* Specify #nav because adding float ruins IE6 bullets */
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

#nav ul li a:hover { color: #666; font-weight: bold; background: #cce; } /* Hover Styles */
		
#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#nav li:hover ul, li.over ul { display: block; } /* The magic */

/* Staff listing */

#staff	{
	font: normal 11px verdana;
	margin: 0;
	padding: 0;
	width: 250px;
	background: transparent;
	}

#staff ul	{
	margin: 0;
	padding-left: 0;
	}
	
#staff li	{
	float: none; /* eliminate left float for IE6 bullets */
	vertical-align: text-top; /* nav code ruins placement of IE6 bullets--this approximates correct position */
	list-style: inside;	
	width: 200px;
	margin: 0 0 .5em 0;
	padding: 0 0 0 5px;
	}

/* Footer */

#footer	{
	font: lighter 11px verdana;
	clear: both;
	border-top: 1px solid gray;
	padding: 10px 5px 20px 5px;
	margin: 0;
/* False margin value for all versions of IE Win, including 6.0 */
	margin-left: 2px;
	margin-right: -2px;
	background-image: url(images/contrast.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	}
	
html>body #footer {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 0;
	}

.hotspot {
	color: #FF0066;
}