/* ====================================================================
   BODY AND OTHER GENERIC TYPOGRAPHY
   Generic styles for all elements with no class identifiers. Sizing
   based on ems. Do NOT make body font-size any smaller than 76%. Adjust
   all other font sizing using ems in the classes below. Fonts smaller
   than .7em will not be readable on most browsers. See "A sane approach
   to CSS font sizing" for details on this sizing technique:
   http://www.thenoodleincident.com/tutorials/typography/index.html
   ==================================================================== */

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	color: #666666;
	background: #faf6d9;
	background-position: top left;
	line-height: 1.8em;
	}

textarea {
   width: 99%;
 }

a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	border-bottom: 1px dashed #666;
	}
a:link {
   color: #666;
   text-decoration: none;
	}
a:visited {
   color: #666;
   text-decoration: none;
	}

a:hover {
   color: #9c0021;;
   border-bottom: 1px dashed #666;
   text-decoration: none;
	}

div.clr {
    clear: both;
    }


div.show {
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
    }

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

img {
   
	}

ul,ol {
width: auto;
font-size: 1.0em;
   list-style-type: none;
   padding: 0;
   margin: 0;
   border: 0;

	}

li {
width: auto;

   font-size: 1.0em;
   background: url(../Coyote_files/box.gif);
   background-repeat: no-repeat;
   background-position: 0em .5em;
   line-height: 1.8em;
   margin: 0 0 0 0;
   border: 0;
   padding: 0 0 0 1em;
   }



table,td {
	font-size: 1.0em;
		line-height: 1.8em;
}

form {
 padding: 0;
 margin: 0;
 }

p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}


pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}

strong, b {
	font-weight: bold;
	}


.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	border-style: solid;
	border: 1px solid #999;
}

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: .8em;
   background: #cccccc;
   width: auto;
   border: 1px solid #999;
}


/* ====================================================================
   XMAMBO CLASSES
   These are classes unique to xMambo that are used to style the various
   page elements.
   ==================================================================== */

.category {
   margin: 0 0 2em 0;
   }

a.product-name {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 0em 0;
    padding: 0 0 0 0;

	}

a.product-link{
	border: 0;
	}

.product-image {
	padding: 0 1em 1em 0;

}

a.home-logo, a.home-logo:hover {
	border-bottom: 0px dashed #666;
	}


a.home-logo, a.home-logo:hover {
	border-bottom: 0px dashed #666;
	}


	#site-name h6 {
    position: relative;
    top: 20px;
	text-indent: -5000px;
	background: url(../images/gw_logo_red.gif) no-repeat;
     height: 50px;
    margin:0px 0 0 0;
   padding: 0 0 0 0;
   z-index: 100;
	}


#site-slogan h2 {
	text-indent: -5000px;
	background: url(../images/gw_slogan.gif) no-repeat;
	background-position: 110px 0px;
	height: 15px;
	margin: 0 0 0 0;
   padding: 0;
   }

#weblink-categories {
   margin-top: 1em;
   }

.leading-story h1 {
   background: #F0EECC;
   color: #666;
   font-size: 1.5em;
   font-weight: bold;
   padding: 0em 0em 0em 0em;
   margin-top: 0;
   border: 0;
   }



.leading-story {
    background:  #F0EECC;
    width: Auto;
    margin: 0;
    padding: 0 1em 1em 1em;
    border: 1px dashed #cccccc;

    }
#ifrm {
padding:0px;
display:inline;
margin: 0;
}

.author  {
   font-size: .8em;
   }

.createdate  {
   font-size:.8em;
   }

.content-entry H3 {
   color: #CCC;
   font-size: 1.5em;
   font-weight: bold;
   margin: 1em 0 0 0;
   }

#limit-box {
   text-align: right;
   }

.page-navigation {
 	color: #999;
   }

.page-results {
 	color: #999;
   }

a.pagenav {
   color: #CCC;
   border-bottom: 0;
  }

a.pagenav:hover {
   color: #666;
   border-bottom: 0;
   }

a.pop-up {
   border-bottom: 0;
}

a.image {
   border-bottom: 0;
}

.pop-ups {
display: block;
position: relative;
width: 99%;
margin: 0 0 0em 0;
text-align: right;
}

.button-maker {
   font-family: verdana, sans-serif;
   font-size: .7em;
   font-weight:bold;
   text-decoration:none;
   color: white;
   border:1px solid #FFFFFF;
   margin:0px;
   width: 20px;
   }

div.container {
  border: 1px dashed #ccc;
  background-color: #fff;
  padding: 0em;
  margin: 2em 0 2em 0;
  }

