body, form {
	padding:0px;
	margin:0px;
}
body {
	background:#f5f2e4;
}
body, th, td, input, textarea, select {
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:14px;
	color:#333;
}
img {
	vertical-align:bottom;
	border:none;
}
a, td a {
	outline:none;
	color:#333;
	text-decoration:underline;
}
a:hover, td a:hover {
	text-decoration:none;
}
p {
	padding:0px 0px 10px 0px;
}
label {
	cursor:pointer;
}
ul {
	list-style: none;
	top: 0;
}
.container{
	width:100%;
	height:1024px;
}
.top{
	width:1000px;
	height:668px;
	background:url(/resources/images/design/home_bg.jpg) top left no-repeat;
}
.header_container{
	float:left;
	width:1000px;
	height:165px;
}
.logo{
	float:left;
	height:165px;
	width:355px;
}
.logo a{
	float:left;
	width:270px;
	height:100%;
	margin:0px 0px 0px 85px;
}
.menu_links{
	float:left;
	width:645px;
	height:170px;	
}
.toplinks{
	float:left;
	clear:both;
	height:15px;
	width:290px;
	padding:49px 0px 0px 47px;
}
.btn_joinus a{
	float:left;
	width:66px;
	height:15px;
	background:url(/resources/images/design/btn_joinus.gif) top left no-repeat;
}
.btn_joinus a:hover{
	background:url(/resources/images/design/btn_joinus_active.gif) top left no-repeat;
}
.btn_sponsorus a{
	float:left;
	width:92px;
	height:15px;
	margin-left:9px;
	background:url(/resources/images/design/btn_sponsorus.gif) top left no-repeat;
}
.btn_sponsorus a:hover{
	background:url(/resources/images/design/btn_sponsorus_active.gif) top left no-repeat;
}
.btn_contactus a{
	float:left;
	width:93px;
	height:15px;
	margin-left:9px;
	background:url(/resources/images/design/btn_contactus.gif) top left no-repeat;
}
.btn_contactus a:hover{
	background:url(/resources/images/design/btn_contactus_active.gif) top left no-repeat;
}
.mainmenu{
	float:left;
	clear:both;
	width:600px;
	text-align:left;
	margin-top:115px;
	height:39px;
	position:relative;
	z-index:100;
}
.mainmenu span{
	float:left;
}
.navitem_1{
	float:left;
	margin-left:6px;
	height:39px;
	width:68px;
	background:url(/resources/images/design/btn_about.png) top left no-repeat;
}
/*.navitem_1:hover, .navitem_1.hover{
	background:url(/resources/images/design/btn_about_active.png) top left no-repeat;
}*/

.navitem_2{
	float:left;
	height:39px;
	width:68px;
	background:url(/resources/images/design/btn_crew.png) top left no-repeat;
}
/*.navitem_2:hover, .navitem_2.hover{
	background:url(/resources/images/design/btn_crew_active.png) top left no-repeat;
}*/
.navitem_3{
	float:left;
	height:39px;
	width:83px;
	background:url(/resources/images/design/btn_course.png) top left no-repeat;
}
/*.navitem_3:hover, .navitem_3.hover{
	background:url(/resources/images/design/btn_course_active.png) top left no-repeat;
}*/
.navitem_4{
	float:left;
	height:39px;
	width:66px;
	background:url(/resources/images/design/btn_news.png) top left no-repeat;
}
/*.navitem_4:hover, .navitem_4.hover{
	background:url(/resources/images/design/btn_news_active.png) top left no-repeat;
}*/
.navitem_5{
	float:left;
	height:39px;
	width:91px;
	background:url(/resources/images/design/btn_gallery.png) top left no-repeat;
}
/*.navitem_5:hover, .navitem_5.hover{
	background:url(/resources/images/design/btn_gallery_active.png) top left no-repeat;
}*/

.navitem_6{
	float:left;
	height:39px;
	width:88px;
	background:url(/resources/images/design/btn_culture.png) top left no-repeat;
}
/*.navitem_6:hover, .navitem_6.hover{
	background:url(/resources/images/design/btn_culture_active.png) top left no-repeat;
}*/
.navitem_7{
	float:left;
	height:39px;
	width:124px;
	background:url(/resources/images/design/btn_enviro.png) top left no-repeat;
}
/*.navitem_7:hover, .navitem_7.hover{
	background:url(/resources/images/design/btn_enviro_active.png) top left no-repeat;
}*/



