/*  
Author: Lynn Koble
Author URI: http://www.parasee.com/
*/



html {font-size: 125%;}

body {font: 50% arial, helvetica, sans-serif; text-align:center; background-color: #f1f4f7; behavior:url(style/csshover.htc);}

* {margin:0; padding:0;}

img {border: none;}
img.border {border: 1px solid #bebebe;}

.floatleft {float:left;}
.floatright {float:right;}


#mainwrap {width:900px; margin-left:auto; margin-right:auto; margin-top: 8px; text-align:left;}


#contentarea {width:900px; background: url(../images/bg_border.png) repeat top left; background-color:#fff; padding: 0 0 30px 0;}

#leftcol {width:146px; float:left; padding: 0 0 0 24px;}

#rightcol {width:730px; float:left; padding: 0 0 0 0;}


#nav {width:678px; height: 19px; background-color:#84a4ce;}

#breadcrumbs {width:678px; height: 17px; padding: 4px 0 0 0; }
#breadcrumbs p  {font-size: 1em; color:#84a4ce;}
#breadcrumbs a {text-decoration:none; color:#84a4ce; font-weight:normal;}
#breadcrumbs a:visited {color:#84a4ce;}
#breadcrumbs a:hover {text-decoration:underline; color:#84a4ce;}
#breadcrumbs a:active {text-decoration:underline; color:#84a4ce;}

#content {width:678px; padding: 20px 0 34px 0; min-height:440px; }


p {font:1.2em/1.5em arial, helvetica, sans-serif; color:#808080; letter-spacing:.02em; padding: 0 0 1.25em 0;}
/* mac hide \*/
* html #content {height:440px;}
/* end hide */

h1 {font: 1.8em arial, helvetica, sans-serif; color:#085273; font-weight: bold; padding: 0 0 1.2em 0; background: url(../images/img_h1line.png) repeat-x top left; background-position: 0 1.5em;}
h1 a {text-decoration:none;}
h2 {font: 1.4em arial, helvetica, sans-serif; color:#085273; padding: 0.3em 0 .5em 0;}

#bios {background-color: #eaeff3; padding: 16px 16px 0 16px;}
#bios p  {font:1.1em/1.2em arial, helvetica, sans-serif;}
#bios a {font-weight: normal;}

#text1 {width: 410px; float:left; padding: 0 36px 0 0;}
#sidebar1 {width:230px; float:left;}

#text2 {width: 460px; float:left; padding: 0 36px 0 0;}
#sidebar2 {width:180px; float:left; padding: 46px 0 0 0;}

#text3 {width: 276px; float:left; padding: 0 36px 0 0;}

form {font:1.2em/1.5em arial, helvetica, sans-serif; color:#808080; letter-spacing:.02em; }
.inputbox {font:1em/1em arial, helvetica, sans-serif; color:#808080; height: 18px; border: 1px solid #d6d6d6; background-color:#fff; padding: 3px 0 0 4px;}

.date {font: 1.1em arial, helvetica, sans-serif; color:#085273; text-transform:uppercase; padding: 0 0 .4em 0;}
.hallway  {color:#085273; padding: 3em 0 0 0;}
.address {font:1em/2.2em arial, helvetica, sans-serif; color:#aeaeae; padding: 24px 0 14px 3px;}
.caption {font:1.1em/2.2em arial, helvetica, sans-serif;  color:#aeaeae; padding: 0 0 20px 0;}
.small {font:.9em/1.6em arial, helvetica, sans-serif;  color:#aeaeae;}
.curator {color: #333; font-weight: bold;}
.reception {color: #333; font-size: 1.1em;}
.intro {font: 1.3em/1.9em arial, helvetica, sans-serif; padding: 0 0px 46px 0;}

.quote_header_gr {font: 1.2em arial, helvetica, sans-serif; color:#95cf47; text-transform:uppercase; padding: 0 0 2px 0;}
.quote_gr {font: 1.4em/1.2em arial, helvetica, sans-serif; color:#8dc63f; font-weight: bold; padding: 0 16px 0 0;}
.quote_gr a {color:#8dc63f; text-decoration: underline;}
.quote_gr a:visited {color:#8dc63f; text-decoration: underline;}
.quote_gr a:hover {color:#a6d664; text-decoration: underline;}
.quote_gr a:active {color:#a6d664; text-decoration: underline;}
.quote_header_og {font: 1.2em arial, helvetica, sans-serif; color:#fd8924; text-transform:uppercase; padding: 0 0 2px 0;}
.quote_og {font: 1.8em/1em arial, helvetica, sans-serif; color:#fd8012; font-weight: bold; padding: 0 16px 0 0;}


.question, .answer {padding-left: 11px;}
.question p {text-indent: -11px;}
.answer p {margin-top: -8px;}


a {text-decoration:underline; color:#5e8cc5; font-weight: bold;}
a:visited {color:#86a5cd;}
a:hover {color:#86a5cd;}
a:active {color:#86a5cd;}



#footer {width:900px; background-color:#f1f4f7;}
#footer p {font-size: 1.1em; line-height:1.8em; color:#aeaeae;  text-align:center; padding: 8px 0 46px 0;}
#footer a, .address a {text-decoration:none; color:#aeaeae; font-weight: normal;}
#footer a:visited, .address a:visited {color:#aeaeae;}
#footer a:hover, .address a:hover {text-decoration:underline; color:#aeaeae;}
#footer a:active, .address a:active {text-decoration:underline; color:#aeaeae;}



/* start horizontal menu - notes in earlier ver */
div#listmenu {width:678px; height: 19px; font-size:1.1em; font-weight: bold; letter-spacing: .05em; background-color:#84a4ce; }
div#listmenu ul {margin:0;}
div#listmenu li {float:left; position:relative; list-style-type:none; border-right: 3px solid #fff;}
div#listmenu li:hover {background-color:#dde7f2;}
div#listmenu a {display:block; padding: 0; margin:0; text-decoration: none; color:#668bba;}
div#listmenu a:visited {color:#668bba;}
div#listmenu a:hover {color:#668bba;}

/* start drop-down */
div#listmenu ul li ul {margin: 0 0 0 0; position:absolute; width:15em; background-color:#fff; border-bottom: 1px solid #84a4ce;}
div#listmenu ul li ul li {width:99%; border-left: 1px solid #84a4ce; border-right: 1px solid #84a4ce;}

div#listmenu ul li ul li a {
	padding: 7px 10px 7px 24px;
	color:#668bba;	
	}

div#listmenu ul li ul li:hover { 
	background-color:#dde7f2; 
	}

div#listmenu ul li ul li a:visited {
	color:#668bba;
	}
div#listmenu ul li ul li a:hover {
	color:#668bba;
	}
	

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;}
div#listmenu ul li:hover ul {display:block; }



/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:0px solid #eda477;
	border-left:0px; /* stops the drop inheriting the ul border */
	}

* html  div#listmenu ul li ul {
	border-left:0px; /* stops the drop inheriting the ul border */
	}



/* end of hack zone */



/* 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 */