/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle;color:#50270d; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/*-----------------------------------------------------------------------reset ends----------------------------------------------------------------------------------------------------------------------*/

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background: #ccbb8a url(../images/body_background.jpg); background-repeat:-x;background-repeat:y;}
p{margin:0 10px 10px 0px;font-family: Verdana,sans-serif;font-size: 12px;}
a{text-decoration:none;font-weight: bold;color:#4A1703;outline: none;}
a:hover{padding:0px; text-decoration:none; font-weight: bold; color:#362413}
a.links_right {color:#571b03;letter-spacing:1px;text-align:right;padding:5px;}
p.links_right {font-family:Trebuchet MS, Trebuchet, Verdana, sans-serif;margin:0 0 0 0;color:#571b03;text-align:center;letter-spacing:1px;font-weight:bold;font-size:12.3px;}
a.links_right:hover {color:white;letter-spacing:1px;text-align:right;padding:5px;}
a.links_tabbox {font-family: Verdana, sans-serif; font-size:12px; color:#571b03;text-align:right;padding:un0px;}
a.links_tabbox:hover {font-family: Verdana, sans-serif; font-size:12px; color:#571b03;text-align:right;padding:0px;text-decoration:underline;}
a.links_footer{clear:both;font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;color:#ffffff;padding-top:0px;padding-bottom:15px;padding-left:0px;font-size:12px;font-weight:bold;letter-spacing:1px;}
a.links_footer:hover{clear:both;font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;color:#ffffff;padding-top:0px;padding-bottom:15px;padding-left:0px;font-size:12px;font-weight:bold;letter-spacing:1px;text-decoration:underline;}
a.links_footer:visited{clear:both;font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;color:#ffffff;padding-top:0px;padding-bottom:15px;padding-left:0px;font-size:12px;font-weight:bold;letter-spacing:1px;}
a.credits {font-size:9px;color:#744722;text-align:right;padding:0px;font-weight:bold;letter-spacing:1px;}
a.credits:hover {color:#744722;text-align:right;padding:0px;text-decoration:underline;}
span.credits{font-size:8px;color:#9D6230;font-weight:light;text-decoration:none;}
a.gallery{padding-right:10px;text-decoration:none; font-weight: bold;color:#4A1703;}
a.gallery:hover{padding-right:10px; text-decoration:none; font-weight: bold; color:#F2EFED;}
a.box {color:#4A1703;font-style:italic;text-decoration:none;}
a.box:hover {color:white;text-decoration:underline;}

div#main_wrap{padding-top:30px; }
div#header{background-image:url(../images/header-bg.jpg);}
div#header h1{height:77px;line-height:71px;margin:0;padding-left:10px;border-bottom: 1px solid #995C2C;}
div#menu{padding:10px;}
div#container{text-align:left; width:200px; border: 1px solid #995C2C;}
div#content_site p{/*style for the tab box content */
color:#50270D;text-align: justify;font-family: Verdana, sans-serif;font-size:12px;padding-right:20px;
}
div#navigation{background:#F6F0E0;}
div#extra{background:#CCC8B3;text-align:center;}
div#footer{background:#BFBD93;border-top: 1px solid #995C2C; }
div#footer p{clear:both;font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;color:#ffffff;padding-top:0px;padding-top:10px;padding-left:0px;font-size:12px;font-weight:bold;letter-spacing:1px;}
div#footer{clear:left;width:100%;height:44px;background-image:url(../images/footer-bg.jpg);}
div#container{width:1027px;margin:0 auto;background-color:transparent;}
div#wrapper_site{float:left;width:100%; height:360px; background-image:url(../images/content-bg.jpg);}
div#content_site{margin-right: 420px; padding-top:40px; padding-bottom:50px;padding-left:0px;}
div#navigation{max-height:400px;float:left;width:170px;margin:77px 0 0 -430px; padding-top:0px; background:transparent;color:#571b03;}
/*div#navigation{max-height:450px;float:left;width:170px;margin:0px 0 0 -480px; padding-top:70px; background:transparent;color:#571b03;}  for the small galery*/
div#extra{float:left;width:250px;margin-left:170px; padding-top:0px;background:transparent;}
div#promo{position:relative;text-align:center;width:300px; heigh:20px;background:transparent;vertical-align: middle;}
span.border a:hover {border-top: 1px solid #ECE4CC; border-bottom: 1px solid #ECE4CC;}
a.border:hover{color:#ffffff;border-top: 1px solid #ECE4CC; border-bottom: 1px solid #ECE4CC;}
/*div#wrap_intro{padding-top:30px;width:1027px;margin:auto;background-color:transparent;text-align:center;}*/
div#wrap_intro{background-color:transparent;margin:auto;text-align:center}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */
#menu_ae
{
vertical-align: middle;
text-align: center;
padding-left:70px;
padding-top:5px;
}
/* ######### Galery-pictures ######### */
#loadarea {
width: 250px; height:200px; vertical-align: middle; text-align: center;  border:1px solid #8c754b; top:-75px; /*position:relative; left:170px;margin-left:20px;*/
}

#loadarea2{
width: 250px; height:200px;vertical-align: middle; text-align: center; position:relative; left:170px; top:-75px; border: 0px solid #995C2C;
}

#galery{
float:left;width:250px;height:200px;margin-left:-370px; padding-top:170px;background:transparent; vertical-align: middle; text-align: center; border: 1px solid #995C2C;
}

img.galery{
border: 0px solid #995C2C;
}

#gallery_box{
margin:/*0*/-10px 0 0 /*85*/ 85px;padding-left:15px;padding-right:15px;border-right:1px solid #ECE4CC;border-left:1px solid #ECE4CC;width: /*250*/ 300px;height:260px;text-align:center;
}

#links_gallery{display:block;max-height:500px;min-height:500px;}

table.table_ae{
color:#ffffff;
}

/*----------------------------------------------------------Galery------------------------------------------------------------------------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
height:3px;
width:/*150*//*200px*/150px;
text-align:right;
left:/*-35*//*-65px*/-65px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

/*.thumbnail img{
border: 1px solid white;
margin: 0 0px 0px 0;
}*/


.thumbnail:hover{
color:#ECE4CC;
border-top: 1px solid #ECE4CC;
border-bottom: 1px solid #ECE4CC;
padding-left:15px;
padding-right:10px;
}

.thumbnail:hover img{
border: 1px solid #8c754b;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: transparent;*/
padding: 0px;
left: -1000px;
visibility: hidden;
color: black;
/*text-decoration: none;*/
}

.thumbnail span img{ /*CSS for enlarged image*/
padding: 0px;
}


.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: /*166*/ 166px ; /*196px; position where enlarged image should offset horizontally 166px*/
top: /*-73x*/ -7px ;/*position where enlarged image should offset horizontally */
z-index: 50;
}

img.image_cover{
border: 1px solid #8c754b;
}

/* begin styles for RSS Feed */


.rss-box { background-color: white; margin: 10px 15%; padding: 4px 8px; border: solid 3px tan }

.rss-title, rss_title a { font-family: verdana, arial, sans-serif;font-size: 110%;font-weight:normal;color: #663399;margin: 0px 0;
padding: 0;
letter-spacing: 1px; }

.rss-items    { list-style-type: none; list-style-image: url("http://142.27.144.70/gerry/pointer.jpg") }

.rss-item { color: black; font-size: 75%; font-family: Tahoma; font-weight: normal; margin: 8px 0 }

.rss-item a:link, .rss-item a:visited { color: #663399; font-size: 110%; text-decoration: none }

.rss-item a:hover { color: gray; text-decoration: underline }

.rss-date { color: gray; font-size: 80%; font-weight: normal } 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }