body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  margin:0px;
  background:#306E85 url(../images/design/main_background.jpg) repeat-x 0% 0%;
}

/* Default Styles */

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
}

a {color:#3285A5; text-decoration:underline;}
a:hover {color:#000000; text-decoration:none;}

a img {
  border:0px;
}

/* End Default Styles */

#shell {
  margin-top:28px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:50px;
  width: 971px;
  position: relative;
  background:#FFFFFF;  
}

#spare {
  position:absolute;
  left:-15px;
  width:69px;
  height:707px;
  z-index:105;
}

#header {
  width:971px;
  height:184px;
  position:relative;
}

#name {
  float:left;
  width:146px;
  height:100px;
  margin:51px 56px 0 72px;
  _margin:51px 56px 0 36px;
  background:url(../images/design/nuie.jpg) no-repeat 0% 0%;
}

#name a img {
  width:146px;
  height:100px;
}

#flowers {
  position:absolute;
  top:16px;
  left:475px;
  z-index:100;
}

#banner {
  float:left;
  width:697px;
  height:173px;
  margin:11px 0 0 0;
  background:url(../images/design/banner_bottom.jpg) no-repeat 0% 100%;
  z-index:50;
}

#insidebanner {
  float:left;
  width:697px;
  height:173px;
  margin:11px 0 0 0;
  background:url(../images/design/banner2_bottom.jpg) no-repeat 0% 100%;
  z-index:50;
}

#innershell {
  width:971px;
  background:#FEF7E9 url(../images/design/externalholder_bg.jpg) repeat-y 0% 0%;
}

#innershell2 {
  width:971px;
  background:#FEF7E9 url(../images/design/externalholder_bg2.jpg) repeat-y 0% 0%;
}

#holder {
  width:971px;
  min-height:520px;
  height:auto;
  _height:520px;
  background:url(../images/design/holder_bg.jpg) no-repeat 0% 0%;
}

#insideholder {
  width:971px;
  min-height:520px;
  height:auto;
  _height:520px;
  background:url(../images/design/holder_bg2.jpg) no-repeat 0% 0%;
}

#leftpanel {
  float:left;
  width:229px;
  margin:0 0 0 45px;
  _margin:0 0 0 22px;
}

/* Navigation */
#menuholder {
  width:209px;
  margin:-2px 0 0 5px;
}

#vipmenuholder {
  width:209px;
  margin:10px 0 0 5px;
}

#menu {
  width:209px;
  margin:0px;
  background:url(../images/design/menu-top.png) no-repeat 0% 0%;
}

#vipmenu {
  width:209px;
  margin:0px;
  background:url(../images/design/vipmenu-top.png) no-repeat 0% 0%;
}

#menubottom {
  width:209px;
  height:8px;
}

#nav, #nav ul {
  list-style-type: none;
  margin:0px;
  #margin:29px 0 0 0;
  padding:29px 0 0 0;
  #padding:0px;
  width: 209px;
}

#nav ul {
  list-style-type: none;
  margin:0px;
  padding:0px;
  width: 209px;
}

#nav li {
  margin:0px;
  padding:0px;
  position: relative;
  width:209px;
  text-decoration: none;
  list-style-type: none;
}


#nav li ul {
  margin-top:-24px;
  margin-left:209px;
  padding: 0px;
  position: absolute;
  z-index: 995;
  left: -999em;
}

#nav li a {
  color: #FFFFFF;
  text-decoration: none;
  width: auto;
  margin: 0px;
  padding:5px 0 5px 20px;
  display: block;
}

#nav li a:hover {
  color: #FFFFFF;
  text-decoration: none;
  width: auto;
  margin: 0px;
  background:#5E803E;
  display: block;
}

#nav .vip a {
  color: #FFFFFF;
  text-decoration: none;
  width: auto;
  margin: 0px;
  padding:5px 0 5px 20px;
  display: block;
}

#nav .vip a:hover {
  color: #FFFFFF;
  text-decoration: none;
  width: auto;
  margin: 0px;
  background:#5D919B;
  display: block;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li  li.sfhover ul, #nav li li li.sfhover ul { left: auto }

#nav li:hover, #nav li.hover {
  position: static;
}


#subnav, #subnav ul {
  list-style-type: none;
  float:left;
  margin:0px;
  padding:0px;
  width:209px;
  z-index: 995;
}

#subnav li {
  margin:0 0 0 1px;
  padding:0px;
  position:relative;
  width:215px;
 	border:0px;
  background:#476A2C;	
	z-index: 995;
}

