/* Schubert CSS */

/* Standard Elements */
/* Font size of 62.5% makes EM units correspond to 1/10th of pixel sizes. For example, 1.2em is equivalent to a 12pt font. */
body, html { height: 100% }
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000; line-height: 1.4em; }
body { padding: 0; margin: 0; background: #ffffff; }
a:link { color: #990000; text-decoration: none; }
a:visited { text-decoration: none; color: #FF9900; }
a:hover { text-decoration: none; color: #990000; }
a:active { text-decoration: none; color: #cc6666; }
strong { font-weight: bold; }
img { border: none; }
p { padding: 4px 0px; margin: 0; font-size: 1.2em; line-height: 1.2em; }

h1 { padding: 0 0 0 15px; margin: 0; font-size: 2.0em; line-height: 2.0em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: left;}
h2 { padding: 0 0 0 15px; margin: 0; font-size: 1.6em; line-height: 1.6em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: left;}
h3 { padding: 0; margin: 0; font-size: 1.6em; line-height: 1.4em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: left;}
h4 { padding: 0; margin: 0; font-size: 1.4em; line-height: 1.3em; font-weight: normal; text-align: left;}
h5 { padding: 0; margin: 0; font-size: 1.3em; line-height: 1.2em; font-weight: normal; text-align: left;}
td { font-size: 1.1em; line-height: 1.3em; }


/* Custom IDs */
#wrapper { width: 960px; min-height: 100%; margin: 0 auto; padding: 0; background: #fff url("/images/layout/main-background-960.png") top right repeat-y; }
#top-bar { width: 880px; height: 17px; margin: 0 auto; padding: 3px 20px 0 0; background: #ecedeb; font-size: 1.1em; line-height: 1.2em; text-align: right; }
#header { width: 900px; padding: 0; margin: 0 auto; font-size: 1.1em;}
#header-logo { width: 220px; height: 120px; float: left; margin: 0 auto; padding: 5px 0 5px 20px; }
#header-nav { width: 639px; height: 20px; margin: 105px auto 0 auto; padding: 0 20px 0 0; text-align: right; font-size: 1.5em; line-height: 1.7em; float: left; }
#header-underline {width: 900px; margin: 0 auto; padding: 0; background: #f4ba46; line-height: 2px; height: 2px; clear: both; }
#header-image { width: 900px; margin: 0 auto; padding: 0; height: 167px; }
#header-subnav a{ font-size:0.9em; line-height:1.3em; }
#header-subnav { width: 860px; padding: 6px 20px 5px 20px; margin: 0 auto; font-size: 1.1em; line-height: 1.3em; text-align: right; background: #fff url("/images/layout/underimage-shadow.png") top left repeat-x; }
#header-subnav-nobg { width: 860px; padding: 6px 20px 5px 20px; margin: 0 auto; font-size: 1.1em; line-height: 1.3em; text-align: right; }
#middle { width: 900px; padding: 0; margin: 0 auto; }
#headline { width: 715px; padding: 0px 0 0px 0px; margin: 35px 100px 20px 85px; background: url("/images/layout/pixel-green.png") top left repeat-y; }
#flash-content { width: 900px; height: 280px; margin: 0; padding: 0; }

#content { width: 700px; padding: 0; margin: 5px 100px; text-align: left }
#content td { font-size: 1.2em; line-height: 1.4em; }
#content-column-l { width: 325px; padding: 0 25px 0 0; margin: 5px 0 5px 100px; float: left; text-align: left; background: url("/images/layout/pixel-grey.png") top right repeat-y; }
#content-column-r { width: 325px; padding: 0 0 0 25px; margin: 5px 100px 5px 0; float: left; text-align: left; }
#footer { width: 880px; padding: 30px 20px 25px 0; margin: 0 auto; text-align: right; font-size: 1.1em; line-height: 1.3em; clear: both; }

#museum-headline { width: 665px; padding: 0px 0 0px 0px; margin: 35px 25px 20px 210px; background: url("/images/layout/pixel-green.png") top left repeat-y; }
#museum-left-pane { width: 190px; padding: 0px 0 0px 0px; margin: 35px 0px 20px 10px; float:left;}
#museum-column-l { width: 280px; padding: 0 25px 0 0; margin: 5px 0 5px 20px; float: left; text-align: left; background: url("/images/layout/pixel-grey.png") top right repeat-y; }
#museum-column-r { width: 280px; padding: 0 0 0 25px; margin: 5px 0px 5px 0; float: left; text-align: left; }
#museum-content { width: 640px; padding: 0; margin: 5px 50px 5px 210px; text-align: left; }


#homepage-upcoming { width: 545px; padding: 0; margin: 35px 100px 20px 5px; float: left; }
#homepage-column-l { width: 120px; padding: 0; margin: 0px 10px 10px 100px; float: left; }
#homepage-column-c { width: 295px; padding: 0; margin: 0px 10px 0px 10px; float: left; text-align: left; }
#homepage-column-r { width: 245px; padding: 0; margin: 0px 100px 0px 10px; float: left; }
#homepage-column-r-nofeaturedevents { width: 245px; padding: 0; margin: 20px 75px 0px 35px; float: left; }
#homepage-column-l-noimages { width: 415px; padding: 0; margin: 0px 10px 10px 100px; float: left; text-align: left; }
#homepage-column-l-nofeaturedevents { width: 415px; padding: 0 0 0 0; margin: 20px 10px 10px 100px; float: left; text-align: left; }
#headline-homepage { width: 160px; padding: 0px 0 0px 0px; margin: 35px 5px 20px 85px; background: url("/images/layout/pixel-green.png") top left repeat-y; float: left; }

#header-nav ul { font-size: 13px; line-height: 15px; }
#header-nav ul li li { text-align: left; }

/* Custom Classes */
img.image-pad { padding: 7px; }
.small_11 { font-size: 1.1em; }
.small_10 { font-size: 1.0em; }
.small_9 {font-size: 0.9em; }
.small_10_less_padding { font-size: 1.0em; padding: 2px; }
.small_11_morespacing  { font-size: 1.1em; padding: 0px; line-height: 1.3}
.image_captions_11 {font-size: 1.0em;font-style: italic;font-weight: lighter;}
.heading3_14 {font-size: 1.4em; padding: 0; margin: 0; font-weight: bold;}
.grey_17 {font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #666666; font-weight: normal; line-height: 1.3em;}
.grey_14 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666666;}
.directory_font {font-size: 1.0em; padding:0; margin:0; text-align:left;}
.no_toppad_11 { font-size: 1.1em; padding-top: 0; }
a.arrow-link { background: url("/images/graphics/arrow_dark.png") right center no-repeat; padding-right: 11px; }
.h1 { padding: 0 0 0 15px; margin: 0; font-size: 2.0em; line-height: 2.0em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: left;}
.h2 { padding: 0 0 0 15px; margin: 0; font-size: 1.6em; line-height: 1.6em; font-weight: normal; font-family: Arial, Helvetica, sans-serif, serif; text-align: left;}
.h3 { padding: 0; margin: 0; font-size: 1.6em; line-height: 1.4em; font-weight: normal; font-family: Arial, Helvetica, sans-serif, serif; text-align: left;}
.h4 { padding: 0; margin: 0; font-size: 1.4em; line-height: 1.3em; font-weight: normal; text-align: left;}
.h5 { padding: 0; margin: 0; font-size: 1.3em; line-height: 1.2em; font-weight: normal; text-align: left;}



/* table styles*/
td p{font:Arial, Helvetica, sans-serif; font-size: 1.1em; ;} /* actually 12 pt font*/



/* hover menu for museum*/
#menu{
/*border: 1px solid #d2e8f6;*/
width: 180px;
/*background-color: #e1effa;*/
}

#menu a{
font: 11px;
padding: 4px;
padding-left: 4px;
display: block;
width: 100%;
color: #990000;
text-decoration: none;
/*border-bottom: 1px solid #d2e8f6;*/
}

html>body #menu a{ /*Non IE rule*/
width: auto;
}

#menu a:hover{
background-color: #BAD1E8;
color: ;
}

#menu p{
padding: 0; 
}