/* Initials, Special Collections Website CSS Document */

body { margin: 10px; padding: 0; background-color: #ffffff; 
background-image: url(../gfx/background_strip.jpg); background-repeat: repeat-x; 
font-family: Georgia, "Times New Roman", Times, serif; font-size: 76%; }





/**** HEADER ****/

#header { margin: 0em; padding: 0em 0em 0em 0em; background-color: #EBE5E2; height: 154px; min-width: 600px; clear: both; background-image: url(../gfx/background_repeat.jpg); background-repeat: repeat-x; }

/* inside insideheader*/
#leftimage { float: left; }
#rightimage { float: right; margin: 0em; padding: 0em; }


.clearall { clear: both; height: 22.0em; width: 22.0em; border: 1px solid #ff0000; }



/**** CONTAINER ****/

#container { min-width: 505px; margin: 0em; padding: 0em; }







/**** NAVIGATION ****/

#navigation { margin: 0.8em 0em 0em 0em; float: left; position: fixed; padding: 0.5em 2.5em 0.5em 0.5em; font-size: 1.0em; background-color: #EBE5E2; background-image: url(../gfx/navigation.jpg); background-repeat: no-repeat; }

#navigation table { padding: 0; margin: 0.5em 0em 0em 0em; }
#navigation tr { padding: 0; margin: 0em; }
#navigation td { border: 1px solid #cccccc; padding: 0em; margin: 0em; background-color: #FFFDF8; text-align: center; height: 30px; width: 30px; }
#navigation td:hover { background-color: #DBD5D3; }

#navigation p { margin: 0em; padding: 1.8em 0em 0em 0em; text-align: center; letter-spacing: 0.5em; color: #AA916F; }

#navigation a { padding: 0.5em 0.5em 1.5em 0.5em; color: #666666; font-size: 0.9em; text-decoration: none; font-weight: bold; }
#navigation a:hover { color: #000000; }





/**** CONTENT ****/

#content { margin: 0em 0em 0em 0em; padding: 0em 0em 4.0em 15.0em; min-height: 400px; vertical-align: top; background-color: #EBE5E2; border-top: 10px solid #ffffff; }
 

#content h1 { color: #AA916F; border-bottom: 1px solid #ffffff; padding: 1.0em 0em 0em 0em; margin: 0em 1.7em 0em 0em; font-size: 2.4em; line-height: 1.5em; margin-bottom: 18px;  }
#content h2 { color: #333333; padding: 0em; margin: 0em 0em 0em 11.3em; font-size: 18px; line-height: 18px; margin-bottom: 17px;  } 
#content h3 { font-size: 10px; color: #666666; font-weight: bold; padding: 1.0em 0em 12.0em 0em; margin: 0em 5.0em 0em 20.5em; border-top: 1px solid #ffffff; }	
#content h4 { color: #ff0000;  }
#content h5 { color: #ff0000; }
#content h6 { color: #ff0000; }

#content .multi { padding: 0em 0em 3.0em 0em; }

#content p { padding: 0em; margin: 0.1em 5.0em 18px 15.5em; color: #333333; font-size: 1.1em; line-height: 1.5em; }

#content ul { color: #000000; margin: 0em 0em 18px 0em; padding: 0em; }
#content ol { color: #333333; list-style-type: decimal; padding: 0 0 0 0; margin: 0 0 2.0em 18.7em; }
#content ol li{ list-style-type: decimal; }
#content ul li { list-style-type: circle; margin: 0em; padding: 1.5em 0em 0em 20.0em; }

#content a { color: #336699; margin: 0em; padding: 0em; }
#content a:hover { color: #224568; }


#content img { border: 10px solid #ffffff; margin: 0em; padding: 0em; }
/*
#content img { margin: 0.5em 1.4em 1.0em 0em; }
*/

#content a img:hover { border-color: #DBD5D3; }




/* content table */

#content table { border-collapse: collapse; border-top: 1px solid #d3d3c9; border-left: 1px solid #d3d3c9; margin: 1.5em 2.0em 2.5em 1.5em; padding: 0em; }
#content table th {	text-align: left; padding: 0.5em 0.5em 0.5em 0.5em; margin: 0em; border: 1px solid #898983; background-color: #999999; color: #ffffff; }
#content table td { border-bottom: 1px solid #d3d3c9; border-right: 1px solid #d3d3c9; margin: 0em; padding: 0.5em 0.6em 0.5em 0.7em; vertical-align: top; text-align: left; font-size: 1.0em; line-height: 1.6em; color: #000000; }
#content table tr {}
#content table td h1 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h2 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h3 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h4 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h5 { font-size: 1.0em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; color: #000000; }
#content table td h6 { font-size: 1.0em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td p { font-size: 1.0em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; color: #333333; }
#content table td ul { font-size: 1.0em; margin: 0.5em 0em 0.5em 0em; list-style-type: disc; }
#content table td ol { font-size: 1.0em; }
#content table td li { font-size: 1.0em; line-height: 1.2em; padding: 0; }


/*** CLASSES ***/

#content .pdf { margin: 0em 0em 0em 0em; padding: 0em; }
#content .pdf img { margin: 0em; padding: 0em; }

#content .topofpage { padding: 0em; margin: 0em 1.0em 0em 0em; font-size: 0.9em; text-align: right; clear: both; text-decoration: none; color: #b0ce20; }
#content .topofpage a { text-decoration: none; }

#content .photo { margin: 0em; padding: 0em;}
#content .photo p {}
#content .photo img { background-color: #ffffff; margin: 0em 0em 1.0em 1.0em; padding: 1.0em; border: 1px solid #cccccc; }

#content .pagesubnav { border: 1px solid #cccccc; border-left: 7px solid #cccccc; color: #333333; margin: 0em 3.0em 4.0em 0em; padding: 1.0em 0em 2.0em 0em; }
#content .pagesubnav li { margin: 0em 1.0em 0em 2.0em; padding: 0.3em 0em 0.3em 0em;  }
#content .pagesubnav li:hover { background-color: #eeeeee; }
#content .pagesubnav a:hover {  text-decoration: none; }

#content .fullwidth { margin: 0em; padding: 1.0em 3.5em 1.0em 0em; }
#content .fullwidth p { margin: 0em; padding: 0em; }
#content .fullwidth h2 { margin: 3.0em 4.0em 2.0em 0em; padding: 0em; }
#content .fullwidth ul { margin: 0em; padding: 0em; }
#content .fullwidth li { margin: 1.0em 0em 0em 1.2em; padding: 0em 0em 0em 0em; }



/**** FOOTER ****/

#footer { clear: both; background-image: url(../gfx/footer.jpg); font-size: 1.0em; line-height: 1.3em; background-repeat: repeat-x; background-color: #EBE5E2; padding: 0em 0em 0.8em 2.0em; height: 144px; margin: 0em; border-top: 10px solid #ffffff; }


#footer p { color: #999999; padding: 1.6em 0em 0em 0em; margin: 0em; float: left; width: 12.0em; }
#footer p a { color: #666666; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }

#footer ul { float: left; line-height: 2.0em; width: 30.0em; }
#footer ul li { float: left; list-style-type: none; border: 1px solid #cccccc; background-color: #ffffff; padding: 0em 0.5em 0em 0.5em; margin: 0.1em; }
#footer ul li:hover { background-color: #DBD5D3; }
#footer ul li a { color: #666666; font-weight: bold;  text-decoration: none; padding: 0; margin: 0; }
#footer ul li a:hover { color: #333333; }



#footer .weboffice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; width: 8.0em; float: right; color: #D1CCC9; margin: 0; padding: 1.6em 3.4em 0 0; text-align: center; }
#footer .weboffice a { font-size: 1.0em; font-weight: bold; color: #D1CCC9; text-decoration: none; letter-spacing: 0.1em; }
#footer .weboffice a:hover { text-decoration: underline; color: #999999; }