body {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #333333;
	background: #111 url("../images/stripes1.png");
}

.mastertable {
	width: 800px;
	/*height: 600px;*/
}

table {
    margin-left: auto;
    margin-right: auto;
}

#bannerrow {
	width: 800px;
	height: 60px;
	background: #111 url("../images/gradient7.png");
}

#banner {
	font: bold 36pt Arial;
	letter-spacing: 15pt;
	position: relative;
	left: 85px;
	color: white;
}

#menubar {
	height: 20px;
    background: #566;
	color: #eee;
}

#apmenubar {
	height: 20px;
    background: #887476;
	color: #eee;
}

#contentrow {
	/*height: 520px;*/
}

#leftcol {
	background: #555;
	color: #eee;
	width: 150px;
}

.leftmenu {
	/*position: relative;
	top: 0px;
	left: 0px;*/
	vertical-align: top;
}

#middlecol {
	background: #999;
	color: #555;
	width: 500px;
	padding-top: 4px;
}

#rightcol {
	background: #333 url("../images/gradient4.png");
	color: #eee;
	width: 150px;
}

.header {
	position: relative;
	bottom: -40px;
}

.footer {
	font-size: 9px;
	font-weight: bold;
	color: #555;
	text-align: center;
}

.menumain {
    color: #eee;
    font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 1px solid #ccc;
	background: #566;
	color: #eee;
	letter-spacing: 0.1em;
	z-index: 10001;
}

.apmenumain {
    color: #eee;
    font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 1px solid #ccc;
	background: #887476;
	color: #eee;
	letter-spacing: 0.1em;
	z-index: 10001;
}

.menumain:hover {
	background: #566;
    color: aqua;
	z-index: 10001;
}

.apmenumain:hover {
	background: #887476;
    color: aqua;
	z-index: 10001;
}

.indmenu {
    font-size: 12px;
	text-align: left;
	text-indent: 5pt;
	z-index: 10001;
}
	
.popmenu {
	background: #666;
	left: -35px;
	width: 75px;
	color: #eee;
	border-left: 1px solid #555;
	z-index: 10001;
}
a {
    color: #eee;
    text-decoration: none;
}
a:hover {
    color: aqua;
	z-index:0;
}
.ajplink {
    color:#eee;
    font-size:16px;
}
.ajplink:hover {
    color: aqua;
}
.menu {
	width: 10em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

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

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	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)*/
}

.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 */
	left: 100%;	/* and move them to the right of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	/* min-height: 0; */
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you know what you do 110%*/
.menu ul {
	background: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	/*background: #f00;	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}

/* - - - DESIGN styles - - - */

.menu, .menu ul li {
	background: #555; /* Menu background color */
	color: #eee;
}

.menu {
	width: 150px;	/* Main Menu width */
}

.menu ul {
	width: 14em;
}

.menu a {                        /* link properties */
	text-decoration: none;
	color: #eee;
	padding: .4em .6em;
	display: block;
}

.menu a:hover, .menu li:hover>a { 
	color: aqua;
}

/*.menu li {	create borders around each item 
	border: 1px solid #ccc;
}
.menu>li + li, .menu ul>li + li {	and remove the top border on all but first item in the list 
	border-top: 0;
}
*/
.menu li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}
.MsoPlainText{
    color: #666;
}
.htmlvalidate{
    position: absolute;
	right:153px;
	bottom:3px;

/* special coloring for "Main menu:", and for "xx submenu" items in Menu
	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 {
	color: #eee;
} */

/*]]>*/

/*h2 {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	text-transform: capitalize;
}*/
/*h3 {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #555;
	text-transform: capitalize;
}*/
/*temporary content for pages under construction*/