/******************************************************************************/
/*  Basic Element Styles
/******************************************************************************/

*
{
    padding             : 0px;
    margin              : 0px;
    font-family         : trebuchet ms, verdana, arial, helivetica, sans-serif;
    font-size           : 10pt;    
}
    
html, body
{
    behavior            : url("../css/csshover.htc");
    line-height         : 180%;
    color               : #333333;
}

h1
{
    font-family         : arial, trebuchet ms, arial, helivetica, sans-serif;
    font-size           : 10pt;
    font-weight         : normal;
    letter-spacing      : 2px;
    color               : maroon;
    background-color    : #d8c8df;
    padding-left        : 10px;
    padding-top         : 2px;
    padding-bottom      : 2px;
    background-image    : url("../site/images/titlebar.jpg");
    background-position : bottom right;
}

h2
{
    font-family         : arial, helivetica, sans-serif;
    font-size           : 10pt;
    font-weight         : normal;
    letter-spacing      : 2px;
    color               : maroon;
}

h3
{
    font-family         : trebuchet ms, arial, helivetica, sans-serif;
    font-weight         : bold;
}

table
{
    width               : 100%;
    line-height         : 180%;
    color               : #333333;
    border-collapse     : collapse;
}

tr
{
    vertical-align      : top;
}

td
{
    width               : 100%;
    vertical-align      : top;
    text-align          : left;
    border              : 0px;
}

a:link, a:visited, a:active
{
    text-decoration     : none;
    color               : #0033aa;
}

a:hover
{
    text-decoration     : underline;
}

ul
{
    list-style-type     : square;
    padding-left        : 8px;
    margin-left         : 8px;
}

a img
{
    border              : 0;
}

form
{
    margin              : 0;
}

/******************************************************************************/
/*  Template Styles
/******************************************************************************/

table.maintable
{
    width               : 800px; 
    border              : 1px solid #C0C0C0;  
    background-color    : #ffffff;
    table-layout        : fixed;
}

td.header
{ 
    border-bottom       : 1px solid #888888;
    vertical-align      : bottom;
    padding-left        : 5px;
    padding-bottom      : 5px;
}

td.logo
{
    height              : 10px;
}

td.heading
{
    padding-top         : 20px;
}

td.mainmenu
{
    background-image    : url('../site/images/sb1.jpg');
    background-repeat   : repeat-y;
    background-position : right;
    padding-top         : 10px;
    padding-right       : 10px;
    padding-left        : 5px;
}

td.main
{
    padding-top         : 10px;
    vertical-align      : top;
}

table.footer
{
    font-family         : Verdana, Arial, Helivetica, sans-serif;
    font-size           : 7pt;
    color               : #808080;
}

td.footer
{
    border-top          : 1px solid #888888;
    padding-top         : 2px;
}

td.preview
{
    font-family         : verdana;
    color               : red;
}

table#menu
{

}

table#menu td
{
    width               : 93px;
    border              : 1px solid #99CCFF;
    text-align          : center;
    padding             : 0px 0px 0px 4px;
    color               : #0033aa;
}

table#menu td.first
{
    border-left         : 0px;
}

table#menu td.last
{
    border-right        : 0px;
}

table#menu td:hover
{
    background-color    : white;
    color               : red;
}

table#menu a
{
    width               : 100%;
}

.preview
{
    font-family         : verdana;
    color               : red;
    vertical-align      : top;
    padding-left        : 0px;
}

div.updated
{
    float               : right; 
    font-size           : 70%; 
    padding-right       : 7px; 
    line-height         : 110%; 
    margin-top          : -11px;
}

/******************************************************************************/
/*  Dynamic Page Elements
/******************************************************************************/

table.page
{

}

table.zone
{

}

td.zone
{        
}

table.section
{
}

div#menu ul
{
    list-style-type     : none;
}

td.menu
{
    border              : 0px;
    padding             : 3px 0px 3px 10px;
    border-bottom       : 2px solid #3d7faf;
    border-top          : 2px solid #3d7faf;
}

div#menu li
{
    float               : left;
    padding-left        : 10px;
    padding-right       : 10px;
    background-image    : url(../images/bullet.gif);
    background-repeat   : no-repeat;
    background-position : left center;
}



.topbar
{
    height              : 15;
    background-color    : #d8c8df;
    padding-left        : 10px;
    padding-right       : 5px;
    padding-top         : 2px;
    padding-bottom      : 2px;
    border-top          : 1px solid #ffffff;
    border-bottom       : 1px solid #ffffff;
    vertical-align      : top;
    font-family         : arial, Georgia, trebuchet ms, arial, helivetica, sans-serif;
    font-size           : 10pt;
    font-weight         : normal;
    letter-spacing      : 2px;
    color               : maroon;
}

.firstbar
{
    background-image    : url(../site/images/topbar.jpg);
    background-position : top right;
    border-top          : 0px;
}

.lastbar
{
    background-image    : url(../site/images/bottombar.jpg);
    background-position : bottom right;
    border-bottom       : 0px;
    font-size           : 7pt;
    color               : #888888;
    padding-right       : 35px;
}

