﻿body
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    color: #333333;
    background-color: #FFCC33;
    background-image: url(images/gradient-bg.gif);
    background-repeat: repeat-x;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

td
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    color: #333333;
}

img
{
	border-width: 0px;
}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
.colorLink a:link, .menu a:unknown, .menu a:visited
{
    color: #993300;
}

.colorLink a:active
{
    color: #993300;
}

.colorLink a:hoover
{
    text-decoration: underline;
}

.mainTable
{
	width: 800px;
	border-width: 1px;
	border-color: #666666;
	border-style: none solid solid solid;
	background-color: #FFFFFF;
}

.login
{
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: normal;
    font-size: 10px;
    color: #333333;
}

.footer
{
	height: 18px;
	background-color: #EEEEEE;
	background-image: url(images/footer-copyright.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px;
}

.menuTable
{
	border-width: 1px;
	border-style: solid;
	border-top-color: #dddddd;
	border-left-color: #dddddd;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
}

.menuHeader
{
	height: 22px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ffcc33;
	background-image: url(images/menu-header.gif);
	background-repeat: repeat-y;
	border-width: 1px;
	border-style: solid solid none solid;
	border-top-color: #999999;
	border-left-color: #999999;
	border-right-color: #666666;
	/*border-bottom-color: #666666;*/
}

.menuBody
{
	background-color: #ffcc33;
	background-image: url(images/menu-bg.gif);
	background-repeat: repeat-y;
	/*padding: 0px 0px 10px 5px;*/
	border-width: 1px;
	border-style: none solid solid solid;
	/*border-top-color: #999999;*/
	border-left-color: #999999;
	border-right-color: #666666;
	border-bottom-color: #666666;
}

.boxHeader
{
	padding: 4px;
	color: #333333;
	font-weight: bold;
	background-color: #FFCC33;
	background-image: url(images/grid-header.gif);
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid solid solid solid;
	border-top-color: #999999;
	border-left-color: #999999;
	border-right-color: #666666;
	border-bottom-color: #999999;
}

.boxBody
{
	padding: 10px;
	background-color: #eeeeee;
	border-width: 1px;
	border-style: solid solid solid solid;
	border-top-color: #cccccc;
	border-left-color: #999999;
	border-right-color: #666666;
	border-bottom-color: #666666;
}


.gridHeader
{
	padding: 4px;
	color: #333333;
	font-weight: bold;
	background-color: #FFCC33;
	background-image: url(images/grid-header.gif);
	background-repeat: repeat-x;
	border-width: 1px;
	border-color: #999999;
	border-style: solid solid solid solid;
}

.gridRow
{
    background-color: #FFFFCC;
}


.pageHeader
{
	font-size: 16px;
	font-weight: bold;
	color: #ffcc33;
}

.thumbnail
{
	height: 40px;
	width: 40px;
}

.banner
{
	background-color: #ffffff;
	background-image: url(images/banner01.jpg);
	background-repeat: repeat-x;
}

.tabLeft
{
	background-color: #ffffff;
	background-image: url(images/tab_left.gif);
	background-position: left top;
}
.tabMid
{
	background-color: #ffffff;
	background-image: url(images/tab_bg.gif);
	background-repeat: repeat-x;
}
.tabRight
{
	background-color: #ffffff;
	background-image: url(images/tab_right.gif);
	background-position: right top;
}

.tabLeftSelected
{
	background-color: #ffffff;
	background-image: url(images/tab_left_selected.gif);
	background-position: left top;
	
}
.tabMidSelected
{
	background-color: #ffffff;
	background-image: url(images/tab_bg_selected.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.tabRightSelected
{
	background-color: #ffffff;
	background-image: url(images/tab_right_selected.gif);
	background-position: right top;
}

.tabBottom
{
	background-color: #ffffff;
	background-image: url(images/tab_bottom.gif);
	background-repeat: repeat-x;
	background-position: right top;
}

hr
{
	color: #FFFFCC;
	height: 1px;
}


h1
{
    text-align: left;
    font-size: 2em;
    font-weight: bolder;
}

h2
{
    font-size: 1.6em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: .9em;
}