/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

html, body { font-family: Georgia, "Times New Roman", Times, serif;
	font-size:100%;}

body {
	padding:0;
	margin:0;
	background:white url(assets/bg_left170.gif) repeat-y left top; /*color is for right*/
	color: #000000;
	font-size: 80%;
}

/*** reset browser defaults ***/
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre
{margin: 0; padding: 0;}
    /* no top and bottom margins on nested lists */
ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl
  {margin-top: 0; margin-bottom: 0;}
    /* no borders on images, img links or tables */
img, a img, :link img, :visited img {border: none}
table {border-collapse: collapse;}
table, td, caption { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit;}

/*** text format  ***/
pre, code { font-size:1em;}
strong, b {font-weight: bold;}
  
h1, h2, h3, h4, h5, h6 { 
	color: #555580;
	margin-top: .3em;}
h1 { font-size: 1.8em;}
h2 { font-size: 1.3em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}

a:link {color: #FF6633; text-decoration: underline}
a:visited {color: #555580; text-decoration: underline}
a:hover {color: #FFCC33;}
a:active {color: #FFCC33;}

ol, ul, li { font-size: 1.0em; line-height: 130%; margin: .5em 0 1em 1.5em;}
li { margin: .5em 0 .5em 1.5em;}

p { font-size: 1.0em; 
    line-height: 1.3em; 
	padding:.5em 0 .5em 0;}
li > p { margin-top: 0.2em;}

/***** layout *****/
#outer{
	min-height:100%;
	min-width:300px;  /* IE ignores this, external ar3.js defines min-width for IE
	                     header and footer do not expand to right as far as right box so there's a gap when scrolling to the right */
	margin-left:170px; /* match left col width  */
	margin-right:60px; /* no right col */
	background-color:#FFF; /* center bg color */
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	margin-bottom:-12em; /* match footer depth  */
	color: #000;} 
* html #outer{height:100%} /* for IE as IE treats height as min-height anyway */
#outer.threecol{margin-right:140px; }/* match right col width  */

#header{
	position:absolute; top:0; left:0;
	width:100%;
	height:60px;
	background:#FFCC33;	
	overflow:hidden; 
	color: #FFF;}
#headerimg{position:relative; width:500px;}/*widde enough to prevent header graphics from wrapping */
#subheader {                             /* header2 for breadcrumbs  */
	position:absolute; top:60px; left:0;
	margin: 0; padding: 0;
	background-color: #FFFFFF;
	width: 100%;
	height: 20px;}
#clearheader{height:80px;}/* match height of header + header2 */

#left {
	position:relative; /* ie needs this to show float */
	float:left;
	width:170px;
	margin-left:-169px; /* 1px less than width to push footer down */
	z-index:100;
	left:-1px; }
* html #left {padding-bottom:12em;margin-right:-3px;}/*fix gap in IE next to float and clear footer because we've moved float too far left*/
#left p {padding-left:3px;padding-right:2px}

/**** nav ****/
#button {
    position: relative; /*** IE6 needs this to display the div ***/  
	width: 140px; /* for IE/Windows */
	padding: 0;
	margin: 24px 0 0 0;
	color: #066;}
html>body #button { width: 150px;} /*IE/Windows ignores child selector“>” */

#button ul { 
    position: relative; /* IE6 needs this to display first bottom border in submenu li */ 
	list-style: none;
	margin: 0; padding: 0; border: none;}		
#button ul li {   
	margin: .5em 0 0 5px; 
	padding: 0; 
	border-bottom: 2px solid #FFDB71;}
#button .last { border: none;}

#button li a {
	width: 100%;
	display: block;
    position: relative; /*** IE6 needs this to display the links ***/
	padding: 2px 10px 4px 3px; 
	color: #669;
	text-decoration: none;
	font: bold 1em/115% Verdana, Arial, Helvetica, sans-serif;}
html>body #button li a { width: auto;} /*IE/Windows ignores child selector“>” */

#button li a:visited { color: #555580;}
#button li a:hover { color: #ff9933;}

#right {
	position:relative; /* ie needs this to show float */
	float:right;
	width:140px;
	margin-right:-139px;/* 1px less than width to push footer down */
	left:1px }
#right p {padding-left:11px; padding-right:4px}
#rightbx {background-color: #FFF9E5;
	border-top: 1px solid #FC3;
	border-bottom: 1px solid #FC3;
	margin: 0 0 0 10px; }

#footer {
	clear:both;
	position:relative;
	height: 10em;
	border-top:solid white 2em;
	margin-left: 140px; /* match width of vert stripe in bg art */
	background: #FFF9E5 url(assets/bg_footer.gif) repeat;
	color: #000000;
	text-align:center; }

#clearfooter{clear:both;height:12em;} /* match footer height + border */
* > html #clearfooter {float:left;width:100%; height:1px;}/* IEmac */

#footernav {
	text-align:center;
	background: #FFF9E5; }
#footernav p { line-height:150%;}
#footernav .here,  
#footernav a {
	padding-left: 6px;
	padding-right: 7px;
	border-right: solid 1px #ccc;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
#footernav a:link {text-decoration:none; color:#666699;}
#footernav a:visited {text-decoration:none; color:#555580;}
#footernav a:hover { color:#FF6633;}
#footernav .last { border-right:none;}
#footernav a.email { border-right:none; text-decoration:underline;}
.copyright { color: #666; }

div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #content {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#content {position:relative;z-index:1;min-width:300px;}

table.webgal img {border:solid 1px #999;margin:6px 6px 6px 0;}
table.webgal tr {border-bottom:solid 1px #FFDB71;}
table.flow {margin-top:12px;}
table.flow thead {font-weight:bold;}
table.flow td {padding:4px 10px 4px 0;vertical-align:top; border-top:solid 1px #FFDB71;}

html > body #minHeight {
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-12em;} /* match footer depth*/
	/*safari wrapper thanks to Tim Connor*/
.nowrap {white-space: nowrap;}