
body {
	background-color:#4f6d79;
	background-color:#746450; /* using pubs color palette since joined */
	}
	
	
#content {
	font-size:1em; /* sets font size to 12px */
	}	
	
#content h1, #content .hheader1, #content .fheader1 { color:#437281; }
#content h2, #content .hheader2, #content .fheader2 { color:#62654d; }
#content h3, #content .hsub, #content .hsub2, #content .fsub {color:#949781;}
#content h4 {color:#969476;}
#content a { color:#437281; }

#navAndPromos h5 { background-color:#969476; }
	
/*#nav li.navhist a { color:#fefefe; }	
#nav li.navhist { background-color:#4b5e75;}*/

#headerImage { background:#62654d url(/visit/images/hdr_dogStreetatDawn.jpg) center -10px repeat-x; }

/*#navWrapper { border-bottom:5px solid #4b5e75;}*/
/* style section title - Museums */
#relatedInfo ul li h4, #relatedInfo h5, 
#pageNav #pageLinks li.current_section a strong {  background-color:#62654d; }
#relatedInfo ul li h4, #relatedInfo h5, 
#pageNav #pageLinks li.current_section a strong {  background-color:#50809A; }

/* current subsection */
#pageNav #pageLinks li.current_section ul li.current_subsection, 
#pageNav #pageLinks li.current_section ul li.current_subsection:hover,
#pageNav #pageLinks li.current_section ul li.current_subsection a:hover { background:#949781; color:#fff; }	

#pageNav #pageLinks li.current_section ul li.current_subsection ul li:hover,
#pageNav #pageLinks li.current_section ul li.current_subsection ul li a:hover { background:#949781; color:#000;}	

/* subsubsection */
#pageNav #pageLinks li.current_section ul li ul li.current_subsubsection a,
#pageNav #pageLinks li.current_section ul li ul li.current_subsubsection:hover,
#pageNav #pageLinks li.current_section ul li ul li.current_subsubsection a:hover { background: #aba39a; color:#fff;}
#pageNav #pageLinks li.current_section ul li ul li.current_subsubsection li a { background:#fff;  color:#666;}
#pageNav #pageLinks li.current_section ul li ul li.current_subsubsection li a:hover { background:#949781; color:#000;}	
/* current page arrow */
#pageNav #pageLinks li.current_section ul li.current_page a,
#pageNav #pageLinks li.current_section ul li.current_page a:hover,
#pageNav #pageLinks li.current_section ul li.current_subsection ul li.current_page a:hover, 
#pageNav #pageLinks li.current_section ul li.current_subsection ul li.current_subsubsection ul li.current_page a:hover { background:#9f8c74 url(/images_global/arrow_mask.gif) right top no-repeat; color:#fff;}
#navAndPromos > #pageNav #pageLinks li.current_section ul li.current_page a,
#navAndPromos > #pageNav #pageLinks li.current_section ul li.current_page a:hover { background:#9f8c74 url(/images_global/arrow_mask.png) right top no-repeat;color:#fff; }

#pageNav #pageLinks li.current_section ul li.current_page_double a,
#pageNav #pageLinks li.current_section ul li.current_page_double a:hover, { background:#9f8c74 url(/images_global/arrow_mask_double.gif) right top no-repeat; color:#fff;}
#navAndPromos > #pageNav #pageLinks li.current_section ul li.current_page_double a,
#navAndPromos > #pageNav #pageLinks li.current_section ul li.current_page_double a:hover { background:#9f8c74 url(/images_global/arrow_mask_double.png) right top no-repeat;color:#fff; }





/* ------------ TEMPORARY OVERWRITES UNTIL PAGES ARE CLEANED ----------------*/

#content h1, #content .hheader1, #content .fheader1 { color:#4e7c99; }
#content h2, #content .hheader2, #content .fheader2 { color:#868a6c; }
#content h3, #content .hsub, #content .hsub2, #content .fsub {color:#746450;}
#content .fsmallsize {font-style:italic; }

#content table {width:208px; float:right; clear:right; margin:0 0 10px 10px; }
#content table img { float:none !important; margin:5px auto; display:block; }

#content table.defaultTable {width:100%;  }
#content table.defaultTablePlain {width:460px;float:none !important;margin:0 auto; }
#content table.defaultTablePlain td {border:none; width:auto !important;}



/*IE 5 & 6 can't read the next style 
this is narrower than other sections so IE7 doesn't spread the white over the left column */
body > #container {  width:auto; max-width:1080px; min-width:920px; }






