/* CSS Document */
html { width: 100%; }

body {
	background-color: #202534;
	text-align: center; /* 8 hack to force IE5.x pc to center wrapper div */
	font: normal 10px "Lucida Grande", arial, helvetica, sans-serif;
	background-image: url(../img/pixel.gif);
	background-repeat: repeat;
	color: #333;
	padding: 0;
	margin: 0;
}
a:link { color: #903; text-decoration: none; font-weight: bold; }
a:visited { color: #903; text-decoration: none; font-weight: bold; }
a:hover { color: #903; font-weight: bold; }
a:active { color: #903; font-weight: bold; }

p, h1, h2, h3 { text-align: left; }
h1 { font-size: 140%; text-transform: uppercase; color: #244161; font-weight: bold; }
h2 { font-size: 115%; text-transform: uppercase; color: #424236; }
h3 { font-size: 110%; color: #333; }
h4 { color: #333; font: bold 110% "Lucida Grande", serif; margin: 0 0 -5px 0; }
p { line-height: 15px; }

#container { margin: 5px auto; padding: 0; text-align: left; width: 650px; background-color: #fff; border: 5px solid #424236; } /*re-align after hack */
#container a:hover { border-bottom: 1px dotted #4e5e08; }

#header { width: 450px; height: 100px; margin: 0; padding: 0; background-color: #424236; }
#header img { vertical-align: bottom; }

/* NAVIGATION */
#nav {
    width: 650px; height: 25px;
	background: url("../img/nav.gif") no-repeat;
	background-color: #2B240E;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav span { display: none; }	
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0; }
#nav li, #nav a {
    height: 25px; display: block; }
#nav1 { left: 0px; width: 75px; }
#nav2 { left: 75px; width: 75px; }
#nav3 { left: 150px; width: 75px; }
#nav4 { left: 225px; width: 75px; }
#nav5 { left: 300px; width: 75px; }
#nav6 { left: 375px; width: 75px; }

#nav1current {
   left: 0px; width: 75px;  background: url("../img/nav_about.gif"); }
#nav2current {
   left: 75px; width: 75px;  background: url("../img/nav_members.gif"); }
#nav3current {
   left: 150px; width: 75px;  background: url("../img/nav_support.gif"); }
#nav4current {
   left: 225px; width: 75px;  background: url("../img/nav_events.gif"); }
#nav5current {
   left: 300px; width: 75px;  background: url("../img/nav_education.gif"); }
#nav6current {
   left: 375px; width: 75px;  background: url("../img/nav_contact.gif"); }
	
#nav1 a:hover {
    background: transparent url("../img/nav.gif") 0px -25px no-repeat; border-bottom: none; }
#nav2 a:hover {
    background: transparent url("../img/nav.gif") -75px -25px no-repeat; border-bottom: none; }
#nav3 a:hover {
    background: transparent url("../img/nav.gif") -150px -25px no-repeat; border-bottom: none; }
#nav4 a:hover {
    background: transparent url("../img/nav.gif") -225px -25px no-repeat; border-bottom: none; }
#nav5 a:hover {
    background: transparent url("../img/nav.gif") -300px -25px no-repeat; border-bottom: none; }
#nav6 a:hover {
    background: transparent url("../img/nav.gif") -375px -25px no-repeat; border-bottom: none; }

#leftcol { float: left; width: 130px; margin: 0; padding: 1em;  }
#leftcol a:hover { border-bottom: none; }
#leftcol img { margin-bottom: 10px; }
#rightcol { float: right; width: 180px; margin: 0; padding: 1em;  }
#rightcol a:hover { border-bottom: none; }
#rightcol img { margin-bottom: 10px; }

#content { 
margin-left: 150px;
border-left: 1px dotted #395B5B;
margin-right: 199px;
border-right: 1px dotted #395B5B;
padding: 1em;
max-width: 300px;
}
#content h1 { color: #AE6300;}
#content p { border-top: 1px dotted #999; padding: 5px; margin: 3px 0; }

#left { float: left; width: 150px; margin: 0; }
#left ul#navlist {
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
}
#left ul#navlist li { display: block; margin: 0; padding: 0; width: 150px; }
#left ul#navlist li a {
display: block;
width: 100%;
padding: 7px 0 7px 7px;
border-bottom: 1px #F6FFE5 solid;
color: #424236;
text-decoration: none;
background: #d0d38b;
}
#navcontainer>ul#navlist li a { width: auto; }
#left ul#navlist li#active { color: #F6FFE5; background-color: #AE6300; padding: 7px 0 7px 7px; border-bottom: 1px #ffca86 solid; font-weight: bold; width: 143px;  }
#left ul#navlist li#subactive { color: #424236; background-color: #fff; padding: 4px; border-bottom: 1px #ccc solid; font-weight: bold; width: 135px;  }
#left ul#navlist li a:hover, ul#navlist li#active a:hover { background-color: #424236; color: #F6FFE5; }

#left #navcontainer ul ul { margin: 0; padding: 0; }
#left #navcontainer ul ul li { margin: 0; list-style-type: none; }
#left #navcontainer ul ul a
{
display: block;
margin: 0; padding: 4px;
width: 135px;
color: #424236;
background-color: #ab9c73;
text-decoration: none;
border-bottom: 1px #ccc solid; }
#left #navcontainer ul ul a:hover
{
color: #fff;
background-color: #424236;
text-decoration: none;
}

#right { padding: 0 10px 15px 10px; margin: 10px 10px 10px 160px; border: 1px dotted #244161; }
#right td { vertical-align: top; }
#right ul.calendar { margin: 0; padding: 0; }
#right li { line-height: 15px; }
#right h1, h2, h3, h4 { padding: 0; margin: 7px; }
#right h1 { margin-top: 15px; border-bottom: 1px dotted #244161; }
#right h3 { background-color: #e7e9c5; padding: 5px; }
#right h4 { color: #AE6300; }
#right p { padding: 4px 0; margin: 7px; }
#right img { margin: 0 7px; }

#admin { padding: 10px; margin: 10px; border: 1px dotted #244161; }
#admin h1 { margin-top: 15px; border-bottom: 1px dotted #244161; }
#admin h2 { color: #AE6300; padding: 0; margin: 0; }
#admin p { padding: 0; margin: 5px 0; }


#footer { width: 650px; height: auto; clear: both; margin: 0; padding: 5px 0; border-top: 1px solid #999; }
#footer p { color: #666; padding: 0 2px; margin: 0 10px; text-align: right; }

/* CLASSES */
.pipe { color: #fff; }
.left { float: left; }
.right { float: right; }
.border { border-left: 5px solid #424236; border-right: 5px solid #424236; }
.calendar { list-style-type: none; }
.date { color: #244161; font-weight: bold; padding-left: 5px; padding-right: 20px; }
.indexdate { color: #4f8d97; }