/* This is the header used on all pages */
.head {background-image:url(images/headbg.gif);table-layout:fixed; width:800px;}
.headTr {height:100px;}
.headTdLeft {width:500px;text-align:left;padding: 0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 0px;}
.headTdRight {width:300px;text-align:center;border-style:solid;border-width:0px 0px 0px 0px;}

/* These are tables that go around the menu and the main body both single and double style*/
.mainframe {background-color:#fff;table-layout:fixed; width:800px;}
.menuTDframe {width:100%;height:35px;text-align:left;border-style:solid;border-width:0px 0px 0px 0px;}
.mainTDframe {width:800px;text-align:left;border-style:solid;border-width:0px 0px 0px 0px;}

/* This is the single column body style */
.body1col {background-color:#fff;}
.body1colTrMain {height:500px;}
.body1colTdMain {width:760px;margin: 0;text-align:left;padding: 20px;border-style:solid;border-width:0px 0px 0px 0px;}

/* This is the two column body style */
.body2col {background-color:#fff;}
.body2colTrMain {height:500px;}
.body2colTdMainLeft {vertical-align:top;width:500px;text-align: left;padding: 20px;border-style:solid;border-width:0px 0px 0px 0px;}
.body2colTdMainRight {vertical-align:top;width:260px;text-align: left;padding: 20px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;}


.infotd {
width: 125px;
text-align: left;
border-style:solid;
border-width: 0px 0px 2px 0px;
border-color: #FFF #FFF #FFF #FFF;
}


/* Menu styles */


#menu {

width: 100%;

background: #ddd;

float: left;

}



#menu ul {

list-style: none;

margin: 0;

padding: 0;

width: 9em;

float: left;

}



#menu a, #menu h2 {
font: bold 12px/16px arial, helvetica, sans-serif;

display: block;

border-width: 2px;

border-style: solid;

border-color: #ccc #888 #555 #bbb;

margin: 0;

padding: 5px 5px;

}



#menu h2 {

color: #000;

background: #ddd;

}



#menu a {

color: #000;

background: #ddd;

text-decoration: none;

}



#menu a:hover {

color: #00F;

background: #ddd;

}



#menu li {position: relative;}



#menu ul ul {

position: absolute;

z-index: 500;

}



#menu ul ul ul {

position: absolute;

top: 0;

left: 100%;

}



div#menu ul ul,

div#menu ul li:hover ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display: block;}



</style>