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

body {margin:16px 26px 26px 26px; padding:0; font-family:Georgia, "Times New Roman", Times, serif; }

#container {width:900px}

#main {width:475px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#666}
#main img {margin-bottom:20px}
a {color:#666}
.dk-gray {color:#333}

h1.collect {font-size:24px; margin:40px 0 4px 0; padding:0; font-weight:normal; color:#333}
#collect {font-size:14px}

#hp-nav, #hp-ca, #hp-elder {float:left; width:120px; border-left:1px solid #333; padding:0 0 0 20px; margin:62px 0 0 20px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif} #hp-elder {margin:20px 0 0 20px}
#hp-nav .heading, #hp-ca .heading, #hp-elder .heading {font-size:24px; margin:0 0 10px 0; padding:0; color:#333;} #hp-elder .heading {font-size:20px;}
#hp-nav a, #hp-ca a, #hp-elder a {display:block; text-decoration:none; color:#333; margin-bottom:8px} #hp-nav a:hover, #hp-ca a:hover, #hp-elder a:hover {text-decoration:underline}
#hp-ca, #hp-elder {color:#666; font-size:14px; width:200px}

#header {position:fixed; top:16px; left:26px; font-size:12px; color:#333}
h1.series {font-size:30px; font-weight:normal; margin:20px 0 4px 0}
#photographs {margin-top:154px}
#photographs .photo {float:left; margin:0 20px 0 0; font-size:14px} #photographs .photo img {margin-bottom:10px}
#description {font-size:18px; color:#333; position:fixed; top:450px; left:26px; width:750px; line-height:24px}

/* Sub page - added  8/16/12 */

body.sub #container {margin:90px 0 0 0; width:900px}
body.sub h1, body.sub h2 {font-size:24px; margin:0 0 4px 0; padding:0; font-weight:normal; color:#333}
body.sub h2 {font-size:18px;}
body.sub h1.series {font-size:30px; font-weight:normal; margin:20px 0 4px 0}
body.sub #column1 {float:left; width:600px; font-size:14px; color:#666; margin:20px 0 0 0}
body.sub #column2 {float:left; width:250px; border-left:1px solid #333; padding:0 0 0 20px; margin:24px 0 0 20px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#666;}
body.sub table tr td {vertical-align:top;}
body.sub table tr td.desc {padding:4px 0 0 0}
body.sub .workshops {text-align:center; font-size:18px; font-style:italic; line-height:26px; color:#333}
body.sub #explore {font-size:24px; color:#333; text-align:justify; text-decoration:none; clear:both; width:900px; padding:40px 0 0 0;}

/* main navigation */
#nav {margin:0;	padding:0}
#nav li {margin:0 4px 0 0;	padding:0;	float:left; position:relative; list-style:none}
	/* main level link */
#nav a {font-weight:normal; color:#333; text-decoration:none; padding:0; margin:0; display:inline-block; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; background-color:#fff}
#nav a:hover {color:#000}
	/* main level link hover */
#nav .current a, #nav li:hover > a {color:#000}
	/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {background:none; border:none}
#nav ul a:hover {color:#000 !important}
	/* dropdown */
#nav li:hover > ul {display:block}
	/* level 2 list */
#nav ul {z-index:1000; display:none; margin:0; padding:10px; width:185px; position:absolute; top:12px;	left:0; background-color:#fff}
#nav ul li {float:none;	margin:10px 0 2px 0; padding:0}
#nav ul a {font-weight:normal; color:#333}
	/* level 3+ list */
#nav ul ul {left:181px; top:0px}
	/* clearfix */
#nav:after {content: "."; display:block; clear:both; visibility:hidden;	line-height:0; height:0}
#nav {display:inline-block} 
html[xmlns] #nav {display:block}
* html #nav {height:1%}