html  {
background : #A22C2C;
}

body {
margin : 10px;
padding : 0;
font : 100%/1.4 utopia, serif;
font-family : Verdana, Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif;
text-align : center;
background :  url(images/repeater.jpg) repeat-y 100% 0;
background-position : top center;
background-repeat : repeat-y;
}

h1, h2, h3 span {
display : none;
}

h3 {
height : 30px;
margin : 0;
padding : 0;
font : 75%/1.4 utopia, serif;
color: #A87220;
}

p {
margin : 0;
padding : 0;
font-size: 11px;
}

.p2 {
font-size: 10px;
font-family:verdana;
color : #E3E2C7;
margin-left: 15px;
padding : 10px 8px 0 0;
}

.p3 {
font-size: 11px;
font-family:verdana;
margin-left: 35px;
padding : 0;
}

h4 {
font-size: 22px;
font-family: utopia, serif;
padding : 10px 30px 15px 30px;
height : 12px;
margin : 0;
color: #A87220;
}

h5 {
font-size: 16px;
font-family: utopia, serif;
padding : 0 30px 15px 30px;
height : 2px;
margin : 0;
color: #A87220;
}


ul {
font-size: 11px;
font-family:verdana;
}

li {
line-height: 1.8;
font-size: 11px;
font-family:verdana;
}

a {
color : #982828;
text-decoration : none;
}

a:hover, a:hover {
color : #CB3535;
}

#nav {
margin: 0;
font-size: 10px;
margin-top: 0px;
color : #fff;
width:860px;
margin-left:10px;
position:relative;
top:87px;
display:inline;
}

#nav li {
display:inline;
font-size: 10px;
margin: 0;
color : #fff;
padding: 0;
list-style: none;
}

#nav li a { 
font-size: 10px;
color : #fff;
padding: 3px 4px 5px 4px;
background: none; 
}

#nav li#homenav {
font-size: 10px;
margin-left: 0px; }

#nav li#search {
font-size: 10px;
padding-top: 10px; }

#nav li a:hover {
font-size: 10px;
background: #655C4F;
text-decoration : none;
 }

#pageHeader {
width : 860px;
height : 132px;
background : url(images/topbar.jpg);
background-repeat:no-repeat;
padding: 0 15px 0 15px;
}

#container {
background: url(images/sidebar.gif) repeat-y 100% 0;
width : 900px;
margin : 0 auto;
padding : 0 0 0 0;
position : relative;
border-bottom : 14px solid #E3E2C7;
color : #454545;
text-align : left;
}

#content  {
width : 670px;
height: 100%;
background-color : #fff;
margin : 0 0px 0px 216px;
color : #454545;
display : block;
padding : 0;
}


#linkList {
position : absolute;
text-align : left;
top : 132px;
left : 15px;
width : 185px;
}

#linkListBgSpacer {
width : 163px;
margin-left: 11px;
margin-top: 8px;
background : url(images/bg_spacer.jpg);
}


.flashImage_home  {
display : block;
margin : 0 auto;
left: 25px;
width : 632px;
height: 258px;
}

.flashImage  {
background: #c1c0a3;
display : block;
margin : 0 0 0 32px;
padding: 10px 0 0 10px;
width : 350px;
height: 310px;
}

.linkListReservations  {
background : url(images/title_reservations.jpg) no-repeat left top;
display : block;
margin : 0 auto;
width : 163px;
}

.linkListNews {
background : url(images/title_news.jpg) no-repeat left top;
display : block;
margin : 0 auto;
width : 163px;
}

.linkListPhoto {
background : url(images/title_photo.jpg) no-repeat left top;
display : block;
margin : 0 auto;
width : 163px;
}

#sidebarReservationsForm  {
background : url(images/sidebar_reservations_form.gif) no-repeat left top;
display : block;
left : 36px;
margin : 0 auto;
width : 129px;
height: 95px;
}

#sidebarCalendar  {
background : url(images/sidebar_calendar.gif) no-repeat left top;
display : block;
left : 36px;
margin : 0 auto;
width : 129px;
height: 125px;
}

#sidebarPhoto  {
background : url(images/sidebar_photo.gif) no-repeat left top;
display : block;
left : 36px;
margin : 0 auto;
width : 133px;
height: 100px;
}

.linkListBottom  {
background : transparent url(images/bg_reservations_bottom.jpg) no-repeat;
display : block;
margin : 0 auto;
width : 163px;
height: 12px;
}


#lselect, #larchives, #lresources {
margin : 0 0 2px 0;
}

