/******************************************************************************/
/*  Basic Element Styles
/******************************************************************************/

*
{
    padding             : 0px;
    margin              : 0px;
    font-family         : tahoma, verdana, arial, helivetica, sans-serif;
    font-size           : 10pt;    
}
    
html, body
{
    margin-top          : 10px;
    margin-bottom       : 5px;
    line-height         : 150%;
    color               : #000000;
    background-color    : #2C5A7C;
}

h1
{
    font-family         : trebuchet ms, arial, helivetica, sans-serif;
    font-size           : 120%;
    font-weight         : 150%;
    color               : #3d7faf;
    margin              : 0px 0px 5px 5px;
}

h2
{
    font-family         : trebuchet ms, arial, helivetica, sans-serif;
    font-weight         : bold;
    color               : #2c5a7c;
}

h3
{
    font-family         : trebuchet ms, arial, helivetica, sans-serif;
    font-weight         : bold;
}

table
{
    width               : 100%;
    line-height         : 180%;
    color               : #333333;
    border-collapse     : collapse;
}

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     : none;
    color               : red;
}

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;
}

td.header
{ 
    color               : #ffffff; 
    padding-left        : 198px; 
    padding-right       : 20px; 
    padding-bottom      : 23px; 
    padding-top         : 35px;
    background-image    : url('images/header1.jpg');
    line-height         : 120%
}

a.header:link, a.header:visited
{
    text-decoration     : none;
    color               : white;
}

a.header:hover
{
    color               : b2d737;
}

td.heading
{
    padding-top         : 5px;
    padding-left        : 5px;
}


td.mainmenu
{
    color               : #5b5a24;
    background-color    : ebf3fb;
}

td.main
{
    padding-left        : 2px; 
    padding-right       : 2px; 
    padding-bottom      : 2px;
    height              : 600px;
}

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
{
	xtable-layout	: fixed;	
}

table#menu td
{
    width               : 99px;
    border              : 1px solid #99CCFF;
    text-align          : left;
    padding             : 0px 0px 0px 8px;
    color               : #0033aa;
    xfont-weight	: bold;
    font-family	: arial;
}

table#menu td.hover
{
	color	: white;
	background	: #2C5A7C;
	-moz-opacity	: .9;
	filter	: alpha(opacity=90);	
	cursor	: pointer;	
}


table#menu td.first
{
    border-left         : 0px;
    width	: 100px;
}

table#menu td.last
{
    border-right        : 0px;
}

div#preview
{
    color               : white;
    padding             : 10px;
    font-family         : verdana;
    font-weight         : bold;
}

div.updated
{
    float               : right; 
    font-size           : 70%; 
    padding-right       : 7px; 
    line-height         : 110%; 
    margin-top          : -11px;
}

div#mainmenu
{
    behavior            : url("../css/csshover.htc");
    width               : 100%;
    float               : left;
}

div#mainmenu a:link, div#mainmenu a:active, div#mainmenu a:visited
{
    text-decoration     : none;
}

div#mainmenu a:hover
{
    text-decoration     : none;
}

div#mainmenu ul
{
    margin              : 0;
    padding             : 0;
    width               : 100%;
    list-style-type	: none;
}

div#mainmenu ul li
{
    margin              : 0;
    padding             : 6px 0 6px 0;
    line-height         : 14px;
    float               : left;
    padding-left        : 5px;
    padding-right       : 5px;
}

div#mainmenu ul li a
{
    display             : block;
    margin              : 0;
}

div#mainmenu ul li:hover
{
}

div#mainmenu ul li ul
{
    position            : relative;
    display             : none;
}

div#mainmenu ul li:hover ul
{
    display             : block;
}

div#mainmenu ul li:hover ul li
{
}

div#mainmenu ul li ul li:hover
{
    background          : #eeeeee;
}

div#mainmenu ul li ul li a
{
    font-weight         : normal;
    padding-left        : 15px;
}

div#mainmenu ul li a.adv_on
{
    background          : #B6B6B6;
}

div#mainmenu a.adv_current
{
    background          : #7B7B7B;
    color               : white;
}

table#address td
{
	padding				: 0;
	margin				: 0;
	color				: white;
	line-height         : 120%
}

/******************************************************************************/
/*  Dynamic Page Elements
/******************************************************************************/

table.page
{

}

table.zone
{

}

td.zone
{
    padding             : 2px;         
}

table.section
{

}

