/* CSS
-----------------------------------------
Colors
Background brown: 8b5a2b
Header background teal: 68cad8

Jon Schleuss
August 2009
*/


a { text-decoration: none; color: #68cad8; }
a:hover { text-decoration: underline; }
li { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; }
img { border: none; }


/* HEADERS
-----------------------------------------*/
h1 { text-transform: lowercase; background-color: #68cad8; color: #FFFFFF; text-indent: 15px; text-align: right; padding: 5px; margin: 0 auto; display: block; width: 380px; }
h2 { background-color: #68cad8; width: 180px; text-transform: capitalize; text-align: center; color: #FFFFFF; padding: 5px 0; margin: 10px auto; font-family: "Helvetica", "Arial" sans-serif; letter-spacing: 2px; display: block; }
h3 { margin: 0; padding: 0; color: #696969; font-family: "Helvetica", "Arial" sans-serif; font-size: 36px; }

/* BODY
-----------------------------------------*/
body { padding: 0; margin: 0; background-color: #8b5a2b; font-family: "Helvetica", "Arial", "Verdana" sans-serif; }

/* HEAD
-----------------------------------------*/
#head { height: 200px; margin: 0 auto; z-index: 1; background-image: url(../images/header.jpg); background-repeat: repeat-x; }
#head p, #logo p, #shadow p { margin: 0; padding: 0; text-indent: -9999px; height: 0; display: block; line-height: 0; }
#shadow { position: relative; width: 800px; height: 170px; margin: -170px auto 0; background: url(../images/pageShadow.png) no-repeat bottom; z-index: 3; }

/* LOGO
-----------------------------------------*/
#logo { position: relative; width: 800px; height: 170px; margin: 0 auto; z-index: 2; background: url(../images/logo.png) no-repeat; padding: 0; }
	/* IE6 needs margin-top: -20px;

/* WRAP
-----------------------------------------*/
#wrap { width: 800px; margin: -30px auto 0; z-index: 5; background: #FFFFFF url(../images/wrapBack.png) repeat-y scroll 0 0; overflow: auto; }

/* LEFT
-----------------------------------------*/
#left { float: left; width: 200px; background-color: #FFFFFF; }
#left p { font-size: 14px; margin: 0 15px 14px 10px; text-align: left; }

/* RIGHT
-----------------------------------------*/
#right { float: left; width: 600px; background-color: #FFFFFF; }
#right-float p { padding: 0 5px 0 0; }
a#becomeAMember { display: block; width: 166px; height: 136px; background-image: url(../images/becomeAMember.jpg); text-indent: -9999px; margin: 0 auto; }
a#becomeAMember:hover { background-position: 0 -137px; }
a#becomeAMember:active { background-position: 0 0; }

/* MAIN
-----------------------------------------*/
#main { float: left; width: 370px; margin: 0 10px 0 0; font-size: 14px; }
#main p { margin: 0 10px 10px; }
#content { margin: 10px 0 10px 10px; }
#content ul { margin: 0 0 1em 0; padding: 0; }
#content ul li { margin: 0 0 5px 30px; }
#content ul#diamonds li { margin: 0 0 5px 45px; }
#content ul#diamonds { list-style: url(../images/diamond.jpg); }

/* RIGHT-FLOAT
-----------------------------------------*/
#right-float { float: right; width: 200px; }
#right-float p { margin: 0 10px 10px; font-size: 14px; }
#right-float ul { margin: 0 20px 10px; font-size: 14px; }

/* NAVIGATION
-----------------------------------------*/
#nav {	position: relative;
		width: 200px;
		margin: 0 0 20px 0;
		font-family: "Times New Roman", Times, serif;
		font-size: 18px;
		text-align: left;
		padding: 10px 10px 0; }

#nav ul { margin: 0; padding: 0; }
#nav ul li { list-style: none; display: block; }

#nav a { width: 180px; height: 30px; display: block; background-image: url(../images/navSprite.jpg); text-indent: -9999px; background-repeat: no-repeat; margin: 0 0 2px 0; }


#nav a#home { background-position: 0 0; }
#nav a#news { background-position: -182px 0; }
#nav a#events { background-position: -364px 0; }
#nav a#governance { background-position: -546px 0; }
#nav a#directory { background-position: -728px 0; }

#nav a#home:hover { background-position: 0 -32px; }
#nav a#news:hover { background-position: -182px -32px; }
#nav a#events:hover { background-position: -364px -32px; }
#nav a#governance:hover { background-position: -546px -32px; }
#nav a#directory:hover { background-position: -728px -32px; }

#nav a#home:active { background-position: 0 0; }
#nav a#news:active { background-position: -182px 0; }
#nav a#events:active { background-position: -364px 0; }
#nav a#governance:active { background-position: -546px 0; }
#nav a#directory:active { background-position: -728px 0; }

/* CREDIT
-----------------------------------------*/
#credit { font-size: 12px; margin: 0 auto 5px 10px;  text-align: left; clear: both; }