/* --------------------------------------------------
CSS Document For WACS v2.0 - clay @ dryadmedia.com

   Created 06.15.08
   by Clayton Dewey
   Dryad Media 
-------------------------------------------------- */
* {
margin:0;
padding:0;
}

body, html {
background:#FFF;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
color:#000;
font-size:10pt;
margin:0px;
background-position:top center;
height: 100%;
line-height: 1.6em;
}

* html #PageWrapper {
height: 100%;
}
	
/* PAGE LAYOUT */
#PageWrapper{
width:820px;
margin:auto;
position: relative;
min-height: 100%;
}

#header {
height:150px;
background:url(../images/logo.jpg) no-repeat #FFF;
border-bottom:4px #000000 solid;
}

#Content {
float:right;
width:600px;
padding-right:30px;
}

#footer {
position: relative;
bottom: 0;
clear:both;
width:810px;
margin: -30px auto 0 auto;
clear: both;
background-color:#000;
padding: 0px 5px 0px 5px;
/*background-position: 70% 0;*/
}

/* GENERAL */
#footer p {
color:#FFF;
padding: 5px;
}

#footer p a {
color: #999999;
border-bottom: 1px dotted #999999;
}

#footer p a:hover {
color: #000;
background-color:#FFF;
}

h1 {
margin-top:15px;
color: #000;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFF;
}

a {
color:#0000FF;
text-decoration: none;
outline: none;
}

a:hover {
color:#FF0000;
background-color: #F5F5F5;
}

p {
padding:5px;
}

/*form {
float:right;
margin-top: -45px;
font-size: 9px;
}*/

input {
background-color: #FFF;
color: #999999;
border: 1px solid #CCC;
font-size: 11px;
padding: 3px;
}

.button {
padding: 2px;
}

.error {
color: #F03;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFF;
}

.head {
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-weight: bold;
font-size: 12px;
color: #000;
}
		
/* DROP DOWN MENU */
#Menu {
margin-top:15px;
width: 170px; /* set width of menu */
background: #eee;
float:left;
} 

#Menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#Menu a, #Menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-bottom:1px solid #333;
margin: 0;
padding: 2px 3px;
}

#Menu a {
color: #000;
background: #fff;
text-decoration: none;
}

#Menu a:hover {
color: #a00;
background: #efefef;
}

#Menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#Menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#Menu ul ul ul,
div#Menu ul ul li:hover ul ul
{display: none;}

div#Menu ul ul li:hover ul,
div#Menu ul ul ul li:hover ul
{display: block;}

/* Styling for Expand */

#Menu a.x, #Menu a.x:visited{
background: #fff url(../images/arrow.gif) 96% 50% no-repeat;
}

#Menu a.x:hover{
color:#a00;
background: #efefef url(../images/arrow.gif) 96% 50% no-repeat;
}

#Menu a.x:active{
color:#060;
background:#ccc;
}

/* ###### Styles for Constitution page ##### */
.constHeader {
text-align: center;
border-bottom: 2px solid #000;
margin-bottom: 10px;
}

.bylawHeader {
text-align: center;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
margin-bottom: 10px;
}

.constitution {
width: 100%;
margin-bottom: 15px;
}

.constitution th, td {
text-align: left;
vertical-align: top;
padding-bottom: 10px;
}

.constitution ol {
list-style-type: lower-alpha;
margin-left:20px;
}

.constitution ol ol{
list-style-type:decimal;
margin-left: 20px;
}

.colOne {
width:20%;
}