#subnav li a {
  color:#FFFFFF;
  text-decoration: none;
  margin:0px;
  padding:5px 0 5px 20px;
  display: block;
}

#subnav li a:hover {
  color: #FFFFFF;
  text-decoration:none;
  background:#5E803E;
  margin:0px;
  display: block;
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { color:#FFFFFF; left: -999em; }

/* End Navigation */

/* Video */
#video {
  width:209px;
  height:217px;
  margin:11px 0 0 5px;
  text-align:center;
  background:url(../images/design/video_bg.png) no-repeat 0% 0%;
}

.borderit {
  margin:60px 0 9px 0;
  border:1px solid #FEE873;
}

.colorit {
  color:#FEE873;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
}

.colorit:hover {
  color:#FEE873;
  font-weight:bold;
  text-align:center;
  text-decoration:underline;
}
/* End Video */

/* Register */
#register {
  width:209px;
  margin:11px 0 0 5px;
}

#register label{
  display:none;
}

.newsinput {
  width:185px;
  margin:7px 0 0 0;
  padding:4px 0 4px 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  border-top:1px solid #B2956D;
  border-right:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  border-left:1px solid #B2956D;
  background:#E9DFCE;
}

.registerbttn {
  width:84px;
  height:22px;
  margin:12px 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  border:0px;
  background:url(../images/design/register_bttn.jpg) no-repeat 0% 0%;
}
/* Registration Form */ 
#mainerror {
  margin:0 0 10px 0;
  color:#DE0202;
  font-weight:bold;
}

.e {
  float:left;
  margin:0 0 0 15px;
  padding:4px 0 0 0 0;
  color:#DE0202;
  font-weight:bold;
}

.label {float:left; width:120px; padding-right:5px; padding-top:5px;}
.regfield {
  float:left;
  width:185px;
  margin:0 0 10px 0;
  #margin:0 0 -10px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  border-top:1px solid #B2956D;
  border-right:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  border-left:1px solid #B2956D;
  background:#E9DFCE;
}

.regfield input {
  width:175px;
  border:0px;
  background:#E9DFCE;
}

.messagebox{
 position:absolute;
 width:100px;
 margin-left:30px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}

.regformbttn {
  margin:10px 0 0 0;
  padding:2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  border:1px solid #F2AE1D;
  background:#F2AE1D;
}

/* End Register */

#middlepanel {
  float:left;
  width:458px;
  margin:40px 0 0 0;
}

#insidemiddlepanel {
  float:left;
  width:697px;
  margin:40px 0 0 0;
}

#listen {
  position:absolute;
  top:171px;
  left:337px;
  width:150px;
  height:45px;
  background:url(../images/design/listen_bttn2.png) no-repeat 0% 0%;
}

*html #listen {
  position:absolute;
  top:171px;
  left:337px;
  background:url(../images/design/listen_bttn2.jpg) no-repeat 0% 0%;
}

#listen2 {
  width:150px;
  height:45px;
  margin:6px 0 6px 0;
  background:url(../images/design/listen_bttn2.png) no-repeat 0% 0%;
}

#welcome {
  display:none;
  margin:0 0 6px 65px;
}

#content {
  width:410px;
  margin-left:auto;
  margin-right:auto;
}

#insidecontent {
  width:649px;
  margin-left:auto;
  margin-right:auto;
  padding:0 0 25px 0;
}

/* Box */

#box {
  width:458px;
  margin:20px 0 25px 0;
  background:#A5AC54 url(../images/design/box_bg.jpg) no-repeat 0% 0%;
}

#flash {
  padding:16px 0 56px 8px;
}

#randomstuff {
  width:458px;
  margin:10px 0 0 0;
  padding:0 0 81px 0;
  background:#A5AC54 url(../images/design/box_bottom.jpg) no-repeat 0% 100%;
}

#featureimage {
  float:left;
  margin:0 0 0 15px;
  _margin:0 0 0 8px;
}

#featuremyth {
  float:left;
  margin:0 0 0 35px;
}

#featuresong {
  float:left;
  margin:0 0 0 40px;
}

/* End Box */

#rightpanel {
  float:left;
  width:239px;
}

/* Login */
#login {
  position:relative;
  width:198px;
  height:155px;
  margin:-67px 0 0 26px;
  z-index:110;
}

#loginform {
  margin:5px 0 12px 0;
}

#login strong{
  color:#FFFFFF;
}

