/*						
						
-----------------------------------------------------------						
						
Theme Name: OWHATA						
						
-----------------------------------------------------------						
						
*/						
						
						
/**************** Body and tag styles ****************/						


.mymap {border: solid 1px #999;
}
#mymap {border: solid 1px #999;
        margin: 10px 0px 0px 20px;
}
.story {					
	margin: 0px 0px 0px 20px;								
}

						
.staff { 	
	border:solid 0px #990000;
	padding: 5px 10px 10px 10px;					
	margin: 2px 150px 2px 20px;								
}
.staff li { 	
	height:100px;							
}
.staff H4 {					
	font-family: Arial, Verdana, Helvetica, sans-serif;			font-size: 18px; 					
	font-weight: bold;							
}
.staff H5 {					
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px; 							
}
.staff img{ 	
	border:solid 1px #666;					
	float: left; 					
	margin:0px 10px 0px 6px;					
}								
						
						
body { 							
	color:#333333;  				
	font: 80% Arial, Sans-Serif; 			
	background:  url(./images/bg.jpg) repeat-x;
	line-height: 1.4em; 						
	margin:0px 0px 0px 0px; 				
}						
.content { 			
	color: #ccc; 					
	background:  url(./images/mainbg.jpg) no-repeat top;		
         margin: auto;					
	width: 955px;					
}						
						
/* HEADER -----------------------------------------------------------------------------------------------------------*/						
#top {					
	background: url(./images/top.jpg) no-repeat top;	
	margin:  1px 0 0 0 ;
	height: 45px;					
	width: 955px;					
}						
#top .padding { 						
	color: #0066ff;						
	font-size: 90%;						
	float: right;					
	padding: 15px 25px 0 0;			
}						
#top a { 						
	color: #E0F5FF; 					
}						
#header { 				
	color: #FFF; 		
	background: (./images/header.jpg) left no-repeat  ;
	width: 955px;					
}										
#header .f_search { 						
	float: right; 					
 }						
#header .title {						
	padding: 53px 1px 0px 10px; 				
	margin: 0 0 0 20px; 					 						
 }				
						
#header h1 {						
	font-family: Arial, Verdana, Helvetica, sans-serif;					
	font-size: 22px; 					
	font-weight: bold;				
}						
#header h2 {						
	color:  #075181 ;						
	font-family: Arial, Verdana, Helvetica, sans-serif;			font-size: 12px; 					
	//background-image: none;				
}						
#header div#search {						
	float: right;					
	width: 120px;					
}						
						
/* FORMS---------------------------------------------------------------------------*/						
form.qs {						
	position:relative;					
	top:0px;					
	right:40px;					
	text-align:right;					
	padding:0px;					
	margin:0px;					
}						
form.qs p {						
	font-size:11px;					
	font-weight:normal;					
	padding:0px;					
	margin:0px;					
	color:#000000;					
	background-color:transparent;					
}						
form.qs input.button {						
	font-size:8px;					
	font-weight:normal;					
	width:25px;					
	color:#000000;					
	background-color: #f9f9ff;					
	border:solid 1px #c0d3e2;					
	padding:0px;					
	margin:0px;					
}						
form.qs input.textfield {						
	font-size:12px;					
	font-weight:normal;					
	padding:1px;					
	margin:0px;					
	color: #ffffff;					
}						
						
/* SUBHEADER (Horizontal)---------------------------------------------------------------------------*/						
#subheader { 				
	height: 20px;
	margin-left: 25px;   					
}						
#subheader .padding { 						
	padding: 1px 15px 10px 10px;					
}						
#subheader h2 { 						
	color: #FEAB06;					
 }						
#subheader a {						
	color: #FECF5F;					
              	border: solid 1px #222; 					
} 						
#subheader a:hover {						
	color: black;					
	text-decoration:none  ;					
              	border: solid 1px #666;					
              	background: #c4ff88 ;					
} 						
#subheader a:focus {						
	color: #666;					
              	border: solid 1px #888;					
} 						
						
/* NAVIGATION						
---------------------------------------------------------------------------------------------------------------------------------------------------*/						
.nav3 { 				
	border: 2px solid #22dd44;
    background:#003366 repeat-x;
    font-size:14px;
    font-family:arial,sans-serif;
    width:80%;				
}						
.nav3 h2 { 									
	color:#075181;					
	font-size:140%; 					
	font-weight:bold; 
	margin: 15px 0 5px 0px; 					
	padding:0 0 0 0; 					
}						
.nav3	ul {
	border: 2px solid #22dd44;
    float:left;
    list-style:none;
    line-height:20px;
    padding: 0 0 0 0px;
    border:0px solid #aaa;
    margin: 0 0 0 12px;
    width:700px;
    }					
