/* - 1. background and wrapper - */
/* - 2. main layout - */
/* - 3. navbar - */
/* - 4. text styles - */
/* - 5. decorations - */


/* - 1. background and wrapper - */

#wrapper {
	height: auto; 
	margin-left: auto;
	margin-right: auto;
	position:relative;
	width: 900px;
}

/* - 2. main layout - */

body {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	font-weight:bold;
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	text-align:justify;
}

h1.title {
	color: #FFFFFF;
	display: block;
	width: 860px;
	margin-top: 45px;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	font-size: 8em;
	text-align:center;
	text-decoration:none;
	letter-spacing:-3px
}

h1.title a {
	text-decoration:none;
}

h2.title {
	color: #FFFFFF;
	display: block;
	margin-top: 25px;
	margin-left: auto;
	margin-bottom: -30px;
	margin-right: auto;
	font-size: 3em;
	text-align:center;
}

#header {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	background-color: #004FA3;
	height: 200px; 
	margin: 10px auto 20px auto;
	padding: 0px 20px 25px 20px;
	position: relative;
	display: table-cell;
    vertical-align: middle 
	width: 850px;
}

#main-content {
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	-khtml-border-radius: 1.5em;
	border-radius: 1.5em;
	border-style:solid;
	border-color: #000000;
	background-color: #FFFFFF;
	display: block;
	float: left;
	margin: 0px 0px 25px 0px;
	padding: 10px 25px 25px 25px;
	width: 420px;
	z-index: -1
}

#eyecon {
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	-khtml-border-radius: 1.5em;
	border-radius: 1.5em;
	border-top-style:solid;
	border-right-style:none;
	border-bottom-style:solid;
	border-left-style:solid;
	border-color: #FFFFFF;
	border-width: 0px;
	background-color: #FFFFFF;
	display: block;
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 1.5em 1.5em 1.5em 2em;
	z-index: 1
} 

img.eyecon {
	float: left;
	margin: 0px 15px 0px 0px;

}
#footer {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	border-style:solid;
	border-color: #004FA3;
	border-width: 2px;
	background-color: #FFFFFF;
	clear: both;
	height: 30px; 
	margin: 15px auto 10px auto;
	padding: 10px 20px 25px 20px;
	position: relative;
	text-align: center;
	width: 860px;
}

/* - 3. navbar styles - */

#navbar {
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	-khtml-border-radius: 1.5em;
	border-radius: 1.5em;
	background-color: #FFFFFF;
	float: right;
	height: 400px;
	width: 220px;
	z-index:1;
}

#nav_buttons {
	padding: 9px 0 0 0;
	position: relative;
	width: 185px;
}

#nav_buttons li {
	margin: 0 10px 15px 10px;
	padding: 0;
	list-style: none;
	position: relative;
	top:0;
	background-image: url(css/guests.gif);
}
 
#nav_buttons li, #nav_buttons a {
	display: block;
	height: 50px;
}

/*first button*/
#info  {
top:0; left:0px; height:50px; width:188px;
}
 
#info a {
background: url(info.gif) 0px 0px;
}
 
#info a:hover {
	background: url(info.gif) -189px 0px;
}
 
/*second button*/
#events  {
	position: absolute;
	top: 60px;
	height: 50px; width: 188px;
}
 
#events a {
background: url(events.gif) 0px 0px;

}
 
#events a:hover {
	background: url(events.gif) -189px 0px;

}

/*third button*/
#people  {
	position: absolute;
	top: 60px;
	height: 50px; width: 188px;
}

#people a {
background: url(people.gif) 0px 0px;
	top: 110; width: 188px;
}
 
#people a:hover {
	background: url(people.gif) -189px 0px;
	top: 110; width: 188px;
}

/*fourth button*/
#links  {
	top: 170; width: 189px;
}
 
#links a {
background: url(links.gif) 0px 0px;
	top: 170; width: 189px;
}
 
#links a:hover {
	background: url(links.gif) -189px 0px;
	top: 110; width: 188px;
}


/*fifth button*/
#guests  {
	top: 170; width: 189px;
}
 
#guests a {
background: url(guests.gif) 0px 0px;
	top: 170; width: 189px;
}
 
#guests a:hover {
	background: url(guests.gif) -189px 0px;
	top: 110; width: 188px;
}

/*follow buttons*/

#follow-table {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	width:188px;
	color: #008348;
	font-size: 2em;
	font-weight: bold;
}

#follow-title {
	position: relative;
	margin:0 -30px;
	padding-top:10px;
	max-height: 14px;
	float: left;
	list-style:none;
	width: 100%;
	color: #008348;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	line-height:220%;
}
 
/* this is for the three buttons */

ul.trio
{
list-style-type:none;
margin:0;
padding:15px 15px;
overflow:hidden;
width: 188px;
}

#fbook a {
display:block;
float:left;
margin:0;
height:50px;
width:51px;
background: url(fbook.gif) 0px 0px;
}

#fbook a:hover {
	background: url(fbook.gif) -50px 0px;
	top: 0; width: 51px;
} 

#email a {
display:block;
float:left;
margin-left:18px;
margin-right:15px;
height:50px;
width:51px;
background: url(email.gif) 0px 0px;
}

#email a:hover {
	background: url(email.gif) -50px 0px;
	top: 0; width: 51px;
} 

#rss a {
display:block;
float:right;
height:50px;
width:50px;
background: url(rss.gif) 0px 0px;
}

#rss a:hover {
	background: url(rss.gif) -50px 0px;
	top: 0; width: 51px;
} 
 
/* that was the test set */

#follow-table tr {
	height: 50px;
	font-size:1em;
	border:1px solid #98bf21;
}

#follow-table td {
	margin: 0 10px 0 10px;
}

/* - 4. text styles - */

p.yellow {
	background-color: #FFFF00;
	padding: .5em;
}

p.green {
	background-color: #008348;
	color: #FFFFFF;
	padding: .5em;
}


/* - 5. decorations - */
.hazard_left {
float:left;
padding:0 0.5em 0 0.5em;
}

.hazard_right {
float:right;
padding:0 0.5em 0 0.5em;
}