.textBox
{
    padding-top         : 10px;
    padding-left        : 10px;
    padding-right       : 10px;
    padding-bottom      : 10px;
    background-color    : #ede9f0;
    line-height         : 150%;
}

.notop
{
    border-top          : 0px;
}

.nobottom
{
    border-bottom       : 0px;
}

td.imageboxleft
{
    width               : auto;
    padding-top         : 10px;
    padding-right       : 0px;
    padding-bottom      : 8px;
}

td.imageboxright
{
    width               : auto;
    padding-top         : 10px;
    padding-left        : 0px;
    padding-bottom      : 18px;
}

td.imageboxtop
{

}

td.imageboxbottom
{
    padding-top         : 5px;
    padding-left        : 5px;
    padding-right       : 5px;
    padding-bottom      : 5px;
    border-top          : 0px;
}

img.image
{
    margin-top          : 0px
    margin-left         : 0px;
    margin-right        : 0px;
    margin-bottom       : 0px; 
    border              : 4px solid white;
}

img.imageleft
{
    margin-top          : 5px;
    margin-left         : 0px;
    margin-right        : 10px;
    margin-bottom       : 2px;
}

img.imageright
{
    margin-top          : 5px;
    margin-left         : 10px;
    margin-right        : 0px;
    margin-bottom       : 2px;
}

img.rightmargin
{
    margin-right        : 5px;
}

span.searchhighlight
{
    color               : red;
}

/******************************************************************************/
/*  Admin Page Elements
/******************************************************************************/

table.form
{
    width               : auto;
}

table.form td
{
    width               : auto;
    padding             : 5px;
}


td.adminBox
{
    padding-top         : 0px;
    padding-left        : 6px;
    padding-right       : 5px;
    padding-bottom      : 0px;
    border              : 1px solid #336600;
    color               : black;
    background-color    : yellow;
    font-family         : arial;
    font-size           : 9pt;
    font-weight         : bold;
}

td.adminbox a:link, td.adminbox a:visited, td.adminbox a:active
{
}

td.adminbox a:hover
{
}

.textArea
{
    font-family         : arial;
    font-size           : 10pt;
}

img.imageposinactive
{
    border-top          : 2px solid #ffffff;
    border-left         : 2px solid #ffffff;
    border-right        : 2px solid #888888;
    border-bottom       : 2px solid #888888;
}

img.imageposactive
{
    border-top          : 2px solid #0000ff;
    border-left         : 2px solid #0000ff;
    border-right        : 2px solid #0000ff;
    border-bottom       : 2px solid #0000ff;
    cursor              : default;
}

img.imageposhover
{
    border              : 2px solid #000000;
    cursor              : pointer;
}

img.imageposblank
{
    margin              : 2px;
}

span.errormessage
{
    color               : red;
}

span.advisorymessage
{
    color               : green;
}

table.editsection
{
    border              : 2px dashed orange;
}

table.editzone
{
    border              : 
}

td.editzonerow
{
    border              : 2px dashed orange;
}

td.movesection
{
    line-height         : 10px;
}

/* Inset Tables */

table.inset
{
    width               : auto;
    border              : 1px solid #cccccc;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

table.inset td
{
    width               : auto;
}
    
td.head
{
    border-top          : 1px solid #cccccc;
    border-bottom       : 1px solid #cccccc;
    background-color    : #d8c8df;
    padding             : 0px 15px 0px 15px;
    font-family         : arial, helivetica, sans-serif;
    font-size           : 10pt;
    font-weight         : normal;
    letter-spacing      : 2px;
    color               : maroon;
}

td.odd
{
    border-top          : 1px solid #cccccc;
    border-bottom       : 1px solid #cccccc;
    padding             : 0px 15px 0px 15px;
    vertical-align      : middle;
    background-color    : ffffff;
}

td.even
{
    border-top          : 1px solid #cccccc;
    border-bottom       : 1px solid #cccccc;
    background-color    : #eeeeee;
    padding             : 0px 15px 0px 15px;
    vertical-align      : middle;
}

td.50percent
{
    width               : 50%;
}


/* List Tables */

table#list
{
}

table#list td
{
    padding             : 1px 0px 1px 0px;
}

div.fixed *
{
    font-family         : "courier new";
}

div#uploading
{
    width               : 200px;
    height              : 200px;
    background-color    : white;
    position            : absolute;
    top                 : 200;
    left                : 200;
}

div#overdiv td
{
    padding             : 1px;
}

div#overdiv table.textbox td
{
	padding	: 5px;
}

/******************************************************************
    Gallery
 ******************************************************************/

div.thumbnail
{
    border              : 1px solid #cccccc; 
    float               : left;
}

div.thumbnail img
{
    margin              : 5px;
}

div.gallery
{
    float               : left;
    width               : 300px;
    margin              : 10px;
}

div.gallery p
{
    float               : left;
    margin-right        : 30px;
    margin-left         : 5px;
    line-height         : 150%;
}
    

/******************************************************************************/
/*  Print Styles
/******************************************************************************/

@media print
{
    .sidebar
    {
        display         : none;
    }

    .footer
    {
        display         : none;
    }
}