body {
/*   behavior:url("includes/csshover2.htc"); */
   margin-left: 0;
   margin-right: 0;
   margin-top: 0;
   margin-bottom: 0;
   background: #333333 url(../images/menugradient.gif) repeat-y left;
   color: #FFFFFF;
}

a:link      {color: #9999FF;  }
a:active    {color: red;   }
a:visited   {color: #FF33FF;}
a:hover     {color: red;   }

h1, h2, h3, h4, h5, h6 {
   font-family: sans-serif;
}

h1 { margin-top: 0; font-size: 170%; }
h2 { font-size: 130%; }

img { border: none; }


/*************************************************************
 * SIDEBAR STYLES
 *************************************************************/
.banner 
{
   padding: 0px;
   text-align: center;
}

.menu 
{
   margin: 0;
   padding-left: 18px;
   font-family: sans-serif;
   font-size: 110%;
}

a.menu
{
   padding: 0;
   margin-bottom: 0;
   text-decoration: none;
}

a:link.menu		{ color: #000066; }
a:visited.menu	{ color: #000066; }
a:active.menu	{ color: red; }
a:hover.menu	{ color: red; }

.copyright 
{
   font-size: 80%;
   text-align: left;
   font-family: sans-serif;
   padding: 5px;
}

a:link.copyright	{ color: #000066; }
a:visited.copyright	{ color: #000066; }
a:active.copyright	{ color: red; }
a:hover.copyright	{ color: red; }

.clearing 
{
   height: 0;
   clear: both;
}

.wrapper 
{
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   color: #FFFFFF;
   background-repeat: repeat-y;
   background-color: #333333;
   background-image: url(../images/menugradient.gif);
}

.sidebar 
{
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 154px;
   background-repeat: repeat-y;
   background-color: #CCCCCC;
   background-image: url(../images/menugradient.gif);
   color: #000000;   
}

.content 
{
   position: absolute;
   top: 0px;
   left: 154px; /* must be same as .sidebar.width */
   height: 100%;
   width: 825px;
   padding: 10px;
   background-color: #333333;
   color: #FFFFFF;
}

/*************************************************************
 * GALLERY.PHP; CATEGORY.PHP; WORK.PHP STYLES
 *************************************************************/
.itembox
{
   clear: both;
   color: #FFFFFF;
   background-color: #000000;
   border-color: #FFFFFF;
   border-style: solid;
   border-width: 1px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 8px;
   padding-right: 8px;
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 10px;
   margin-right: 10px;
   cursor: pointer;
   display: block;
   text-align: justify;
   font-family: sans-serif;
}

.itemdetailbox
{
   color: #FFFFFF;
   background-color: #000000;
   border-color: #FFFFFF;
   border-style: solid;
   border-width: 1px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 8px;
   padding-right: 8px;
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 10px;
   margin-right: 10px;
   font-family: sans-serif;
}

.itemheading
{
   font-size: 130%;
   font-weight: bold;
   padding-bottom: 10px;
}

.itemheading a
{
   color: #FFFFFF;
   text-decoration: none;
}

.itemimage
{
/*   width: 450px; */
   float: left;
   padding: 5px;
}

.itemattributes
{
   clear: both;
}

.itemthumbnail
{
   width: 100px;
   text-align: center;
   vertical-align: top;
}

.itemdescription
{
   width: 100%; /* needed for proper div rollover in IE6 */
   vertical-align: top;
}

.pagenumbers
{
   text-align: center;
   font-family: sans-serif;
   border: 1px solid white;
   color: #FFFFFF;
   background-color: black;
}

/*************************************************************
 * ADMIN STYLES
 *************************************************************/
.admintable
{
   border: 1px solid white;
   border-collapse: collapse;
   padding: 2px;
}

/*************************************************************
 * INDEX.PHP; BIOGRAPHY.PHP STYLES
 *************************************************************/
.floatright
{
   float: right;
   padding: 5px;
   margin-left: 5px;
   text-align: center;
   font: 80% sans-serif italic;
   font-family: sans-serif;
   border: 1px solid white;
   color: #FFFFFF;
   background-color: black;
}

.floatleft
{
   float: left;
   padding: 5px;
   margin-right: 5px;
   text-align: center;
   font: 80% sans-serif italic;
   font-family: sans-serif;
   border: 1px solid white;
   color: #FFFFFF;
   background-color: black;
}

.palettecategory
{
   padding: 5px;
   text-align: center;
   vertical-align: top;
   font-family: sans-serif;
   border: 1px solid white;
   color: #FFFFFF;
   background-color: #000000;
   width: 190px;
   cursor: pointer;
}

.palettecategory table
{
   padding: 0;
   height: 100%;
   width: 100%;
}

.palettecategorytitle,
a.palettetitle,
.palettetitle a
{
   color: white;
   text-decoration: none;
}
.palettecategorytitle:visited,
a.palettetitle:visited,
.palettetitle a:visited
{
   color: white;
}
.palettecategorytitle:link,
a.palettetitle:link,
.palettetitle a:link
{
   color: white;
}
.palettecategorytitle:hover,
a.palettetitle:hover,
.palettetitle a:hover
{
   color: white;
   text-decoration: underline;
}

.palettecategorypicture
{
   text-align: center;
   vertical-align: middle;
   height: 100px;
   width: 100%;
}

.palettetitle td
{
   font-size: 80%;
   vertical-align: middle;
   height: 2.8em;
}

.bodytext
{
   font-family: serif;
}