/* @override http://www.mapanui.com/css/map.css */

/* Reset Document */
body, div, dl, dt, dd, ul ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td{ margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
ol,ul {list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var{ 
font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border:0; }
caption, th { text-align:left; }
q:before, q:after { content: ''; }
/* End Reset Document */

html{	height: 100%;}
body{
	background:#ccc url(../img/bg.gif) repeat-x;
	text-align: center;
	font:normal 1em Calibri,'Lucida Grande','Trebuchet MS',helvetica,verdana,arial,sans-serif;
	height: 100%;	/*height:100.1%;min-height:101%;*/
}

#wrap{	position: relative;
	margin-left: 9%;
	margin-right: 9%;
	text-align: left;
    min-height:100.1%;
}
* html #wrap {    height: 100%;}

h1{
	height: 79px;
	width:189px;
	background: url(../img/mapanui_site_logo.gif) no-repeat ;
}
h1 span{
	margin-left: -9999px;
}

h2{
	color:#fff;
	font-size:1.8em;
	width: 70%;
	line-height:1.4em;
	float: left;
}
h2 span{
	background-color: #A5D93E;
	padding: 5px;
}

h3{
	margin-top: 5px;
}
p{
	margin: 10px 0;	
}

#header{
	height:90px;
}

#header #navigate{
	list-style:none;
	padding:0;
	margin: 0;
	float: right;
	position: absolute;
	top: 50px;
	right: 0;
	background-color: #333;
}
#header #navigate li{
	float:left;
	padding:5px;
	color: #fff;
}
#header #navigate li a{
	color: #fff;
}
#banner{
	background-color: #A5D93E;
	min-height:380px;
	width:100%;
	_height:380px;
}
#banner h2{
	font-size:2.0em;
	width:auto;
	padding:15px 100px 5px 25px;
}
#bannerhud{
	position:absolute;
	top:150px;
	right:60px;
	zoom:1;
}
#bannerfree{
	position:absolute;
	top:90px;
	right:0px;
	zoom:1;
}
#nosignup{
	padding: 10px 40px;
	zoom:1;
}
#banner ul{
	width:auto;
	padding: 0 410px 0 40px;
}
#banner li{
	font-size:1.1em;
	padding:5px 0;
	background:url(../img/mapanui_site_divdr.gif) left top repeat-x;
}
#banner li.last{
	font-size:0.1em;
	padding:0;
}
#content{
	float: left;
	width: 70%;
	min-height: 300px;	
	padding-bottom:0px;
}
#homepage #content{
	width: 100%;
	clear: both;
}
* html #content{	padding-bottom:90px;}

#content a{
	color: #000;
	background-color: #f9f9f9;
	padding: 1px;
}
#abookmarklet{
	float: left;
	width: 50%;
	min-width: 250px;
	padding-bottom: 20px;
}
#aninteractivelink{
	float: right;
	width: 49%;
	min-width: 250px;	
	padding-bottom: 20px;
}
#abookmarklet hr,
#aninteractivelink hr{
	padding: 0;
	margin: 5px 0;
	height: 2px;
	border: 0;
	width: 100%;
}
#abookmarklet hr{
	background:url(../img/mapanui_site_divdr.gif) left top repeat-x;
}
#aninteractivelink hr{
	background:url(../img/mapanui_site_divdr2.gif) left top repeat-x;
}
#abookmarklet h3,
#aninteractivelink h3{
	width: 100%;
	height: 32px;
}
#abookmarklet h3 span,
#aninteractivelink h3 span {
	font-size: 1.6em; 
	margin: 5px 0;
	padding: 10px 10px;
	line-height: 1.8em;
	position: absolute;
	left: -9999px;
}
#abookmarklet h3{
	width: 100%;
	background: #A5D93E url(../img/mapanui_site_ttl_bookmarklet.gif) no-repeat;
}
#aninteractivelink h3{
	width: 100%;
	background: #3cb7ff url(../img/mapanui_site_ttl_floatmap.gif) no-repeat;
}
#abookmarklet p,
#aninteractivelink p{
	font-size: 1em;
	margin: 5px 0;
	padding: 5px 20px;
}


#section1{
}
.section{
	position: absolute;
	top: 110px;
	right: 9%;
	width: 25%;
	float: right;
	margin-right: 10px;	
}
legend span{
	margin-left: -9999px;
	background-color: #88fcbb;
}
#microf{
	width: 560px;
}
#sample{
	height: auto;
	min-height: 10px;
	padding: 5px;
	border: 1px solid #333;
	background-color: #ddd;
}
.note{
	margin-top: 10px;
	font-size: 0.9em;
	font-style:italic;
}
.note a{
	background-color:none;
}
.note strong{
	text-transform: uppercase;
}
em{
	font-style: italic;
}

#footer{
	position: relative; 
	margin: -7.5em auto 0 auto;
	background-color:#333; 
	border-top:1px solid #fff; 
	font-size: 0.8em;
}
#footwrap{ padding: 0 9% 5px 9%; text-align: left;}
#footwrap ul { margin: 0; padding: 0; list-style: none; clear: both;}
#footwrap li { margin: 0;float:left; padding: 0 8px 0 0;}
#footwrap li span{}
#footwrap p{padding: 2px;margin: 0;color: #e4e4e4;}
#footwrap a:link,
#footwrap a:visited,
#footwrap a:hover,#footwrapa:active{color:#fff; line-height:2em;}
#footwrap a:hover{text-decoration: underline;}
* html #footer{margin-top: -7.4em;}

#homepage #footer,
#integratepage #footer,
#bookmarkletpage #footer,
#aboutpage #footer{
	margin: 0 auto 0 auto;
}
dt{
	font-size:1.6em;
	margin-top: 40px;
}
dt#intgrlnk span,
dt.uneven span{
	background-color: #A5D93E;
	padding: 5px;
	margin-top: 20px;
}
dt#bkmrklt span,
dt#whereis span,
dt.even span{
	background-color: #3cb7ff;
	padding: 5px;
}
dd{
	margin: 10px 8px;
}
.clear{clear:both;}
* html .clear{ margin-bottom: -2px; zoom:1; height:1px; font-size:0.01em;}
hr.clear{display:block;clear:both;visibility:hidden;height:0;border-width:0;margin:0;padding:0;zoom:1}
#mugshot{
	border: 8px solid #fff;
}

#blogbody #content{
	width: 100%;
	clear: both;
}
#blogbody .post{
	width: 73%;
	float: left;
}
#blogbody h2{
	width: 99%;
	clear: both;
}
#blogbody #sidebar{
	width: 26%;
	float: right;
}
#blogbody .navigation{
	width: 100%;
	height: 40px;
	clear: both;
}
#blogbody .navigation .alignleft{
	position: relative;
	float:left;
	width: 47%;
}
#blogbody .navigation .alignright{
	position: relative;
	float:right;
	text-align: right;
	width: 47%;
}
#blogbody .nocomments{
	clear: both;
}
#blogbody #footer{
	width: 100%;
}

#xtra0{}