/*
*
* CSS
* 
* @author Kaz Raad
*
*/

* {	margin: 0; padding: 0; }

body, table { background:none; font-size: 10px; font-family: Helvetica, Arial, Verdana, 'Sans Serif', 'sans-serif'; margin:0px; padding:0px; }

body.section-1,body.section-2,body.section-3 { width:1024px; margin:0 auto;}

h1 { font-size: 24px; }
h2 { font-size: 16px; }
h3 { font-size: 12px; }
h4 { font-size: 10px; }

a:link { text-decoration: none; color: #5DBDE1; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #5DBDE1; }
a:hover { text-decoration: none; border-bottom:1px dotted; }

a img { border: none; }
img { border: none; }
a img:focus { border: none; }
img:focus { border: none; }

.invisible { display:none; } 

#menu { margin-top:10px; margin-left:20px; background:none; z-index:2000; border-bottom:none; padding:0px; height:45px; margin-bottom:10px !important;  width:1024px }
#menu #logo { float:left; margin:0px; clear:both; height:40px; width:80px; } 
#menu { color:#39C; }
#menu ul { text-transform:uppercase; width:1024px; float:left; width:800px; list-style: none; padding:5px 0px; margin:0 0 12px 0;  }
#menu ul li { font-family: Helvetica, Arial, 'Sans Serif', sans-serif; font-size:11px; margin:5px 10px; list-style-type:none; display:inline; }
#menu ul li:first-child { margin:5px 10px 5px 0px !important; }
#menu #gift_shop a { color:#5DBDE1; }
#menu a { border:none; color:#AAA; }
#menu #gift_shop a:hover, #menu #gift_shop .active a:hover, #menu .active a:hover, #menu a:hover { color:#000; }
#menu #gift_shop .active a, #menu .active a { color:#333; }

.container {  }

/* // to uniformize thumbnails, do it here : */

#img-container	{ width:900px; margin: 0px; padding: 0;margin-left:25px !important; }
#img-container img { background:url('elements/loading.gif') center center no-repeat;}
#img-container .img-shadow {  }
#img-container p { width: 400px; margin: 0; padding: 0 0 12px 0; }

#colophon { color:#888; background:url('elements/white_30_pct.png') repeat !important; background:url('elements/white_30_pct.gif') repeat; position:fixed; z-index:1000; left:0px; bottom:0px; margin:0px 0px 0px 30px; padding:4px 8px; width:100%; text-transform:lowercase; font-size:9px; }
#colophon:hover { background:#fff; }
#colophon a { color:#666; }
#colophon a.adm { color:#CB006B; }
#colophon .notes { text-transform:none; color:#bbb; }
#colophon a:hover { border-bottom:1px dotted !important; }

#once { clear: left; }

/* module specific */

/* Drop Shadow on Images -- image must be contained within another element for proper display */
.img-shadow { float:left; background: url('elements/dropshadow.png') no-repeat bottom right !important; background: url('elements/dropshadow.gif') no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; }
.img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #efefef; margin: -6px 6px 6px -6px; padding: 8px; }

/* Exhibits Page */
#Exhibit { }
#Exhibit p, #Details p, #Details { padding:5px 0px; width: 680px; margin-bottom: 9px; font-family: Helvetica, Arial, Verdana, 'Sans Serif', sans-serif; font-size: 11px; margin-top: 8px; line-height: 1.6em; color: #111; }
/* Exhibits Title */
#Exhibit h2 { font-weight:normal; font-family:Helvetica, Arial, 'Sans Serif', sans-serif; font-size: 24px; padding:0px; margin:18px 0px 10px 3px; color:#5DBDE1;}
#Exhibit h3 { font-weight:normal; font-family:Helvetica, Arial, 'Sans Serif', sans-serif; font-size: 20px; padding:0px; margin:18px 0px 10px 3px; color:#5DBDE1;}
#Exhibit h4 { font-weight:normal; font-family:Helvetica, Arial, 'Sans Serif', sans-serif; font-size: 16px; padding:0px; margin:18px 0px 10px 3px; color:#5DBDE1;}
/* Exhibits Details */
#Exhibit #Details a { border-bottom:1px dotted #333; }
#Exhibit .img-title, #Exhibit .img-caption { margin-left: 10px; }
#Exhibit .img-title { font-size:11px; color:#aaa; }
#Exhibit .img-caption { font-style:italic; font-size:10px; color:#bbb }
#Exhibit a { color:#333; font-weight:bold; }
#Exhibit a:hover { border-bottom:1px dotted; }
#Exhibit p { margin-left:21px}
#Exhibit li { list-style-type:none; line-height:20px;  }
#Exhibit li a { margin-left:6px; } 

#Details form { border:1px dotted #ccc; padding:10px; }
#Details form label { font-weight:bold; margin-right:10px;}
#Details form input { font-size:12px; font-family:Arial, Helvetica, Trebuchet MS, Sans Serif, sans-serif; margin:5px 0px 5px 0px; color:#333; }
#Details form input[type=text] { font-size:12px; font-family:Arial, Helvetica, Trebuchet MS, Sans Serif, sans-serif; margin:5px 0px 5px 0px; color:#333; }
#Details form input[type=submit] { width:330px; margin:10px 0px 5px 0px !important; }
#Details form p { margin-left:-25px; }
.mailing_list_error { margin-left:25px !important; height:100px; width:480px; background:#EEBCCE; padding:7px !important; border:1px dotted #CB006B; font-size:12px; font-family: Helvetica, Arial, 'Sans Serif', sans-serif; font-weight:bold; color:#333;  }
.mailing_list_feedback { margin-left:25px !important; height:100px; width:480px; background:#BEDFC1; padding:7px !important; border:1px dotted #008A39; font-size:12px; font-family: Helvetica, Arial, 'Sans Serif', sans-serif; font-weight:bold; color:#333;  }
.mailing_list_error span { color:#CB006B }
.mailing_list_feedback span { color:#008A39 }

.instructions { font-size:9px; color:#ccc; margin-left:15px; margin-top:5px !important; padding-bottom:20px;}

#splash img {  }

#links_column_1 { width:300px; float:left; padding-right:40px; }
#links_column_2 { width:300px; float:left; padding-right:20px; }