/*

Colors used in the site

blue: #3f5e7f
lightblue : #a4bad8
yellow: #f5eda8
gray: #c9c9c9
lightgray: #dfe8e8;
cream: #ffffcc
orange: #fbcf9c

*/

/* Site-wide styles for basic html tags*/
body   { color: black; font-size: 12px; font-family: "Times New Roman", Times, serif; background-color: white; text-align: center; }
img { border: none; padding: 0px; margin: 0px;}
a { text-decoration: none; }
a:link { color: #3f5e7f; }
a:visited { color: #3f5e7f; }
a:hover { color: #000000; }
a:active { color: #3f5e7f; }

th {font-size: 15px; font-family: "Arial", sans-serif; font-weight: bold; font-variant: small-caps; border-bottom: 1px solid white; letter-spacing: 4px; text-align: left;}
td { vertical-align:top; font-size:12px; font-family: "Times New Roman", Times, serif;}
ul {padding-top: 5px;}
li {padding-right: 2px; position: relative; left: -10px;}

#peopleTable {}
#peopleTable td {border-bottom: 1px solid #000000; padding: 3px;}
/* Layout container for the header */
#header      { margin-left: auto; margin-right: auto; background-color: #3f5e7f; text-align: center; visibility: visible; width: 904px; height: 150px; position: relative;}

/* Blue logo and title styles in the header*/
#logoSection   { text-align: left; visibility: visible; top: 0px; left: 0px; width: 182px; height: 150px; position: absolute; }
#logoTitle  { font-size: 18px; font-family: Arial; background-color: #a4bad8; text-align: center; letter-spacing: 6px; visibility: visible; display: block; margin-top: 15px; padding-top: 10px; padding-bottom: 10px; width: 100%; }

/* Yellow address containter in the header */
#addressSection   { background-color: #ffffcc; text-align: right; visibility: visible; position: absolute; top: 0; right: 0; left: auto; width: 180px; height: 150px; }
#addressSection p {font-size: 10px; margin: 5px; padding: 0px;}

/* Gray news container (on home page only!) */
#newsSection   { font-family: Arial; background-color: #c9c9c9; text-align: center; visibility: visible; position: absolute; top: 0; right: 180px; left: auto; width: 180px; height: 150px; }
#newsTitle  { font-size: 18px; font-family: Arial; background-color: #dfe8e8; text-align: center; letter-spacing: 8px; visibility: visible; display: block; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; width: 100%; }
#newsSection p  { line-height: 18px; margin: 5px; padding: 5px; }

/* Home page image in the header (home page only) */
#picsSection { left:180px; width: 360px; background-color: white; top: 0px; position:absolute; height: 150px; padding: 0px; margin:0px;}
/* Images in the header (all pages EXCEPT home page)) */
#pics2Section { left:180px; width: 544px; background-color: white; top: 0px; position:absolute; height: 150px;}

/* Titles for the sections (home page only) */
#contentTitles  { margin-top: 10px; margin-bottom: 4px; margin-left: auto; margin-right: auto; background-color: white; text-align: center; visibility: visible; width: 906px; height: 40px; position: relative; border: 0px;}
.sectionTitle  { float: left; font-size: 18px; font-family: Arial; color: white; background-color: #3f5e7f; text-align: center; letter-spacing: 6px; visibility: visible; padding-top: 10px; padding-bottom: 10px; width: 180px; height: 20px; border-left:1px #ffffff solid;}
.sectionTitle a { text-decoration: none; }
.sectionTitle a:link { color: white; }
.sectionTitle a:visited { color: white; }
.sectionTitle a:hover { color: white; }
.sectionTitle a:active { color: white; }

/* Titles for the sections (for inactive sections) */
.sectionTitleOff  { float: left; font-size: 18px; font-family: Arial; color: #c9c9c9; background-color: #dfe8e8; text-align: center; letter-spacing: 6px; visibility: visible; padding-top: 10px; padding-bottom: 10px; width: 180px; height: 20px; border-left:1px #ffffff solid;}
.sectionTitleOff a { text-decoration: none; }
.sectionTitleOff a:link { color: #c9c9c9; }
.sectionTitleOff a:visited { color: #c9c9c9; }
.sectionTitleOff a:hover { color: black; }
.sectionTitleOff a:active { color: #c9c9c9; }

/* Section content based on the number of panels covered */
#contentText  { margin-left: auto; margin-right: auto; background-color: white; text-align: center; visibility: visible; width: 906px; height: 340px; position: relative; border: 0px;}

.sectionText  { float: left; color: black; background-color: #c9c9c9; text-align: left; visibility: visible; width: 180px; height: 340px; border-left:1px #ffffff solid;}
.sectionText2  { float: left; color: black; background-color: #c9c9c9; text-align: left; visibility: visible; width: 363px; height: 340px; border-left:1px #ffffff solid;}
.sectionText3  { float: left; color: black; background-color: #c9c9c9; text-align: left; visibility: visible; width: 542px; height: 340px; border-left:1px #ffffff solid;}
.sectionText4  { float: left; color: black; background-color: #c9c9c9; text-align: left; visibility: visible; width: 723px; height: 340px; border-left:1px #ffffff solid;}
.sectionText5  { float: left; color: black; background-color: #c9c9c9; text-align: left; visibility: visible; width: 904px; height: 340px; border-left:1px #ffffff solid;}

.sectionText p {margin-top: 6px; margin-left:8px; margin-right: 8px; margin-bottom: 10px; font-size: 12px; line-height: 18px;}
.sectionText2 p {margin-top: 6px; margin-left:8px; margin-right: 8px; margin-bottom: 10px; font-size: 12px; line-height: 18px;}
.sectionText3 p {margin-top: 6px; margin-left:8px; margin-right: 8px; margin-bottom: 10px; font-size: 12px; line-height: 18px;}
.sectionText4 p {margin-top: 6px; margin-left:8px; margin-right: 8px; margin-bottom: 10px; font-size: 12px; line-height: 18px;}
.sectionText5 p {margin-top: 6px; margin-left:8px; margin-right: 8px; margin-bottom: 10px; font-size: 12px; line-height: 18px;}


/* Section
/* Bottom of screen navigation links */
#nav { margin: 6px;}