* {
  margin: 0;
  padding: 0;
  }

body {
	font-size:100%;
	font-family: Verdana, 'Lucida Grande', Verdana, sans-serif;
	text-align:center;
	background-color: #003;
	background-image: url(../bilder/images/stripe-q.png);
}


#page {width:992px; margin:0px auto; text-align:center;}

#header {
	height:141px;
	width:992px;
	text-align:left;
	background-color: #003;
	background-image: url(../bilder/images/stripe-q.png);
}

#logo {
	background-image: url(../bilder/images/makani.png);
	background-repeat: no-repeat;
	background-position: left;
	text-align:left;
	letter-spacing:0px;
	text-shadow:0px 0px 8px #000;
	font:44px Georgia, Arial, "Times New Roman", Times;
	margin-left:10px;
	margin-top:20px;
	color:#FFF;
	width:364px;
	height:120px;
	float: left;
}

.green {
	color:#FFF;
}

#slogan {
	text-align:left;
	margin-left:100px;
	font:14px Georgia, Arial, "Times New Roman", Times;
	letter-spacing:0px;
	color:#FFF;
}


/* TOP NAVIGATION BAR */
#nav {
	width:610px;
	float:left;
	margin-top:106px;
}

#nav-menu {
	/*	background:url(images/navbar-bg.gif) repeat-x top left; */
	background-color:#38AAE1;
	height:35px;
	width:575px;
	float: left;
}

#nav-menu-left {
  background:url(../bilder/images/navbar-left.gif) no-repeat top left;
  width:27px;
  height:35px;
  float: left;
}

#nav-menu-right {
  background:url(../bilder/images/navbar-right.gif) no-repeat top left;
  width:27px;
  height:35px;
  float: left;
} 

#nav-menu ul {
  list-style:none;
}
  
#nav-menu ul a {
/*	background-image: url(images/navbar-divider.gif);  */
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 12px;
	padding-left: 12px;
	padding-top:0px;
	display: block;
	line-height: 34px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #000030;
}
	
#nav-menu ul a:hover {
	/*	background:url(images/navbar-bg-a.gif) repeat-x top left; */
/* 	background-color:#FFF; */
	text-shadow:0px 0px 6px #FFF;
	color: #fff
}
 
#nav-menu li {
  float:left;
}
/* END NAVIGATION BAR */

/* Large header image of grass and flower, with slogans */
#header2 {
	width:992px;
	height:200px;
	text-shadow:1px 1px 1px #000;
	background-image: url(../bilder/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#header2-slogan1 {
  font:48px Georgia, Arial, "Times New Roman", Times;
  padding:28px 0px 0px 30px;
  color:#FFF;
  text-align:left;
  letter-spacing:-1px;
}
#header2-slogan2 {
  font:18px Georgia, Arial, "Times New Roman", Times;
  padding:0px 0px 0px 720px;
  color:#FFF;
  text-align:left;
}
/* end large header */

/* clears all floated elements */
.clearfloats {
  clear:both;
}
/* end clear floats */

/* first content section, lighter green area */

#content {
	width:992px;
	min-height:70px;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	background: #b6def5;
}
.content-padding {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.content-padding a {
	font-size:100%;
	font-family: Verdana, 'Lucida Grande', Verdana, sans-serif;
    text-decoration:none;
}

.content-padding a:hover {
	font-size:100%;
	font-family: Verdana, 'Lucida Grande', Verdana, sans-serif;
	text-decoration:underline;
}

.menu-select {
	padding-right: 12px;
	padding-left: 12px;
	padding-top:0px;
	display: block;
	line-height: 34px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-shadow:0px 0px 6px #FFF;
	color: #FFF
}
#content h1 {
	font:30px Verdana, Geneva, sans-serif;
	color:#003;
	padding-bottom:10px;
	text-shadow:1px 1px 2px #000;
}

#content p {
	font:14px Verdana, Geneva, sans-serif;
	color:#000;
	text-align:justify;
	padding-bottom:10px;
}

/* end content 1 section */


/* image that divides the two different colored content sections */
#body-divider {
  background:#1D5600 url(../bilder/images/body-divider.gif) no-repeat top left;
  width:992px;
  height:23px;
}
/* end content divider */

/* darker green content section, "content 2" */


#content2 {
  width:992px;
  min-height:500px;
  background:#b6def5;
  text-align:left;
  padding-top:10px;
  padding-bottom:10px;
}

#content2 p {
  font:12px Verdana, Geneva, sans-serif;
  color:#000;
  padding-bottom:10px;
}

#content2 h1 {
	font:30px Verdana, Geneva, sans-serif;
	color:#003;
	padding-bottom:10px;
	text-shadow:1px 1px 2px #000;
}
#content2 h2,h3,h4,h5,h6 {
	font:18px Verdana, Geneva, sans-serif;
	color:#b6def5;
	padding-bottom:10px;

}
.content2-block {
	width:200px;
    float:left;
}

.content2-block p {
  width:374px; 
  float:left;
  text-align:left;
}

  /* three column area, vertical dotted divider */
  .content-divider {
    background:url(../bilder/images/content-divider.gif) no-repeat top center;
    width:2px;
    height:174px;
    float:left;
    padding:0px 30px 0px 30px; 
  }
  /* end divider */

/* end content 2 */


/* subscribe form */
#subscribe {text-align:right; padding-right:15px;}
#subscribe input { margin:1px 0;}
.button {
  background:transparent url(../bilder/images/submit.gif) no-repeat top left;
  padding-bottom:5px; 
  border:none;
  width:126px;
  height:33px;
  color:#FFFFFF;
  font:bold 13px Arial, Georgia, "Times New Roman", Times;
  cursor:pointer;
}
.inputstyle {
  background:#002200;
  width:200px;
  height:30px;
  color:#FFF;
  font-size:14px;
  padding:0px 5px 0px 10px;
  border:1px solid #427B23;
}
/* end subscribe form */



/* footer of page */
#footer-div {
	background:url(../bilder/images/footer-divo.gif) no-repeat top left;
	width:992px;
	height:1px;
}

#footer {
	width:992px;
	height:1px;
	text-align:center;
}

#footer p {
  font:10px Arial, "Verdana", Times;
  color:#FFF;
}

#footer a {
  font:10px Arial, "Verdana", Times;
  color:#FFF;
}
/* end footer */