.nav3 li { 						
	margin: 5px 0 0 0; 					
	padding: 5px 0 0 0; 					
	border-bottom: 1px dotted #ccc; 				
	list-style: none;					
}						
.nav3 li a { 						
	color: #546078; 					
	text-decoration: none;  					
	padding: 5px 0 0 0; 					
	display: block; 					
	margin-bottom: 1px;					
}						
.nav3 li a:hover { 						
	color: #075181;					
	 text-decoration: none; 					
	background: #E5F6FF; 					
	display: block; 					
	margin-bottom: 1px;					
}						
						
/* MAIN						
---------------------------------------------------------------------------------------------------------------------------------------------------*/						
#main {  					
	width: 900px; 					
	margin:  0 30px 0 25px; 
	padding: 10px 0 0 5px;				
	color: #808080;  					
} 						
#main .right_side { 						
	float: right;					
	padding: 0 15px 0 15px;					
	width: 200px; 					
	margin:5px 0 0 0;					
}						
#main .right_side .hitems { 						
	padding: 0; 					
	margin: 0; 					
}						
#main .right_side .hitems ul { 						
	margin: 25px 0 5px 0; 					
	padding : 0; 					
	color: #a90000;					
	list-style-image: url(./images/arrow.gif);				
}						
						
#main .right_side .hitems li { 						
	margin: 0 0 2px 20px;					
	padding: 0 0 0 0px;					
	color: #555;					
}						
#main .left_side { 						
	float: left; 					
	width: 620px; 					
	background: url(./images/contentbg.jpg) repeat-x;	
        padding:0px 5px 0 10px; 					
	margin:35px 0 0 0;					
}
				
#main h3 {  						
	font: 100% Arial, Sans-Serif; 					
	margin: 0 0 10px 0px; 					
	padding: 0; 					
	color: #5f5f5f; 
	font-weight: 600;							
}	
#main h4 {  						
	font: 120% Arial, Sans-Serif; 					
	margin: 0 0 10px 0px; 					
	padding: 0; 					
	color: #990000; 						
	border-bottom: 1px solid #036CB4;					
}		
#main h5 {  						
	font: 120% Arial, Sans-Serif; 					
	margin: 0 0 10px 0px; 					
	padding: 0; 					
	color: #990000; 						
	border-bottom: 1px solid #dddddd;					
}						
#main .box  {								
	padding: 5px; 					
	border: 1px solid #ccc;					
}						
#main .right_side ul { 						
	margin: 5px 0 5px 0; 					
	padding : 0; 					
	list-style : none; 					
	border-bottom: 0px solid #eee; 					
	list-style-type: square;					
	color: #a90000;					
}						
#main .right_side li { 						
	margin: 0 0 2px 15px;					
	padding: 0 0 0 0px;					
	color: #555;					
}						
#main .right_side  .padding {						
	margin: 0 0 20px 15px;					
	padding: 0 0 0 0px;					
	color: #555;					
}						
						
/* POST INFO						
---------------------------------------------------------------------------------------------------------------------------------------------------*/						
						
.entry-footer {						
	color:#ccc;					
	font-size:12px;					
	text-align:right;					
	margin:0 0 20px;					
	padding:4px 2px 2px;					
	}					
					
						
					
						
					
						
/* COMMENTS						
---------------------------------------------------------------------------------------------------------------------------------------------------*/						
						
#comments, #respond{						
	margin: 2em 0 0 5px;					
}						
.commentlist {						
	margin:10px;					
	padding:10px 20px;					
}						
#commentform {						
	margin:10px;					
	padding:10px;					
}						
.commentlist {						
	margin: 0;					
	padding: 0;					

}						
.commentlist li {						
	list-style:none;					
	margin: 0.5em 0;					

	padding: 0.5em;					
	background:none;					
}						
.commentlist li .cmtinfo {						
	font-size:1em;					
	border-bottom: #ccc 1px solid;					
}						
.commentlist li cite {						
	font-style:normal;					
	font-weight:bold;					
}						
.commentlist li .cmtinfo em {						
	float:right;					
	margin:0;					
	padding:0;					
	font-style:normal;					
	font-size:0.9em;					
	color:#999;					
}						
.commentlist .alt {						
	background:#f9f9f9;					
}						
						
						
						
						
						
						
						
						
/*---  TEXT ELEMENTS       ---------------------------------------------*/            						
						
						
				
