/* CSS Document */

/*-----------------------------------------------
author: Zac Adams
version: 3 june 2008
----------------------------------------------- */

/*-----------------------------------------------
MAIN POSITIONING
----------------------------------------------- */
body {
	margin:0px;
	padding:0px;
	font:.7em Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
	color:#555555;
	background-position:center;
	background-repeat:repeat;
	}
#bg_pattern {
	background-position:center; 
	background-repeat:repeat; 
	}
#header {
	height:40px;
	margin:0 auto;
	background:#ffffff;
	border-top-width:30px;
	border-top-style:solid;
	border-left:1px solid #999999;
	border-bottom-width:5px;
	border-bottom-style:solid;
	border-right:1px solid #999999;
	width:780px;
	}
#container {
	margin:0 auto;
	width:782px;
	background:#ffffff;
	background-image:url(/css/container_bg.gif);
	background-position:top;
	background-repeat:repeat-y;
	border-bottom:1px solid #999999;
	}
#content {
	padding:15px 18px;
	margin:0 1px 15px 0;
	width:540px;
	float:right;
	display:block;
	text-align:left;
	}
#content_gallery {
	padding:15px 18px;
	margin:0 1px 0 0;
	width:540px;
	min-height:410px;
	float:right;
	display:block;
	text-align:left;
	color:#ffffff;
	background-color:#666666;
	}
#navbar {
	padding:12px 10px 0px 0px;
	margin:0px 0px 12px 1px;
	width:190px;
	float:left;
	line-height:150%;
	font-size:10px;
	}
#lc {
	width:259px;
	float:left;
	padding-right:10px;
	border-right:1px solid #cccccc;
	}
#rc {
	width:259px;
	float:right;
	padding-left:10px;
	}
#footer {
	clear:both !important;
	text-align:center;
	background:#ffffff;
	border-top:1px solid #cccccc;
	height:70px;
	width:780px;
	padding:20px 0;
	margin:0 auto;
	display:block;
	}

/*-----------------------------------------------
HEADER
----------------------------------------------- */
#header img {
	padding:0;
	margin:0;
	border:none;
	background:none;
	}
#header h1 {
	margin:0px;
	padding:0px;
	}
#header h1 a {
	text-transform:uppercase;
	text-decoration:none;
	color:#333333;
	font-size:100%;
	margin:0px;
	padding:10px 0px 0px 10px;
	float:left;
	}
#header h1 a:hover{text-decoration:underline;}
#header h2 {
	margin:12px 20px 0px 0px;
	padding:0px;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
	font-size:90%;
	font-weight:100;
	float:right;
	}
.logoprint {display:none;}
	


/*-----------------------------------------------
FOOTER
----------------------------------------------- */



/*-----------------------------------------------
CONTENT
----------------------------------------------- */
h1 {
	padding:0;
	margin:0;
	font-size:170%;
	font-weight:100;
	color:#555;
	}	
h2 {
	padding:0;
	margin:0;
	font-size:140%;
	font-weight:100;
	color:#555;
	}	

	
h3 {
	padding:0;
	margin:0;
	font-size:100%;
	font-weight:bold;
	color:#555555;
	}	
p {margin:0px 0px 8px 0px;}
ul {
	padding:0;
	margin:0 0 10px 15px;
	list-style-type:disc;
	}
ol {
	padding:0;
	margin:0 0 10px 15px;
	}
dl {
	list-style:none; 
	padding:0px 10px; 
	margin:0 0 10px 0; 
	text-indent:-10px;
	}
dt {
	padding:0;margin:0;
	}
dd {
	padding:0;
	margin:0;
	text-indent:0px;
	}
ol ol{
	padding:0;
	margin:0 0 10px 15px;
	text-indent:20px;
	}
a, a:visited {
	color:#660000;
	text-decoration:none;
	}
a:hover{text-decoration:underline;}

img {
	border:0;
	padding:0;
	margin:0;
	}
img a {border:0;}

.image_lt {padding: 3px 10px 5px 0; float:left;}
.image_rt {padding: 3px 0 5px 10px; float:right;}

