body { 
     background-color:#ffffff;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

#top {
     position:absolute; 
     top: 0px;
     right: 0px;
     left: 0px;
     height:78px;
     z-index: 20;
     background-image: url("../images/topback.jpg");
}

#bottom {
     position:absolute; 
     top: 140px;
     right: 30px;
     left: 30px;
     z-index: 0;
}

#footer {
     position: absolute;
     right: 0px;
     bottom: 30px;
     left: 0px;
     height: 40px;
     z-index: 20;
}

#postfoot {
     position: absolute;
     top: 20px;
     right: 0px;
     bottom: 30px;
     left: 0px;
     height: 30px;
     background-color:#ccffdd;
     z-index: 20;
}

.mainBottomLeft {
     position: absolute;
     right: 250px;
     top: 30px;
     bottom: 20px;
     left: 60px;
     width: 450px;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
     font-size:0.6em;
     color:  #3c117d; 
}

.mainBottomRight {
     position: absolute;
     right: 15px;
     top: 30px;
     bottom: 20px;
     left: 450px;
     width: 450px;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
     font-size:0.6em;
     text-align: right;
     color:  #3c117d; 
}

.mainBottomLeftAlt {
     position: absolute;
     right: 250px;
     top: 600px;
     bottom: 20px;
     left: 60px;
     width: 450px;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
     font-size:0.6em;
     color:  #3c117d; 
}

.mainBottomRightAlt {
     position: absolute;
     right: 15px;
     top: 600px;
     bottom: 20px;
     left: 450px;
     width: 450px;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
     font-size:0.6em;
     text-align: right;
     color:  #3c117d; 
}


h3 {
     color:  #3c117d; 
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
}

.red {
     color: #990066;
}

.small_green {
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
     font-size:0.8em;
     color:  #004400;
}


blockquote {
     color: #3c117d; 
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, Ariel, sans-serif;
}

div.menu {  /* div id=m1 class=menu */
     background-color: #eeddff;
     font-size:0.9em;
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
}

#m1 {
     position:absolute; 
     top: 104px;
     left: 2px;
     padding:2px;
     width:140px; 
     height:50px;
     color:#000000; 
     border:solid 2px #004400;
     z-index: 200;
}

#m2 {
     position:absolute; 
     top: 104px;
     left:152px;
     padding:2px;
     width:140px; 
     height:50px;
     color:#000000; 
     border:solid 2px #004400;
     z-index: 200;
}

#m3 {
     position:absolute; 
     top: 104px;
     left:302px;
     padding:2px;
     width:140px; 
     height:80px;
     color:#000000; 
     border:solid 2px #004400;
     z-index: 200;
}

#m4 {
     position:absolute; 
     top: 104px;
     left:452px;
     padding:2px;
     width:140px; 
     height:100px;
     color:#000000; 
     border:solid 2px #004400;
     z-index: 200;
}

A.menu:link {  /* controls link display */
     color: #004400;
     text-decoration: none;
}

A.menu:visited {  /* controls link display */
     color: #660066;
     text-decoration: none;
}

A.menu:active {  /* controls link display */
     color: #cc0033;
     text-decoration: none;
}

A.menu:hover {  /* on IE only */
     color: #cc0033;
     text-decoration: none;
}

A:link {  /* controls link display */
     color: #004400;
     text-decoration: underline;
}

A:visited {  /* controls link display */
     color: #660066;
     text-decoration: underline;
}

A:active {  /* controls link display */
     color: #cc0033;
     text-decoration: underline;
}

A:hover {  /* on IE only */
     color: #cc0033;
     text-decoration: underline;
}


A.nav:link {  /* controls link display */
     color: #ffffaa;
     font-weight: bold;
     text-decoration: none;
}

A.nav:visited {  /* controls link display */
     color: #ffffaa;
     font-weight: bold;
     text-decoration: none;
}

A.nav:active {  /* controls link display */
     color: #ffaaaa;              
     font-weight: bold;
     text-decoration: underline;
}

A.nav:hover {  /* on IE only */
     color: #ffaaaa;              
     font-weight: bold;
     text-decoration: underline;
}

div.nav {  /* div id=nav1 class=nav */
     background-color: #3c117d; 
}

div.navselected {  /* div id=nav1 class=navselected */
     background-color: #993399;
}

#nav1 {
     position: absolute;
     top: 80px;
     bottom: auto;
     left: 0px;
     width: 148px;
     height: auto;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     border:solid 2px #004400;
     text-align: center;
}
#nav2 {
     position: absolute;
     top: 80px;
     bottom: auto;
     left: 150px;
     width: 148px;
     height: auto;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     border:solid 2px #004400;
     text-align: center;
}
#nav3 {
     position: absolute;
     top: 80px;
     bottom: auto;
     left: 300px;
     width: 148px;
     height: auto;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     border:solid 2px #004400;
     text-align: center;
}
#nav4 {
     position: absolute;
     top: 80px;
     bottom: auto;
     left: 450px;
     width: 148px;
     height: auto;
     margin: 0px;  /* sets all margins to zero pixels   */ 
     border:solid 2px #004400; 
     text-align: center;
}
#nav5 {
     position: absolute;
     top: 80px;
     bottom: auto;
     left: 600px;
     width: 148px;
     height: auto;
     margin: 0px;  /* sets all margins to zero pixels   */
     border:solid 2px #004400;
     text-align: center;
}
#topphoto {
     position: absolute;
     right: 0px;
     left: 200px;
     width: 584px;
     height: 419px;
     border: none;
}
#bottomphotos {
     position: absolute;
     top: 750px;
     right: 0px;
     left: 194px;
     width: 600px;
     height: 200px;
     border: none;
}