.home_body{
	float:left;
  	height:500px;	
 	width:368px;
}
.home_news{
	float:left;
	padding:35px 20px 0px 115px;
	width:220px;
	height:240px;
	text-align:left;
}
.home_news span{
	float:left;
	line-height:15px;
}
.home_news span a{
	float:left;
	color:#004058;
	font-weight:bold;
	text-decoration:none;
}
.news_date{
	color:#8f7045;
}
.gallery_container{
	float:left;
	height:380px;
	width:550px;
	margin-left:1px;
	margin-top:-32px;
	padding:10px;text-align:left;
	position:relative;
}
.gallery_container img{
 	position:absolute;
 }
.gallery_controls{
	float:left;
	width:505px;
	height:130px; 
	padding:0px 0px 0px 32px;
}

.caption{
	float:left;
	background-color:#000 ;
	width:469px !important;
	color:#ffffff; 	
	height:30px !important;
	padding:10px; position:absolute;
	margin-top:303px;z-index:10000;
	margin-left:27px !important;
 }
 .caption span{
 	float:left;
 	padding:10px;
 }
.left_control a {
	float:left;
	height:13px;
	width:12px;
	margin-top:40px;
	background:url(/resources/images/design/left_arrow.gif) top left no-repeat;
}
.right_control a {
	float:left;
	height:13px;
	width:12px;
	margin-top:40px;
	background:url(/resources/images/design/right_arrow.gif) top left no-repeat;
}
.thumbs{
	float:left;
	height:99px;
	width:328px;
	margin-left:20px;
	margin-right:20px; 
}
.thumbs ul{
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}
.thumbs ul li{
	float:left;
	padding:0;
	margin:0;
	list-style:none;
}
.thumbs a {
	float:left;
	padding:10px 7px 0px 7px;
}
.thumbs img {
	float:left;
	padding:5px;
}
.thumbs img.active {
	float:left;
	padding:4px;
	border:1px solid #afa187;
}
.bottom{
	width:1000px;
	min-height:509px;
	height:auto;
 	background:url(/resources/images/design/footer_bg.jpg) 1px 0px no-repeat;
}
*html .bottom{
	margin-left:22px;
 }
.subscribe{
	float:left;
	border:1px solid #b1986e;
	height:15px;
	width:175px;
	padding:4px 0px 4px 8px;
	background:none;
	margin:10px 0px 0px 0px;
	color:#b1986e;
}

.btnsusbscribe{
	float:left;
	height:42px;
	width:40px;
	background:url(/resource/images/design/btn_subscribe.gif) top left no-repeat;
}
.footer{
	float:left;
	width:100%;
	height:50%;
	background:#DDDACB;
}
.connect{
	float:left;
	padding:85px 0px 0px 95px;
}
.share{
	float:left;
	padding:60px 0px 0px 95px;
}
.connect a.btn_twitter , .share a.btn_twitter{
	float:left;
	height:32px;
	width:32px;
	background:url(/resources/images/design/btn_twitter.gif) top left no-repeat;
}
.connect a.btn_twitter:hover ,.share a.btn_twitter:hover{
	background:url(/resources/images/design/btn_twitter_hover.gif) top left no-repeat;

}
.connect a.btn_facebook,.share a.btn_facebook{

	float:left;
	height:32px;
	width:32px;
	margin-left:8px;
	background:url(/resources/images/design/btn_facebook.gif) top left no-repeat;
}
.connect a.btn_facebook:hover, .share a.btn_facebook:hover{
	background:url(/resources/images/design/btn_facebook_hover.gif) top left no-repeat;
}
.connect a.btn_youtube{
	float:left;
	height:32px;
	width:32px;
	margin-left:8px;
	background:url(/resources/images/design/btn_youtube.gif) top left no-repeat;
}
.connect a.btn_youtube:hover{
	background:url(/resources/images/design/btn_youtube_hover.gif) top left no-repeat;
}
.share a.btn_email{
	float:left;
	height:32px;
	width:34px;
	margin-left:8px;
	background:url(/resources/images/design/btn_email.gif) top left no-repeat;
}
.share a.btn_email:hover{
	background:url(/resources/images/design/btn_email_hover.gif) top left no-repeat;
}
.connect a.btn_rss{
	float:left;
	height:32px;
	width:32px;
	margin-left:8px;
	background:url(/resources/images/design/btn_rss.gif) top left no-repeat;
}
.connect a.btn_rss:hover{
	background:url(/resources/images/design/btn_rss_hover.gif) top left no-repeat;
}
.our_sponsors{
	float:left;
	width:320px;
	padding:88px 0px 0px 0px;
	text-align:left;
}
.courtesy{
	float:left;
	clear:both;color:#58595b;
	margin:20px 0px 0px 100px;
 	text-align:left;
	width:800px;
}
*html .courtesy{
	margin:20px 0px 0px 55px; 
}
.our_sponsors a {
	float:left;
	width:150px;
	text-decoration:none;
	line-height:19px;color:#58595b;
}
.sponsor_link{
	float:left;
	margin:35px 0px 0px 55px;
	background:url(/resources/images/design/sponsor_link.gif) top left no-repeat;
	height:22px;
	width:190px !important;
}

