body { margin: 0; padding: 0; height: 100%; text-align: center; min-width: 700px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
ul{font-family: century gothic,arial, hevetica, sans serif; font-size: 12px; line-height: 24px; color: #484848; text-align: left; margin-left: 25px; margin-right: 15px; }
ol{font-family: century gothic,arial, hevetica, sans serif; font-size: 12px; line-height: 24px; color: #484848; text-align: left; margin-left: 25px; margin-right: 15px; }
ol li{padding: 0px 0px 0px 5px; margin-right: 15px; }
ul li{padding: 0px 0px 0px 5px; margin-right: 15px; }
P{font-family: century gothic,arial,helvetica,sans-serif; letter-spacing: .2; color: #000000; font-size: 13px; text-align: left; line-height: 18px; margin-top: 15px; margin-left: 25px; margin-right: 15px;} 
TABLE{ font-family: century gothic,arial,helvetica,sans-serif; font-size: 10px; line-height: 18px; } 
TD{ font-family: century gothic,arial,helvetica,sans-serif; color: #676666; letter-spacing: .5; text-decoration: none; font-size: 11px; font-weight: normal; line-height: 15px; margin-left: 5px; }
BIG{ font-family: century gothic,arial,helvetica,sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold;} 
SMALL{ font-family: century gothic,arial,helvetica,sans-serif; color: #333333 ; font-size: 10px; line-height: 12px; }
FOOTER { font-family: century gothic,arial,helvetica,sans-serif; color: #BECDDB ; font-size: 9px; line-height: 12px; }
H1{ font-family: century gothic,arial,helvetica,sans-serif; font-size: 15px; line-height: 15px; color: #333333; font-weight: bold; margin-top: 25px; margin-left: 25px;} 
H2{ font-family: century gothic,arial,helvetica,sans-serif ; font-size: 13px; color: #000000; font-weight: bold; margin-top: 25px; margin-bottom: -10px; padding-bottom: 0px; margin-left: 25px;} 
H3{ font-family: century gothic,arial,helvetica,sans-serif ; letter-spacing: .5; color: #FFFFFF; font-size: 12px; text-align: left; line-height: 18px; } 
H4{ font-family: century gothic,arial,helvetica,sans-serif; font-size: 10px; line-height: 15px; color: #666666; font-weight: normal; } 
H5{ font-family: century gothic,arial,helvetica,sans-serif; font-size: 10px; line-height: 15px; color: #666666; font-weight: normal; } 
H6{ font-family: century gothic,arial,helvetica,sans-serif; font-size: 10px; line-height: 15px; color: #666666; }

A.t1:link { font-family: century gothic; color: #FFFFFF; text-decoration: none; font-size: 9px; font-weight: normal; line-height: 13px; }
A.t1:visited { font-family: century gothic; color: #FFFFFF; text-decoration: none; font-size: 9px; font-weight: normal; line-height: 13px; }
A.t1:active { font-family: century gothic; color: #FFFFFF; text-decoration: none; font-size: 9px; font-weight: normal; line-height: 13px; }
A.t1:hover { font-family: century gothic; color: #bbbfa8; text-decoration: none; font-size: 9px; font-weight: normal; line-height: 13px; }

A.t2:link { color: #265787; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 10px; }
A.t2:visited { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 10px; }
A.t2:active { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 10px; }
A.t2:hover { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 10px; }

A.log:link { color: #FFFFFF; text-decoration: none; font-size: 10px; font-weight: normal; line-height: 20px; }
A.log:visited { color: #FFFFFF; text-decoration: none; font-size: 10px; font-weight: normal; line-height: 20px; }
A.log:active { color: #0066FF; text-decoration: none; font-size: 10px; font-weight: normal; line-height: 20px; }
A.log:hover { color: #0066FF; text-decoration: none; font-size: 10px; font-weight: normal; line-height: 20px; }

A.small:link { color: #000099; text-decoration: none; font-size: 9px; font-weight: normal; line-height: 12px; }
A.small:visited { color: #000099; text-decoration: none; font-size: 9px; font-weight: normal; line-height: 12px; }
A.small:active { color: #0066FF; text-decoration: none; font-size: 9px; font-weight: normal; line-height: 12px; }
A.small:hover { color: #0066FF; text-decoration: none; font-size: 9px; font-weight: normal; line-height: 12px; }

A:link { font-family: century gothic,arial,helvetica,sans-serif; color: #cd0000; text-decoration: none; font-size: 12px; font-weight: normal; line-height: 15px; }
A:visited { font-family: century gothic,arial,helvetica,sans-serif; color: #cd0000; text-decoration: none; font-size: 12px; font-weight: normal; line-height: 15px; }
A:active { font-family: century gothic,arial,helvetica,sans-serif; color: #000000; text-decoration: none; font-size: 12px; font-weight: normal; line-height: 15px; }
A:hover { font-family: century gothic,arial,helvetica,sans-serif; color: #000000; text-decoration: none; font-size: 12px; font-weight: normal; line-height: 15px; }
.selected { font-family: century gothic,arial,helvetica,sans-serif; color: #000000; letter-spacing: .5; text-decoration: none; font-size: 11px; font-weight: normal; line-height: 15px; margin-left: 5px; }
.select { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 10px;}

#bgcontain { width: 780px; margin: 0 auto; text-align: left; } 
/* IE min height hack */ * html #container { height: 250px;} 
#container { padding: 0; float: left; width: 100%; clear: both; min-height: 250px; background: url(../Images/bkg_container.png) repeat-y right top; margin: 20px 0px; } 

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.menu { position: center; top: 80px; left: 0px;}

.menu a { padding: 2px;}

/* remove all list stylings */
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; }

.menu li { margin: 0; padding: 0; border: 0; display: block; float: left;	/* move all main list items into one row, by floating them */
	position: relative; /* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5; /* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li { float: none; /* items of the nested menus are kept on separate lines */ 
letter-spacing: 0px;
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0; left: 100%;
}

/* DropDown Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#menu ul { border-left: solid 1px #ffedd0; }
#menu li a {color: #cc0000; border-right: solid 1px #ffedd0;}
#menu li a:visited { color:#cc0000;}
#menu li a:hover { background: #c21900; color:#fff; border-right: solid 1px #ffedd0;}
DIV#menu ul li ul {	background: #ff0000; border-top: solid 1px #ffedd0;}
#menu li li a { background: #ff0000; }
#menu li li a:visited { background: #ff0000; }
#menu li li a:hover  { background: #c21900; }

.menu, .menu ul li {
	color: white;
	font-weight: normal;
}

.menu ul li {

}

.menu ul {
	width: 11em;
}

.menu a, .menu li a:visited {
	background-color: #676666;
	text-decoration: none;
	color:#ffffff; 

	display: block;
	position: relative;
}

.menu li li a {
	padding: .4em .4em;
}

.menu li li a:link, .menu li li a:visited {
	background-color: #333333;
	color: white;
}

.menu ul a:link {
	color: #cc0000;
	font-weight: normal;
	width: 150px;
}

.menu ul a:visited {
	color: #333333;
	font-weight: normal;
	width: 150px;
}

.menu a:hover, .menu ul a:hover, .menu li li a:hover {
	color: #cccccc;
	background-color: #666666;
	text-decoration: none;
}

 .menu li:hover>a {
	color: #cccccc;
	background-color: #333333;
}

.menu li li {	/* create borders around each item */
	
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/* ie 6 only style */
* html .menu a:hover, * html .menu .adxmhoverA {		/* li:hover>a selector */
	color: white;
	background-color: #333333;
	text-decoration: none;
}