/*
CSS for Cape Cod Genealogy Society. Version 208.
*/
body {
     font-family: arial, helvetica, verdana, sans-serif;
     font-size: normal;
     color: #330000;
     /*background-color: #fff8dc; */
     /* background-color: #f0e8cf; */
     background: url(brownparchment208b.jpg);
     padding: 0px;
     margin-left: 0px;
     margin-right: 0px;
     border: solid blue 0px;
}
div {
    border: dashed red 0px;
}
#wrap {
      max-width: 1100px;
      margin-left: 40px;
      margin-right: 40px;
      border: solid blue 0px;     
}
p, li, .top {
   font-size: 85%;
   line-height: 135%;
}
h1 {
   font-size: 120%;
   /*font-weight: normal; */
}
h2 {
   font-size: 100%;
   /* font-weight: normal; */
}
h3 {
   font-size: 90%;
   /* font-weight: normal; */
}
h4 {
   font-size: 85%;
   font-weight: bold;
}
.textlead {
          font-size: 125%;
          font-weight: bold;
}
a:link {
       color: red;
}
a:visited {
          color: red;
}
ul.plain {
         list-style-type: none;
}
blockquote {
           font-size: 80%;
           line-height: 135%;
}
#banner {
        padding-top: 0px;
        width: 95%;
}
#mainnav {
         border-top: solid gray 1px;
         border-bottom: solid gray 1px;
         margin-top: 20px;
         margin-bottom: 5px;
         margin-left: 20px;
         width: 95%;
         padding-top: 7px;
         padding-bottom: 10px;
}
#mainnav ul {
         padding: 0;
         margin: 0;
}
#mainnav li {
         display: inline;
}
#mainnav a {
         padding: 0px 05px 0px 05px;
}
#mainnav a:link {
         font-weight: bold;
}
#mainnav a:visited {
         font-weight: bold;
}

/* ======================= Sidenav ======================= */
#sidenav {
         margin-top: 0px;
         margin-left: 5px;
         margin-right: 20px;
         float: left;
         width: 150px;
         padding: 10px;
         padding-top: 0;
         padding-bottom: 30px;
         /* font-size: 95%; */
}
#sidenav li.localhead {
         margin: 0;
         padding: 0;
         font-size: 95%;
         font-weight: bold;
}
#local {
       margin-top: 23px;
       padding-left: 0;
       padding-bottom: 20px;
       border-bottom: solid gray 1px;
}
#local.home {
        margin-top: 23px;
}
#common {
        margin-top: 20px;
        padding-left: 0;
        padding-bottom: 20px;
}

#search {
        margin-top: 33px;
        border: solid blue 0px;
}
#search .text {
        width: 120px;
        border: solid gray 1px;
        font-size: 75%;
}
#search .searchbutton {
        text-align: left;
        margin-top: 1px;
}
#search .btn {
        font-size: 75%;
}
#sidenav ul {
         margin: 0;
         padding-left: 0;
}
#sidenav li {
         line-height: 200%;
         list-style-type: none;
}
#familytree {
            font-size: 80%;
            font-family: verdana, arial, helvetical, sans-serif;           
}
/* ==================== End Sidenav ======================== */

#bodycontent {
             padding: 0;
             padding-top: 15px;
             margin-top: 0px;
             margin-right: 20px;
             margin-left: 210px;
}
/* #bodycontent h3 {
             padding: 0;
             margin: 0; */
}

/* ================ navigator in body text ==================== */
.bodynav {
         margin-top: 20px;
         margin-bottom: 5px;
         /* margin-left: 20px; */
         padding-top: 7px;
         padding-bottom: 10px;
}
.bodynav ul {
         padding: 0;
         margin: 0;
}
.bodynav li {
         display: inline;
         font-size: 80%;
         font-weight: bold;
}
.bodynav a {
         /* padding: 0; */
         font-weight: normal;
}
/*=================== end navigator in body text ==============*/
#pagetitle {
           margin-top: 30px;
           padding-top: 0px;
           margin-left: 0px;
           margin-left: 20px;
}
#pagesubhead {
             margin-left: 0px;
}
/* =============== Floated Images =========================== */

.image-left img {
              float: left;
              margin-top: 5px;
              margin-right: 10px;
              margin-bottom: 0px;
}

.image-right img {
              float: right;
              margin-top: 5px;
              margin-left: 10px;
              margin-bottom: 0px;
}


/* ========= styles for navigators in table cells only ================ */
table.topnav, table.bottomnav {
              width: 60%;
}
table.topnav td, table.bottomnav td {
             font-size: 75%;
}
table.topnav td.here, table.bottomnav td.here {
         font-weight: bold;
         color: #330000;
}

/* ================== end table cell navigator styles ============ */