div#menu ul
{
	float	: right;
    margin              : 0;
    padding             : 0;
    list-style-type     : none;
}

td.menu
{
    border              : 0px;
    padding             : 3px 0px 0px 10px;
    border-bottom       : 0px solid #3d7faf !important;
    border-top          : 0px solid #3d7faf !important;
    border-left         : 0px !important;
    border-right        : 0px !important;
}

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;
}



td.topbar
{
    background-color    : #3d7faf;
    padding-left        : 5px;
    padding-right       : 5px;
    padding-top         : 3px;
    padding-bottom      : 3px;
    border              : 1px solid #3d7faf;
    font-family         : trebuchet ms, arial, helivetica, sans-serif;
    font-size           : 100%;
    font-weight         : bold;
    letter-spacing      : 0px;
    line-height         : 100%;
    color               : #ffffff;
}

td.firstbar
{
}

td.textbox
{
    padding             : 5px;
    border              : 1px solid #3d7faf;
    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;    
}

img.imageleft
{
    margin-top          : 0px;
    margin-left         : 0px;
    margin-right        : 10px;
    margin-bottom       : 2px;
}

img.imageright
{
    margin-top          : 0px;
    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
{
    width               : 100%;
    padding-top         : 0px;
    padding-left        : 6px;
    padding-right       : 5px;
    padding-bottom      : 0px;
    border-top          : 1px solid #cccccc;
    border-bottom       : 1px solid #cccccc;
    color               : red;
    background-color    : #ebf3fb;
    font-family         : arial;
    font-size           : 9pt;
    font-weight         : normal;
}

td.adminbox a:link, td.adminbox a:visited, td.adminbox a:active
{
    color               : red
}

td.adminbox a:hover
{
    color               : blue
}

.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              : 3px dashed orange;
}

table.editzone
{
    border              : 
}

td.editzonerow
{
    border              : 3px dashed red;
    padding             : 3px;
}

td.movesection
{
    line-height         : 10px;
}

/* Inset Tables */

table.inset
{
    width               : 100%;
    border              : 0px 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    : #ebf3fb;
    padding             : 0px 15px 0px 15px;
    font-family         : trebuchet ms, tahoma, verdana, arial, sans-serif;
    font-weight         : bold;
}

td.odd
{
    border-top          : 1px solid #cccccc;
    border-bottom       : 1px solid #cccccc;
    padding             : 0px 15px 0px 15px;
    vertical-align      : middle;
    white-space         : nowrap;
}

td.even
{
    border-top          : 1px solid #cccccc;
    border-bottom       : 1px solid #cccccc;
    background-color    : #ebf3fb;
    padding             : 0px 15px 0px 15px;
    vertical-align      : middle;
    white-space         : nowrap;
}

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
{
    background-color    : white;
    padding             : 5px;
}

div#linklist
{
    padding             
    : 0;
}

div#linklist ul
{
    margin              : 0;
    padding             : 0;
}

div#linklist ul li
{
    margin              : 0;
    padding             : 3px 0 3px 0px;
    list-style          : none;
    line-height         : 14px;
}

div#linklist ul li ul
{
    position            : relative;
    display             : none;
    padding-top         : 3px;
}

div#linklist ul li ul li
{
    font-weight         : normal;
    padding-left        : 20px;
    line-height         : 14px;
}

body.mceContentBody
{
    background-color    : white;
    line-height         : 180%;
}

/* Tabs */

table.tabs
{
    width               : auto;
}

td.tab
{
    width               : auto;
    background          : white;
    border              : 1px solid #cccccc;
    font-weight         : normal;
    padding-top         : 5px;
    padding-left        : 10px;
    padding-right       : 10px;
    border-bottom       : 0;
    background-color    : #ebf3fb;
}

td.activetab
{
    width               : auto;
    padding-top         : 5px;
    padding-left        : 10px;
    padding-right       : 10px;
}

td.tabgap
{
    width               : 5px;
}

td.tabbox
{
    border-top-width    : 15px;
}

/* Admin Menu */

ul#adminmenu li
{
    border-right        : 1px solid #99CCFF;
}

/******************************************************************
    Gallery
 ******************************************************************/

div.thumbnail
{
    border              : 1px solid #cccccc; 
    float               : left;
}

div.thumbnail img
{
    margin              : 5px;
}

div.gallery
{
    float               : left;
    width               : 238px;
    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;
    }
}