/* 
Three Column CSS Layout
Copyright 2006 by Steve Callihan
http://www.callihan.com/css-layouts/

You may freely use this stylesheet and associated files as long as this copyright statement and comment is not removed or altered. To download this CSS layout, go to http://www.callihan.com/css-layouts/. Do not redistribute.
*/

/* Layout Styles */

body { 
    margin:0; 
    text-align:center;
    height:3600px;
    }
    
#top {
    position:absolute;
    top:10px; left:0;
    width:100%;
    }
    
.posalign { 
    position:relative; 
    top:0; left:0; 
    width:960px; 
    margin-left:auto; margin-right:auto;
    text-align:left;
    }

#mast { 
    position:relative; 
    top:15px; left:0; 
    width:100%; 
    height:100px;
    text-align:center; 
    z-index:3;
    }

#mastshadow { 
    position:relative;
    left:5px; top:5px;
    height:100px; width:950px; 
    margin-left:auto; margin-right:auto; 
    z-index:3; 
    color:black; background:#369; 
    }

#mastcontent { 
    position:relative;
    left:-10px; top:-10px;
    height:100px; width:100%; 
    z-index:4; 
    }

#middle {
    position:absolute;
    top:150px; left:0;
    width:100%;
    }

#centershadow { 
    position:absolute; 
    top:0; left:180px; 
    height:3300px; width:610px;
    padding:0;
    color:black; 
    background:#369; 
    }

#centercol { 
    position:relative; 
    top:-10px; left:-10px;
    margin:0;
    padding:10px;
    vertical-align:top; 
    text-align:left; 
    height:3300px; width:610px; 
    /* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    height:3280px; width:590px;
    }

html>body #centercol {
    height:3280px; width:590px;
    }
    /* End Box Model Hack */

#leftshadow { 
    position:absolute; 
    top:0; left:10px; 
    height:3300px; width:150px; 
    padding:0;
    color:black; 
    background:#369; 
    }

#leftcol { 
    position:relative; 
    top:-10px; left:-10px;
    padding:5px;
    margin:0;
    vertical-align:top; 
    text-align:left; 
    color:black; background:#9cf; 
    /* color:black; background:white url("background.jpg"); */
    height:3300px; width:150px;
    /* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    height:3290px; width:140px;
    }

html>body #leftcol {
    height:3290px; width:140px;
    }
    /* End Box Model Hack */

#rightshadow {
    position:absolute; 
    top:0; left:810px; 
    height:3300px; width:150px; 
    padding:0;
    color:black; 
    background:#369; 
    }

#rightcol { 
    position:relative; 
    top:-10px; left:-10px; 
    padding:5px;
    vertical-align:top; 
    text-align:left; 
    color:black; background:#fc9; 
    /* color:black; background:white url("background.jpg"); */
    height:3300px; width:150px; 
    /* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    height:3290px; width:140px;
    }

html>body #rightcol {
    height:3290px; width:140px;
    }
    /* End Box Model Hack */
    
#bottom {
    position:absolute;
    top:3470px; left:5px;
    width:100%;
    text-align:center; 
    z-index:3;
    }

#bottomshadow { 
    position:absolute;
    top:0; left:5px;
    height:100px; width:950px; 
    margin-left:auto; margin-right:auto; 
    margin-bottom:10px;
    z-index:3; 
    color:black; background:#369; 
    }

#bottomcontent { 
    position:relative;
    left:-10px; top:-10px;
    height:100px; width:100%; 
    z-index:4; 
    color:black; background:#fcc;
    /* color:black; background:white url("background.jpg"); */
    text-align:center;
    }

html>body #centercol { 
    line-height:1.19; 
    }

/* End of Layout Styles */

/* Menu Styles */

#runner {
    position:absolute;
    left:0; top:0;
    z-index:3;
    width:100%;
    padding-right: 15px; padding-left: 15px;
    white-space:nowrap;
    height:33px;
    border-bottom:#900 ridge 3px;
/* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    height:30px;
    }

html>body #runner {
    height:30px;
    border-bottom:#900 outset 3px;
    }
/* End Box Model Hack */

/* Start IE6 Fixed/Absolute Hack */
/* IE6 mistakenly interprets position:fixed as position:static. */
html>body #runner {
    position:fixed;
    }
/* End IE6 Fixed/Absolute Hack */

div#runner p { 
    color:#cc9; background:transparent; 
    font-size:16px; font-weight:bold; 
    font-family:Arial, sans-serif; 
    margin-top:5px; 
    text-align:center; 
    }