#pagebottomnav {
           clear: both;
           margin-top: 50px;
           text-align: center;
           font-size: 80%;
}
#footer {
        clear: both;
        margin-top: 50px;
        border-top: solid gray 1px;
        padding-top: 0;
        text-align: left;
        font-family: verdana, arial, helvetical, sans-serif;
        font-size: 70%;
}

.socname {
	font-family: Palatino, "Palatino Linotype" ,"Times New Roman", Times, serif;
	font-size: 200%;
}
#barnmap {
         width: 250px;
         margin: 0px 10px 0px 20px;
         float: right;
}
#barnmap p {
         font-size: 70%;
         font-weight: bold;
         text-align: center;
         margin-top: 3px;
}
#welcome {
         margin-top: 0;
         padding-top: 0;
}

/* ================== speaker notes ============= */                 
h2.prestitle {
        color: blue;
}
p.recorder {
		font-style: italic;
}
p.trailer {
          font-size: 80%;
}
a.notes {
        font-size: 90%;
        font-weight: normal;
}

#notesindex {
                /*margin-left: 120px; */
                /*margin-right: 120px; */
}
h3.notesindex {
              margin-bottom: .3em;
}
table.notesindex {
            /* width: 50%; */
            font-size: 85%;
            line-height: 135%;
            text-align: left;
}
table.notesindex th {
                width: 100px;
                font-weight: normal;
}
table.notesindex th, table.notesindex td {
            vertical-align: top;
}                    
/* ================== end speaker notes ============= */      


/* =============== Table in About Us Section =============== */

table.honor td, table.honor th {
		font-size: 90%;
		font-weight: bold;
		padding: 5px;
		border: 0;
	}
	table.honor th {
		text-align: right;
	}
    
/* =============== Tables in Library Section =============== */

    table.lib1 td {
		font-size: 85%;
		text-align: left;
		vertical-align: top;
		padding: 0px;
	}   
	table.catlist {
		font-size: 80%;
		/* width: 75%; */
		border-collapse: collapse;
		border: solid #300 1px;
	}
	table.catlist td, table.catlist th {
		border: solid #300 1px;
		padding: 5px;
	}
    table.catlist td {
        vertical-align: top;                  
    }
    table.catlist th.call {
                  width: 115px;
    }
    
table.archiveman {
            font-size: 85%;
            text-align: left;
}
table.archiveman td, table.archiveman th {
            vertical-align: top;
            padding: 5px;
}
table.archiveman p {
                font-size: 100%;
                padding-left: 10px;
                text-indent: -10px;
                margin-top: 0;
                margin-bottom: 0;
}
    
/* ===============  Tables in Surnames Section =============== */  

table.surnames {
               font-family: comic sans ms, arial;
               font-size: 80%;
               /* width: 75%; */
               border-collapse: collapse;
               border: solid #300 1px;
}
table.surnames td, table.surnames th {
               border: solid #300 1px;
		       padding: 3px 3px 3px 10px;
}

/* ===============  Tables in Resources Section =============== */

table.resources {
            /* width: 75%; */
            font-size: 85%;
            text-align: left;
}
table.resources td, table.resources th {
            vertical-align: top;
            padding: 5px;
}
table.resources th {
            width: 110px;
}

/* ===============  Tables in Internet Sites Section =============== */
table.links {
            /* width: 75%; */
            font-size: 85%;
            text-align: left;
}
table.links td, table.links th {
            vertical-align: top;
            padding-bottom: 20px;
}
table.links th {
            font-weight: normal;
            width: 160px;
}
table.links td {
            line-height: 135%;
}
/* ============= Current Officers Page ============== */
ul.currentofficers {
                   margin: 3;
                   padding: 0;
                   list-style: none;
}
ul.currentofficers li img {
                   float: left;
                   margin: 0 15px 0px 0;
}
ul.currentofficers li p {
                   font-size: 90%
}
/* ============ End Current Officers Page ============= */


/* =============== Programs/Calendar Pages ============= */
/*#annmeet {
            margin-left: 0px;
            width: 75%;
            text-align: left;
} */
#annmeet h3, #annmeet p {
         margin: .3em;
}
#annmeet h3.title {
         color: blue;
}
#calendar h3 {
          margin-bottom: -12px;
}
/* =============== End Programs/Calendar Pages ============= */

/* ================== Masthead Table on Bulletin Page ============= */

  	table.mast td, table.mast th {
		font-size: 85%;
		padding: 5px;
		border: 0;
	}
	table.mast th {
		font-weight: bold;
		text-align: left;
	}
/* ====================== End Masthead Table ================ */

/* =================== Table for Site Map Page ============= */
table.sitemap {
               /* font-family: comic sans ms, arial; */
               font-size: 90%;
               border-collapse: collapse;
}
table.sitemap td, table.sitemap th {
			   text-align: left;
		       padding: 6px 3px 3px 10px;
}
table.sitemap th {
              font-style: italic;
}
/* ==================== End Site Map Page Table ============= */

