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


/* www.scarfie.com, 2008 CSS Document */





body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; line-height: 1.5em;  height: 100%; 
background-color: #cbcbcb; background-image: url(../gfx/background_repeat.png); background-repeat: repeat-x;   }







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


#header { margin: 0em; padding: 0em; width: 100%; clear: both; text-align: center; }

#header img { padding: 0em; margin: 0em; border: none 0; }






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




#container { min-height: 1024px; margin: 0em auto 0em auto; padding: 0em; width: 1024px;
 background-image: url(../gfx/background.gif); background-repeat: repeat-y; background-position: top;  clear: both; }









/***** Content wrapper *****/


#container #contentwrapper { width: 846px; padding: 0em 0em 0em 0em; margin: 0em auto 0 auto; clear: both; 
/*background-image: url(../gfx/background3.jpg); background-repeat: repeat-y; */ }



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


#contentwrapper #content { margin: 0em 0em 0em 80px; padding: 0em; width: 450px; float: left; background-color: none; }


#content h1 { font-size: 2.5em; line-height: 1.0em; color: #F49506; margin: 0em 0em 0em 0em; padding: 0em 0em 1.0em 0.5em;  background-color: #ffffff; 
/* border-top: 1px solid #cccccc; /* border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; */ }

#content h2 {  /* border: 1px solid #cccccc;*/ color: #F49506; font-size: 1.2em; line-height: 1.7em; margin: 0em; padding: 1.0em 1.0em 1.0em 1.0em; 

background-color: #efefef; border-top: 1px solid #cccccc; } 

#content h3 { color: #333333; padding: 0em; margin: 1.5em 0em 0em 0em; line-height: 1.0em; font-weight: normal; }
#content h4 { color: #333333; font-size: 0.8em; padding: 0; margin: 0; font-weight: bold;  }
#content h5 { font-size: 10px; line-height: 18px; color: #6a6c78; font-weight: bold; padding: 0; margin: 0; }
#content h6 { font-size: 10px; color: #6a6c78; font-weight: bold; padding: 0; margin: 0; text-decoration: underline; }

#content h2 a { margin: 0em; padding: 0em; text-decoration: none; font-size: 1.5em; }


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

#content a { color: #336699; margin: 0em; padding: 0em; text-decoration: none; }
#content a:hover { color: #224568; }

#content ul, ol { font-size: 0.75em; padding: 0; margin: 0 0 0 0; color: #333333; background-color: #EFEFEF; width: 75%; border: 1px solid #cccccc; }

#content ol { list-style: decimal inside; } 
	#content ol li ol { margin: 0 0 0.5em 3.2em; font-size: 1.0em; }
	#content ol li ol li { list-style: lower-roman; padding: 0; margin: 0; }

#content li { background-color: #ffffff; padding: 1.0em; margin: 2.0em; }

#content ul { list-style: none; }
	#content ul li ul { margin: 0 0 0.5em 1.2em; font-size: 1.0em; }
	#content ul li ul li { list-style-type: disc; padding: 0; margin: 0; }


#content img { padding: 0; margin: 0; }



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

#content .smalltag { color: #666666; font-style: italic; }



#content .inner1 { background-color: #ffffff; padding: 0em 0em 2.0em 0em; margin: 0em;  /* border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;*/  }


#content .bottom { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 0.5em 2.0em 0.5em 0em; background-color: #efefef; text-align: right; }

#content #submenu { margin: 2.0em 0em 0em 0em; }






/**** MENU *************************************************************************/


#contentwrapper #menu { float: right; width: 190px; background-color: #565B5E; background-image: url(../gfx/menu_background.jpg); background-repeat: no-repeat; 
margin: 0em 62px 0em 0em; padding: 0em; }

#menu h2 { font-size: 1.2em; line-height: 1.8em; color: #ffffff; margin: 0em; padding: 0em 1.65em 0em 0.8em; border-bottom: 1px solid #cccccc; background-color: #666666; }
#menu h2 a { color: #ffffff; text-decoration: none; font-weight: bold; padding: 0em; margin: 0em; }
#menu h2 a:hover { text-decoration: underline; }
#menu p { font-size: 0.95em; line-height: 1.3em; padding: 0.5em 1.0em 1.0em 0.5em; border-bottom: 1px solid #777777; }
#menu p a { text-decoration: none; color: #ffffff;  }
#menu p a:hover { padding: 0; margin: 0; border-bottom: 1px solid #cccccc;  }
#menu p:hover { background-color: #9c9c9c; }







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


#footer { width: 70%; padding: 2.0em 0em 5.0em 0em; margin: 9.0em auto 0em auto; border-top: 1px solid #cccccc;  }

#footer img { margin: 0; padding: 0; }

#footer p { color: #999999; padding: 0 0 0 2.5em; margin: 0em; font-size: 0.9em; }

#footer p a { color: #999999; text-decoration: underline; }
#footer p a:hover { color: #666666; }

.clearall { clear: both; }