body {background-color: #000000; color: #80FFFF; font-family:  Verdana, Arial, Helvetica}
font {family:Verdana, Arial, Helvetica} 
 
A:link { color: white; text-decoration:underline}
A:visited { color: red; text-decoration:underline}
A:hover { color: #00FF00; text-decoration:underline}


H1 {font-size: 20pt; font-style: bold; font-family:  Verdana, Arial, Helvetica} 
H2 {font-size: 16pt; font-style: bold; font-family:  Verdana, Arial, Helvetica} 
H3 {font-size: 12pt; font-style: bold; font-family:  Verdana, Arial, Helvetica} 
H4 {font-size: 10pt; font-style: bold; font-family:  Verdana, Arial, Helvetica} 
H5 {font-size: 10pt; font-style: bold; font-family:  Verdana, Arial, Helvetica} 
H6 {font-size: 8pt; font-weight: lighter; font-family:  Verdana, Arial, Helvetica}

#header {
width:778px;
background-color:#000;
color:#FFF;
height:129px; 
padding-left:1px;
}

#topbox {
 position:relative; 
width:773px;
background-color:#000;
color:#FFF;
height:126px; 
padding-left:1px;
}

#topbanner {
/* position:relative; 
background-color:#000;
*/
width:769px;
padding-left:1px;
padding-right:1px;
padding-top:1px;
padding-bottom:6px;
font-size:12pt;

}


#topmenu {
float:left;
width:771px;
background-color:#000;
padding-left:1px;
padding-top:0;
padding-bottom:0;
height:20px
}

#topMaoriDate {
float:left;
width:538px;
background-color:#000;
padding-left:2px;
padding-top:4px;
padding-bottom:0;
font-size:10pt;
font-weight:bold;
padding-left:1px;
}

#topUserNum {
float:left;
width:231px;
background-color:#000;
color:#FFF;
padding-right:1px;
padding-top:4px;
padding-bottom:0;
font-size:10pt;
font-weight:bold;
}

#main1 {
width:779px;
margin:0;
padding:0
}

#main2 {
margin:0;
padding:0
}

#left {
float:left;
width:142px;
margin:0;
padding:0
}

#right {
float:right;
width:142px;
margin:0;
padding:0
}

#middle {
margin:0 142px
}

#left200 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px;   FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 200px; PADDING-TOP: 0px}
#right200 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px;   FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 206px; PADDING-TOP: 0px}
#middle200 {MARGIN: 0px 206px;}

.column-in {
margin:0;
padding:0.5em 2px
}

.cleaner {
clear:both;
font-size:1px;
background:none transparent scroll repeat 0 0;
height:1px;
border-style:none;
margin:0;
padding:0
}

#maincontainer{
width: 779px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}


#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn200{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}
.innertube{
margin: 2px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#leftcolumn200{
float: left;
width: 200px; /*Width of left column*/
margin-left: -779px; /*Set left margin to -(MainContainerWidth)*/

}

#footer{
clear: left;
width: 100%;

padding: 2px 0;
}

P {
margin:0.5em 0
}

H1 {
font-size:20pt;
font-weight:700
}

H2 {
font-size:16pt;
font-weight:700
}

H5 {
font-size:10pt;
font-weight:700
}

LI {
font-weight:700
}

.infoboxHolder {
float:left;
width:491px
}

.infobox {
border:#FF0000;
font-size:14px;
border-style:outset;
border-width:4px
}

.infoboxMiddleLt {
border:#A56131;
font-size:14px;
width:236px;
float:left;
border-style:outset;
border-width:4px
}

.infoboxMiddleRt {
border:#A56131;
font-size:14px;
width:236px;
float:right;
border-style:outset;
border-width:4px
}

.InfoBoxHeader {
height:25px;
color:#000;
background:#fff;
font-size:14px;
font-weight:700
}

.infoboxexplain {
color:red;
font-size:12px;
font-weight:700
}

.infoboxsmallboldtxt {
font-size:12px;
font-weight:700;
padding:5px
}

.infoboxsmalltxt {
font-size:12px;
font-weight:400;
padding:5px
}

A.top:hover {
color:#0F0;
text-decoration:underline;
font-weight:700;
font-size:16px
}

A.top:active {
color:lime;
text-decoration:underline;
font-weight:700;
font-size:16px
}

.chromestyle{
width: 99%;
font-weight: bold;
font:12px Verdana;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background-color: #FFFFFF ;
/*background: url(chromebg.gif) center center repeat-x; THEME CHANGE HERE*/
padding: 2px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #000000;
padding: 2px 0px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
/*background: url(chromebg-over.gif) center center repeat-x; THEME CHANGE HERE*/
background-color: #000000 ;
color:#FFFFFF;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #FFFFFF;/* bg col for the dropdowns*/
width: 100px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #000000;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #000000 ;
color:#FFFFFF;
}


.announcebox {
-moz-border-radius:8px;
background-color:#c0c0c0;
width:757px;
border-color:#FF0000;
border-style:solid;
border-width:4px;
color:#fff;
font-size:14px;
font-weight:700;
padding:5px
}

.google728x90 {
width:728px;
height:90px;
background:#fff;
border:1px solid #FF0000;
}

.google728x15 {
width:728px;
height:15px;
background:#fff;
border:1px solid #FF0000;
}

.google486x60 {
width:468px;
height:60px;
background:#FFFBCE;
border:1px solid #F7DBA5
}

.google486x15 {
width:468px;
height:15px;
background:#FFFBCE;
border:1px solid #F7DBA5
}

.google120x240 {
width:120px;
height:240px;
background:#FFFBCE;
border:1px solid #F7DBA5
}

.google120x600 {
width:120px;
height:600px;
background:#FFF;
border:1px solid #FF0000
}

.google200x200 {
width:200px;
height:200px;
background:#FFFBCE;
border:1px solid #F7DBA5;
float:right
}

.google200x90 {
width:200px;
height:90px;
background:#FFFBCE;
border:1px solid #F7DBA5;
float:right
}

#homeimg {
width:30px;
height:23px;
background-image:url("http://images.maori.org.nz/MON/images/whare.gif")
}

#BannerImg {
width:570px;
height:60px;
background-image:url("../banner/whakaahua.jpg")
}

#BannerHighTek {
width:468px;
height:60px;
background-image:url("http://images.maori.org.nz/MON/banner/hightek.jpg")
}

.hokohoko {
background:url('http://images.maori.org.nz/MON/css_sprite_images/hokohoko_books_whakairo.jpg');
border:2px solid gray
}

A.top:link,A.top:visited {
color:#FFF;
text-decoration:underline;
font-weight:700;
font-size:16px
}

.chromestyle ul li a:hover,.dropmenudiv a:hover {
background-color:#000;
color:#FFF
} 

.MMMProds {
background:url('http://images.maori.org.nz/xsiteincludes/stars/MMMProds2.gif');
}


.announcebanner {
background-color:#FFFF33;
width:760px;
border-color:#FF0000;
border-style:solid;
border-width:4px;

}
.announcebannerlink {
text-decoration:none; 
}