@charset "utf-8";
/* CSS Document */
/* Otago Institute of Design (c) 2009

/* Initial Settings 
-------------------------------------------------------------------*/
		*		{margin: 0; padding: 0;}
		body 	{
			background: fff; 
			font: 62.5% "Trebuchet MS", sans-serif; 
			text-decoration:none; 
			border:0;
			}
		a		{color: #fff;}
		a img 	{border:none;}

/* h1- h6 
-------------------------------------------------------------------*/		
		h1		{
			font-family: "Myriad Pro", Helvetica, Verdana, Arial,sans-serif;
			font-size:24px;
			color: #999999;
			text-decoration:none;
			text-align: left;
			margin-left: 1.15em;
			margin-right: 1em;
			margin-top: 1em;
			margin-bottom: 1em;
			}
			
		h2		{
			font-family: "Myriad Pro", Helvetica, Verdana, Arial,sans-serif;
			font-size:14px;
			font-weight:lighter;
			color: #000;
			text-decoration:none;
			text-align: justify;
			margin-left: 2em;
			margin-right: 14.3em;
			}
			
		h3		{
			font-family: "Myriad Pro", Helvetica, Verdana, Arial,sans-serif;
			font-size:14px;
			font-weight:lighter;
			color: #000;
			text-decoration:none;
			text-align: justify;
			line-height: 1.5em;
			margin-left: 2em;
			margin-right: 14.3em;
			margin-top: .8em;
			}	
			
		h4		{
			font-family: "Myriad Pro", Helvetica, Verdana, Arial, ans-serif;
			font-size:16px;
			font-weight:400;
			color: #333399;
			text-decoration:none;
			text-align: left;
			margin-left: 1.7em;
			margin-right: 14.3em;
			margin-top: 2em;
			}
			
		h4 a.textlink {
			color: #333399;
			text-decoration: underline;
			text-align:left;
			}
	
		h4 a.textlink:hover {
			color: #CC0000;
			}
			
		h5		{
			font-family: "Myriad Pro", Helvetica, Verdana, Arial, sans-serif;
			font-size:12px;
			font-weight:lighter;
			color: #000;
			text-decoration:none;
			text-align: justify;
			line-height: 1.5em;
			}
			
		a h5 {
			font-family: "Myriad Pro", Helvetica, Verdana, Arial,sans-serif;
			font-size:14px;
			color: #000033;
			text-decoration: underline;
			text-align: left;
			line-height: 1.5em;
			margin-top: .2em;
			margin-right: 2em;
			margin-left: 2em;
			}
			
		h6		{
			font-family: Verdana, Arial, sans-serif;
			font-size:10px;
			color: #999999;
			font-weight: 400;
			text-decoration:none;
			text-align: left;
			line-height: 1.5em;
			margin-left: 2em;
			}

/* JQueryUI Dialogue definitions 
------------------------------------------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

			
/* Blox definitions 
------------------------------------------------------------------*/				
		#blox 	{
			top: 175px;
			left: 108px;
			width: 800px;
			height: 150px;
			overflow: hidden;
			border: none;
			background: #fff;
			position: absolute;
			text-align: right;
			}
			
		.blox_content 	{
			width: 180px;
			height: 150px;
			background: #ccffff;
			position: absolute;
			outline: none;
			overflow: hidden;
			text-align: right;
			}
			
		.blox_box	{
			width: 180px;
			height: 150px;
			background: #0099ff;
			}

		.blox_heading {
			font-family: "Myriad Pro", Helvetica, Verdana, Arial,sans-serif;
			font-size:18px;
			font-weight: 700;
			color:#FFFFFF;
			text-decoration:none;
			text-align: center;
			margin: 2em;
			}
	
		.blox_close {
			margin-left: 2em;
			margin-right: 2em;
			margin-bottom: 2em;
			text-align: right;
			font-family: "Myriad Pro", Helvetica, Verdana, Arial,sans-serif;
			font-size:14px;
			color: #333399;
			}	

