/* More CSS for static content */

@import url(/site_media/css/image_type.css);

img { border: none; }

div#container { height: auto; padding-top: 5px;}

div#middlestripe {
width: 100%;
margin: 0;
height: 100%;
}

div#inner {
width: 850px;
height: auto;
margin: 0 auto;
padding-bottom: 0;
}

div#footer {
width: 100%;
height: auto;
margin: 20px 0;
text-align: center;
font-size: 11px;
clear: both;
margin-top: 20px;
}

div#static-top {
width: 100%;
border: none;
height: 140px;
background: #fff;
margin: 0 auto;
padding-top: 5px;
}

div#static-logo {
width: 300px;
height: 107px;
margin: 0 auto;
float: left;

}

div#static-inner { width: 607px; margin: 0 auto; height: 110px; border: 0px solid red; }
div.static-inner-menu { width: 150px; height: 105px; border: 0px solid blue; float: left; text-align: center; padding: 0;}

div#static-inner-lowernav { width: 100%; height: 20px; text-align: center; font-size: 12px;}

div#inner h1 { width: 98%; margin: 10px auto; border-bottom: 5px solid #d6e68a; padding: 3px; color: #000; font-size: 16px;}
div#inner p.static-text { margin: 5px 25px; font-size: 12px; text-align: justify; }
div#inner p.testim { margin: 0 25px; font-size: 12px; text-align: justify; padding: 10px 0; border-bottom: 1px dotted #cccc99;}
div#inner h2 { width: auto; margin: 0; padding: 25px 0 5px 10px; font-size: 14px; font-weight: bold; }


div#loginarea { top: 0; width: 100%; height: 22px; background: #cccc99; text-align: right; color: #630; border-bottom: 1px solid #000; padding-top: 4px;}
div#loginarea span { font: 12px "Trebuchet MS",Arial,Helvetica;  margin-right: 25px; }
div#loginarea a:link { color: #630; font-weight: bold; text-decoration: none; }
div#loginarea a:visited { color: #630; font-weight: bold; text-decoration: none; }
div#loginarea a:hover { color: #fff; font-weight: bold; text-decoration: underline; }
div#loginarea a:active { color: #fff; font-weight: bold; text-decoration: underline; }

/* small top menu */

.static-inner-menu ul { margin: 0 0 0 10px; padding: 0; }

.static-inner-menu ul li {
list-style-type: none;
font-size: 14px;
text-transform: lowercase;
text-align: center;
display: block;
border: 0px dotted #a9a9a9;
width: 125px;
height: 25px;
margin: 1px 0;
}

.static-inner-menu ul li a:link { text-decoration: none; color: #000; }
.static-inner-menu ul li a:visited { text-decoration: none; color: #000; }
.static-inner-menu ul li a:hover { text-decoration: none; color: #fff;  }
.static-inner-menu ul li a:active { text-decoration: none; color: #fff; }
.static-inner-menu ul li:hover { background: #cccc99; color: #fff; }

#static-inner-lowernav ul li { font-size: 12px; display: inline; margin: 5px 15px; padding: 0; width: 75px;}
#static-inner-lowernav ul { margin: 10px 0; padding: 0; }

#gallery {width:820px; height:615px; padding:10px;  background: transparent; position:relative; margin: 0 auto;}

div.slideshow { width: 850px; height: 175px; background: #909090; margin: 0 auto; text-align: center; margin-top: 10px;}

/* Photo Gallery 



#gallery {width:800px; height:380px; padding:10px; border:1px solid #333; background: #888; position:relative; margin: 0 auto;}
#gallery b.default {position:absolute; left:10px; top:10px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333; width: 500px; height: 380px; }
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right; display: inline;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#fff;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:20;}
#gallery ul li a:hover span {display:none; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:500px; height:380px; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:none; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:500px; height:380px; border:1px solid #eee; border-color:#555 #ddd #eee #333;}*/