body {
  font-family: sans-serif;
}

body {
  background-color: #ccc;
}

#bodyContent {
	font-size:0.8em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
  color: #1c94c4;
  border-bottom:1px solid #AAAAAA;
  padding-bottom:0.17em;
  padding-top:0.5em;
}

h1 { font-size: 188%; }
h2 { font-size: 150%; }
h3 { font-size: 132%; }
h4 { font-size: 116%; }
h5 { font-size: 100%; }
h6 { font-size: 80%;  }

#main {
  width: 50%;
  position: absolute;
  top: 10%;
  left: 25%;
  padding: 30px;
  background-color: white;
  border-radius: 10px;
  color: #444444;
  -moz-border-radius: 10px;
  box-shadow: 5px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 5px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 5px 5px rgba(0,0,0,0.3);
}

a.aloha {
  background: url(images/external-link-ltr-icon.png) no-repeat 100% 50%;
  padding: 0px 13px 0px 0px;
}

::selection {
	background: #b8d6fa;
}

#main {
	width: 640px;
}

h1, h2, h3 {
	border: 0;
}

.nav {
	font-weight: bold;
	background: rgba(255,255,255,0.8);
	width: 680px;
	margin: -60px 0 0 -30px;
	padding: 3px 10px;
	z-index: 100;
	position: absolute;
}

.nav a {
	color: #1e94c4;
}
	
#logo {
	margin: -30px 0 30px -30px;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	boder: 0px;
	z-index: 90;
}

#bodyContent {
	margin-top: -30px;
}

