/* University of Otago Cascading Style Sheet */


body { min-width: 72.0em; font-size: 62.5%; margin: 0em; padding: 0em; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; }
img{border:none;}



#header { background: #03257d; border-left: 1.0em solid #ffcc33; border-right: 1.0em solid #cc0000; border-top: none; border-bottom: none; margin: 0em; padding: 0em; clear: both; text-align: center; height: 156px; }

#headerwrap { width: 730px; height: 154px; margin: 0em auto 0em auto; padding: 0em; border-top: none; }
#headerwrap img { margin: 0; padding: 0; float: left; }

#informationfor {
	width: 164px;
	float: right;
	text-align: left;
	margin: 1.5em 0em 0em 0em;
	display: block;
	top: 0px;
	 }

#informationfor h2 { color: #ffcc00; font-size: 1.1em; font-weight: normal;}
#informationfor h2 a{color:#ffcc00;text-decoration:underline;}
#informationfor h2 a:hover{text-decoration:none;}




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

#content { width: 724px; margin: 2.0em auto 3.0em auto; padding: 0em; font-size: 1.0em; }



#content .mainnavigation { float: left; width: 177px; height: 221px; overflow: visible; background-color: #eaeaea; vertical-align: top; }


#content .mainnavigation h2 { 
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; 
font-size: 1.1em; line-height: 1.0em; 
color: #ffffff; 
font-weight: normal; 
letter-spacing: 0.07em; 
text-transform: uppercase; 
text-decoration: none; 
padding: 0.5em 0em 0.25em 1.7em; margin: 0em; 
border-bottom: 7px solid #ffffff; 
background: #8394bf url(../gfx/index/arrow_white.gif) no-repeat center left; 
 }



#content .mainnavigation ul { font-size: 1.0em;
	line-height: 1.0em; list-style-type: none; margin: 0.7em 0em 0em 0em; padding: 0em 0em 0em 0em; 
}


#content .mainnavigation ul li { margin: 0em 0em 0em 0em; padding: 0em 0em 0.5em 0em; }

#content .mainnavigation ul li a { font-size: 1.1em; line-height:1.5em; height: auto; font-weight: bold; color: #003399; text-decoration: none; text-align: left; vertical-align: text-bottom; padding: 0.25em 0em 0.25em 1.3em; }

#content .mainnavigation ul li a:hover { color: #003366; text-decoration: underline; }



#content .featureborder { float: right;}









/******* FOUR COLUMNS - News, Events Quickfind etc *******/



#columns { font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; width: 725px; margin: 3.0em auto 5.0em auto; padding: 0em; }







#columns .featurequote { 
	background-image: url(../gfx/index/nz_map.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-position: top right; width: 177px; min-height: 200px; margin: 0em 1.0em 0em 0em;
	padding: 0em; float: left; }

#columns .featurequote a { color: #333333; text-decoration: none; }
#columns .featurequote a:hover { color: #003399; text-decoration: none; }

#columns .featurequote h2 {
	font-size: 2.0em;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	font-weight: lighter;
	color: #333333;
	margin: 0em;
	padding: 0em;
}


#columns .featurequote h2 a span { font-size: 0.5em; }
#columns .featurequote h2 a:hover span { text-decoration: underline; }
#columns .featurequote img{border:1px solid #ccc;padding:3px;margin-bottom:15px;}





#columns .threecolumns { float: right; width: 533px; }

#columns .threecolumns div { font-size: 1.0em; padding: 0em; background-color: #ffffff; }


#columns .threecolumns div h3 { font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-size: 1.2em; letter-spacing: 0.05em; font-weight: 400; color: #798bba; text-decoration: none; text-align: left; text-transform: uppercase; padding: 0.5em 0.3em 1.0em 1.3em; margin: 0em 0em 0em 0em; white-space: nowrap; background: url(arrow_blue.gif) no-repeat center left;
}

#columns .threecolumns div h3 a { color: #798bba; text-decoration: none; }

#columns .threecolumns div h3 a:hover { color: #003366; text-decoration: none; }

#columns .threecolumns div p { font-size: 1.0em; line-height: 1.3em; margin: 0em 2.0em 0.75em 0em; }
#columns .threecolumns div p a { color: #003366; text-decoration: none; }
#columns .threecolumns div p a:hover { color: #003399; text-decoration: underline; }

#columns .threecolumns div ul { font-size: 1.0em; line-height: 1.3em; color: #666666; padding: 0em; margin: 0.5em 1.0em 1.0em 0em; }
#columns .threecolumns div ul li { list-style-position: inside; list-style-type: circle; padding: 0em; margin: 0em; }
#columns .threecolumns div ul li a { color: #003366; text-decoration: none; }
#columns .threecolumns div ul li a:hover { color: #003399; text-decoration: underline; }





form { margin: 0em; padding: 0em; border: none; }

