@charset "utf-8";
/* CSS Document */

body {margin: 0 6px 6px 6px; padding:0px; font: 100% verdana, arial, sans-serif; text-align:center;
background-color:#fff; color: #60553e;}
* {margin:0; padding:0;}

h1 span, h2 span {display: none;} /*to hide main headings yet reveal for accessibility*/
h3 {font-size: 1.0em;}

/*blues
a:link {color:#1362a9;} 
a:visited {color:#004a8d;}
a:hover {color:#a59e92;}
a:active {color:#c2bdb4;}*/

a:link {color:#d48e07;} 
a:visited {color:#a87005;}
a:hover {color:#a59e92;}
a:active {color:#c2bdb4;}

div#mainwrap {width:738px; margin-left:auto; margin-right:auto;  text-align:left;}

div#header {width:738px; height:115px; text-align:center; 
margin: 0 0 5px 0;}

div.topL {margin-right: 5px; width: 115px; float: left;}
div.topC {width: 498px; float: left; text-align:left;}
div.topC p {margin: 0; padding: 0; border: 0;}
div.topR {margin-left: 5px; width: 115px; float: left;}

div#contentarea {
	width:738px; 
	background-color:#fff; 
	background-image:url(../images_pres/bg.gif);
	background-repeat: repeat-y;}
							
div#column1 {width:115px; background-color:#695e4a; float:left;}
div#column1 ul {margin: 20px 0 0 26px;}

/* ------ MAIN CONTENT AREA ------- */
div#column2 {
width:508px; 
background-color:#fff; 
float:left;
}

div#column2 h2 {
margin:.5em 30px .3em 30px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #004a8d;
font-variant: small-caps;
font-size: 1.3em;
font-weight: bold;
letter-spacing: .08em;
}
div#column2 h3, h4, h5, h6 {
margin:.5em 30px .3em 30px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #342d1f;
}
div#column2 p {
font-size:.85em; 
margin:.85em 30px; 
line-height: 2em;
}

div#column2 ul {
margin: 0 0 0 60px; 
font-size: .85em;
}
div#column2 ul ul {
margin: .2em 0 0 20px; 
font-size: 1em;
}
div#column2 ol {
margin: 0 0 0 60px; 
font-size: .85em;
}
div#column2 ol ol {
margin: .2em 0 0 20px; 
font-size: 1em;
}
div#column2 li {
padding: .1em 0;
}
div#column2 img {
margin: .3em 4px 0 4px;
}

/* ---------------------- images --------------*/
.image-left {
float:left;
padding: .3em 10px 0 0;
}
.image-right {
float:right;
padding: .3em 0 0 10px;
}

.clearing {clear:both;}

/* ----- END MAIN CONTENT ------ */

/* ------ BIOS PAGES --------- */
div#bio-lft {
margin: 15px 10px 0 20px;
padding: 0 4px 0 0;
border-right: 1px solid #666;
width: 150px;
float: left;
/*background-color: #CCCCCC;*/
}
div#bio-lft p {
font-size: .75em;
line-height: 1.3em;
margin: .5em 0;
}
div#bio-lft img {
margin:0;
}
div#bio-lft h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
margin: 1.5em 0 0 0;
}
div#bio-lft blockquote {
margin:0 0 0 10px;
}
div#bio-lft a {
text-decoration: none;
}

div#bio-rgt {
margin: 15px 20px 0 0;
width: 303px;
float: left;
/*background-color: #99CC33;*/
}
div#bio-rgt p {
margin: .85em 0;
line-height: 1.5em;
}
div#bio-rgt h3, h4, h5, h6 {
margin:0 0 .3em 0;
}

/* ------ END BIOS PAGES --------- */

div#column3 {width:115px; background-color:#695e4a; float:left;}
div#column3 p {margin: 20px 10px 0 10px;}

div#footer {width:738px; 
background-color:#a59e92; 
text-align:center; 
margin-top:5px; 
color: #342d1f;
font-size: .75em;
padding: 4px 0;}
div#footer a:link {color:#342d1f; text-decoration: none;}
div#footer a:visited {color:#342d1f; text-decoration: none;}
div#footer a:hover {color:#342d1f; text-decoration: underline;}
div#footer a:active {color:#342d1f; text-decoration: none;}


/* ----------------- NAVBAR -------------------- */
a span {
	display: none;
	margin: 0;
	padding: 0;
} /* hides links in nav, there for no images */

/* BEGIN: TOP NAVIGATION */
/* put hover state on div and set bg transp on ro*/ 
div#topnav * {
	margin: 0;
	padding: 0;
	border: 0;
}
div#topnav {
	background: transparent url(../images_pres/navbar.gif) no-repeat 0 -20px; 
	width: 498px;
	height: 20px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100.01%;
}
div#topnav ul li {
    margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
}
div#topnav ul li a {
display: block;
height: 20px;
}

/* put normal state on inner div*/
#nav01 {background: transparent url(../images_pres/navbar.gif) 0 0 no-repeat;
position: relative;
left: 0;
width: 86px; 
}

#nav02 {background: transparent url(../images_pres/navbar.gif) -86px 0 no-repeat;
position: relative;
left: 86px;
width: 174px; 
}

#nav03 {background: transparent url(../images_pres/navbar.gif) -260px 0 no-repeat;
position: relative;
left: 260px;
width: 104px; 
}
#nav04 {background: transparent url(../images_pres/navbar.gif) -364px 0 no-repeat;
position: relative;
left: 364px;
width: 134px; 
}

/*----- set hover on top li instead of a so they'll remain on dropdown ---*/
li#nav01:hover {
    background: transparent; 
}
li#nav02:hover {
    background: transparent; 
}
li#nav03:hover {
    background: transparent;
}
li#nav04:hover {
    background: transparent;
}

/*-------- Start Dropdowns ---------*/
/*hover hiding and revealing*/
body div#topnav ul li ul.dropdown {
display: none;
}
div#topnav ul li:hover ul.dropdown, div#topnav ul li ul.dropdown:hover {
display: block;
}
/*end hover hide, reveal*/

div#topnav ul li ul.dropdown {
width: 170px;
background-image: none;
background-color: #c2bdb4;
position: absolute; /*solves flash layer, but still pushdown in NNwin*/
/*left: -1px;*/
z-index: 500;
display: block;
list-style-type: none;
font-family: Georgia, "Times New Roman", Times, serif;
/*font-weight: bold;*/
font-size: .75em;
line-height: 1.2em;
color: #342d1f;
/*position: relative;removing this causes it to slide under flash*/
/*top: auto;*/
}

div#topnav ul li ul.dropdown li {
width: 100%;
background-color: #c2bdb4;
background-image: none;
position: relative;
padding: 3px 18px;
margin: 0;
/*above is necessary*/
}

/*top line of dd in firefox
div#topnav ul li ul.dropdown li:first-child {
border-top: 1px solid #339;
}*/

div#topnav ul li ul.dropdown a {
display: block;
height: auto; /*needed to override top height of 34*/
/*padding: .2em;*/
text-decoration: none;
color: #342d1f;
}

div#topnav ul li ul.dropdown li.heading {
font-weight: bold;
/*padding: .2em;*/
}
div#topnav ul li ul.dropdown li.heading:hover {
background-color: #c2bdb4;
}

/* Needed to remove hover def from links and put on list item*/
div#topnav ul li ul li:hover {
background-color: #a59e92;
}

div#topnav ul li ul li a:hover {
background-color: #a59e92;
}

div#topnav ul li ul li:hover a:hover {
background-color: #a59e92;
}


/* END TOPNAV */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */