/***** MEDIEVAL AND EARLY MODERN STUDIES WEBSITE ******************************/

body { margin: 0; padding: 0; background-position: center top; background-image: url(../gfx/background.jpg); background-repeat: repeat-y; background-color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; line-height: 1.5em; }

strong { font-weight: bold; }
em { font-style: italic; }







/****** CONTAINER************************/

#container { background-image: url(../gfx/containerback.jpg); background-position: center top; background-repeat: no-repeat; margin: 0 auto 0 auto; padding: 0em; }






/****** WRAP ************************/

#wrap { margin: 0 auto 0 auto; width: 840px; }







/****** HEADER ************************/

#header { height: 220px; border: none; }
#header a { border: none; }
#header img { border: none; }

#otago { float: left; margin: 5.0em 0em 0em 5.0em; }

#headtext { float: right; width: 561px; margin: 6.5em 4.0em 0em 0em; }






/****** NAVIGATION ************************/

#navigation { margin: 0em 0em 0em 5.0em; padding: 0em 0em 2.0em 0em; float: left; width: 150px; font-family: Georgia, "Times New Roman", Times, serif; }

#navigation ul { padding: 0.9em 0em 0.5em 0em; margin: 0em; list-style-type: none; font-size: 1.2em; border-top: 3px solid #cccccc; border-bottom: 3px solid #cccccc; }
#navigation li { padding: 0em 0em 0.7em 0em; }
#navigation li a { text-decoration: none; color: #736357; font-weight: bold; }
#navigation li a:hover { color: #336699; }

#navigation .active a { color: #a7987a; }



#navigation ul li ul { border: none; font-size: 0.9em; margin-left: 1.0em; }
#navigation ul li ul li {}
#navigation ul li ul li a { font-weight: normal; }
#navigation ul li ul li a:hover {}



/****** CONTENT ************************/

#content { margin: 0 0em 6.0em 19.0em; padding: 0; }

#content h1 { margin: 0em 0em 1.0em 0em; padding: 0.7em 0em 1.5em 0.5em ; font-size: 2.0em; line-height: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; color: #f6f6f6; /*border-bottom: 1px solid #736357;*/ background-image: url(../gfx/headingborder.jpg); background-repeat: no-repeat; }
#content h2 { color: #333333; font-size: 1.4em; line-height: 1.5em; padding: 1.5em 0em 0em 0em; }
#content h3 { color: #4f4f4f; font-size: 1.1em; line-height: 1.5em; font-weight: bold; margin: 0em; padding: 0.5em 0em 0em 0em; }
#content h4 { margin: 0em; padding: 0.5em 0em 0em 0em; }
#content h5 {}
#content h6 { font-size: 0.9em; color: #999999; }

#content p { font-size: 1.0em; line-height: 1.6em; color: #4f4f4f; margin: 0em; padding: 0.3em 0em 0.7em 0em; }

#content a { color: #336699; text-decoration: none; }
#content a:hover { color: #003399; text-decoration: underline; }


#content ul { list-style-type: circle; color: #4f4f4f; margin: 0em 0em 1.0em 1.0em; padding: 0em; }
#content li { margin: 0em; padding: 0em 0em 0.4em 0em; }
#content li a { color: #336699; text-decoration: none; }
#content li a:hover { color: #003399; text-decoration: underline; }
#content ul li {}
#content ul li ul { padding: 0.5em 0em 0.2em 1.5em; margin: 0em; }
#content ul li ul li {}

#content ol { padding: 0em; margin: 0em 0em 0em 0em; list-style-position: inside; color: #4f4f4f; }
#content ol li { }

#content table { padding: 0em; margin: 0em; border-collapse: collapse; width: 90%; }
#content tr { padding: 0em; margin: 0em; }
#content th { padding: 1.0em; margin: 0em; text-align: left; background-color: #e4e4e4; color: #666666; border: 1px solid #cccccc; }
#content td { padding: 0.7em 1.0em 0.7em 1.0em; margin: 0em; border: 1px solid #cccccc; }

#content td h1 { background-image: none; font-size: 1.2em; padding: 0em; margin: 0em; }
#content td p { padding: 0.2em 0em 0.2em 0em; margin: 0em;  }
#content td { color: #4f4f4f; }
#content td a { color: #336699; }
#content td ul {}
#content td li {}





/* CLASSES */

#content .feature { float: right; margin: 0em 0em 3.0em 2.0em; padding: 0em; font-size: 0.9em; border: 1px solid #cccccc; }
#content .feature img { padding: 0em; margin: 0em; border: 1px solid #999999; }
#content .feature table { padding: 0em; margin: 0em; }
#content .feature tr { padding: 0em; margin: 0em; }
#content .feature td { padding: 1.0em 1.0em 1.0em 1.0em; margin: 0em; background-color: #e4e4e4; color: #666666; border: none; }
#content .feature p { color: #666666; border-top: 1px solid #cccccc; padding: 0.5em 0em 0em 0em; margin: 0em; }

#content .front { border: 1px solid #cccccc; margin: 0em 0em 2.0em 0em; }
#content .front td { background-color: #e4e4e4; color: #666666; padding: 1.0em 1.0em 0em 1.0em; border: none; }
#content .front p { color: #666666; border-top: 1px solid #cccccc; padding: 0.5em 0em 0.5em 0em; margin: 0em; }
#content .front img { padding: 0em; margin: 0em; border: 1px solid #999999; }

#content .gallery { }
#content .gallery th { font-size: 0.9em; font-weight: normal; padding: 0.5em; }
#content .gallery td { padding: 1.2em 0em 1.2em 1.2em; }
#content .gallery td:hover { background: #e4e4e4; }
#content .gallery a { padding: 0em; margin: 0em; border: none; }
#content .gallery img { padding: 0em; margin: 0em; border: 1px solid #999999; }




/****** FOOTER ************************/

#footer { clear: both; padding: 2.0em 0em 0.8em 0em; margin: 0em 2.0em 0em 7.0em; font-size: 1.0em; border-top: 1px solid #cccccc; }

#footer a { color: #666666; font-size: 0.625em; text-decoration: none; }
#footer a:hover { color: #999999; }

#address { float: left; font-size: 0.9em; color: #999999; text-align: left; width: 18.0em; margin: 0; padding: 0 0 4.0em 1.0em; border-right: 1px solid #e4e4e4; }
#address a { color: #666666; text-decoration: none; font-size: 1.0em; }
#address a:hover { text-decoration: underline; color: #666666; }

#footer ul.links { float: left; padding: 0 1.4em 1.3em 0; margin: 0 0 0 2.0em; color: #999999; }
#footer ul.links li { list-style-type: none; list-style-position: inside; padding: 0 0 0.5em 0; }
#footer ul.links li a { color: #999999; text-decoration: none; font-size: 0.9em; }
#footer ul.links li a:hover { color: #666666; text-decoration: none; }



#footer .weboffice { font-size: 0.9em; width: 8.0em; float: right; line-height: 1.3em; color: #cccccc; margin: 0em; padding: 0em 0em 0 0; text-align: center; }

#footer .weboffice a { font-size: 1.0em; font-weight: bold; color: #cccccc; text-decoration: none; letter-spacing: 0.1em; }
#footer .weboffice a:hover { text-decoration: underline; color: #999999; }