/* Sidebar on index.html 
--------------------------------------------------------*/
	#list_def {
		background: #fff;
		position: absolute;
		top: 220px;
		left: 25px;
		width: 175px;
		height: 120px;
		}

	#list_def_index {
		background: #fff;
		position: absolute;
		top: 342px;
		left: 95px;
		width: 175px;
		height: 120px;
		}

	#list_def ul, #list_def_index ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}

	#list_def li, #list_def_index li { 
		margin: 0 0 .2em 0;
		text-indent: 1em;
		}
	
	#list_def a, #list_def_index a {
		font-family:Helvetica, "Myriad Pro", Verdana, sans-serif;
		font-size:14px;
		letter-spacing: .1em;
		color: #666666;
		width: 9em;
		padding: .2em .2em;
		text-decoration: none;
		}

	#list_def a:hover, #list_def_index a:hover {
		color: #999999;
		text-decoration: underline;
		}


/* DIVs and containers
----------------------------------------------*/
		#box_1			{top: 0px; left: 0px;}
		#box_2			{top: 0px; left: 210px;}
		#box_3			{top: 0px; left: 420px;}
		#box_4			{top: 0px; left: 630px;}
		#topbanner		{position: absolute; top: 10px; left: 62px;}
		#topbanner_150	{position: absolute; top: 0px; left: 75px; width:150px; height:150px;}
		#oid_intro		{position:absolute; top: 80px; left: 250px; width: 500px; height: 75px;}

		#oidlogobox {
			position: fixed;
			width: 200px;
			height: 700px;
			top: 0px;
			left: 15px;
			z-index:1;
			}
	
		#contentbox {
			position: absolute;
			top:0px;
			left: 200px;
			width:800px;
			padding-left: 3em;
			padding-right: 3em;
			padding-top: 1.5em;
			padding-bottom: 10em;
			}
	
		#oid_footer {
			position: absolute;
			left: 25px;
			text-align:left;
			width:175px;
			height:150px;
			top:400px;
			}
	
		#oid_footer_index {
			position: absolute;
			left: 88px;
			text-align:left;
			width:360px;
			height:80px;
			top:460px;
			}
	
		#ou_logo {
			position: absolute;
			top:0px;
			left:20px;
			width: 48px;
			height: 80px;
			}
			
		#op_logo {
			position: absolute;
			top:0px;
			left:75px;
			width: 67px;
			height: 80px;
			}
			
		#copyrightline {
			position: absolute;
			width: 160px;
			text-align: left;
			height: 40px;
			top: 110px;
			left: 0px;	
			}
			
		#copyrightline_index {
			position: absolute;
			width: 200px;
			text-align: left;
			height: 40px;
			top: 0px;
			left: 130px;
			}

/* CSS Classes
----------------------------------------------*/
		.contact	{
			font-family: Verdana, Arial, sans-serif;
			font-size:12px;
			color: #666666;
			font-weight: 400;
			text-decoration:none;
			text-align: left;
			line-height: 1.5em;
			margin-left: 2.3em;
			margin-right: 14.3em;
			margin-top: 1em;
			}
				
		.textlink {
			color: #333333;
			text-decoration: underline;
			text-align:left;
			}
	
		.textlink:hover {
			color: #CC0000;
			}
		
		.subhead {
			font-weight:600;
			color: #999999;
			text-align:left;
			}
			
		.text_bullet_list {
			list-style: inside;
			text-align:left;
			margin-top: 1em;
			margin-bottom: 1em;
			margin-left: 5em;
			text-indent: -1em;
			margin-right: 14.3em;
			}
			
		.text_bullet_list li {
			font-family: "Myriad Pro", Helvetica, Verdana, Arial,sans-serif;
			font-size:14px;
			font-weight:lighter;
			text-align:left;
			color: #000;
			text-decoration:none;
			text-align:left;
			line-height: 1.5em;
			}
	
		.text_plain_list {
			list-style: none inside;
			text-align:left;
			margin-bottom: 1em;
			margin-left: 4em;
			text-indent: -1em;
			margin-right: 14.3em;
			}
			
		.text_plain_list li {
			font-family: "Myriad Pro", Helvetica, Verdana, Arial,sans-serif;
			font-size:14px;
			font-weight:lighter;
			text-align:left;
			color: #000;
			text-decoration:none;
			line-height: 1.5em;
			}
			
		.no_para {
			margin-bottom: -.5em;
			}
			
		.text_bold {
			font-weight:700;
			}