/* @override http://webdev2/unicolnew/css/styles.css */

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


/* University College, University of Otago, 2008 CSS Document */





body { margin: 0; padding: 0; min-width: 740px; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.125em; background-image: url(../gfx/backgroundbody.jpg); background-repeat: repeat-x; height: 100%; background-color: #8A9DA1; }

strong { font-weight: bold; }

em { font-style: italic; }

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

#header { height: 220px; clear: both; margin: 0em; padding: 0 0 0 0em; min-width: 1026px; background-image: url(../gfx/backgroundheader.jpg); background-repeat: repeat-x; }

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

#otago { margin: 1.0em; padding: 1.0em 0em 3.0em 1.5em; width: 87px; float: left; height: 120px; }

#title { width: 883px; float: right; }


/**** TAPE **********************************************************/
#tape { margin: 0 0.5em; padding: 0; background: #ffffff url(../gfx/tape_repeat.jpg) repeat-x; }



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

#container { margin: 0em 2.45em 0em 2.45em; height: 100%; padding: 0; background: #ffffff url(../gfx/contentbottom.jpg) repeat-x bottom; }






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

#navigation { margin: 4.5em 0em 0em -5.9em; padding: 0em; width: 100%; float: left; width: 175px;  }

#navigation ul { padding: 0em; margin: 0em; list-style-type: none; font-size: 0.85em; }

#navigation ul li { padding: 0em 0.7em 1.0em 1.0em; margin: 0em; font-weight: bold; border-right: 1px solid #e4e4e4; text-transform: uppercase; }
#navigation ul li:hover { }
#navigation ul li a { color: #62898C; padding: 0em; margin: 0em; border: none; font-weight: bold; text-decoration: none; }
#navigation ul li a:hover { color: #000000; text-decoration: none; }

/* sub navigation */

#navigation ul li ul { font-size: 0.9em; padding: 0.5em 0 0 0.6em; margin: 0em 0 0em 0; border-top: 1px solid #cccccc; }
#navigation ul li ul li { border: none; text-transform: none; padding: 0em 0em 0.6em 0em; line-height: 1.1em; }
#navigation ul li ul li a { color: #999999; padding: 0; border: none; font-weight: normal; }
#navigation ul li ul li a:hover { color: #666666; text-decoration: underline; }

#navigation .noborder { border: none; }

#navigation .active { background-image: url(../gfx/nav_bg.jpg); background-repeat: no-repeat; }


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

#content { margin: 1.4em 4.0em 0 14.0em; padding: 3.3em 0 2.0em 0; max-width: 700px; min-height: 450px; }


#content h1 { color: #FF9900; font-size: 1.5em; margin: 0 0 1.0em 0; padding: 0.7em 0 0.7em 0; background-image: url(../gfx/headingone.jpg); background-repeat: no-repeat; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; }
#content h2 { color: #666666; font-size: 1.125em; margin: 1.8em 0 0.125em 0; padding: 0.2em 0 0.2em 0em; background-image: url(../gfx/h2.gif); background-repeat: no-repeat; background-position: right top; } 
#content h3 { color: #333333; padding: 0em; margin: 1.5em 0em 0.5em 0em; line-height: 1.0em; font-size: 1.0em; }
#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 p { padding: 0; font-size: 0.75em; /* 16x0.875=14px */ margin: 0.5em 0 1.5em 0em; line-height: 1.6em; /* 14x1.286=18px */ }




#content ul, ol { font-size: 0.75em; padding: 0; margin: 0 0 1.495em 0; color: #333333; }

#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 { padding: 0.2em 0em 0.5em 1.6em; margin: 0em; color: #333333; list-style-type: none; background-image: url(../gfx/bullet.jpg); background-repeat: no-repeat; }


#content ul { list-style: circle inside; }
	#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 li a {}


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

#content p img { margin: 0.5em 0em 1.0em 1.5em; }

.frontimage { margin: 0em; }
.frontimage img { margin: 0em; }

#content a { color: #336699; }
#content a:hover { color: #224568; }


/* featurephoto */
#content .featurephoto { margin: 0 0 2.5em 0; padding: 0; }
#content .featurephoto img { border: 1px solid #cccccc; margin: 0; padding: 0.7em; }

/* content table */

#content table { border-collapse: collapse; border: 1px solid #B0AF9D; margin: 1.15em 0.0em 1.125em 0; padding: 0; width: 100%; }
#content th { text-align: left; font-weight: bold; font-size: 0.75em; padding: 1.2em 0.643em 1.2em 0.643em; margin: 0; border: 1px solid #B0AF9D; background: #EEEEDD; color: #333333; }
#content tr {}
#content td { font-size: 0.75em; vertical-align: top; padding: 1.0em 0.75em 1.0em 0.75em; border-bottom: 0.083em solid #B0AF9D; border-right: 1px solid #B0AF9D; }
#content td p { font-size: 1.0em; padding: 0; margin: 0 0 1.50em 0; }	
#content td ul { font-size: 1.0em; padding: 0; margin: 0; }
#content td ol { font-size: 1.0em; padding: 0; margin: 0; }
#content td li { padding: 0; margin: 0 0 0 1.0em; }	


#content table td h1 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0 0 0.5em 0; font-weight: bold; color: #000000; }
#content table td h2 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0 0 0.5em 0; font-weight: bold; color: #000000; }
#content table td h3 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0 0 0.5em 0; font-weight: bold; color: #000000; }
#content table td h4 { font-size: 1.2em; line-height: 1.2em; padding: 0; margin: 0 0 0.5em 0; font-weight: bold; color: #000000; }
#content table td h5 { font-size: 1.0em; line-height: 1.2em; padding: 0; margin: 0 0 0.5em 0; font-weight: bold; color: #000000; }
#content table td h6 { font-size: 1.0em; line-height: 1.2em; padding: 0; margin: 0 0 0.5em 0; font-weight: bold; }

#content .data { border: none; }
#content .data table { border: 2px #990000; background-color: #333333; }
#content .data tr { border: none; }
#content .data th { color: #999999; border: none; background-color: #ffffff; padding: 1.0em 0.643em 0em 0.643em;  }
#content .data td { border: none; }

#content img { margin: 0.5em 1.4em 1.0em 0; }

#content .breadcrumbs { font-size: 0.5em; line-height: 1.5em; color: #333333; margin: 0; padding: 0 0 2.0em 0; }
	#content .breadcrumbs a:hover { color: #003399; text-decoration: none; background-color: #e8ebf3; padding: 0.2em 0 0.2em; }

#content .pdf { margin: 0; padding: 0; }
#content .pdf img { margin: 0; padding: 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 .photo { margin: 0; padding: 0;}
#content .photo p {}
#content .photo img { background: #ffffff; margin: 0 0 1.0em 1.0em; padding: 1.0em; border: 1px solid #cccccc; }

/* captionleft */
#content .captionleft { float: left; width: 260px; margin: 0em 1.5em 0em 0em; font-size: 0.9em; background-color: #8A9DA1; color: #eeeeee; padding: 0em; }
#content .captionleft table { }
#content .captionleft td { border: 1px solid #B1CBD0;; padding: 1.0em 1.3em 1.0em 1.3em; }
#content .captionleft img { padding: 0em; margin: 0em; border: 1px solid #666666; } 

/* captionright */
#content .captionright { float: right; width: 260px; margin: 0em 0em 0em 1.5em; font-size: 0.9em; background-color: #8A9DA1; } 
#content .captionright img { padding: 0em; margin: 0em; } 



/* Q FAQ class */

.q { font-size: 2.0em; color: #4778B7; padding: 1.0em 0.2em 0.5em 0em; font-weight: bold; }

/* A FAQ class */

.a { font-size: 2.0em; color: #F0B52D; padding: 0em 0.2em 0.5em 0em; margin-top: -1.0em; font-weight: bold; }


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

#footer { font-size: 1.0em; padding: 1.8em 0em 10.8em 4.0em; margin: 0; background-color: #8A9DA1; color: #ffffff; }

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

#footer ul.links { float: left; padding: 0 1.4em 0em 0; margin: 0 0 0 2.0em; color: #ffffff; border-right: 1px solid #a0b6ba; }
#footer ul.links li { list-style-type: none; list-style-position: inside; padding: 0 0 0.4em 0; }
#footer ul.links li a { color: #ffffff; text-decoration: none; }
#footer ul.links li a:hover { color: #ffffff; text-decoration: underline; }


#address { float: left; font-size: 0.9em; color: #ffffff; text-align: left; width: 14.0em; margin: 0; padding: 0 0 0 1.0em; border-right: 1px solid #a0b6ba; }
#address a { color: #ffffff; text-decoration: none; font-size: 1.0em; }
#address a:hover { text-decoration: underline; color: #FFFFFF; }


#footer .weboffice { font-size: 0.9em; text-align: center; float: right; padding: 0; margin: 0em 5.0em 0em 0em; width: 8.0em; color: #B1CBD0; line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#footer .weboffice a { font-weight: bold; text-decoration: none; color: #B1CBD0; letter-spacing: 0.1em; } 
#footer .weboffice a:hover { font-weight: bold; text-decoration: none; color: #cccccc; } 



.clear { clear: both; }