/***** UNIFLATS WEBSITE ******************************/

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

body { margin: 0; padding: 0; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; line-height: 1.5em; background-image: url(../gfx/header_background.gif); background-repeat: repeat-x; }

strong { font-weight: bold; }

em { font-style: italic; }

label { text-align: left; margin: 0em 0em 0em 0em; padding: 0em 0em 0em 0em; color: #666666; line-height: 2.0em; }




/***** PRINT HEADER ****************/
.printheader { display: none; }





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

#wrap { margin: 0 auto 0 auto; padding: 0em 0em 0em 0em; width: 800px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; /*background-image: url(../gfx/5column.jpg); background-repeat: repeat-y; background-position: center top;*/ position: relative; background-color: #f8f8f8; }




/****** OTAGO ************************/

#otago { position: relative; top: 7px; left: 25px; z-index: 900; width: 70px; }





/****** FEATURE ************************/

#feature { margin: 1.2em 0em 0em 0em; padding: 1.0em 0em 1.0em 1.2em; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }






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

#header { background-color: #636363; width: 800px; height: 79px; padding: 0em; margin: 0em 0em 0em 0em; position: absolute; top: 0px; }
#header img { padding: 0em 1.5em 0em 0em; }






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

#navigation { margin: 0em; padding: 0em 0em 1.2em 0em; width: 100%; height: 48px; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing: -0.01em; background-color: #e6e6e6; position: absolute; top: 80px; }

#navigation ul { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 10.7em; list-style-type: none; font-size: 1.2em; text-align: right; position: relative; top: 0em; }
#navigation li { padding: 1.5em 1.0em 1.6em 4.7em; border-right: 1px solid #cccccc; display: inline; margin: 0em; text-transform: uppercase; float: left; }
#navigation li:hover { background-color: #dddddd; }
#navigation li a { text-decoration: none; color: #005b7f; font-weight: bold; }
#navigation li a:hover { color: #000000; }

#navigation .noborder { border: none; padding-left: 6.0em; }
#navigation .leftborder { border-left: 1px solid #cccccc; }

#navigation p { color: #999999; padding: 0em 0em 0.5em 0em; margin: 0em; }

.searchbutton { font-size: 1.0em; color: #666666; background-color: #f4f4f4; border: 1px solid #cccccc; line-height: 2.0em; padding: 0.2em 0.2em 0.1em 0.2em; margin: 0.3em  0em  0em  0em; }









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

#content { margin: 0 6.5em 6.0em 2.5em; padding: 0em 0em 0em 0em; }

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

#content p img { padding: 1.0em; margin: 1.0em; border: 1px solid #cccccc; }

#content h1 { margin: 0em 0em 0.5em 0em; padding: 1.0em 0em 0em 0em; font-size: 2.4em; line-height: 1.2em; color: #990000; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing: -0.01em; }
#content h2 { color: #333333; font-size: 1.4em; line-height: 1.5em; padding: 0em 0em 0.3em 0em; margin: 0em; }
#content h3 { color: #4f4f4f; font-size: 1.1em; line-height: 1.5em; font-weight: bold; margin: 0em; padding: 0em 0em 0.2em 0em; }
#content h4 { font-size: 1.0em; line-height: 1.5em; margin: 0em; padding: 0em; }
#content h5 {}
#content h6 {}


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


#content ul { list-style-type: circle; color: #4f4f4f; margin: 0.5em 0em 1.0em 2.0em; padding: 0em; }
#content ol { color: #4f4f4f; padding: 0em; margin: 0em 0em 1.0em 2.5em; }
#content li { margin: 0em; padding: 0em 0em 0.5em 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 {}
#content ul li ul li {}

#content table { padding: 0em; margin: 1.0em 0em 3.0em 0em; width: 100%; border-collapse: collapse; font-size: 1.0em; }
#content tr { padding: 0em; margin: 0em; }
#content th { padding: 1.0em 0em 1.0em 0.8em; margin: 0em; background-color: #e4e4e4; text-align: left; border: 1px solid #cccccc; color: #666666; font-size: 1.1em; }
#content td { padding: 0.5em 0.8em 0.5em 0.8em; margin: 0em; color: #4f4f4f; vertical-align: top; border: 1px solid #cccccc; border-collapse: collapse; }

#content td h1 {}
#content td p {}
#content td ul {}
#content td li {}


/* Classes */

#content .topofpage { color:#CC6600; float: right; font-size: 0.9em; }
#content .topofpage p {  }


#content .note { font-style: italic; color: #999999; font-size: 0.9em; }

#content .menu { font-size: 0.9em; }
#content .menu table {}
#content .menu tr {}
#content .menu  td { width: 25%; }

#content .abc {}
#content .abc ul {}
#content .abc li { list-style-type: lower-alpha; margin-left: 0.7em; }

#content .pagesubnav { border-left: 4px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; margin: 0em 0em 3.0em 0em; padding: 0em; }
#content .pagesubnav ul { margin: 0em 0em 0em 0em; padding: 0em; }
#content .pagesubnav li { margin: 0em 0em 0em 0em; padding: 0.5em 0.5em 0.5em 0.5em; list-style-type: none; }
#content .pagesubnav li:hover { background-color: #f3f3f3; }
#content .pagesubnav a { margin: 0em; padding: 0.5em; }

#content .box { border: 2px solid #cccccc; padding: 0em; margin: 0em; }

#content .box ul { padding: 0em; margin-right: 0em; }
#content .box li {  list-style-type: none; padding: 0.3em 1.0em 0.3em 1.5em; margin: 0em 0em 0em 0em; background-image: url(../gfx/arrow.gif); background-repeat: no-repeat; }
#content .box li:hover { background-color: #ffffff; }

#content .box table { border: none; }
#content .box tr { border: none; }
#content .box td { border-left: none; border-right: none; } 

#content .access { width: 70px; }

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


#content .gallery {}
#content .gallery table {}
#content .gallery tr {}
#content .gallery th { font-weight: normal; font-size: 0.9em; }
#content .gallery td { background-color: #ffffff; padding: 2.0em 0em 2.0em 3.0em; width: 25%; }
#content .gallery td img { border: 1px solid #999999; } 
#content .gallery td img:hover { border: 1px solid #336699; } 

#content .back { border: 1px solid #cccccc; width: 12.0em; background-color: #FFFFFF; background-image: url(../gfx/back.gif); background-repeat: no-repeat; padding: 1.0em 0em 1.0em 1.5em }

#content .staff {}
#content .staff img { border: 1px solid #cccccc; padding: 0.5em; margin-right: 1.0em; }



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

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

#footer a { color: #7f7f7f; 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: 20.0em; margin: 0em 0em 4.0em 0em; padding: 0 0 0em 0em; border-right: 1px solid #e4e4e4; }
#address a { color: #7f7f7f; text-decoration: none; font-size: 1.0em; }
#address a:hover { text-decoration: underline; color: #666666; }

#footer ul.links { float: left; padding: 0 1.4em 0em 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: #7f7f7f; text-decoration: none; font-size: 0.9em; }
#footer ul.links li a:hover { color: #666666; text-decoration: none; }



#footer .weboffice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; width: 8.0em; float: right; line-height: 1.3em; color: #cccccc; margin: 0em; padding: 0em; }
	#footer .weboffice a { font-size: 1.0em; font-weight: bold; color: #cccccc; text-decoration: none; letter-spacing: 0.07em; }
	#footer .weboffice a:hover { text-decoration: underline; color: #999999; }