/*high falls civic assocation */

body {
margin : 0;
padding : 0;
font : 73% "Trebuchet MS", verdana, tahoma, sans-serif;
color : #555;
background : #eef6fb url(images/bg.jpg) repeat-y center;
line-height : 1.5em;
}
#container {
width : 750px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 5px solid #fff;
}
#navlist {
padding : 3px 0;
margin : 0;
text-align : left;
font : bold 110% "Trebuchet MS", verdana, sans-serif;
color : #000;
background : #99c6e7;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
padding : 3px 1.5em;
margin : 0;
color : #333;
background : #99c6e7;
text-decoration : none;
}
#navlist li a:link, #navlist li a:visited {
color : #333;
background : #99c6e7;
}
#navlist li a:hover {
color : #fff;
background : #6ba0e6;
}
#navlist li a#current {
color : #fff;
background : #6ba0e6;
}

#navlist li a#sign {
color : #fff;
background : #dc143c;
}

#banner {
width : 750px;
height : 265px;
padding : 0;
margin : 0;
color : #fff;
background : #738ca5 url(images/hfca-logo4.jpg) no-repeat;
}
#banner h1 {
margin : 0;
padding : 20px;
font : normal 175% "Trebuchet MS", tahoma, verdana, sans-serif;
letter-spacing : 5px;
text-transform : none;
border-bottom : none;
color : #000;
background : transparent;
}

#content {
padding : 5px;
margin-left : 220px;
margin-bottom : 5px;
color : #555;
background : #eef6fb;
}

#centercontent {
padding : 5px;
margin-left : 90px;
margin-right : 90px;
color : #555;
background : #eef6fb;
}

#events{
width : 720px;
height : 175px;
padding : 5px;
margin : 0;
color : #fff;
background : #f7fbfd;
}
#topcontent {
padding : 5px;
padding-top: 1px;
font : normal 100% "Trebuchet MS", tahoma, verdana, sans-serif;
margin-left : 20px;
margin-bottom : 5px;
margin-right: 15px;
color : #555;
}


#member {
padding : 5px;
font : normal 125% "Trebuchet MS", tahoma, verdana, sans-serif;
margin-left : 20px;
margin-bottom : 5px;
margin-right: 15px;
color : #555;
background : #eef6fb;
}
#counter {
padding: 5px;
margin-left: 650px;
}
#sidebar-a {
float : left;
width : 180px;
margin : 0 10px 10px 10px;
padding : 5px;
border-right : 1px solid #fff;
color : #555;
background : #eef6fb;
}

#sidebar-b {
text-align: center;
width : 180px;
padding : 5px;
border-right : 1px solid #fff;
color : #555;
background : #eef6fb;
float: left;
}

#footer {
clear : both;
padding : 5px;
margin : 0;
text-align : left;
border-top : 10px solid #6ca3e4;
color : #333;
background : #99c6e7;
}
.roundcont {
margin : 10px;
width : 95%;
background : #f7fbfd;
color : #333;
}
.roundcont p {
 padding: 2px;
 margin : 2px;
 height: 125px;
}
.roundtop {
background : url(images/tr.gif) no-repeat top right;
}
.roundbottom {
background : url(images/br.gif) no-repeat top right;
}
img.corner {
width : 10px;
height : 10px;
border : 0;
display : block !important;
}


#credits {
font-size: 10px;
font-family: "Trebuchet MS", verdana, tahoma, sans-serif;
margin-left: 5px;
margin-bottom: 5px;
}

h1 {
margin : 10px 0 10px 10px;
padding : 0;
font : 140% "Trebuchet MS", verdana, tahoma, sans-serif;
text-transform : uppercase;
font-weight : bold;
color : #738ca5;
background : inherit;
}
h2 {
margin : 0;
font : 140% "Trebuchet MS", verdana, tahoma, sans-serif;
padding : 0;
border-bottom : 0 solid #738ca5;
text-transform : none;
font-weight : bold;
color : #738ca5;
background : inherit;
}

h3 {
margin : 0;
font : 140% "Trebuchet MS", verdana, tahoma, sans-serif;
padding-left : 10pt;
border-bottom : 0 solid #738ca5;
text-transform : none;
font-weight : bold;
color : #738ca5;
background : inherit;
}

h4 {
margin : 0;
font : 100% "Trebuchet MS", verdana, tahoma, sans-serif;
padding-left : 5pt;
text-transform : none;
font-weight : bold;
color :  #666;
background : inherit;
}

a {
text-decoration : underline;
color : #666;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #66a0e0;
background : inherit;
}
.linknodeco {
text-decoration : none;
color : #666;
background : inherit;
}

.businesslink {
text-transform : uppercase;
font-weight: bold;
text-decoration : none;
color : #666;
background : inherit;
}


a img {
border : 0;
}
.img {
float : left;
padding : 5px;
margin : 5px;
border : 1px solid #556b2f;
}

blockquote {
font-size: larger;
font-weight : bold;
font-style : italic;
color : #b29b35;
}

#memform {
width: 500px;
margin-left: 50px;
font : 100% "Trebuchet MS", verdana, tahoma, sans-serif;
color : #555;
background : #eef6fb;
}
p {
padding : 3px 10px 10px 5px;
}
p.special {
padding : 3px 10px 10px 5px;
color: #dc143c;
font-weight: bold;
}

				/*PHOTO PAGES */

#photopages {
padding : 5px;
font : normal 120% "Trebuchet MS", tahoma, verdana, sans-serif;
margin-left : 50px;
margin-right: 25px;
}

/* Style for TABLES of thumbnail images */
table.thumbs {
 vertical-align: middle;
 text-align: center;
 border-collapse: collapse;
}

/* Style for table CELLS that contain thumbnails */
 td.thumbs {
 padding: 5px;
}

/* Style for Thumbnail IMAGES */ 
img.thumbs {
 width: 150px;
border : 1px solid #345411;
padding : 2px;
}

img.longthumb {
 width: 500px;
border : 1px solid #345411;
padding : 2px;
}

/*text for under photos */
p.tiny {
   color:#000;
   text-align: center;
   font-family: arial,helvetica,sans-serif;
   font-size: 0.8em;
}

/*text for notice me */
p.noticeme {
   color:#236B8E;
   text-align: left;
   font-family: arial,helvetica,sans-serif;
   font-size: 1.1em;
}

					/*CLASS*/
.myborder {
float:left;
border: none;
padding-top: 5px;
padding-left: 10px;
margin-right: 10px;
}

.imgleft { 
float : left;
border : 1px solid #345411;
padding : 5px;
margin-right : 10px;
}

.imgright {
float : right;
border : 1px solid #345411;
padding : 5px;
margin-left : 10px;
}

.center {
margin-left : auto;
margin-right : auto;
width : 500px;
padding : 5px;
}

.imgplain {
padding-bottom : 3px;
}

.reviewcontent {
padding : 5px;
margin-left : 200px;
margin-bottom : 5px;
color : #555;
background : #eef6fb;
}

.justtextcontent {
padding : 5px;
margin-left : 25px;
margin-right : 25px;
margin-bottom : 5px;
color : #555;
background : #eef6fb;
}

.contentphotos {
text-align: center;
padding : 5px;
margin-left : 200px;
margin-bottom : 5px;
color : #555;
background : #eef6fb;
}