﻿
body
{
    font-size: small; 
    font-family: Verdana, san Sans-Serif;
    font-weight: normal;
    text-align: left;
    line-height: 2em;
    margin: 0px;
    padding: 0px; /* khaki */ /* background: #f0e68c; */ /* dimgray */ /* background: #696969; */
}
.fixed
{
    /* background-image: url("images/blue1.jpg" ); */
    background-repeat: repeat;
    background-attachment: fixed;
    background-color: White;
    margin-bottom: 3em;
    margin-top: 1em;
}

.subTitle
{
    font-size: medium;
    color: Maroon;
    font-weight: normal;
    letter-spacing: 3pt;
    margin:0 4em;
}

#bigletter
{
    margin: 0;
    margin-top: 14px;
    padding-left: .1em;
    padding-right: .1em;
    float: left;
    color: Maroon;
    background: #eb6;
    border: 1px solid darkkhaki;
    font-size: 48px;
    line-height: 38px;
    font-family: Times New Roman;
}

.insidePanel p {color:Black;}

#bigletter + p
{
}
.bold
{
    font-weight: bold;
    background-color: White;
    width: 710px;
    float: left;
    padding-left: .1em;
    margin-top: 20px;
    border: 1px solid darkkhaki;
}

.caption
{
    font-size: 1em;
    color: Gray;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
    font-size: x-large;
}

#tiny
{
    font-size: .7em;
    color: Silver;
    font-weight: normal;
    text-decoration: none;
}
.tiny
{
    font-size: .7em;
    color: black;
    font-weight: normal;
    text-decoration: none;
}
.tiny:hover
{
    color: #eb6;
}
.lightPanel
{
    width: 932px;
    text-align: left;
    padding: 4px;
    padding-top:0px;
    padding-bottom: 6px;
    border: 1px solid #ddd;
}

.insidePanel
{
    background-color: #EEEEE0;
    padding: 1em 0;
    margin: 0 4em;
    filter: alpha(opacity=90);
    -moz-opacity: .90;
    opacity: .90;
}

.contactPanel
{
    background-color: #f7f3f7;
    padding: 1em 0;
    margin: 0 4em;
    filter: alpha(opacity=90);
    -moz-opacity: .90;
    opacity: .90;
}
.label
{
    padding: 5px;
    margin: 0;
    background-color: #c0c0c0;
    color:darkslategray;
    -moz-border-radius: 10px;
}
.summary > p
{
    margin-top: 5px;
}

.contactLabel
{
    padding: 0;
    margin: 0;
    background-color: #f7f3f7;
    vertical-align:top;
}

.button
{
    background-color: #eb6;
    font-weight: bold;
    color: #445;
    font-style: normal;
    background-position: bottom;
    letter-spacing: 3pt;
}
.textlink
{
    font-size: 1em;
    color: #445;
    background-color: #eb6;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    margin-left: 0em;
}
.textlink:hover
{
    color: #667;
    background-color: #fb5;
}
.link
{
    font-size: 1em;
    color: #445;
    background-color: #eb6;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    letter-spacing: 3pt;
    margin-left: 0em;
    padding-left: 80px;
}

.link:hover
{
    color: #667;
    background-color: #fb5;
}

#navigation
{
    background-image: url(images/navbar.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
    color: #455;
    background-color: #789;
    width: 942px;
}
#navigation ul
{
    overflow: hidden;
    padding-left: 2em;
    margin-left: 22em;
}
#navigation li
{
    display: inline;
}
#navigation li a
{
    display: block;
    float: left;
    padding: .1em 1.8em;
    border-right: .1em solid;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2pt;
}
#navigation li a:link
{
    color: #445;
    background-color: #eb6;
}
#navigation li a:visited
{
    color: #345;
    background-color: #eb6;
}
#navigation li a:hover
{
    color: #667;
    background-color: #fb5;
}


#navigation li a:active
{
    color: #778;
    background-color: #ec8;
}

#about
{
    background-color: Silver;
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    opacity: .85;
    padding: 5% 10%;
    text-align: left;
    font-weight: normal;
    color: Black;
}

.summary
{
    font-size: 8pt;
    line-height: 1.8em;
    color: Gray;
    width: 520px;
    padding: 1em;
    margin: 0 1em;
    float: right;
}

.webSiteImageParent
{
    float: left;
    position: relative;
    top: 30px;
    left: 20px;
}

.webSiteImage
{
    width: 220px;
    border: 0;
}


.watermarked
{
    color: #c0c0c0;
    font-style: normal;
    font-family: Times New Roman;
}

#header
{
    width: 940px;
    height: 152px;
    border: 1px solid #ddd;
}
#headerImg
{
    width: 930px;
    height: 144px;
    position: relative;
    top: 4px;
    left: 0px;
    background: url(images/waterfall.jpg) no-repeat;
}
#headerText
{
    float: right;
    top: 70px;
    right: 800px;
}
#headerText h1
{
    color: white;
    width: 100%;
    filter: alpha(opacity=60);
    -moz-opacity: .60;
    opacity: .60;
    font-size: 42px;
    margin-top: 25px;
    margin-right: 2px;
    line-height: 3.2em;
    vertical-align: text-bottom;
    letter-spacing: 3pt;
}

#caption1 {margin-top: -10px; font-size: x-small; padding-left: 15px;}
#caption2 {margin-top: -20px; font-size: x-small; padding-left: 10px;}

.textbox {margin-top:-20px;}