#loginform label{
  display:none;
}

.logininput {
  width:175px;
  margin:7px 0 0 -1px;
  padding:4px 0 5px 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  border-top:1px solid #1F6B68;
  border-right:1px solid #B5E2E6;
  border-bottom:1px solid #B5E2E6;
  border-left:1px solid #1F6B68;
  background:#67B2B0;
}

.loginbttn {
  width:64px;
  height:22px;
  margin:12px 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  border:0px;
  background:url(../images/design/login_bttn.jpg) no-repeat 0% 0%;
}

#login a {
  color:#36422D;
  text-decoration:none;
  position:absolute;
  z-index:9875;
}

#login a:hover {
  color:#36422D;
  text-decoration:underline;
  position:absolute;  
  z-index:9875;
}
/* End Login */

/* Explore */
#explore {
  width:209px;
  height:243px;
  margin:11px 0 0 15px;
  text-align:center;
  background:url(../images/design/explore-niue.jpg) no-repeat 0% 0%;
}
/* End Explore */

/* Vagahau Niue */ 
#vagahau {
  width:209px;
  height:243px;
  margin:11px 0 0 15px;
  text-align:center;
  background:url(../images/design/vagahau-niue.jpg) no-repeat 0% 0%;
}
/* End Vagahau Niue */ 

#footer {
  width:971px;
  height:91px;
  color:#8F8F8F;
  background:#FFFFFF url(../images/design/footer_bg.jpg) repeat-x 0% 0%;
}

#smallflowers {
  width:971px;
  height:67px;
  background:url(../images/design/footer_flowers.png) no-repeat 0% 0%;
}

#smallflowers2 {
  width:971px;
  height:67px;
  background:url(../images/design/footer_flowers2.png) no-repeat 0% 0%;
}

#rights {
  width:971px;
  padding:4px 0 0 0;
  text-align:center;
}

#rights a {
  color:#8F8F8F;
  text-decoration:none;
}

#rights a:hover {
  color:#8F8F8F;
  text-decoration:underline;
}

/* Village Box */
#villagebox {
  width:636px;
  background:#ECEDDA url(../images/design/villagebox_top.jpg) no-repeat 0% 0%;
}

#villageheading {
  width:636px;
  height:72px;
  margin:0 0 20px 0;
  background:#ECEDDA url(../images/design/villagebox_top.jpg) no-repeat 0% 0%;
}

#villageheading h1 {
  float:left;
  margin:0px;
  padding:0px;
  color:#FFFFFF;
  text-transform:uppercase;
}

#goback {
  float:right;
  margin:6px 10px 0 0;
  color:#FFFFFF;
  font-weight:bold;
}

#goback a {
  color:#FFFFFF;
  text-decoration:none;
}

#goback a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}

#villagelist {
  width:594px;
  padding:28px 0 0 21px;
}

#colorbox {
  width:603px;
  height:25px;
  margin:0 0 30px 0;
  padding:7px 0 0 33px;
  position:relative;
  top:20px;
}

#villagebox h1 {
  margin:0px;
  padding:0px;
  color:#FFFFFF;
  text-transform:uppercase;
}

#montage {
  float:left;
  width:381px;
  height:186px;
  margin:0 21px 19px 0;
}

#villagegallery {
  float:right;
  width:192px;
  height:186px;
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;
  text-align:center;
  background:#A32003;
}

#villagegallery img {
  margin:6px 0 14px 0;
  border:1px solid #FBE672;
}

#villagemyths {
  width:579px;
  min-height:45px;
  height:auto;
  _height:45px;
  margin:0 0 3px 0;
  padding:15px 0 0 15px;
  color:#FEE873;
  background:#3E0B4F url(../images/design/click1.jpg) no-repeat 100% 100%;
}

#villagemyths h2 {
  margin:0px;
  padding:0px;
  font-size:14px;
  color:#FFFFFF;
  text-transform:uppercase;
}

#villagesongs {
  width:579px;
  min-height:45px;
  height:auto;
  _height:45px;
  margin:0 0 3px 0;
  padding:15px 0 0 15px;
  color:#FEE873;
  background:#A32003 url(../images/design/click2.jpg) no-repeat 100% 100%;
}

#villagesongs h2 {
  margin:0px;
  padding:0px;
  font-size:14px;
  color:#FEE873;
  text-transform:uppercase;
}