.message{
	width:250px;
	height:173px;
	margin:4px 0px 0px 42px;
	position:relative;
	float:left;
	color:#58595b;
}
#messagenotification{
	display:none;
	background:#fff;
	padding:10px;
	margin-bottom:5px;
	background:#F9EFD6;
	font-weight:bold;
}
.message input{
	float:left;
	border:1px solid #bebcb0;
	padding:4px 0px 4px 8px;
	height:20px;
	background:#eae8de;
	width:110px;	
}
.message textarea{
	float:left;
	margin-top:10px;
	border:1px solid #bebcb0;
	padding:4px 0px 4px 8px;
	height:20px;
	background:#eae8de;
	width:240px;
	height:80px;
}
.btngo{
	float:left;
	height:42px !important;
	width:43px !important;
	border:0 !important;
	padding:0 !important;
	margin:5px 0px 0px 210px;
}



/*---------------------------new css-----------------------------------*/
.comment{
	width:559px;
	height:149px;
	margin-top:83px;
	float:left;
 	position:relative;
}
.share_new{
	width:60px;
	height:152px;
	margin:50px 0px 0px 140px;
	float:left;
	position:relative;
	clear:right;
}
.sponsors{
	width:563px;
	height:185px;
	margin:34px 0px 0px 0px;
	padding-left:92px;
	float:left;
	position:relative;
}
.sponsors .wwf{
	float:left;
	width:36px;
	height:54px;
	margin:11px 0 0 13px;
	background:url(/resources/images/design/wwf.jpg) top left no-repeat;
}
.sponsors .wwf:hover{
	background:url(/resources/images/design/wwf_hover.jpg) top left no-repeat;
}

.sponsors .iucn{
	float:left;
	width:51px;
	height:49px;
	margin:11px 0 0 39px;
	background:url(/resources/images/design/iucn.jpg) top left no-repeat;
	
}
.sponsors .iucn:hover{
	background:url(/resources/images/design/iucn_hover.jpg) top left no-repeat;
}

.sponsors .wai_tui{
	float:left;
	width:60px;
	height:67px;
	margin:2px 0 0 32px;
	background:url(/resources/images/design/wai_tui.jpg) top left no-repeat;
	
}
.sponsors .wai_tui:hover{
	background:url(/resources/images/design/wai_tui_hover.jpg) top left no-repeat;
}

.sponsors .pure_fiji{
	float:left;
	width:100px;
	height:54px;
	margin:10px 0 0 25px;
	background:url(/resources/images/design/pure_fiji.jpg) top left no-repeat;
	
}
.sponsors .pure_fiji:hover{
	background:url(/resources/images/design/pure_fiji_hover.jpg) top left no-repeat;
}

.sponsors .aotearoa{
	float:left;
	width:96px;
	height:67px;
	margin:0 0 0 12px;
	background:url(/resources/images/design/aotearoa.jpg) top left no-repeat;
	
}
.sponsors .aotearoa:hover{
	background:url(/resources/images/design/aotearoa_hover.jpg) top left no-repeat;
}

.sponsors .watties{
	float:left;
	width:82px;
	height:26px;
	margin:16px 0 0 14px;
	background:url(/resources/images/design/watties.jpg) top left no-repeat;
	
}
.sponsors .watties:hover{
	background:url(/resources/images/design/watties_hover.jpg) top left no-repeat;
}

