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


/***** ALL ABOARD! WEBSITE ******************************/

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

strong { font-weight: bold; }

em { font-style: italic; }




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

#wrap { margin: 0em auto 0em auto; width: 960px; overflow: auto; background-image: url(../gfx/train-banner.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center bottom; background-color: #1f69a8; }

#fixedimage { margin: 0em auto 0em auto; padding: 0em 0em 0em 0em; width: 340px; height: 704px; position: relative; bottom: 0px; background-color: #1f69a8; }




/****** LEFTCONTAINER ************************/

#leftcontainer { float: left; width: 350px; }





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

#header { padding: 0em 0em 0em 1.2em; margin: 0em 0em 0em 0em; }

#header .otagologo { margin: 1.6em 0em 2.0em 7.3em; }





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

#navigation { color: #999999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; width: 610px; background-color: #ffffff; float: left; margin: 0em; padding: 0em; background-image: url(../gfx/shadow.jpg); background-repeat: repeat-y; }
 
#navigation table { padding: 0em 0em 0em 0em; margin: 1.0em 0em 0em 1.0em; color: #999999; border-collapse: collapse; width: 95%; border: none; background-color: #999999; }
#navigation tr { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em; }
#navigation th { color: #666666; background-color: #e9e9e9; border-top: 3px solid #ffffff; border-left: 3px solid #ffffff; border-right: 3px solid #ffffff; font-weight: normal; text-transform: uppercase; font-size: 1.0em; letter-spacing: 0.4em; text-align: center; padding: 0em 0em 0em 0em; margin: 0em; }
#navigation td { border: none; font-weight: bold; height: 2.1em; text-align: center; text-transform: uppercase; border: 5px solid #ffffff; padding: 0em 0em 0em 0em; }
#navigation td:hover { background-color: #777777; }

#navigation a { color: #ffffff; text-decoration: none; padding: 0.1em 0.9em 0.3em 0.9em; }
#navigation a:hover { color: #ffffff; text-decoration: underline; background-color: #777777; }



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

#content { font-family: Georgia, "Times New Roman", Times, serif; background-color: #ffffff; width: 610px; float: left; padding: 0em 0em 5.0em 0em; background-image: url(../gfx/shadow.jpg); background-repeat: repeat-y; }

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

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

#content h1 { font-size: 2.3em; color: #666666; line-height: 1.2em; margin: 0.5em 0em 0.4em 0em; padding: 0em 0em 0.5em 0.8em; letter-spacing: -0.03em; font-family: Georgia, "Times New Roman", Times, serif; background-image: url(../gfx/h1_border.gif); background-repeat: repeat-x; background-position: bottom; }
#content h2 { font-size: 1.7em; color: #91755e; line-height: 1.4em; margin: 0em; padding: 0em 0em 0.5em 1.0em; }
#content h3 { font-size: 1.3em; color: #666666; line-height: 1.5em; font-weight: bold; margin: 0em; padding: 0em 0em 0.2em 0em; }
#content h4 { font-size: 1.0em; color: #333333; 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 a img { border: none; }
#content a img:hover { border: 1px solid #336699; }



#content ul { list-style-type: circle; color: #333333; 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: 0em 0em 1.5em 0em; width: 470px; border-collapse: collapse; font-size: 1.0em; }
#content tr { padding: 0em; margin: 0em; }
#content th { padding: 1.0em 0em 1.0em 0.5em; margin: 0em; background-color: #e4e4e4; text-align: left; border: 1px solid #cccccc; color: #666666; }
#content td { padding: 0.5em; margin: 0em; color: #333333; vertical-align: top; border: 1px solid #e4e4e4; border-collapse: collapse; }

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


/* Classes */


#content .topofpage { color:#999999; text-align: right; font-size: 0.9em; margin: 0em 0em 0em 0em; padding: 0em; }
#content .topofpage p {  }



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

#content .note { color: #666666; font-size: 1.0em; }

#content .information { }
#content p.information { color: #888888; font-weight: bold; margin: 0 1.5em 1.5em 1.5em; padding: 0.5em 0em 0.5em 0em; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }


#content .thumbnailgrid { margin-right: 1.1em; border: 1px solid #999999; }

#content .cabinet { background-image: url(../gfx/cabinet-icon.gif); background-repeat: no-repeat; padding-left: 3.0em; margin-left: 1.6em; margin-top: 1.0em; padding-top: 0.1em; color: #999999; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; }

#content .cabinet:hover { background-image: url(../gfx/cabinet-icon-hover.gif); background-repeat: no-repeat; }

#content .portrait { padding-left: 2.0em; padding-bottom: 1.0em; }






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

#footer { width: 960px; margin: 0 auto 0 auto; clear: both; font-size: 0.9em; padding: 1.5em 0em 0em 0em; }

#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { color: #e1e1e1; }

#address { color: #ffffff; margin: 0em 0em 0em 1.0em; padding: 0 0 0em 0em; float: left; }
#address a { color: #ffffff; text-decoration: none; }
#address a:hover { text-decoration: underline; color: #e1e1e1; }

#links { float: right; width: 610px; padding: 0 0em 0em 0; margin: 0 0 0 0em; color: #999999; font-family: Georgia, "Times New Roman", Times, serif; }

#links table { padding: 0em 0em 0em 0em; margin: 0.5em 0em 0em 0em; color: #999999; background-color: #999999; border-collapse: collapse; }
#links tr { }
#links th { background-color: #b5d1dc; color: #666666; border: 3px solid #63a9c3; font-weight: normal; text-transform: uppercase; letter-spacing: 0.4em; text-align: right; }
#links td { font-weight: bold; padding: 0.3em 0em 0.2em 0em; margin: 0em; border: 3px solid #63a9c3; background-color: #f1f1f1; text-align: center; height: 2.3em; }

#links a { color: #666666; padding: 0.5em 1.8em 0.3em 1.7em; }
#links a:hover { color: #336699; text-decoration: underline; background-color: #ffffff; }



#footer .weboffice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; width: 8.0em; clear: both; float: right; line-height: 1.3em; color: #f1f1f1; margin: -3.5em -1.0em 0em 0em; padding: 0em; }

#footer .weboffice p { margin: 0em; padding: 0em; }

#footer .weboffice a { font-weight: bold; color: #ffffff; text-decoration: none; letter-spacing: 0.07em; }
#footer .weboffice a:hover { text-decoration: underline; color: #e1e1e1; }