div.spacer {
  clear: both;
  }

div.float {
  float: left;
  width: 44%;
  padding-right: 6%;
  }

div.form-container {
   width: 400px;
   }

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 235px;
  text-align: left;
  }

a.image, a.image:hover  {
  border:0;
  }

.strong {
   font-weight: bold;
   }

.normal {
   font-weight: normal;
   }
/* ====================================================================
   MAMBO CLASSES
   These are largely the standard Mambo classes. Some may be obsolete
   in this version of xMambo.  Additionally, some have been altered to
   fit the goals of xMambo.
   ==================================================================== */

/* For content item titles that are hyperlink instead of Read On */


a.contentpagetitle h1,a.contentpagetitle:link, a.contentpagetitle:visited {
	text-decoration: none;
	font-weight: normal;
	color: #666;
	border-bottom: 0px;
	}

a.contentpagetitle:hover {
   color: #000;
   border-bottom: 0px  dashed #CCCCCC;
   text-decoration: none;

	}

/* Content - Sections & Categories */
.contentpane {
	background: none;
}

.contentpaneopen {
	border : 0px ridge #DCDCDC;
   }

.contentheading h1 {
	font-size: 1.5em;
	font-weight: bold;
 	color: #666;
	text-align:left;
	margin: 1em 0 0 0;
	}


.contentpagetitle {
	font-size: 1.3em;
	font-weight: bold;
 	color: #333333;
	text-align:left;
	}

a.toclink:hover, a.toclink:visited, a.toclink:link {
	}

.contentdescription {

	}

.componentheading h1 {
	font-size: 1.5em;
	font-weight: bold;
 	color: #666;
	text-align:left;
	margin: .5em 0 0em 0;
	}

.data-table{
   width: 100%;
   }

.data-table-header {
    background: #d4ceaa;
    font-weight: bold;
    }

/** category text format and links **/


.poll {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 14px
	}

.sectiontableentry1 {
	background-color : #faf6d9;
	}

.sectiontableentry2 {
	background-color : #F0EECC;
	}

.sectiontableheader {
	background-color : #CCCC99;
	color : #666666;
	font-weight : bold;
	}

.frontpageheader {
	 font-size: 1.3em;
    color : #333;
    font-weight : bold;
  }

/* Date Stamps */

.newsfeeddate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	font-weight: normal;
   }

.createdate {
   font-weight: normal;
	}

.modifydate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
	text-decoration: none;
	font-weight: normal;
	}

/* RDF Styles */

.fase4rdf {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #000000; font-weight: normal;
	}

a.fase4rdf:link {
	font-size: 11px; font-weight: normal; color: #FF9900;
	}

a.fase4rdf:hover {
	font-weight: bold; color: #808080;
	}

.newsfeedheading {
   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-weight: bold;
   color: #333333;
   text-align:left;
}

/* Search Text */

/* Contact Component */

/* Content voting */
.content_rating {
	font-weight: normal;
	font-size:.8em;
   }

.content_vote {
	font-weight: normal;
	font-size: .8em;
   }

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
   }

/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }

.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }

.tabpadding {

   }

.tabheading {
	background-color: #ffae00;
	text-align: left;
   }

.pagetext {
	visibility: hidden;
	display: none;
   }


/* ====================================================================
   MODULES
   These classes are used to style the various modules. Default class
   can be extended by using class_suffix parament in the back-end, and
   making a related class here.
   ==================================================================== */

.module-top {
   margin: 0;
   padding: 0;
   width: 100%;
   }
   
#modules-top {
   margin: 0;
   padding: 0;
   width: 100%;
   
   }
   

.module {
   margin: 1em 0 0 0;
   padding: 0 0 0 0;
   position: relative;
   }


.module H3 {
   width: auto;
   display: block;
   position: relative;
   background: #CCCC99;
   font-size: 1em;
   color: #666666;
   font-weight: bold;
   padding: 0;
   margin: 0 0 1em 0;
   }
 .module-left {
   margin: 1em 0 0 -10px;
   padding: 0 0 0 0;
   position: relative;
   width: 180px;
   display: block;
   }
 .module-left H3 {

   width: 180px;
   display: block;
   background: #CCCC99;
   font-size: 1em;
   color: #666666;
   font-weight: bold;
   padding: 3px 0 3px 10px;
   margin: 0 0 .5em 0;
   }
.module-fphighlight {

   display: block;
   position: relative;
   padding: 0 20px 0 20px;
   margin: 3em 0 3em 0;
   background: #F0EECC;
   border: 1px dashed #CCCCCC;
   }