.sponsors .novotel{
	float:left;
	width:62px;
	height:62px;
	margin:13px 0 0 0;
	background:url(/resources/images/design/novotel.jpg) top left no-repeat;
	
}
.sponsors .novotel:hover{
	background:url(/resources/images/design/novotel_hover.jpg) top left no-repeat;
}
.sponsors .okeanos{
	float:left;
	width:80px;
	height:24px;
	margin:35px 0 0 16px;
	background:url(/resources/images/design/okeanos.jpg) top left no-repeat;
	
}
.sponsors .okeanos:hover{
	background:url(/resources/images/design/okeanos_hover.jpg) top left no-repeat;
}
.sponsors .reef{
	float:left;
	width:91px;
	height:34px;
	margin:29px 0 0 14px;
	background:url(/resources/images/design/reef.jpg) top left no-repeat;
	
}
.sponsors .reef:hover{
	background:url(/resources/images/design/reef_hover.jpg) top left no-repeat;
}

.sponsors .david_packard{
	float:left;
	width:106px;
	height:41px;
	margin:24px 0 0 13px;
	background:url(/resources/images/design/david_packard.jpg) top left no-repeat;
	
}
.sponsors .david_packard:hover{
	background:url(/resources/images/design/david_packard_hover.jpg) top left no-repeat;
}

.sponsors .lami_kava{
	float:left;
	width:70px;
	height:70px;
	margin:0 0 0 18px;
	background:url(/resources/images/design/lami_kava.jpg) top left no-repeat;
	
}
.sponsors .lami_kava:hover{
	background:url(/resources/images/design/lami_kava_hover.jpg) top left no-repeat;
}

.sponsors .oceanic{
	float:left;
	width:82px;
	height:59px;
	margin:8px 0 0 11px;
	background:url(/resources/images/design/oceanic.jpg) top left no-repeat;
	
}
.sponsors .oceanic:hover{
	background:url(/resources/images/design/oceanic_hover.jpg) top left no-repeat;
}












.message_new{
	width:248px;
	height:173px;
	margin:4px 0px 0px 42px;
	float:left;
	border: 1px solid #c23;
	position:relative;
}
.touch{
	width:151px;
	height:32px;
	float:left;
	position:relative;
}

.share_new .touch a.btn_twitter, .people a.btn_twitter{
	float:left;
	height:32px;
	width:32px;
	background:url(/resources/images/design/btn_twitter.gif) top left no-repeat;
}
.share_new .touch a.btn_twitter:hover, .people a.btn_twitter:hover{
	background:url(/resources/images/design/btn_twitter_hover.gif) top left no-repeat;
}

.share_new .touch a.btn_facebook, .people a.btn_facebook{
	float:left;
	height:32px;
	width:32px;
	margin-left:7px;
	background:url(/resources/images/design/btn_facebook.gif) top left no-repeat;
}
.share_new .touch a.btn_facebook:hover, .people a.btn_facebook:hover{
	background:url(/resources/images/design/btn_facebook_hover.gif) top left no-repeat;
}
.share_new a.btn_email{
	float:left;
	height:32px;
	width:34px;
	margin-left:7px;
	background:url(/resources/images/design/btn_email.gif) top left no-repeat;
}
.share_new a.btn_email:hover{
	background:url(/resources/images/design/btn_email_hover.gif) top left no-repeat;
}
.share_new .touch a.btn_youtube{
	float:left;
	height:32px;
	width:32px;
	margin-left:7px;
	background:url(/resources/images/design/btn_youtube.gif) top left no-repeat;
}
.share_new .touch a.btn_youtube:hover{
	background:url(/resources/images/design/btn_youtube_hover.gif) top left no-repeat;
}

.share_new .touch a.btn_rss{
	float:left;
	height:32px;
	width:32px;
	margin-left:7px;
	background:url(/resources/images/design/btn_rss.gif) top left no-repeat;
}
.share_new .touch a.btn_rss:hover{
	background:url(/resources/images/design/btn_rss_hover.gif) top left no-repeat;
}


.people{
	width:112px;
	height:32px;
	float:left;
	margin-top:44px;
	position:relative;
}

 