.image_caption_rt {float:right; margin:0 0 8px 10px;}
.image_caption_lt {float:left; margin:0 10px 8px 0;}
.image_caption table, .image_caption_lt table, .image_caption_rt table{
	padding:0px;
	margin:10px 10px 0px 10px;
	}
.image_caption p, .image_caption_lt p, .image_caption_rt p {
	font-size:85%;
	font-style:oblique;
	text-align:left;
	color:#444444;
	}

.underlined {
	padding:0px 0px 4px 0px;
	margin:0px 0px 5px 0px;
	border-bottom:solid 1px #999999;
	}
h1 img, h2 img {margin-bottom:3px;}

	
.more_here_link {font-style:italic;}

.top_date {
	font-style:italic;
	float:right; 
	text-align:right; 
	padding:2px 0;
/* delete margin/padding after h3 adjusted to same on all pages */
	}


.article_plain {
	padding:0px;
	margin:0px 0px 30px 0px;
	clear:both;
	}
.article_hl {
	padding:15px;
	margin:0px 0px 15px 0px;
	color:#444444;
	clear:both;
	}

.invisible {display:none;}


/*-----------------------------------------------
GALLERY
----------------------------------------------- */
#content_gallery h1, #content_gallery h2, #content_gallery h3, #content_gallery p {
	color:#ffffff;
	}
#content_gallery a, #content_gallery a:visited {
	color:#ff7777;
	}
#web_gallery_image_box {
    float:left;
    width:300px;
    height:300px;
    display:table;
    }
#web_gallery_image_box p {
    display:table-cell;
    vertical-align: middle;
    }
#web_gallery_image_box img {
    display:block;
    margin:0px auto;
	padding:0px;
    }
#web_gallery_info_box {
    padding:0px 10px;
	margin:0px 0px;
    width:209px;
	min-height:300px;
    float:right;
	font-size:90%;
    border-left:1px dotted #999999;
    }
.web_gallery_category {
    font-style:italic;
    text-align:left;
    text-transform:lowercase;
    vertical-align:text-top;
    }
.web_gallery_info {vertical-align:text-top;}

#web_gallery_navigation {
	padding-top:5px;
	margin-top:10px;
    float:left;
    width:300px;
	font-size:90%;
    font-weight:bold;
    text-transform:lowercase;
	line-height:180%;
    border-top:1px dotted #999999;
    }
.web_gallery_next {
    float:right;
    width:43%;
    text-align:left;
    }
.web_gallery_previous {
    float:left;
    width:43%;
    text-align:right;
    }
.web_gallery_zoom {
	float:left;
	padding-top:5px;
    width:14%;
    text-align:center;
    }

.image_banner {
	padding-top:255px;
	background-color:#ffffff;
	background-position:top;
	background-repeat: no-repeat; 
	}


/*-----------------------------------------------
NAVIGATION BAR
----------------------------------------------- */	
#navbar a {
	border-left-width:5px;
	border-left-style:solid;
	display:block;
	text-decoration:none !important;
	color:#660000;
	text-indent:5px;
	}
#navbar h2 a {
	padding:4px 0px;
	border-top:1px solid #cccccc;
	}
#navbar li a {
	padding:2px 0px;
	border-top:1px dotted #cccccc;
	}

#navbar h2 {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
	color:#999999;
	}
#navbar h2 a:hover, #navbar li a:hover {
	color:#333333 !important;
	}
#navbar ul, #navbar ol {
	list-style:none;
	margin:0;
	padding:0;
	}
#navbar ul li, #navbar ol li {
	display:block;
	}
#navbar li {
	list-style:none;
	margin:0;
	padding:0;
	}
#navbar ol li a {
	padding-left:20px;
	text-indent:-9px;
	}
	
#navbar .first {}
#navbar .last {
	border-bottom:1px solid #cccccc;
	}
#navbar .current {
	background-image:url(nav_arrow.gif);
	background-repeat:no-repeat;
	background-position:right center;
	}
#navbar div.donate_button {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:20px -9px 20px 0px;
	padding:5px 0;	
	background-color:#eee;
	}
