body {
margin: 0px;
font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
color: #2C2721;
background-color: #E0E5EE;
}

p, ul, form, h2, h3, h4 {
margin: 0px;
}

p, ul {
margin-bottom: 16px;
}

ul {
padding-left: 16px;
}

input, textarea, select {
float: right;
width: 380px;
font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
}

select {
width: 386px;
}

input.checkbox {
float: none;
width: auto;
}

form td {
padding-bottom: 8px;
}

form td.label {
padding-top: 3px;
font-size: 11px;
line-height: 13px;
font-weight: bold;
}

form table {
width: 472px;
}

h2 {
font-size: 14px;
line-height: 16px;
margin-bottom: 16px;
}

h3 {
font-size: 12px;
line-height: 14px;
}

h4 {
font-weight: normal;
font-size: 12px;
line-height: 14px;
}

a {
color: #7589BF;
}

a.arrow {
display: block;
clear: both;
float: left;
padding-left: 18px;
font-size: 10px;
line-height: 10px;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
color: #2C2721;
background: url(../images/arrow_black.gif) left no-repeat;
}

a.back {
background-image: url(../images/arrow_black_back.gif);
}

a.button {
display: block;
clear: both;
float: left;
padding: 6px 10px 6px 25px;
border: 1px solid;
font-weight: bold;
color: #FFFFFF;
background: url(../images/arrow_white.gif) left no-repeat;
}

a.about {
background-color: #C0BA99;
border-color: #C0BA99;
}

a.news {
border-color: #85CA5D;
background-color: #85CA5D;
}

a.events {
border-color: #C0BA99;
background-color: #C0BA99;
}

a.members {
border-color: #B5E1AE;
background-color: #B5E1AE;
}

a.contact {
border-color: #C1B3D7;
background-color: #C1B3D7;
}

a.button:hover {
border-color: #FFFFFF;
}

form a.button {
float: right;
}

div.item {
clear: both;
float: left;
width: 100%;
margin-bottom: 20px;
}

div.item h2 {
margin-bottom: 0px;
}

div.item p {
display: block;
float: left;
width: 270px;
margin-top: 8px;
margin-bottom: 0px;
}

div.item a.arrow {
margin-top: 8px;
}

div.item img {
float: left;
margin: 8px;
margin-left: 30px;
}

#container {
position: absolute;
left: 50%;
float: left;
margin-left: -495px;
width: 990px;
background-color: #FFFFFF;
}

#header {
float: left;
width: 100%;
height: 169px;
background-image: url(../images/gradient.gif);
}

#logo {
position: relative;
top: 23px;
left: 29px;
float: left;
width: 115px;
height: 122px;
background-image: url(../images/logo.gif);
}

#menu, #submenu {
position: relative;
left: 65px;
float: left;
}

#menu {
width: 810px;
}

#submenu {
top: 53px;
}

#menu div, #submenu div {
float: left;
margin: 0px 4px;
border-left: 1px dashed #9FAFCD; 
}

#menu div {
height: 88px;
}

#submenu div {
position: relative;
top: 9px;
height: 15px;
}

#menu a, #submenu a {
display: block;
float: left;
font-size: 10px;
line-height: 12px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
}

#menu a {
height: 24px;
padding: 58px 4px 10px 4px;
}

#submenu a {
height: 12px;
padding: 6px 4px;
}

#menu a:hover, #submenu a:hover {
background-color: #94A8D0;
}

#banner {
float: left;
}

#headers {
float: left;
width: 100%;
background: url(../images/gradient.gif);
}

#headers div {
display: inline;
float: left;
width: 960px;
height: 50px;
padding-left: 14px;
border-left: 1px dashed #FFFFFF;
margin-left: 15px;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
}

#headers div span {
position: relative;
top: 28px;
}

#main {
float: left;
width: 100%;
}

#main.columns {
background: url(../images/columns.gif);
}

#main.columns #headers {
background: url(../images/headers.gif);
}

#main.columns #headers div {
width: 297px;
margin-right: 3px;
}

#main.columns #headers div img {
float: right;
}

#main div.column {
float: left;
width: 270px;
padding: 30px;
}

#main div.content {
width: 600px;
min-height: 440px;
background-color: #FFFFFF;
}

#footer {
float: left;
width: 956px;
padding: 5px 17px;
background-image: url(../images/gradient.gif);
}

#footer a {
display: block;
float: left;
height: 10px;
margin: 0px 17px;
font-size: 10px;
line-height: 10px;
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
}

#footer a.right {
float: right;
}

#contactbox {
width: 442px;
padding: 15px;
margin-bottom: 25px;
color: #FFFFFF;
background-color: #C1B3D7;
}

#contactbox table {
margin-top: 10px;
}

#contactbox a {
color: #FFFFFF;
}

#loginform {
width: 282px;
}

#loginform input {
width: 190px;
}

/* calendar styles */

table.calendar {
display: none;
float: left;
}

table.calendar td {
text-align: center;
background-color: #E2DDC7;
}

table.calendar tr.title td {
font-weight: bold;
color: #FFFFFF;
background-color: #2C4E8E;
}

table.calendar tr.days td {
width: 20px;
font-weight: bold;
background-color: #94A8D0;
}

table.calendar td.day {
background-color: #DAD5B7;
cursor: pointer;
}

table.calendar td.day:hover {
background-color: #94A8D0;
}

table.calendar td.event {
font-weight: bold;
background-color: #C0BA99;
}

table.calendar td.today {
font-weight: bold;
}

table.calendar td.active {
background-color: #2C4E8E !important;
color: #FFFFFF;
}

table.calendar td.prev, table.calendar td.next {
cursor: pointer;
background: center no-repeat;
}

table.calendar td.prev {
background-image: url(../images/arrow_prev.gif);
}

table.calendar td.next {
background-image: url(../images/arrow_next.gif);
}

table.calendar td._prev, table.calendar td._next {
background: center no-repeat;
}

table.calendar td._prev {
background-image: url(../images/arrow_prev_disabled.gif);
}

table.calendar td._next {
background-image: url(../images/arrow_next_disabled.gif);
}

div.event {
display: none;
margin-top: 20px;
margin-bottom: 0px;
}

table.help {
float: left;
width: 240px;
margin-left: 20px;
}

table.help div.day {
float: left;
width: 20px;
padding: 4px;
margin-right: 10px;
font-weight: bold;
text-align: center;
background-color: #C0BA99;
}

#details {
width: 400px;
margin-bottom: 16px;
}

#details td {
padding: 2px 0px;
}

#details td.label {
padding-top: 5px;
}

#details input {
width: 280px;
}

#details select {
width: 286px;
}

#details input.checkbox {
width: auto;
}

#expertise {
float: none;
width: auto;
margin-bottom: 16px;
}

#carddetails {
width: auto;
}

#carddetails td.label {
width: 150px;
}

#carddetails input, #carddetails select {
float: left;
width: 200px;
}

#carddetails select {
width: auto;
}

#carddetails h3 {
margin-bottom: 5px;
}