/* CSS Document */

body {
  margin: 0;
  padding: 0;
}

#container { 
  position: relative;
  margin: 0px auto 0px auto;
  width: 800px;
  font-family: Arial, Helvetica, sans-serif; font-size: 1.0em;
}

/* BANNER */

#banner {
  position: relative;
  margin: 0px auto 0px auto;
  background-image: url(../graphics/homepageBanner.png);
  width: 800px; height: 143px;
}

/* NAVIGATION */

#navigation {
	position: relative;	float: left;
	margin: 5px 0px 0px 0px;
	background: url(../graphics/navigation.gif); repeat: no-repeat;
	width: 200px; height: 700px;
}

#navigation ul {
  	margin: 0px; padding: 0px;
	list-style-type: none;
	}

#navigation li {
  	margin: 0px; padding: 0px;
  	color: white;
}

#navigation a {
  	margin: 0px; padding: 0px;
	height: 35px;
}
	
a#home {
	position: absolute;
	margin: 20px 0px 0px 0px;
	background: url(../graphics/button_home.gif); repeat: no-repeat;
	width: 200px; height: 35px;
}

a#home:hover {
	background-image: url(../graphics/button_home_over.gif);
}

a#membership {
	position: absolute;
	margin: 55px 0px 0px 0px;
	background: url(../graphics/button_membership.gif); repeat: no-repeat;
	width: 200px; height: 35px;
}

a#membership:hover {
	background-image: url(../graphics/button_membership_over.gif);
}

a#youngalums {
	position: absolute;
	margin: 90px 0px 0px 0px;
	background: url(../graphics/button_youngalums.gif); repeat: no-repeat;
	width: 200px; height: 35px;
}

a#youngalums:hover {
	background-image: url(../graphics/button_youngalums_over.gif);
}

a#events {
	position: absolute;
	margin: 125px 0px 0px 0px;
	background: url(../graphics/button_events.gif); repeat: no-repeat;
	width: 200px; height: 35px;
}

a#events:hover {
	background-image: url(../graphics/button_events_over.gif);
}

a#getinvolved {
	position: absolute;
	margin: 160px 0px 0px 0px;
	background: url(../graphics/button_getinvolved.gif); repeat: no-repeat;
	width: 200px; height: 35px;
}

a#getinvolved:hover {
	background-image: url(../graphics/button_getinvolved_over.gif);
}

a#photoalbum {
	position: absolute;
	margin: 195px 0px 0px 0px;
	background: url(../graphics/button_photoalbum.gif); repeat: no-repeat;
	width: 200px; height: 35px;
}

a#photoalbum:hover {
	background-image: url(../graphics/button_photoalbum_over.gif);
}

a#contacts {
	position: absolute;
	margin: 230px 0px 0px 0px;
	background: url(../graphics/button_contacts.gif); repeat: no-repeat;
	width: 200px; height: 35px;
}

a#contacts:hover {
	background-image: url(../graphics/button_contacts_over.gif);
}

.hidden {
	display: none;
}

/* CONTENT */

#content {
	position: relative; float: right;
	margin: 10px 0px 0px 0px;
	width: 575px;
}

#content h1 {
	margin: 20px 0px 20px 0px;
	font-size: 1.2em; font-weight: bold; color: black;
}

#content h2 {
	margin: 20px 0px 10px 0px;
	font-size: 1.0em; font-weight: bold; color: black;
}

#content h3 {
	margin: 5px 0px 10px 0px;
	font-size: 0.8em; font-weight: bold; color: black;
}

#content h3 a:link, #content h3 a:visited {
	color: black; text-decoration: none;
}

#content h3 a:hover, #content h3 a:active {
	color: black; text-decoration: underline;
}

#content p {
	margin: 0px 0px 10px 0px;
	font-size: 0.8em; font-weight: normal; color: black;
}

#content a:link, #content a:visited, #content a:hover, #content a:active {
	color: #0066ff; text-decoration: underline;
}

#content ul {
	margin-bottom: 10px; padding: 0px;
}

#content li {
	list-style-type: disc;
	margin: 0px 0px 0px 20px; padding: 0px;
	font-size: 0.8em; font-weight: normal; color: black;
}

/* IMAGES */

img {
  border: black 1px solid;
}

/* FOOTER */

#floop {
  height: 5px;
  clear: both;
}

#floop p {
  margin: 0px;
  padding: 0px;
  visibility: hidden;
}

#footer {
	margin: 5px 0px 5px 0px;
	padding: 3px 0px 3px 0px;
	border-top: black 1px solid;
	border-bottom: black 1px solid;
	width: 800px;
}

#footer p {
	margin: 2px 0px 2px 0px;
	font-size: 0.6em;
	text-align: center;
}