#navbar div.donate_button form {
	padding:0;
	margin:0 auto;
	display:block;
	width:80px;
	}
#navbar div.donate_button h4 {
	padding:5px 15px;
	margin:0 0 5px 0;
	border-bottom:1px dotted #ddd;
	text-align:center;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	}
	
/*-----------------------------------------------
SPECIAL COLORS
----------------------------------------------- */
.color_bg_general {
	background:#666666;
	background-image:url(bgp_13-ccc.png);
	}
.color_bg_editions {
	background-color:#996666;
	background-image:url(bgp_13-ccc.png);
	}
.color_bg_studioaccess {
	background:#669999;
	background-image:url(bgp_13-ccc.png);
	}
.color_bg_exhibitions {
	background:#ff9933;
	background-image:url(bgp_13-ccc.png);
	}
.color_bg_education {
	background-color:#ffff99;
	background-image:url(bgp_13-ccc.png);
	}
.color_bg_about {
	background:#ffcccc;
	background-image:url(bgp_13-ccc.png);
	}
.color_bg_support {
	background:#666600;
	background-image:url(bgp_13-ccc.png);
	}
.color_bg_hp2 {
	background:#999999;
	background-image:url(bgp_13-ccc.png);
	}
		
.color_header_general {
	border-top-color:#666666;
	border-bottom-color:#666666;
	}
.color_header_editions {
	border-top-color:#996666;
	border-bottom-color:#996666;
	}
.color_header_studioaccess {
	border-top-color:#669999;
	border-bottom-color:#669999;
	}
.color_header_exhibitions {
	border-top-color:#ff9933;
	border-bottom-color:#ff9933;
	}
.color_header_education {
	border-top-color:#ffff99;
	border-bottom-color:#ffff99;
	}
.color_header_about {
	border-top-color:#ffcccc;
	border-bottom-color:#ffcccc;
	}
.color_header_support {
	border-top-color:#666600;
	border-bottom-color:#666600;
	}
.color_header_hp2 {
	border-top-color:#cccccc;
	border-bottom-color:#cccccc;
	}
	
div.color_hl_general, h1.color_hl_general, h2.color_hl_general, h3.color_hl_general, a.color_hl_general:hover {background-color:#cccccc;}
div.color_hl_editions, h1.color_hl_editions, h2.color_hl_editions, h3.color_hl_editions, a.color_hl_editions:hover {background-color:#eebbbb;}
div.color_hl_studioaccess, h1.color_hl_studioaccess, h2.color_hl_studioaccess, h3.color_hl_studioaccess, a.color_hl_studioaccess:hover {background-color:#ccffff;}
div.color_hl_exhibitions, h1.color_hl_exhibitions, h2.color_hl_exhibitions, h3.color_hl_exhibitions, a.color_hl_exhibitions:hover {background-color:#ffcc66;}
div.color_hl_education, h1.color_hl_education, h2.color_hl_education, h3.color_hl_education, a.color_hl_education:hover {background-color:#ffff99;}
div.color_hl_about, h1.color_hl_about, h2.color_hl_about, h3.color_hl_about, a.color_hl_about:hover {background-color:#ffcccc;}
div.color_hl_support, h1.color_hl_support, h2.color_hl_support, h3.color_hl_support, a.color_hl_support:hover {background-color:#cccc99;}
div.color_hl_hp2, h1.color_hl_hp2, h2.color_hl_hp2, h3.color_hl_hp2, a.color_hl_hp2:hover {background-color:#cccccc;}

#navbar a.color_hl_general {border-left-color:#666666;}
#navbar a.color_hl_editions {border-left-color:#996666;}
#navbar a.color_hl_studioaccess {border-left-color:#669999;}
#navbar a.color_hl_exhibitions {border-left-color:#ff9933;}
#navbar a.color_hl_education {border-left-color:#ffff99;}
#navbar a.color_hl_about {border-left-color:#ffcccc;}
#navbar a.color_hl_support {border-left-color:#666600;}
#navbar a.color_hl_hp2 {border-left-color:#cccccc;}