#quickSummary p span, #explanation p span, #benefits p span {
padding : 0 15px 10px 77px;
display : block;
}

#content p span, #participation p span, #requirements p span {
padding : 0 30px 20px 30px;
display : block;
}

#info_inner_container {
margin-left: auto;
width: 670px;
margin: 0px;
padding: 0px;
}

.pLeft {
width: 215px;
float: left;
margin: 0px;
padding: 0px;
}

.pRight {
width: 445px;
float: right;
margin: 0px;
padding: 0px;
}

#linkList li {
list-style : none;
padding : 6px 0 10px 0;
}

#linkList li a {
padding-left : 7px;
text-decoration : none;
}

#linkList li a:hover {
text-decoration : underline;
}


#footer {
width : 900px;
text-align : center;
font-size : 9px;
color: #4D453A;
background-color: #E3E2C7;
padding: 6px 0 0 0;
} 

#content .p3 span, #explanation .p2 span, #participation .p3 span, #benefits .p1 span, #requirements .p5 {
padding-bottom : 20px;
}
#pagerLinks {
float:right;
font-size:11px;
}
#pagerLinks ul {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#pagerLinks li {
display:inline;
padding:2px;
font-size:11px;
}

a.activeAnchor:link, a.activeAnchor:active,
a.activeAnchor:hover, a.activeAnchor:visited, 
a.active:link, a.active:active,
a.active:hover, a.active:visited 
{
background-color:#982828;
color:white;
}
#memberlist {
font-size:12px;
min-height:300px;
clear:both;
margin: 25px auto;
padding:20px 0;
}
#member_search {
width:350px;
float:left;

}

#memberlist_table {
clear:right;
font-size:12px;
width:670px;
margin:auto;
}

#membership_header {
margin:0 30px;
}
#membership_letters {
margin:10px 0 10px 0;
}

.member_button {
border: 1px solid #982828;
padding:2px;
}

#memberSearchForm {
position:relative;
top:-5px;
}

table.small_cal {
    margin:-80px;
    z-index:100;
    border-width: 1px 1px 1px 1px;
    border-spacing: 0px;
    border-style: outset outset outset outset;
    border-color: black ;
    border-spacing:0px;
    border-collapse: collapse;
    width:154px;
    /* background-color: rgb(250, 240, 230);*/
}
table.small_cal td {
    /* this messed up the color of the link backgrounds.
    left a border of 1px on the right. Besides -- if you
    want to use this for a bigger calendar you don't want
    to have widths in here width:18px;*/
    /*
    furthermore, if you have a width in here ie forgetss all about alignment on the top cells
    width:17px;
    */
    font:10px arial, sans-serif;
    border-width: 1px 1px 1px 1px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-style: inset;
    border-color: black black black black;
    border-spacing:0px;
    background-color:#ffffff;
    text-align:center;
}

table.small_cal td.date {
    width:17px;
}

table.small_cal td.month_change {
    font:10px arial, sans-serif;
    text-align:center;
    border-width: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-style: inset;
    text-transform:capitalize;
    background-color:#ffffff;
}

table.small_cal td.cal_title {
    color:#ffffff;
    background-color:#1e3f2a;
    padding:3px;
}

table.small_cal td.day_titles {
    padding:3px;
}

a.date {
    /*color:#a1913c;*/
    /* background-color:#1e3f2a; */
    background-color:#ffffff;
    margin:0px;
    padding-left:6px;
    padding-right:19px;
}

a.date:hover {
    background-color:#a1913c;
    color:#000000;
    text-align:left;
}
/*#calendar_pop {
    position:relative;
    left:180px;
    top:350px;
    padding-left:260px;
    margin-top:-40px;
}*/

table.form_contain {
    width:550px;
    border:0px;
    border-collapse:collapse;
    font-family:arial;
    font-size:10px;
    line-height:14pt;
    color:#000000;
    margin-left: .15in;
    margin-right: .6in;
}

table.form_contain td {
    padding-left:4px;
    padding-right:4px;
    padding-bottom:4px;
    vertical-align:top;
}

table.form_contain td.content, table.form_contain td.content_mandatory {
       width: 180px;
    text-align:right;
}
table.form_contain td.content_mandatory, a.link_mandatory, a.link_mandatory:visited, span.content_mandatory {
    color:#bf6767;
}

a.link_mandatory, a.link_mandatory:visited {
    text-decoration:underline;
}

table.form_contain td.form_input {
    text-align:left;
}

textarea.reservation_comments {
    width:364px;
    height:90px;
}