div#runner a { 
    font-size:13px;
    padding:2px 3px; 
    text-decoration:none;
    border:#900 outset 2px;
    }

div#runner a, div#runner a:link, div#runner a:visited, div#runner a:active { 
    color:#9cc;
    background:#600;
    }

div#runner a:hover { 
    color:#cf0; background:#39f; 
    border:#3cf outset 2px;
    }

#topmenu { 
    position:relative; 
    top:-15px; left:0; 
    font-size:14px; font-weight:bold; 
    font-family:Arial, sans-serif;
    margin-left:5px; margin-right:5px;
    white-space:nowrap;
    z-index:3;
    }
    
#topmenu a { 
    padding:3px 3px; 
    margin-left:2px; margin-right:2px;
    font-size:14px; font-weight:bold;
    font-family:Arial, sans-serif;
    text-decoration:none;
    }
    
#topmenu a:link, #topmenu a:visited, #topmenu a:active {
    color:#fc0;
    background:#930;
    border:outset #c90 2px;
    }
    
#topmenu a:hover {
    color:#c30;
    background-color:#fc0;
    border:outset #ffc 2px;
    }

#sidemenu {
    margin-top:3px;
    }
    
#sidemenu p {
    padding:0;
    padding-bottom:5px;
    margin:0;
    }

#sidemenu a {
    display:block;
    font-size:14px; font-weight:bold;
    font-family:Arial, sans-serif;
    text-decoration:none;
    width:130px;
    padding:3px;
    margin-left:2px;
    border:outset #399 3px;
/* Start Box Model Hack */
    voice-family:"\"}\""; 
    voice-family:inherit;
    width:124px;
    }

html>body> #sidemenu a {
    width:124px;
    }
/* End Box Model Hack */

#sidemenu a:link, #sidemenu a:visited, #sidemenu a:active {
    color:#cfc; background:#069;
    }
    
#sidemenu a:hover {
    color:yellow; background:#9c3;
    border:outset #9c9 3px;
    }

/* End Menu Styles */

/* Content Styles */

#sitename { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold; font-style:italic; 
    font-size:20px; 
    margin-top:0; margin-right:25px; margin-left:25px; 
    color:maroon; 
    border-bottom:5px groove #c90; 
    text-align:center; 
    }
    
#centercol h1 { 
    text-align:center;
    margin-top:5px;
    font-size:28px;
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    color:#369; }
    
#centercol h2 { 
    color:#c30; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    border-top:2px outset #c90;
    }
    
#centercol p { 
    color:#033; 
    }
    
#intro {
    font-style:italic;
    color:#900;
    background:transparent;
    }

#bottombanner {
    position:absolute;
    bottom:15px;
    width:100%;
    text-align:center;
    }

#credit {
    position:absolute;
    bottom:15px;
    width:100%;
    text-align:center;
    }

.thumbnail {
    margin-top:50px;
    text-align:center;
    font-size:12px; font-weight:bold;
    font-family:Verdana, Arial, sans-serif;
    color:#c30; background:transparent;
    }
    
.thumbnail img {
    border: 1px solid silver;
    }
    
.thumbnail a {
    color:#036; background:transparent;
    }
    
.thumbnail a:link, .thumbnail a:visited, .thumbnail a:active {
    color:blue; background:transparent;
    }
    
.thumbnail a:link, .thumbnail a:visited, .thumbnail a:active {
    color:blue; background:transparent;
    }
    
.thumbnail a:hover {
    color:gold; background:maroon;
    }

.thumbnail br {
    margin-top: 6px;
    margin-bottom: 6px;
    }
    
.leftbox {
    margin-top:30px;
    margin-left:5px;
    text-align:center;
    font-size:12px; font-weight:bold;
    font-family:Verdana, Arial, sans-serif;
    color:#c30; background:#cff;
    border:outset #3cf 3px;
    }
    
.leftbox a, .leftbox a:link, .leftbox a:visited, .leftbox a:active {
    color:blue; background:transparent;
    }
    
address { padding-top:15px; }

#name { font-family:Verdana, Arial, sans-serif; font-size:16px; font-weight:bold; color:green; background:transparent; }

#mastcontent img { 
    border:none; 
    }

#mastcontent #leftmast { 
    float:left; 
    padding-left:45px; padding-top:5px; 
    }

#leftmast img, #rightmast img { 
    display:block; 
    }

#mastcontent #centercel { 
    padding-top:5px; 
    }

#mastcontent #rightmast { 
    float:right; 
    padding-right:45px; padding-top:5px; 
    }

/* End of Content Styles */