@import url("http://www.otago.ac.nz/css/reset.css");
@import url("http://www.otago.ac.nz/css/icons.css");

/* Rare Book Summer School 2008 CSS */





html { height: 100%; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; margin: 0; padding: 0; background-image: url(../gfx/template/bodybackground.jpg); background-repeat: repeat; height: 100%; }
#container { width: 813px; background-color:#ebe7e6; margin: 0em auto 0em auto; padding: 0; background-image: url(../gfx/template/wrapbackground.jpg); background-repeat: repeat-y; }

#wrap { width: 674px; padding: 0; margin: 0em 70px 0em 70px; }







/******** HEADER ********/
#header { margin: 0; padding: 0; }










/******** NAVIGATION ********/
#navigation { font-size: 1.0em; line-height: 1.3em; text-align: left; vertical-align: top; width: 110px; padding: 1.0em 2.0em 1.0em 0em; margin: 0; 
float: left; border-right: dotted 1px #abc6ca; }

#navigation ul { margin: 0; padding: 0em 0em 0em 0em; 
list-style-type: none; }
#navigation ul li { padding-bottom: 0.5em; list-style-type: none; }
#navigation ul li a { color: #003399; text-decoration: none; }
#navigation ul li a:hover { color: #003366;  text-decoration: underline; }











/********  CONTENT  ********/
#content { padding: 0em 20px 45px 20px;  margin: 0em 0em 0em 145px; height: 100%;  }

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

#content h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.5em; line-height: 1.0em; color: #333333; font-weight: normal; margin: 0em 0em 0.9em 0em; padding: 0.1em 0em 0.2em 0em; }
#content h2 { font-size: 2.0em; line-height: 1.1em; color: #333333; padding: 0.5em 0em 0.6em 0em; margin: 0; font-weight: normal; }
#content h3 { font-size: 1.5em; color: #333333; padding: 0; margin: 1.0em 0em 0.5em 0em; font-weight: normal; }
#content h4 { font-size: 1.3em; color: #333333; padding: 0; margin: 0.5em 0em 0em 0em; font-weight: bold; }
#content h5 { font-size: 1.2em; color: #000000; padding: 0; margin: 0; font-weight: bold; }
#content h6 { font-size: 1.0em; color: #000000; padding: 0; margin: 0; font-weight: normal; }

#content p { font-size: 1.0em; line-height: 1.5em; padding: 0em 1.8em 1.0em 0em; margin: 0; }

#content ul { padding: 0em 0em 0em 1.5em; margin: 0.5em 1.0em 1.0em 0em; list-style-type: circle; }
#content ol { padding: 0em 0em 0em 1.5em; margin: 0.5em 1.0em 1.0em 0em; list-style-type: decimal; }
#content li { font-size: 1.0em; line-height: 1.5em; padding: 0em 0em 0.5em 0em; list-style-position: inside; }


#content blockquote { margin: 0em 0em 0em 3.0em; font-size: 1.0em; }

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



/* content table */

#content table { font-size: 1.0em; line-height: 1.5em; border-collapse: collapse; border-top: 1px solid #d3d3c9; border-left: 1px solid #d3d3c9; margin: 1.0em 2.0em 1.0em 0em; padding: 0; width: 90%; }

#content table tr { }

#content table th { text-align: left; vertical-align: top; padding: 0.5em; border: 1px solid #cccccc; background-color: #000000; color: #ffffff; font-weight: bold; }

#content table td { color: #333333; border-bottom: 1px solid #dce9ef; border-right: 1px solid #dce9ef; padding: 0.5em; vertical-align: top; text-align: left; }
#content table td h1 { font-size: 1.3em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h2 { font-size: 1.3em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h3 { font-size: 1.3em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h4 { font-size: 1.3em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h5 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td h6 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0em 0em 0.5em 0em; font-weight: bold; }
#content table td p { padding: 0; margin: 0em 0em 0.5em 0em; color: #333333; }
#content table td ul { list-style-type: disc; margin: 0em 0em 0em 2.0em; padding: 0; }
#content table td ol { list-style-type: decimal; margin: 0em 0em 0em 2.0em; padding: 0; }
#content table td li {  }

#content table.tablenoborder { border: none; }
#content table.tablenoborder tr { border: none; }
#content table.tablenoborder th { border: none; }
#content table.tablenoborder td { border: none; }



/* content photo and caption - applied to a table (td is for the photo cell and th for the caption below) */

#content table.photo { width: 150px; float: right; margin:  0 0 0.4em 1.0em; border: 1px solid #cccccc; border-collapse: collapse; }
#content table.photo th { background-color: #f1f1f1; border: none; font-weight: normal; padding: 0.8em 0.3em 0.8em 0.3em; font-size: 10px; color: #666666; }
#content table.photo td { border: none; padding: 0.3em; }
#content table.photo img { margin: 0; padding: 0; border: none; }




#content a img { border: 1px solid #666666; }


#content font { color: #000000; }





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

#footer { font-size: 0.9em; line-height: 1.35em; color: #333333; padding: 3.0em 3.0em 18.0em 3.0em; border-top: 1px dotted #999999;  }

#footer #contact { float: left; font-size: 1.0em; border-right: 1px dotted #999999; margin: 0em 2.0em 0em 0em; padding: 0em 2.0em 0em 0em; }

#footer #links { font-size: 1.0em; float: left;  }

#footer #links ul {}
#footer #links ul li { list-style-type: none; }

#footer a { color: #003366; text-decoration: none; }
#footer a:hover { color: #333333; text-decoration: none; }


#footer #weboffice { font-size: 0.9em; line-height: 1.2em; width: 8.0em; float: right; color: #999999; padding: 0; margin: 0; text-align: center; }
#footer #weboffice a { text-decoration: none; color: #999999; font-weight: bold; letter-spacing: 0.15em; }
#footer #weboffice a:hover { text-decoration: underline; color: #999999; }