#chromemenu{
				width: 100%;}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;}

#chromemenu ul{
				border: 0px solid #000;
				width: 100%;
				background: none center center repeat-x; /*Image: url(chromebg.gif)*/
				margin-left: 0;
				padding-left: 120px;
				margin: 0;
				float: left;
				font: bold 11px Verdana;}


#chromemenu ul li{
				display: inline;}


#chromemenu ul li a{
				float: left;
				color: #000000;
				font: Arial;
				font-size: 100%;
				font-weight: bold;
				padding: 6px 20px 6px 20px;
				text-decoration: none;
				background: none center right no-repeat; /*Image: url(divider.gif)*/}

#chromemenu ul li a:hover{
				color: #111111;}

/*#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
/*content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
/*}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
				position:absolute;
				top: 0;
				border: 1px solid #555;
				border-bottom-width: 0;
				font: normal 10px Verdana;
				line-height:18px;
				z-index:100;
				background-color: #fffeee;
				width: 110px;
				visibility: hidden;
				text-align: center;}

.dropmenudiv.dark-mode {
				background-color: #151515;
				}

.dropmenudiv a{
				width: 100%;
				display: block;
				text-indent: -3px;
				border-bottom: 1px solid #555;
				padding: 1px 0;
				text-decoration: none;
				font-weight: bold;
				color: black;
				}
.dropmenudiv.dark-mode a{
				color: #fffff9;
				}

.dropmenudiv a:hover{
				background-color: #666666;
				}


.dropmenudiv2{
								position:absolute;
								top: 0;
								border: 1px solid #555;
								border-bottom-width: 0;
								font: normal 10px Verdana;
								line-height:18px;
								z-index:100;
								background-color: #fffeee;
								width: 110px;
								visibility: hidden;
								text-align: center;}

.dropmenudiv2.dark-mode {
								background-color: #151515;
								}

.dropmenudiv2 a{
								width: 100%;
								display: block;
								text-indent: -3px;
								border-bottom: 1px solid #555;
								padding: 1px 0;
								text-decoration: none;
								font-weight: bold;
								color: black;
								}
.dropmenudiv2.dark-mode a{
								color: #fffff9;
								}

.dropmenudiv2 a:hover{
								background-color: #666666;
								}


.dropmenudiv3{
								position:absolute;
								top: 0;
								border: 1px solid #555;
								border-bottom-width: 0;
								font: normal 10px Verdana;
								line-height:18px;
								z-index:100;
								background-color: #fffeee;
								width: 110px;
								visibility: hidden;
								text-align: center;}

.dropmenudiv3.dark-mode {
								background-color: #151515;
								}

.dropmenudiv3 a{
								width: 100%;
								display: block;
								text-indent: -3px;
								border-bottom: 1px solid #555;
								padding: 1px 0;
								text-decoration: none;
								font-weight: bold;
								color: black;
								}
.dropmenudiv3.dark-mode a{
								color: #fffff9;
								}

.dropmenudiv3 a:hover{
								background-color: #666666;
								}

.dropmenudiv4{
								position:absolute;
								top: 0;
								border: 1px solid #555;
								border-bottom-width: 0;
								font: normal 10px Verdana;
								line-height:18px;
								z-index:100;
								background-color: #fffeee;
								width: 110px;
								visibility: hidden;
								text-align: center;}

.dropmenudiv4.dark-mode {
								background-color: #151515;
								}

.dropmenudiv4 a{
								width: 100%;
								display: block;
								text-indent: -3px;
								border-bottom: 1px solid #555;
								padding: 1px 0;
								text-decoration: none;
								font-weight: bold;
								color: black;
								}
.dropmenudiv4.dark-mode a{
								color: #fffff9;
								}

.dropmenudiv4 a:hover{
								background-color: #666666;
								}



/**************/
/* BODY STYLE */
/**************/

body {	background-color: #333333;
		background-image: url(hatter.jpg);
		background-position: top;
		background-repeat: repeat-y;
		font-family: Verdana,sans-serif;
		}

body a:any-link { color: black; }
.dark-mode a:any-link { color: #fffff9; }



table.thetable{
		width: 740px;
		}

table.thetable.dark-mode {
		background-color: #333333;
		}



tr.top {
		height: 180px;}

.infobar1{
		position: fixed;
		top: 0px;
		left: 136px;
		width: 170px;
		height: 25px;
		background-color: #cccccc;
		text-align: center;
		font: normal 9px Verdana;}

.infobar2{
		position: fixed;
		top: 0px;
		left: 308px;
		width: 390px;
		height: 25px;
		background-color: #cccccc;
		font: normal 9px Verdana;}

.infobar3{
		position: fixed;
		top: 0px;
		left: 702px;
		width: 170px;
		height: 25px;
		background-color: #cccccc;
		text-align: center;
		font: normal 9px Verdana;}

tr.menu {
		height: 40px;
		background-color: #fffeee;
		}

tr.menu.dark-mode {
		color: #fffff9;
		background-color: #151515;
		}

tr.main {
		background-color: #fffeee;
		font: normal 10px Verdana;
		}


tr.main.dark-mode {
				color: #fffff9;
				background-color: #151515;
			}


tr.bottom {
		height: 30px;
		font: normal 10px Verdana;
		text-align: center;
		background-color: #fffeee;
		}

tr.bottom.dark-mode {
		color: #fffff9;
		background-color: #151515;}


button.dark-mode-toggle {
	border: none;
	color: black;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
}