#villagefamilies {
  width:579px;
  min-height:45px;
  height:auto;
  _height:45px;
  margin:0 0 3px 0;
  padding:15px 0 0 15px;
  color:#FEE873;
  background:#B34375 url(../images/design/click3.jpg) no-repeat 100% 100%;
}

#villagefamilies h2 {
  margin:0px;
  padding:0px;
  font-size:14px;
  color:#FEE873;
  text-transform:uppercase;
}

.click {
  float:right;
  margin:-46px 0 0 0;
}

.click img {
  width:193px;
  height:60px;
}

#back2map {
  width:636px;
  margin:20px 0 0 0;
  text-align:center;
}

#villageboxbottom {
  width:636px;
  height:9px;
  background:url(../images/design/villagebox_bottom.jpg) no-repeat 0% 100%;
}

/* End Village Box */

/* Myths and Legends */
.mythholder {
  margin:0 0 10px 0;
  padding:6px 6px 20px 6px;
  background:url(../images/design/border.gif) no-repeat 0% 100%;
}
/* End Myths and Legends */

/* Songs */
.songholder {
  margin:0 0 15px 0;
  padding:0 0 20px 0;
  background:url(../images/design/border.gif) no-repeat 0% 100%;
}

.filename {
  float:left;
  margin:12px 10px 0 60px;
}

*html .filename {
  margin:12px 10px 0 30px;
}

.lyricsArea {
  width:635px;
  height:200px;
  margin:10px 0 0 0;
  overflow:auto;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #F6F6F6;
  scrollbar-shadow-color: #999999;
  scrollbar-3dlight-color:transparent;
  scrollbar-arrow-color: #555555;
  scrollbar-track-color: #F6F6F6;
  scrollbar-darkshadow-color: #FFFFFF;
}

.closeit {
  display:none;
}

/* End Songs */

/* Families */
.familiesholder {
  float:left;
  width:180px;
  height:100px;
  margin:0 10px 10px 0;
  padding:6px;
  border:1px solid #8F8F8F;
}
/* End Families */

/* Gallery/Video */
.galleryitem {
  float:left;
  margin:0 10px 10px 0;
  padding:4px;
  background:#CBE4E1;
}

.picgalleryitem {
  float:left;
  margin:0 10px 10px 0;
  padding:4px 4px 3px 4px;
}

.picgalleryitem img {
  border:1px solid #FBE672;
}
/* End Gallery/Video */

/* Login Css */
#secure {width:350px; text-align:center;}
#secure p {text-align:left;}
.loginnamefield  label {display:none;}
.loginnamefield {float:left; padding-top: 8px; width: 90px;}
.logininputfield {
  float:left;
  width:185px;
  margin:4px 0 0 0;
  padding:4px 0 4px 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  border-top:1px solid #B2956D;
  border-right:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  border-left:1px solid #B2956D;
  background:#E9DFCE;
}

.securebttn {
  float:left;
  margin:10px 0 0 90px;
  padding:2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  border:1px solid #B2956D;
  background:#E9DFCE;
}
/* End Login Css*/

/********************************* LiveValidation *************************************/

.learningbox {
  margin:0 0 10px 0;
  padding:0 0 40px 0;
  background:url(../images/design/border.gif) no-repeat 0% 100%;
}

.learningbox h3 {
  margin:0px;
  padding:0px;
  font-size:14px;
  font-weight:bold;
}

.test {
  text-indent:-999px;
}

.close {
  width:100px;
  padding:10px 0 0 0; 
  cursor:pointer
}

.liveinput{
  float:left;
  width:150px;
  margin-top:2px;
  padding:2px;
  border:1px solid #aaaaaa;
  background:#FFFFFF url(../images/design/inputBg.gif) top left no-repeat;
}

.liveinput2{
  float:left;
  margin:2px 0 0 10px;
  border:1px solid #aaaaaa;
  background:#FFFFFF url(../images/design/inputBg.gif) top left no-repeat;
}

.LV_valid {
  color:#00CC00;
  background:url(../images/design/tick.png) no-repeat 0% 50%;
}
	
.LV_invalid {
	color:#CC0000;
	background:url(../images/design/cross.png) no-repeat 0% 50%;
}
	
.LV_validation_message{
  float:right;
    height:16px;
    width:280px;
    font-weight:bold;
    margin:0 0 0 5px;
    padding:4px 0 0 16px;
}
 
  
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    /*border: 1px solid #00CC00;*/
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

/********************************* LiveValidation *************************************/

.nothing {
  clear:both;
  margin:0px;
  padding:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */