﻿body
{
   background-color: #ffffff;
   background-image:url('image/background.jpg');
   background-repeat: no-repeat;
   background-position: center top;
}


a img
{
	border:0px;
}


.content
{
	background-image:url('image/middle.jpg');
	background-repeat:repeat-y;
}


.sidebar
{
	width: 165px;
	vertical-align: top;
}


.main
{
	width: 755px;
	border-left: 2pt #696969 solid;
	margin-left: 3px;
	margin-right: 5px;
}


.stitle
{
	font-family: Tahoma;
	font-size: 10pt;
	color: #696969;
	margin-left: 5px;
}


b.sitemap {
	margin-left: 10px;
}


a.ssubtitle
{
	color: #696969;
}



a:hover.ssubtitle
{
	color: #000000;
	border-bottom: 1pt #6d6d6d dashed;
}


.copyright
{
	font-family: Tahoma;
	color: #9d9d9d;
	font-size: 8pt;
}


.tab
{
	background-image:url('image/tab.png');
    font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #2c2c2c;
    width: 157px;
    margin-left: 3px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.tabbtm
{
	background-image:url('image/tabbtm.png');
	background-repeat: no-repeat;
    font: bold 8px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #000000;
    width: 157px;
    margin-left: 3px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
}


.sidetext
{
	margin-left: 4px;
	color: #343434;
	font-family: Tahoma;
	font-size: 8pt;
}


.direction
{
	text-align: right;
	font-size: 10pt;
	margin-right: 2px;
}


/* This part is for DropDownMenu */


.glossymenu
{
    margin-left: 3px;
    padding: 0;
    width: 165px; /*width of menu*/
    border: 1px solid #9A9A9A;
    border-bottom-width: 0;
}

.glossymenu a.menuitem
{
    background: black url('ddm_image/glossyback.gif') repeat-x left bottom;
    font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: white;
    display: block;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    width: auto;
    padding-left: 10px;
    text-decoration: none;
    top: 0px;
    left: 0px;
    padding-right: 0;
    padding-top: 4px;
    padding-bottom: 4px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active
{
    color: white;
}

.glossymenu a.menuitem .statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
}

.glossymenu a.menuitem:hover
{
    background-image: url(ddm_image/glossyback2.gif);
}

.glossymenu div.submenu
{ /*DIV that contains each sub menu*/
    background: white;
}

.glossymenu div.submenu ul
{ /*UL of each sub menu*/
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.glossymenu div.submenu ul li
{
    border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a
{
    display: block;
    font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: black;
    text-decoration: none;
    padding: 2px 0;
    padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover
{
background: #DFDCCB;
color: white;
}


/* End of DropDownMenu CSS */