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

/*  a:link {color: #FF0000}   */
/*  a:hover {color: #000}     */
/*  a:active {color: #0000FF} */
  /*a:visited {color: #00FF00} */ /*  light green  */
  /*a:hover {color: #FF00FF}*/

a {position: relative;}

a:hover span {
  position: absolute;
  top: 5px;
  left: 30px;
  display: block;
  background: #fdd;
  border: 1px solid red;
  }

ul { list-style-type: none; }

h2 {text-indent: 3cm;
/*    font-size: 16px; */
    font-size: 1.5em;
    font-family: "Georgia", arial, geneva, 'Trebuchet MS', sans-serif;
    font-style:italic;
    color:#990000;
}

h3 {text-indent: 3cm;
/*    font-size: 14px; */
    font-size: 1.25em;
    font-family: "Georgia", arial, geneva, 'Trebuchet MS', sans-serif;/*
    font-style:italic; */
    color:#990000;
}

h4 {text-indent: 3cm;
/*    font-size: 13px; */
    font-size: 1em;
    font-family: "Georgia", arial, geneva, 'Trebuchet MS', sans-serif;
    /*    font-style:italic; */
    color:#990000;
}

p {
    font-family: "Georgia", arial, geneva, 'Trebuchet MS', sans-serif;
    /*    font-size: 12px; */
    font-size: 1em;
    /*  font-style:italic;  */
    color:#990000;
}

body{
    margin:0;
    padding:0;
/*    padding-left: 100px;  */
    border:0;
    overflow:hidden;
    height:100%;
    max-height:100%;
    font-family: "Georgia", arial, geneva, 'Trebuchet MS', sans-serif;
/*  font-size:12px;   */
/*  font-style:italic; */
    color:#990000;
    background-color:#F1FDB0;
    background-image: none
}

.thumbNormal {
    border:1px solid #000000;
    position: relative;
}

.thumbNormal:hover span {
  position: absolute;
  top: 5px;
  left: 30px;
  display: block;
  background: #fdd;
  border: 1px solid red;
  }

.thumbSelected {
border:1px solid #ff0000;
}


#wrapper {
    margin: 0 auto;
    width: 922px;
}

#framecontent{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height: 35px;      /*Height of frame div*/
    overflow: hidden;  /*Disable scrollbars. Set to "scroll" to enable*/
    /*background:#fff; */  /* white=#fff  */
    /*color:#fff  */
    background:<%=bkgrdcolor%>;
    color:<%=bkgrdcolor%>;
}

#maincontent{
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom:35px;       /*Set bottom value to HeightOfFrameDiv*/
    overflow:auto;
    background: <%=bkgrdcolor%>
}

.innertube{
    margin:15px         /*Margins for inner DIV inside each DIV (to provide padding)*/
}

table{
    border-spacing: 0;
    border-collapse: collapse;
/*    border: 2px solid green;  */
}

td{
    text-align: left;
/*    font-family: "Georgia", arial, geneva, 'Trebuchet MS', sans-serif;  */
    font-weight: normal;
}

* html body{            /*IE6 hack*/
    padding:0 0 35px
    font-family: "Georgia", arial, geneva, 'Trebuchet MS', sans-serif;
}

* html #maincontent{  /*IE6 hack*/
    height:100%;
    width:100%
/*    padding-left: 100px;  */
}

#modernbricksmenu{
    padding:0;
    width:100%;
    background:transparent;
    voice-family: "\"}\"";
    voice-family:inherit
}

#modernbricksmenu ul{
    font:700 11px Arial;
    margin:0;
    margin-left:40px;      /*margin between first menu item and left browser edge*/
    padding:0;
    list-style:none
}

#modernbricksmenu li{
    display:inline;
    margin:0 2px 0 0;
    padding:0;
    text-transform:uppercase
}

#modernbricksmenu a{
    float:left;
    display:block;
    color:#fff;
    margin:0 1px 0 0;              /*Margin between each menu item*/
    padding:5px 10px;
    text-decoration:none;
    letter-spacing:1px;
    background-color:#000;         /*Default menu color -- changed from black to #000 */
    border-bottom:1px solid #fff
}

#modernbricksmenu a:hover{
    background-color:gray          /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{      /*currently selected tab*/
    background-color: #D25A0B;     /*Brown color theme*/
    border-color: #D25A0B;         /*Brown color theme*/
}

#modernbricksmenuline{
    clear:both;
    padding:0;
    width:100%;
    height:5px;
    line-height:5px;
    background: #D25A0B;           /*Brown color theme*/
}

#myform{                           /*CSS for sample search box. Remove if desired */
    float:right;
    margin:0;
    padding:0
}

#myform .textinput{
    width:190px;
    border:1px solid gray
}

#myform .submit{
    font:700 11px Verdana;
    height:22px;
    background-color:light#ff0     /* changed from lightyellow to  light#ff0  */
}

/*  feature page - sample taken from "CSSplay" www.cssplay.co.uk/menu/photo_simple  */
/*  modified to meet my needs for Manous Manor site  */

#gallery {position:relative; width:650px;}
#thumbs {width:240px; float:right;}
#thumbs a {display:block; float:left; margin:0 0 5px 5px; width:70px; height:50px; border:1px solid #000;}
#thumbs a img {width:70px; height:50px; border:0;}
#thumbs a:hover {border-color:#ddd;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; right:243px; top:0; border:1px solid #333;}

.boxy {
    padding: 0em;
    margin: 0%;
    text-align: left;
}

.boldme {
    font-weight:bold;
}

span.link {
    position: relative;
}

span.link a span {
    display: none;
}

span.link a:hover {
    font-size: 99%;
}

span.link a:hover span {
    display: block;
    position: absolute;
    margin-top: 25px;
    margin-left: -10px;
    width: 125px;
    padding: 5px;
    z-index: 1000;
}