html {overflow-y: scroll; height:100%}

A:link { color: black; text-decoration: underline; font-family: arial, sans-serif; font-weight: bold;}
A:visited { color: #333; text-decoration: underline; font-family: arial, sans-serif; font-weight: bold;}
A:hover { color: black; background-color:gold; text-decoration: underline; font-family: arial, sans-serif; font-weight: bold; }
A:active {  color: gold; text-decoration: none; font-family: arial, sans-serif; font-weight: bold;}

A.menu:link { color: gold; text-decoration: none; font-family: arial, sans-serif; font-weight: bold;}
A.menu:visited { color: gold; text-decoration: none; font-family: arial, sans-serif; font-weight: bold;}
A.menu:hover { color: #C0C0C0; text-decoration: underline; font-family: arial, sans-serif; font-weight: bold; }
A.menu:active {  color: gold; text-decoration: none; font-family: arial, sans-serif; font-weight: bold;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
.animatedtabs{
overflow: hidden;
/* width: 70%; */
float:right;
font-size: 14px; /*font of menu text*/
}

.tabheader{
overflow: hidden;

float:left;
height: 25px;
vertical-align:text-top;
font-size: 14px; /*font of menu text*/
}

.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: right;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(tab-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration:none;
}

.animatedtabs a span{
float: right;
position: relative;
display: block;
background: url(tab-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0; 
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0; 
}

.animatedtabs a:link{
text-decoration:none;
}

.animatedtabs a:visited{
text-decoration:none;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0; 
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0; 
}



/* end of dynamicdrive css tabs */


/* navlist for RHS */

ul#navlist
{
width: 100%;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
font: bold 12px verdana,helvetica,arial,sans-serif;
background: #fff;
/* float:right; */
}

#navlist #active a {
	background: #fff;
	color: black;
	border-color:#fdf69a;
	}


ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
}

ul#navlist li a
{
display: block;
/* width: 144px; */
padding: 4px 8px 4px 8px;
border: 0px;
border-right: 20px solid #aaaabb;
background: #ccccdd;
text-decoration: none;
text-align: right;
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

div#navcontainer li a { 
/* width:180px; */
}

ul#navlist li a:hover
{
border-color: #fdf69a;
color: #ffffff;
background: #000;
}

/* end of navlist for RHS */

/* curved div box */
.bl {background: url(bl.gif) 0 100% no-repeat #fdf69a; font-size: small; margin-top:5px; width:100%;}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px;}
.clear {font-size: 1px; height: 1px} 


/* IMAGES */
div.img
  {
  margin:2px 20px 6px 2px;
  border:1px solid black;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
    background-color:white;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  background-color:white;
  margin:2px;
  }

div.img-right
  {
  margin:2px 9px 6px 2px;
  border:1px solid black;
  height:auto;
  width:auto;
  float:right;
  text-align:center;
    background-color:white;
  }
  

// divs

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.middlecontent { margin: 20px 240px 20px 270px;
}
  
  
BODY {
background:#ccccdd;color:black; margin:0pt; 
font-family: arial, sans-serif;
}

table {		margin:5px; padding:0px; vertical-align: top; color: black;  	
		border-collapse: collapse;
		border-spacing: 0px;
		border: none;
		}

td {		font-family: arial; text-align:left;
		border:0pt; margin:0pt; padding:0pt; vertical-align: top; }

div.side { 	float:right; width:216px; text-align:right;  padding: 9px; margin:0px; background:#fff; border:0;}

div.left {float:left; max-width:250px; margin-right:20px;}
div.right {float:right;  margin:10px;}

table.body { 	background:#fff; 
		width:100%; max-width:1000px; margin:3px 10px 0px 10px; padding:0pt; 
		text-align:center; height:95%}

td.main {	 width:600pt; padding:3pt; margin:0pt; background:#fff;}

td.widemain {	width:100%; background:#fff;  
background-image: url(scales.jpg); /* forward slash for the path */
background-repeat: no-repeat;
background-position: center; 
margin:0px; padding:9px; border:0; }

td.header {	text-align:center; margin:0pt; background:#000; height:auto; border-bottom: 5px solid gold;}

tr { height: 100%; }
tr.auto { height:auto; }

td.footer {	border-top:5px solid gold ;
		text-align:center; background:#000;}
		
td.dates1 {	background:#99CCFF; padding-left:4px; padding-right:4px;}
td.dates2 {	background:#aaaEFF; padding-left:4px; padding-right:4px;}
td.rooms {	background:#99CCFF; padding-left:4px; padding-right:4px;text-align:center;}

blockquote { background:#fdf69a; margin: 5px; padding:10px; max-width:720px;}

ul { background:#ccccdd; margin: 5px; max-width:700px; padding-left: 30px; }
ul.plain { background:transparent; }
li { padding:10px; }

ul.menu { background:#ccccdd; margin: 5px;  }
li.menu  { padding:0px; }
//em { border-bottom-style: dotted; 
//border-bottom-color: red; 
//border-bottom-width: 1px; }
//}

hr { color: gold; height: 5; width: 50%; text-align: center }

H1 {font-family: arial, sans-serif; text-align:center;color:black;  font size:120%;}
H2 {font-family: arial, sans-serif; text-align:center;color:black;  }
H2.header { font-family: courier new; text-align:center;color: #C0C0C0;padding:0pt; margin:0pt;  }
H2.pagetitle {font-family: courier new; text-align:center;color: #C0C0C0;padding:0pt; margin:0pt;  }
H3 {font-family: arial, sans-serif; text-align:left; font-weight:bold; }
H3.left {text-align:left; color:gold; margin:5px 0px 0px 0px; padding:0px 0px 0px 10px; 
}
H4 { font-family: arial, sans-serif; font-weight:bold; text-align:center;}


input { border: 1px solid black; color: black; background-color:transparent;}
input.button { border: 1px solid black; color: black; background-color:#fdf69a;}
label { color:black; }
form { color:black; }
.plain { border:0px}
textarea { border: 1px solid black;color: black; background-color:transparent;}

div.highlight {background: #002244;}