input.textbox, textarea, select{						
    font-size:1.1em;						
    line-height:1.3em;						
    border-top:1px solid #7c7c7c;						
    border-left:1px solid #c3c3c3;						
    border-right:1px solid #c3c3c3;						
    border-bottom:1px solid #ddd;    						
    width:80%;						
    background:#fafafa;						
}						
						
#content, #footer, .widget {						
    overflow: hidden;						
}						
						
						
						
						
						
/* FOOTER						
---------------------------------------------------------------------------------------------------------------------------------------------------*/						
#footer { 						
	clear:both;					
	height: 100px;					
	color: #E0F5FF;  					
	background:  url(./images/footer.jpg) top no-repeat; 					
	font-size:90%; 					
	padding: 0; 					
	text-align:center; 					
}						
#footer .padding { 						
	padding: 5px 0px 0px 0px;					
}						
#footer .right { 						
	float:right; 					
	clear:right; 					
	text-align:right; 					
}						
						
#footer a { color: #aaaaaa; }		
#footer img { 						
	padding: 5px 0px 0px 0px;	
	border: none;				
}										
						
/* Top Menu						
---------------------------------------------------------------------------------------------------------------------------------------------------*/						
#menu {						
border: 12px #333 solid;           xxxxxxxxxxxxxxxxxxxxxxxxxxxxx	
background: #000 ;					
	width: 760px;					
	height: 35px;					
	margin: 0;					
	padding: 2px 0 0 20px; 					
}						
#menu ul { 						
	margin:0; 					
	list-style:none; 					
	padding: 5px 0 0 20px; 						
}						
#menu a, #nav strong, #nav span { 						
	float:left; 					
	display:block; 					
	color:#fff; 					
	padding: 5px; 					
	text-decoration:none;  
border: 12px #333 solid;           xxxxxxxxxxxxxxxxxxxxxxxxxxxxx					
}						
#menu a { 						
	float:none;					
	padding: 1px 8px 1px 8px; 					
	color:#fff; 					
	display:block; 					
	text-decoration:none;					
	float:left;  					
	border: solid 1px #666; 					
 }						
#menu li {						
	 float:left; 					
	color: #FFF; 					
	background: #33000; 					
	margin:0; 					
	padding:0 10px 0 0px; 	
border: 12px #333 solid;           xxxxxxxxxxxxxxxxxxxxxxxxxxxxx				
}						
#menu a:hover {  						
	text-decoration:underline;					
}						
#menu .padding { 						
	padding: 5px 0 0 10px; 					
	font-weight: bold; 					
}						
/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/						
input.search { 						
	width: 150px; 					
	border: 1px solid #075181; 					
	color: #666; 					
}						
input.submit { 						
	background: none; 					
	color: #075181;					
	font: bold 1.1em Arial, Verdana, Helvetica, sans-serif; 					
	border: 0;					
}						
input.search:hover {						
	background: #FFFFF4; 					
}						
ulx { 						
	margin-left: 0; 					
	padding-left: 5px; 					
	list-style : square; 					
}						
lix { 						
	margin: 0 0 2px 15px; 					
	padding: 0 0 0 0px;					
	color: #555;			
	border: 1px solid #075181;      xxxxxxxxxxxxxxxxxxxxxxxxx				
}						
.sub  {						
	margin: 0 0 2px 30px; 					
	padding: 0 0 0 0px;  					
	color: #888;					
}						
p { 						
	margin: 0 0 20px 0; 					
	padding: 0; 					
	color: #333333; 						
	background: none;						
} 						
a { 						
	color: #075181; 					
	background: none;						
	text-decoration:none;					
}						
a:hover { 							
	background: none;					
	 text-decoration:underline;					
}						
h1 { 						
	padding:0; 					
	margin:0; 					
	color: #FFF; 						
	background: none;					
	font: bold 1.8em Arial, Sans-Serif; 					
	letter-spacing: -1px;					
}						
h1 a { 						
	color: #FFF; 						

	background: none;						
}						
h2 { 			
	color:#075181;					
	font-size:140%; 					
	font-weight:bold; 					
	margin: 5px 0 15px 0px; 					
	padding:0 0 0 0; 					
}						
h2 a { 							
	background: none;							
        color: #333333 ;						
}						
h2 a:hover {						
	background: none;						
	color: #336699 ; 					
	text-decoration:none;  					
}						
fieldset {						
	border: 1px solid #075181; 					
}						
textarea.text { 						
	height: 150px; 					
	width: 90%; 					
	border: 1px solid #A90077; 				
	background: none;				
	color: #354D5F;					
}						
textarea.text:hover { 						
	border: 1px solid #A70000; 					
	background: #FFFFF4; 					
	color: #000;					
}						
input.field { 						
	border: 1px solid #075181; 					
	background-color: #FFFFFF; 					
	width: 283px; 					
	color: #000;					
}						
input.field:hover { 						
	border: 1px solid #68ADD5; 					
	background: #FFFFF4; 					
	color: #000;					
}						
input.text { 						
    	border: 1px solid #A70000; 					
	margin: 0; 					
	width: 150px;					
	background: inherit;					
	color: #000; 					
	padding: 4px;					
}						
input.text:hover { 						
	border: 0px solid #68ADD5; 					
}						
.date { 						
	color: #808080; 					
	background: #FFFFFF;					
	text-align: right; 					
	margin: 4px 0 5px 0; 					
	padding: 0.4em 0 0 0; 					
	border-top: 1px solid #eee;					
}						
.comments { 						
	padding: 10px 10px 8px 10px; 					
	margin: 0 0 7px 0; 				
	background: none;						
	color: #000;					
}						
.commentsbox { 						
	padding: 8px 0 10px 10px; 					
	margin: 0 0 10px 0; 				
	background: none;	 					
	color: #000;					
}						
.error {						
	color: #990000;					
	background-color: #FFF0F0;					
	padding: 7px;					
	margin-top: 5px;					
	margin-bottom: 10px;					
	border: 1px dashed #990000;					
}						
.error h2 {						
	color: #990000;					
	background: none;					
}						
.success {						
	color: #000000;					
	background: #F5FBE1;					
	padding: 7px;					
	margin-top: 5px;					
	margin-bottom: 5px;					
	border: 1px dashed #7BA813;					
}						
.success h2 {						
	color: #7BA813;					
	background: inherit;					
}						
/* -------XTRA--------------------------------------------------------------------------------------------------------------------------------------------*/						
						
