body {
		margin: 0;
		padding: 0;
		font-size: 100%;
		font-family: arial, verdana;
		color: #000;
		background-color: #fff;			
	}

h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}	
	div .line
	{
		border-top: 1px dashed;
		border-top-color: #86A4BF;	
		background-color: #cccccc;	
	}	
	a:link { color: #036; }
	a:visited { color: #066; }		
	a:hover, a:active {
		color: #fff;
		background-color: #036;
	}	
	div#banner {
		color: #000000;
		background-color: #ffffff;
		border-bottom: 1px dotted #cccccc;
	}		
	div#container {
		background-image: url(bk_blue.jpg);
		background-repeat: repeat-y;			
	}
	div#container2 {
		background-image: url(bk_blue.jpg);
		background-repeat: repeat-y;			
		background-position: right top;
	}		
	div#navigation {
		float: left;
		width: 150px;
		padding-top: 2em;
	}
	div#navigation ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		background-color : #bacbdb;	
	}
	/* navigation rollover */
	div#navigation a {
		display: block;
		color: #000000;
		width: 140px;
		padding: 3px 3px;
		text-decoration: none;
		font-size : 90%;
		font-weight : bold;
	}
	div#navigation a:hover 	{
		background-color: #999999;
		color: #ffffff;
	}
	div#right {
		float: right;
		width: 140px;
		margin: 0;
		padding: 2em 10px 0 0;
		color: #000000;
	}
	div#content {
		margin-left: 190px;
		margin-right: 180px;
	}
	div#content, div#right { 
		line-height: 120%; 
		font-size: 85%;			
	}
	
	div#content .albumtitle {
		font-weight: bold;
		background-color: #c5d3e7;
		font-size : 130%; 
		color : #ffffff;
		padding-top : 8px;
		padding-bottom : 8px;
	}	
	
	div#content	.tableoutline {		
		padding-bottom : 0.2em;
		padding-top : 0.2em;
	}
	div#content .title {
		color: #006699;
		font-weight: bold;
		font-size : 170%; 
		padding-top : 8px;	
		padding-bottom : 8px;		
	}	
	div#content .description {
		font-size : 100%;
		font-style:italic;
	}	

	div#content .blue {
		background-color: #CCCCFF;
		padding-bottom: 6px;
		padding-top: 6px;		
	}	
	
	div#content .datatable {
		border-collapse: collapse;	 
		/*line-height: 1em;*/
		font-size : 88%;
	}

	div#content .datatable td {
		border-bottom: 1px solid #999999;
		padding-bottom: 0px;
		padding-top: 6px;
	}	
	
	div#content .datatable tr:hover, .datatable tr.hilite {
		background-color : #DFE7F2;
		color: #000000;
	}	
	
	div#content .clip a:hover {
		text-decoration: none;
		background-color: transparent;
	}	
	div#content .clip a:visited {
		text-decoration: none;
		background-color: transparent;
	}
	div#content .clip a {
		text-decoration: none;
		background-color: transparent;	
	}
	div#content .clip a:active {
		text-decoration: none;
		background-color: transparent;	
	}
	
	div#topnav {
		width: 100%;
		margin: 0;
		padding-top : 8px;	
		padding-bottom : 0px;	
		color: #000000;
		background-color: #ffffff;
		text-align: left;
		font-size : 130%;
		font-family : Georgia, "Times New Roman", Times, serif;
		text-align : right;
	}			
	
	form {
		display: inline;
	}	
	
	#cleardiv {
		clear: both;
		height: em;
	}		
	div#footer {
		clear: both;
		padding: 0 0 0 0;
		border-top: 1px solid #999;
		text-align: left;
		background-color: #ffffff;
		color: #000000;	
		font-size: 80%;
	}
	
	.imgborder {
		border: 2px solid #000000;
	}

.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
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: left;
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(media/tab-blue-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: left;
position: relative;
display: block;
background: url(media/tab-blue-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: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;
}




/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }