body{
margin:0;
font-family: Helvetica, Arial,Geneva, sans-serif;
font-size:12px;
line-height:18px;
height:100%; 
}

a {outline:none}

#wrapper{
width:980px;
margin:auto;
padding:0;
}

#header {
width:940px;
background-color:#999;
height:120px;
background:url(images/header.gif);
background-repeat:no-repeat;
text-indent: -999em;
}

#content{
margin:0 20px 0 20px;
}

/* Navigation */

#navmenu {
height:25px;
color:#000;
font-size:12px;
text-transform: uppercase;
}

#navmenu ul {
margin: 0;
padding: 3px 0 0 0px; 
list-style-type: none;
list-style-image: none;
}
#banner{margin-top:10px; background-color:#44B8E8; background-image:url(images/intro.png); background-position:460px 0; background-repeat:no-repeat}
#intro{margin-top:10px; background-color:#000;}

#navmenu li {display: inline; padding-right:10px}

#navmenu a:link {text-decoration:none; color:#000;}
#navmenu a:visited {text-decoration:none; color:#000;}
#navmenu a:active {text-decoration:none; color:#000;}
#navmenu a:hover {text-decoration:none; color:#000; border-bottom:9px solid #009ee0;}
/*
#navmenu a:hover {color: #000000; border-bottom:solid  9px #999;  }

#navmenu li.on a{color: #000000; border-bottom:9px solid #009ee0;}
#navmenu li.on a:hover {color: #000000; border-bottom:9px solid #009ee0; }
*/

p{margin:0 0 20px 0}
p.first{margin:10px 0 10px 0}
h3{font-size:18px; color:#009ee0; margin:0; padding:0}
h3 small{font-size:14px; color: #333333}

h1 span{font-size:9px}

h3 span{color:#009ee0; margin:0; padding:0}



.box-holder {margin-top:10px; line-height:16px}
.box-holder .box{width:220px; height:180px; background:url(images/box.png);float:left; margin-right:20px;_margin-right:15px; background-repeat:no-repeat  }
.box-holder .box_event{width:220px; height:180px; background:url(images/box_event.png);float:left; margin-right:20px }
.box-holder .box.last{margin-right:0}

.box-holder .title{padding:5px 5px 3px 10px; text-transform:uppercase; font-weight:bold}
.box-holder .time{float:left;  padding:3px 5px 5px 5px; font-weight:bold}
.box-holder .desc{padding-top:5px; font-weight:normal}
.box-holder .title_desc{float:left; padding:3px; width:165px; font-weight:bold}
.box-holder .people_desc{float:left; padding:5px 0 5px 5px; width:115px;}
.box-holder .presentation_desc{float:left; padding:5px 0 5px 5px; width:115px;}

.box-holder span{ color:#009ee0 ; font-weight:bold}
.box-holder em{ color:#000; font-weight:bold; font-style:normal}
.box-holder b{ color:#e2007a;  font-style:normal}
.box-holder p{padding:10px; margin:0}
.box-holder p{padding:10px; margin:0}
.box-holder p.first{padding:24px 10px 10px 10px; margin:0}
.box p{padding:7px 5px 7px 10px;  };
.box p.top{margin:117px 5px 7px 10px;  };

.box-holder .box_content{ padding-top:3px; padding-left:4px; float:left}
.box-holder .img{float:left; padding:6px 5px 0 5px}

.box-holder a:link{ color:#e2007a; text-decoration:none;font-size:12px}
.box-holder a:visited{ color:#e2007a; text-decoration:none; font-size:12px}
.box-holder a:hover{ color:#e2007a; text-decoration: underline;font-size:12px}
.box-holder .supporter_title{padding:3px 5px 5px 5px}
.box-holder .supporter_logo{margin:0  0 50px 0}


#left_block a:link, a:visited{ color:#e2007a; text-decoration:none; font-size:12px}
#left_block a:hover{ color:#e2007a; text-decoration: underline;font-size:12px}
#left_block .supporter_title{padding:3px 5px 5px 5px;font-size:12px}
#left_block .supporter_logo{padding:0 50px 40px 40px;font-size:12px}


.box-content{margin-top:15px}

/* Content scroller in Portfolio page */

#my-glider {margin:5px 0 0 1px}

#my-glider p { margin:5px 0 0 0}

#my-glider .scroller { 
/* modify width and height of scrolling section if necessary	*/		
width: 220px; 
height: 143px;
_height: 141px;
#height: 139px;
overflow: hidden;
}

#my-glider .section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
width:220px;
height:140px;
overflow:hidden;
float:left;
}
#my-glider .content {
width: 10000px;

}

#people-glider {margin:5px 0 0 1px}

#people-glider p { margin:5px 0 0 0}

#people-glider .scroller { 
/* modify width and height of scrolling section if necessary	*/		
width: 220px; 
height: 137px;
_height: 135px;
#height: 134px;
overflow: hidden;
}

#people-glider .section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
width:220px;
height:110px;
overflow:hidden;
float:left;
}
#people-glider .content {
width: 10000px;

}


#supporter-glider {margin:5px 0 0 1px}
#supporter-glider p { margin:5px 0 0 0}
#supporter-glider .scroller { 
/* modify width and height of scrolling section if necessary	*/		
width: 220px; 
height: 137px;
_height: 130px;
#height: 134px;
overflow: hidden;
}

#supporter-glider .section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
width:220px;
height:110px;
overflow:hidden;
float:left;
}
#supporter-glider .content {
width: 10000px;
}


/* Presetnation */


#presentation-glider {margin:5px 0 0 1px}
#presentation-glider p { margin:5px 0 0 0}
#presentation-glider .scroller { 
/* modify width and height of scrolling section if necessary	*/		
width: 220px; 
height: 137px;
_height: 130px;
#height: 134px;
overflow: hidden;
}

#presentation-glider .section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
width:220px;
height:140px;
overflow:hidden;
float:left;
}
#presentation-glider .content {
width: 10000px;
}




/* Programe page */

 .top_divider{border-bottom:1px solid #000;}
 
 .divider{border-bottom:1px solid #000; padding-top:5px; margin-bottom:15px}
.programme_box .left{float:left;}
 h1{ margin:0;font-size:17px; font-weight:bold;  }

 h1.first{ margin:10px auto;font-size:17px; font-weight:bold;  }
 h2{ margin:0; font-weight:normal; font-size:12px;}
.programme_box  img{ padding-top:5px}



.programme_box  h1{ margin:0;font-size:17px; font-weight:bold; color:green}
.programme_box  h1.mgta{ margin:0;font-size:17px; font-weight:bold; color:#de008e}
.programme_box  h1.cyan{ margin:0;font-size:17px; font-weight:bold; color:#009ee0}
.programme_box .right{float:left; width:590px; margin-left:20px }
.programme_box span{font-size:17px; font-weight:bold; padding-left:27px; color:green}
.programme_box span.pnk{font-size:17px; font-weight:bold; padding-left:27px; color:#de008e}
.programme_box span.cyan{font-size:17px; font-weight:bold; padding-left:27px; color:#009ee0}

.programme_box b{font-size:17px; font-weight:bold;  color:#de008e}
.programme_box i{font-size:17px; font-weight:bold;  color:#000; font-style:normal;}
.programme_box i.black{font-size:12px; font-weight:bold;  color:#000; font-style:normal;}
.programme_box em{font-size:17px; font-weight:bold; font-style:normal}
.programme_box strong{ color:#000; font-weight: bold}

.pnk{color:#de008e}
.blk{color:#000}
.grnk{color:green}



/* login */

/* form elements */

form {

	margin:10px 0 0 0; padding: 0 5px 0 0;


}

label {

	display:block;

	font-weight:bold;

	margin:5px 0;

}

input {

	padding:2px;


	font: normal 1em Verdana, sans-serif;

	color:#777;

}

textarea {

	width:400px;

	padding:2px;

	font: normal 1em Verdana, sans-serif;

	border:1px solid #eee;

	height:100px;

	display:block;

	color:#777;

}

input.button { 

	font: bold 12px Arial, Sans-serif; 

	height: 24px;

	margin: 0;

	padding: 2px 3px; 

	color: #333;

	background: #e7e6e6 url(button.jpg) repeat-x;

	border: 1px solid #dadada;

}


.error{color:red;font-size:small}

/* Internal Pages */
#left_block{
float:left;
 margin-top:5px;
  padding-top:20px;
 width:680px;
}

#right_block{
float:right; width:220px; margin-top:30px; _margin-top:20px;

}



/* BIO */
.bio{
position:absolute; z-index:1; background-color: #666666; border:1px solid #ccc;  margin-top:-100px; visibility:hidden; padding:15px 10px 0 15px; color:#fff; width:400px
}

.bio h3{ color:#fff; margin-bottom:3px}


/* BIO */
.bios{
position:absolute; z-index:1; background-color: #666666; border:1px solid #ccc; visibility:hidden; padding:15px 10px 0 15px; color:#fff; width:400px
}

.bios h3{ color:#fff; margin-bottom:3px}



.link{padding-top:2px}


/*List based Menu */


#nav {
 width: 900px;
 height: 10px;
 background: url(images/nav.gif);
 background-repeat:no-repeat;
 position: relative;

 margin:8px 0 8px 0; padding: 0;
text-indent:-999em;
}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#nav li, #nav a {height: 28px; display: block;
}
#nav_home {left: 0; width: 48px; }
#nav_home_on {left: 0; width: 48px; background: transparent url(images/nav.gif) 0 -11px no-repeat;}
#nav_programme {left: 48px; width: 101px;}

#nav_programme_on {left: 48px; width: 101px;background: transparent url(images/nav.gif) -48px -11px no-repeat;}

#nav_people {left: 149px; width: 66px;}
#nav_people_on {left: 149px; width: 66px;background: transparent url(images/nav.gif) -149px -11px no-repeat;}

#nav_expo {left: 215px; width: 49px;}
#nav_expo_on {left: 215px; width: 49px;background: transparent url(images/nav.gif) -215px -11px no-repeat;}

#nav_supporters {left: 264px; width: 103px;}
#nav_supporters_on {left: 264px; width: 103px;background: transparent url(images/nav.gif) -264px -11px no-repeat;}

#nav_accommodation {left: 367px; width: 137px;}
#nav_accommodation_on {left: 367px; width: 137px;background: transparent url(images/nav.gif) -367px -11px no-repeat;}

#nav_contact {left: 504px; width: 75px;}
#nav_contact_on {left: 504px; width: 75px; background: transparent url(images/nav.gif) -504px -11px no-repeat;}

#nav_login {left: 579px; width: 62px;}
#nav_login_on {left: 579px; width: 62px;background: transparent url(images/nav.gif) -579px -11px no-repeat;}

#nav_booknow {left: 641px; width: 81px;}
#nav_booknow_on {left: 641px; width: 81px;background: transparent url(images/nav.gif) -641px -11px no-repeat;}

#nav_welcome {left: 738px; width: 164px;}
#nav_welcome_on {left: 738px; width: 164px;background: transparent url(images/nav.gif) -738px -11px no-repeat;}

#nav_home a:hover {background: transparent url(images/nav.gif) 0 -11px no-repeat;  }
#nav_programme a:hover {background: transparent url(images/nav.gif) -48px -11px no-repeat;}
#nav_people a:hover {background: transparent url(images/nav.gif) -149px -11px no-repeat;}
#nav_expo a:hover {background: transparent url(images/nav.gif) -215px -11px no-repeat;}
#nav_supporters a:hover {background: transparent url(images/nav.gif) -264px -11px no-repeat;}
#nav_accommodation a:hover {background: transparent url(images/nav.gif) -367px -11px no-repeat;}
#nav_contact a:hover {background: transparent url(images/nav.gif) -504px -11px no-repeat;}
#nav_login a:hover {background: transparent url(images/nav.gif) -579px -11px no-repeat;}
#nav_welcome a:hover {background: transparent url(images/nav.gif) -641px -11px no-repeat;}
#nav_welcome a:hover {background: transparent url(images/nav.gif) -738px -11px no-repeat;}


/* Sponsors Homepage */




/*IMAGE MAP - Sponsors */


#image_map {

 width: 940px;

 height: 30px;

 background: url(images/sponsors_home.gif);

 margin: 0 ; padding: 0 0 30px 0;

 position: relative;

 background-repeat:no-repeat;

}

#image_map li { padding: 0; list-style: none; display:inline; }



#image_map ul {

float: left;

height: 0;
margin-bottom:30px;

}



#image_map li, #image_map a {  border:1px solid #ccc;margin-bottom:20px  }

.aut {left: 0; width: 185px; }

.duco {left: 0; width: 185px; margin-top:80px; line-height:50px; }

.geni {left: 0; top:20px; width: 185px; margin-top:35px; line-height:40pt;  }

.nzgovt {left: 0; width: 185px; line-height:30pt; }



.maxim {left: 0; width: 185px;  margin-top:15px; line-height:50pt;}

.aucklandplus {left: 0; width: 185px; line-height:40pt;}

.everedge {left: 0; width: 185px; margin-top:35px; line-height:50pt;}

.independent {left: 0; width: 185px;  margin-top:10px; line-height:40pt;}

#welcome-speaker{border:1px solid #ccc; padding:10px; line-height:24px; font-size:15px; margin-top:30px; width:180px; float:right}
#welcome-speaker a:link{color:#E2007A; text-decoration:none}
#welcome-speaker a:hover{color:#E2007A; text-decoration: underline}
#welcome-speaker a:visited{color:#E2007A; text-decoration:none}