.mymap {						
	border: solid 1px #999;					
}						
#mymap {						
	border: solid 1px #999;					
        	margin: 0px 0px 0px 50px;					
}						
.staff {						
	//border: solid 1px #999;					
        //	padding: 5px 10px 10px 10px;					
	//margin: 2px 150px 2px 20px;					
}						
.img {						
	padding: 0 8px 8px 0;					
	float: left;					
}						
.img2 {						
	padding: 0 0 3px 3px;					
	float: right;					
}						
img { 						
	border: solid 1px #003399;					
	padding: 0 0 0 0;					
	margin: 2px 2px 0px 2px;					
}						
.contact {  						
	padding:0; 					
	font: 90% Arial, Sans-Serif; 					
	color:#555555;					
	line-height: 1.4em;					
        	margin: 0 0 10px 0;					
}						
.toplink{ 						
	border: solid 0px #003399;					
	padding: 0 0 0 0;					
	margin: 1px 270px 10px 0; 					
	color:#555555;					
	text-align:right;					
	font: 90% Arial, Sans-Serif;					
}						
.toplink a{ 						
         	border: solid 0px #003399;					
	color:#555555;					
}						
.toplink a:hover{ 						
	border: solid 0px #003399;					
	color:#999999;					
}						
.credits{	    					
	color:#ffffff;					
	font: 0% Arial, Sans-Serif;					
}	 

.img2 {
	border: none #FFFFFF;
	padding: 0 0 3px 3px;
	float: center;
}   					
	
.img3 {
	border: none ;
	padding: 0 0 3px 3px;
	float: right;
}   	
#table3 .td{
	border-top: 1px solid #555 ;
}   	
#s {						
	background: #003366 ;
        color: #ddd;					
	font: 110% Arial, Sans-Serif;				
	padding-left:10px;					
}
.editlink img {
	border: none;
}

#suckerfishnav {
    background:#003366 repeat-x;
    font-size:14px;
    font-family:arial,sans-serif;
    font-weight:normal;
    width:80%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:0;
    border:0px solid #aaa;
    margin: 4px 0 0 24px;
    width:700px;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:126px;
    font-weight:normal;
    margin:0;
    line-height:20px;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:125px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-family:arial,sans-serif;
    }
#suckerfishnav li li a {
    padding:2px 10px;
    width:110px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-5px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#ffcc00;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#111111;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#111111;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#003366;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#ffcc00;
    }