.module-fphighlight H3 {
   width: auto;
   position: relative;
   display: block;
   background: none;
   font-size: 1em;
   padding: 0;
	margin: 0px 0px 0px 0px;
   color: #666666;
   font-weight: bold;
   }




.module-highlight {
   width: auto;
   display: block;
   padding: 1em 10px 0 10px;
   margin: 0 0 2em 0;
   background: #F0EECC;
   border: 1px dashed #CCCCCC;

   }


.module-highlight H3 {
   width: 100%;
   display: block;
   background: none;
   font-size: 1em;

   color: #666666;
   font-weight: bold;
   }


.module-featuredbook {
   width: auto;
   display: block;
   padding: 1em 10px 0 10px;
   margin: 0 0 2em 0;
   background: #F0EECC;
   border: 1px dashed #CCCCCC;
   text-align: center;
   }


.module-featuredbook H3 {
   width: 100%;
   display: block;
   background: none;
   font-size: 1em;

   color: #666666;
   font-weight: bold;
   }

.module-phpshop {
   margin: 10px 0 0 0;
   padding: 0 0 1em 0;
   }

.module-phpshop H3 {
   font-size: 1em;
   font-weight: bold;
   color: #666666;
   margin: 0;
}

hr {display: block;  margin: 0;
  visibility: hidden;
  }

.module-random-books {
	margin: 1em 0 0 0;
   padding: 0 0 0 0;
   position: relative;
   width: 99%;
   background: #CCCCCC;
   }

tr.product-row {

padding: 1em 0 1em 0;
margin: 1em 0 1em 0;


}

.item {

margin: 1em 0 1em 0;
}





.snapshot {

width: Auto;
}
div.more {
   margin: 0 0 0 1em;
   padding: 0;

   }

div.more H3 {
   color: #666;
   }

#main-body {
position: relative;
width: auto;
}

.phpshop-product-listing {
	margin: 0 0 2em 0;

  }

.phpshop-product-header {
    font-size: 1.8em;
	font-weight: bold;
	margin: 1em 0 0em 0;
	}
.phpshop-product-subtitle {
	font-weight: bold;
	margin: 0em 0 0em 0;
	font-style: italic;
	}

.phpshop-thumb {
		padding: 0 1em 1em 0;
	}
.phpshop-image {
	border: 1px solid #000000;
		margin: .5em 1em 0 0;
	}

/* ====================================================================
   NAVIGATION
   These classes are used to style the various menus and navigation
   elements, which are rendered using unordered lists. Each menu is
   exposed to the class_suffix parameter for custom menu styling.
   ==================================================================== */
#navigation-subnav {
margin-bottom: 50px;
}
#navigation-top
{

margin: 0 0 0px 0;
padding: 0;
width: 100%;
display: block;
position: relative;
float: right;
background: #0d4657;
list-style-type: none;
height: 1.8em;
}


#navigation-top ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
float: right;


}

#navigation-top li
{
display: inline;
list-style-type: none;
background: none;


}

#navigation-top a { 
	padding: 3px 10px; 
	
	}

#navigation-top a:link, #navigation-top a:visited
{
color: #fff;
background-color: #0d4657;
text-decoration: none;
border-bottom: none;

}

#navigation-top a:hover
{
color: #000;
background-color: #CCCC99;
text-decoration: none;
}

/* Sub Nav - Top */

#navigation-topsub
{
height: 1.8em;
margin: -1px 0 0px -17px;
padding: 0;
width: 100%;
display: block;
position: relative;
list-style-type: none;
}


#navigation-topsub ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navigation-topsub li
{
display: inline;
list-style-type: none;
background: none;
}

#navigation-topsub a { padding: 0 }

#navigation-topsub a:link, #navigation-top a:visited
{
color: #666
text-decoration: none;
border-bottom: none;
}

#navigation-topsub a:hover
{
color: #333
text-decoration: none;
}

#nav-pathway ul {
   margin: 0;
   padding: 0;
   display: inline;
   list-style-type: none;
   }
#nav-pathway ul li { display: inline; }

#navigation {
 list-style-type: none;
}
#navigation-main-menu  {
margin-left: 0px;
margin-bottom: 50px;
}

#navigation-main-menu  ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navigation-main-menu  li { margin: 0 0 1px 0; }

#navigation-main-menu  a
{
display: block;
padding: 5px 10px;
width: 185px;
color: #fff;
background-color: #036;
text-decoration: none;
}

#navigation-main-menu  a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}

