/* 

Screen layout: */



body {

background-image:  url(images/chalkback.jpg);

font-family: arial, sans-serif;

font-size: small;

width: 1024px;

margin: 0;

padding: 0;

}

#header {

height: 140px;

padding: 10px;

margin: 0;

border: 10px solid black;

}

#header table {

border: none;

}

#header td {

border: none;

}

#header img {

margin: 5px 0 0 10px;

}

h1 {  /* banner across top of every page  */

margin-top: 15px;

font-size: 2.2em;

color: #CF0021;

text-align: center;

}

h2 {         /* header of content portion of each page  */

font-size: 1.55em;

text-align: center;

margin: 15px auto;

}

h3 {       /* sub-headers of pages  */

font-size: 1.35em;

margin: 0 0 20px 20px;

}

h4 {       /* myths  */

font-size: 1.1em;

margin: 30px 0 0 20px;

}

p {

margin-left: 20px;

}

img {

float: left;

border: 4px solid black;

margin: 0;

padding: 0;

}

a {

text-decoration: none;

color: #CF0021;

}

a:visited {

color: #A90606;

}

a:hover {

text-decoration: underline;

color: #CF0021;

}

table {

border-color: black;

border-style: solid;

text-align: left;

font-size: .9em;

line-height: 1.1em;

margin-bottom: 20px;

border-collapse: collapse;

}

th {

background: #FFFFFF;

padding: 6px 8px;

border-bottom: 1px solid black;

}


td {

padding: 8px 8px;

border: 1px solid black;

}


#menu {

float: left;

width: 180px;

margin: 0;

padding: 0;

}

#menu table {

border: none;

width: 174px;

margin: 30px 1px;

}

#menu td {

border: none;

padding: 8px 1px;

}

#menu a {

font-size: 1.35em; 

text-decoration: none; 

color: #CF0021;

}

#menu a:visited {

color: #A90606; 

font-size: 1.35em;

}

#menu a:hover {

font-size: 1.55em; 

color: #CF0021;

}

#menu img {

border: none;

}

#content {

float: right;

width: 803px;

text-align: justify;

border-left: 1px solid black;

font-size: 1.2em;

line-height: 1.4em;

margin: 0;

padding: 0 25px 40px 15px;

}

#photocontent { /* for galleries - smaller margins  */

float: right;

width: 830px;

text-align: justify;

border-left: 1px solid black;

font-size: 1.2em;

line-height: 1.4em;

margin: 0;

padding: 0 5px 40px 5px;

}

#infocontent { /* for info page - with righthand sidebar  */

margin: 0 175px 30px 180px;

width: 630px;

text-align: justify;

border-left: 1px solid black;

border-right: 1px solid black;

font-size: 1.2em;

line-height: 1.5em;

padding: 0 10px 40px 10px;

}

#extras {  /* info page - righthand sidebar  */

float: right;

width: 150px;

margin: 55px 10px 10px 0;

padding: 0 10px 0 0;

line-height: 1.5em;

}

#extras h3 {

font-size: 1.3em; 

padding: 0 0 15px 0;

margin: 0;

}

#extras p {

font-size: 1em;

margin: 0 0 5px 0;

padding: 0 0 5px 10px;

}


#footer {  /* bottom of first page - contact info */

clear: both;

text-align: center;

font-size: 1em;

font-style: italic;

}

#footer a {

color: black;

}

#footer a:hover {

font-weight: bold;

}

#footer table {

border: none;

width: 260px;

margin: 3px auto;

text-align: center;

}

#footer td {

border: none;

padding: 0;

}

.homes {    /*  Tables Describing Homes  */

border: none;

padding: 10px 20px;

}

.family {    /*  Tables of Family Members  */

width: 400px;

margin: 5px 30px;

}

.committee {    /*  Table of Committee Members  */

width: 740px;

margin: 5px auto 25px auto;

}

.faqs {    /*  Volunteer Info Table  */

border: none;

font-size: .9em;

line-height: 1.1em;

width: 620px;

margin: 15px auto;

padding: 0;

}

td.question {

border: none;

font-weight: bold;

text-align: right;

padding: 2px;

}

td.multiple {  /*  used when multiple answers to one question in faq table  */

border: none;

padding: 1.5px 8px;

line-height: 1.15em;

}

p.right {  /* "return to top" - right justify */

text-align: right;

font-size: .9em;

clear: both;

}

p.facts {  /* facts page */

margin: 0 20px;

}

.noborders  {   /* for images without borders  */

border: none;

}

.captions  {   /* captions on photos  */

border: none;

font-style: italic;

text-align: center;

}

.center  {

text-align: center;

}