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



/* Singing the Praises of Ireland, Special Collections Website CSS Document */

body { margin: 0; padding: 0; background-color: #0c2f19; background-image: url(../gfx/background.jpg); background-repeat: no-repeat; background-position: bottom; background-attachment: fixed; font-family: Verdana, Arial, Helvetica, sans-serif; 
/*
font-family: Georgia, "Times New Roman", Times, serif; 
*/
font-size: 76%; }


strong { font-weight: bold; }


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

#header { margin: 0em; padding: 0em 0em 0em 0em; clear: both;  }








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



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

#container { padding: 0em 0em 3.0em 0em; margin: 0em auto 0em auto; width: 800px; }











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

#navigation { font-size: 0.9em; margin: 0.8em 0em; clear: both; padding: 0.5em em 0.5em 0em; background-image: url(../gfx/navigation.jpg); background-repeat: no-repeat; }

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


#navigation ul { text-align: center; }
#navigation ul li { list-style-type: none; display: inline; border-right: 1px solid #009a4d; padding: 0.3em 0.6em 0.3em 0.3em; margin: 0; }
#navigation ul li a { color: #ffffff; text-decoration: none; }
#navigation ul li a:hover { text-decoration: underline; }


#navigation ul li.noborder { border: none; }





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

#content { margin: 0em 0em 0em 0em; padding: 0em 0em 4.0em 3.0em; min-height: 400px; vertical-align: top; clear: both;  }
 

#content h1 { color: #009a4d; border-bottom: 1px solid #666666; padding: 1.0em 0em 0em 0em; margin: 0em 1.7em 0em 0em; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.2em; font-weight: normal; line-height: 1.2em; margin-bottom: 1.0em;  }
#content h2 { color: #ffffff; font-size: 1.3em; font-weight: bold; padding-bottom: 1.0em; } 
#content h3 { font-size: 0.9em; color: #009a4d; font-weight: bold; padding: 1.0em 0em 12.0em 0em; margin: 3.0em 5.0em 0em 0em; border-top: 1px solid #ffffff; }	
#content h4 { font-weight: bold; color: #ffffff; }
#content h4 img { margin-left: 1.5em; }
#content h5 { color: #ff0000; }
#content h6 { color: #ff0000; }

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

#content p { padding: 0em 4.0em 0.5em 0em; margin: 0.1em 0em 1.5em 0em; color: #ffffff; font-size: 1.0em; line-height: 1.5em; }

#content ul { color: #ffffff; margin: 0em 0em 18px 0em; padding: 0em; }
#content ol { color: #ffffff; 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 0em; }

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


#content img { border: 10px solid #eee; margin: 0em 2.5em 0em 0em; padding: 0em; }

#content p img { border: 1px solid #eee; margin: 1.0em 0em 3.0em 0em; padding: 1.0em; text-align: right; }

#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: center; padding: 0em; margin: 0em; color: #009a4d; }
#content table td { border-bottom: 1px solid #d3d3c9; border-right: 1px solid #d3d3c9; margin: 0em; padding: 1.0em 0.6em 0em 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 0em 0em 2.0em; padding: 0em; border: none; }

#content .photo table { border: none;}
#content .photo tr { border: none; }

#content .photo th p { color: #666666; border-top: 1px solid #cccccc; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; margin: 0em 1.0em 1.0em 1.2em; padding-top: 1.3em; padding-left: 3.5em; padding-bottom: 0.5em; background-color: #e4e4e4; width: 103px; height: 60px; text-align: center; line-height: 1.1em; }
#content .photo td { border: none; }

#content .photo img { margin: 0em 0.5em 0em 0.5em; background-color: #e4e4e4 ; padding: 1.0em; border: 1px solid #000000; border-bottom: none; }
#content .photo img:hover { background-color: #cccccc; border: 1px solid #000000; border-bottom: none; }




#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; }









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

#footer { clear: both; font-size: 0.9em; line-height: 1.3em; padding: 1.5em 0em 0.8em 2.0em; height: 144px; margin: 0em; border-top: 1px solid #666666; }


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

#footer ul { float: left; width: 35.0em; padding: 0em 0em 0em 1.5em; }
#footer ul li { float: left; list-style-type: none; border-right: 1px solid #009a4d; padding: 0em 0.5em 0em 0.5em; margin: 0.1em; }
#footer ul li:hover { background-color: #333333; }
#footer ul li a { color: #cccccc; font-weight: bold;  text-decoration: none; padding: 0; margin: 0; }
#footer ul li a:hover { color: #ffffff; }

#footer ul li.noborder { border: none; }


#footer .weboffice { width: 8.0em; float: right; color: #999999; margin: 0; padding: 0em 3.4em 0 0; text-align: center; }
#footer .weboffice a { font-size: 1.0em; font-weight: bold; color: #999999; text-decoration: none; letter-spacing: 0.135em; }
#footer .weboffice a:hover { text-decoration: underline; color: #cccccc; }