body {
width 720px;
background: #fff;
font-size: 62.5%;
color: #222;
font-family: Verdana, Arial, san-serif;
background-image: url(images/bg.gif); repeat-x; repeat-y;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

img {
	border: 0px;
	}


#masthead{
	margin: 0;
	padding: 0px 0px;
	width: 720px;
	height: 94px;
}

#content{
  float:left;
	width: 700px;
	padding: 10px 10px 10px 10px;
	margin: 1em 0em 0em 0em;
	background-color: #fff;
	border: 1px solid #663333;
}

#siteInfo {
  float:left;
	width: 720px;
	background-color: #663333;
	color: white;
	border: 1px solid #663333;
}


p {
	font-size: 1.2em;
	line-height: 1.5em;
	}

a {
	font-size: 1em;
	color: #663333;
 	background-color: #fff;
	text-decoration: none;
	}

a:hover {
	font-size: 1em;
	color: yellow;
	background-color: #663333;
	text-decoration: none;
	}

a.remote {
	font-size: x-small;
	line-height: 1.5em;
	color: #663333;
 	background-color: transparent;
	text-decoration: none;
	}

a.remote:hover {
	font-size: x-small;
	line-height: 1.5em;
	color: #600;
	background-color: transparent;
	text-decoration: none;
	}

a.topbar {
	line-height: 1.5em;
	color: #ffffff;
 	background-color: #663333;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	}

a.topbar:hover {
	font-size: 1em;
	line-height: 1.5em;
	color: yellow;
	background-color: #663333;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	}

a.scrollingAnchor td {
	font-size: 1em;
	line-height: 1.5em;
	color: #ffffff;
 	background-color: transparent;
	text-decoration: none;
	}

a.scrollingAnchor:hover td {
	font-size: 1em;
	line-height: 1.5em;
	color: beige;
	background-color: transparent;
	text-decoration: none;
}

a.subpage {
	font-size: 1em;
	color: #663333;
	background-color: #fff;
	text-decoration: none;
	}

a.subpage:hover {
	font-size: 1em;
	line-height: 1.5em;
	color: #600;
	text-decoration: underline;
	}

ul, div#extra {
  padding-left: 0px;
  padding-right: 10px;
  display: block;
  position: absolute;
  width: 720px;
  height: 1.75em;
  padding: 0;
  margin: 0;
  background-color: #663333;
  z-index: 20;
}

div#extra {
  z-index: 10;
}

li {
  display: inline;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

li {
  color: white;
  background-color: #663333;
}

span {
  position: absolute;
  top: 0;
  left: 10px;
  padding: 1px 10px 2px 10px;
  background: beige;
  border: 1px solid #663333;
  border-width: 1px 1px 0 1px;
  display: none;
  /* background-image: url(images/bg.gif); repeat-x; repeat-y; */
}

h1,h2,h3
	{
	padding-top: 1em;
	font-family: Verdana, Arial, san-serif;
	font-size: 1.75em;
	line-height: 10%;
	}
	
	
/* Scrolling Images  Style */

div#hold { 
  position:relative; width:700px; height:80px; 
  z-index:1000; 
  }
div#wn { 
  position:absolute; left:0; top:0;
  width:700px; height:79px; z-index:1;
  clip:rect(0, 700px, 79px, 0); overflow:hidden;
  }
div#cnt { position:absolute; z-index:1 }

/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl { width:1400px }
table#imgTbl td {
  width:108px; height:76px; 
  vertical-align:middle;
  }