.onlinereg { padding: 0.5em; border: 1px solid #cccccc; margin: 0em 2.0em 1.5em 0em; }
.onlinereg:hover { background-color: #e8e8e8; }

.college { padding: 0.5em; border: 1px solid #cccccc; margin: 0em 1.0em 1.5em 0.7em; }
.college:hover { background-color: #e8e8e8; }

.choice { padding: 0.5em; border: 1px solid #cccccc; margin: 0em 0em 1.5em 2.0em; }
.choice:hover { background-color: #e8e8e8; }

select.quickfind { }


.quickfind { font-size: 1.0em; line-height: 1.2em; color: #39628b; vertical-align: middle; margin: 0em 0em 1.0em 0em; padding: 0em; }

.quickfind label { display: none; }


.quickfind option { color: #003366; padding: 0.2em; border-bottom: 1px solid #ccc; }


.quickfind optgroup { color: #666666; margin: 1.0em 0em 0.5em 0em; font-style: normal; background-color: #ffffff; }
.quickfind optgroup option { padding: 0.2em 0em 0.2em 1.0em; }
.quickfind optgroup:hover { color: #000000; background-color: #eaeaea; }



#searchform { margin: 1.0em 0em 1.0em 0em; }
.searchbutton { font-size: 0.9em; color: #003366; background-color: #ffffff; border: 1px solid #798bba; line-height: 1.2em; vertical-align: middle; margin: 0em 0em 1.0em 0em; padding: 0em; }



/***** CLEAR ALL *****/

.clearall { margin: 0em; padding: 0em; border: none; clear: both; }









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


#footer { width: 724px; font-size: 1.0em; line-height: 1.7em; color: #666666; 
border-top: 1px dotted #cccccc; margin: 1.0em auto 3.0em auto; padding: 1.0em 0em 3.0em 0em; }


#footer .footerlinks { padding: 1.0em 0em 0em 1.0em; margin: 0em; }
#footer .footerlinks a { color: #003366; text-decoration: none; }
#footer .footerlinks a:hover { color: #003399; text-decoration: underline; }


#footer .contactdetails { text-align: right; float: right; padding: 1.0em 1.0em 0em 0em; margin: 0em; }
#footer .contactdetails a { color: #003366; text-decoration: none; }
#footer .contactdetails a:hover { color: #003399; text-decoration: underline; }

#footer h2 { margin: 1.5em 0em 0em 0em; padding: 5.0em 0em 0em 0em; border-top: 1px dotted #cccccc; color: #666666; }
#footer h2 a { color: #666666; text-decoration: none; }
#footer h2 a:hover {}

#footer .tagcloud { font-size: 1.0em; line-height: 2.0em; padding: 0em 0em 4.0em 0em; }
#footer p a { color: #666666; text-decoration: none; padding: 0em 5px 0em 0em; white-space: nowrap; }
#footer p a:hover { color: #000000; text-decoration: none; }
#footer .tagcloud .tag1 { font-size: 1.0em; }
#footer .tagcloud .tag2 { font-size: 1.2em; }
#footer .tagcloud .tag3 { font-size: 1.4em; }
#footer .tagcloud .tag4 { font-size: 1.5em; }
#footer .tagcloud .tag5 { font-size: 1.7em; }
#footer .tagcloud .tag6 { font-size: 1.9em; }
#footer .tagcloud .tag7 { font-size: 2.2em; }
#footer .tagcloud .tag8 { font-size: 2.5em; }
#footer .tagcloud .tag9 { font-size: 2.7em; }
#footer .tagcloud .tag10 { font-size: 3.0em; }









#main {
	WIDTH: 530px; TEXT-ALIGN: left
}

.SlideMainRoll {
	FILTER: progid:DXImageTransform.Microsoft.Slide(slidestyle=SWAP,Bands=1); CURSOR: pointer
}
#SlideMain {
	OVERFLOW: hidden; WIDTH: 530px; HEIGHT: 210px
}
#SlideMenu {
	MARGIN: -60px 0px 0px 20px; WIDTH: 560px; POSITION: absolute; HEIGHT: 60px
}
#SlideMenu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#SlideMenu UL LI {
	BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; MARGIN: 5px; OVERFLOW: hidden; WIDTH: 50px; HEIGHT: 50px
}
#SlideMenu UL LI IMG {
	BORDER-RIGHT: #171717 1px solid; BORDER-TOP: #c2c2c2 1px solid; OVERFLOW: hidden; BORDER-LEFT: #c2c2c2 1px solid; WIDTH: 50px; BORDER-BOTTOM: #171717 1px solid; HEIGHT: 50px
}
.SlideMenuOver {
	FILTER: alpha(opacity=100); -moz-opacity: 1
}
.SlideMenuOut {
	FILTER: alpha(opacity=30); -moz-opacity: 0.3
}