body {
	background-color: #000000;
	background-image:url(images/background.gif);
	background-position:center;
	margin:0;
	padding:0;
}

/* links with class "button" */
.button1 {
	line-height:40px;
	vertical-align:middle;
	padding-top:2px;
	width:50px;
}

.button2 { 
	padding-top:2px;
	width:100px;
}
.button3 {
	padding-top:2px;
	width:100px;
}

.button4 {
	line-height:40px;
	vertical-align:middle;
	padding-top:2px;
	width:100px;
}

.header {
	background-image:url(images/banner4.png);
	height:225px;
}

/*.side {
	background-color:#0000FF;
	background-image:url(images/side.gif);
	width:25px;
}*/

.footer {
	background-color:#b0c4de;
	text-align:center;
	height:100px;
	color:#000000;
}

.font18b {font-size:18px; font-weight:bold}

.font24 {font-size:24px;}

.font36 {font-size:36px;}

/* id "nav" */
#nav {vertical-align:middle;}

/* id "nav" link style */
#nav a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

/* button hover color */
#nav li:hover {background-color:#999999;}

/* menu hover color */
#nav li li:hover {background-color:#0000FF;}


/* id "nav" list item in list item link style */	
#nav li li a {
	display: block;
	font-weight: bold;
	color: #ffffff;
}

/* unordered list style */
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* list item */
ul#nav li {
	float: left;
	position: relative;
	height:40px;
	text-align: center;
	cursor: default;
	background-color:#666666;
}


/* unordered list inside a list item */
ul#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	width:100px;
	left: 0;
	font-weight: normal;
	background-color: #000000;
}

/* list item inside list item */
ul#nav ul li {
	display: block;
	height:auto;
	float: none;
	background-color: transparent;
	padding-top:2px;
	padding-bottom:2px;
}

/* unordered list in list item hover .... unordered list in list item with class "over" ---->class "over" found in JS<---- */
ul#nav li:hover ul, ul#nav li.over ul {
	display: block;
}  

#nav li li a:hover, #nav li li:hover a, #nav li li.over a {
    background-color:#0000ff;
	color:#FFFFFF;
}

.spot {
	height:300px;
	width:150px;
	overflow:auto;
	background-color:#FFFFFF;
	padding-left:4px;
}

#marqueecontainer{
position: relative;
width: 150px; /*marquee width */
height: 300px; /*marquee height */
background-color: #ffffff;
overflow: hidden;
border: 2px solid black;
padding: .25em;
margin-top: .5em;
text-align:left;
}