#menu-link ul ul a {
background: none;
list-style-type: none;

}
#navigation-main-menu  ul ul li {
margin: 0 0 1px 0;
list-style-type: none;
background: none;
}

#navigation-main-menu  ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #fff;
background-color: #369;
text-decoration: none;
list-style-type: none;
}

#navigation-main-menu  ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}




#navigation-phpshop {
width: 180px;
margin-left: 0px
padding: 0;
}

#navigation-phpshop ul
{
margin-left:0px
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navigation-phpshop li {
margin: 0 0 1px 0;
padding: 0 0 0 0;
list-style-type: none;
   list-style-type: none;
   background: none;
}

#navigation-phpshop a
{
margin: 0;
display: block;
padding: 1px 0 1px 1em;
          width: 180px;
            \width: 190px;
            w\idth: 180px;

color: #666666;
background-color: #F0EECC;
text-decoration: none;
border-bottom: 1px dashed #CCCCCC;
}

#navigation-phpshop a:hover
{
   background-color: #faf6d9;
   color: #9c0021;
text-decoration: none;
}

#navigation-phpshop ul ul li { margin: 0 0 0 -10px; }

#navigation-phpshop ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
  color: #666;
  background: #faf6d9;
text-decoration: none;
border-bottom: 0;
}

#navigation-phpshop ul ul a:hover
{
   background-color: #faf6d9;
   color: #9c0021;
text-decoration: none;
}

/* ====================================================================
   LAYOUT CLASSES
   Three column layout with fixed width sidebars liquid center. Changing
   col widths requires several changes, proceed with caution. See:
   http://www.csscreator.com/version2/pagelayout.php for more details on
   this layout.
   ==================================================================== */
#header {
position: relative;

background: red;
	padding: 1em 0 1em 0;
}

#left-col {
 width: 180px;
}

#center-col {
	
	width: auto;
	display: block;
	padding: 0 1.5em 0 1.5em;
}

#container {
            margin: 0;
            margin-left: auto;
            margin-right: auto;
            padding: 0;
        }

        #banner {
   height:100px;
   width:100%;
   margin: 1em 0 0 0;
   padding: 0em;
   background: #faf6d9 url(../images/wolfrestback.gif) no-repeat;
   background-position: top right;
   border-bottom: 1px solid #666666;
        }

        #content {
            display: block;
            width: Auto;
            margin-top: 2em;
            margin-left: 210px;
            margin-right: 185px;
            padding: .5em 1em 0 1em;
            position: relative;

        }

        #sidebar-a {
            float: left;
            width: 190px;
            padding-left: 5px;
            margin-top: 0;
            margin-right: 5px;
            background: #F0EECC;
            margin-bottom: 50px;
        }

        #sidebar-b {
            float: right;
            width: 175px;
            margin-top: 20px;
            margin-left: 0px;



        }

        #footer {

            padding: 1em;
            border-top: 1px dashed #CCCCCC;
                background: #F0EECC;
        }

.data-header {
   width: 100%;
   background: #F4F4F4;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 1em 0 1em;
   border: 1px dashed #CCCCCC;
}

.data-header-left {
  float: left;
  text-align: left;
  font-weight: bold;
  width: 49%;


  }

.data-header-right {
  float: right;
  text-align: right;
  font-weight: bold;
  width: 49%;

  }

.left {
  float: left;
  text-align: left;
  width: 50%;
  }

.right {
  float: right;
  text-align: left;
  width: 50%;
  }

.rbtop div  { background: url(../images/tl.gif) no-repeat top left; }
.rbtop      { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div  { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot      { background: url(../images/br.gif) no-repeat bottom right; }

 /* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 10px;
	font-size: 10px;
}

.rbcontent  { margin: 0 7px; }



H3.product-name {
   font-weight: bold;
   font-size: 2em;
   margin: .5em 0 1em 0;

}

.product-author {
   padding: .3em 0 .3em 0;
   }

.product-bio {
   font-weight: bold;
   font-style: italic;
   }

.product-description {
   margin: 0 0 1em 0;
   }

.product-display-left {
  float: left;
  text-align: left;
  width: 20%;
  margin-right: 0;
  }

.product-display-right {
  float: right;
  text-align: left;
  width: 75%;
  margin: 0 0 .5em 0;
  }

  td.mod_events_latest {
  margin-top: 1em;
  }

  .shop-path {
  background: #CCCC99;
  width: auto;
  display: block;
  position: relative;
  margin: 1em 0 0 0;
  }

.icon {
  position: relative;
  margin-left: 2em;
  width: 12px;
  height: 15px;
  }