body { 
  background-image: url('images/background3.jpg');
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        small;
  margin:           0px
}

#header {
  background-color: #ffffff;
  margin:           5px;
  height:           120px;
}

#main {
  background-color:       #ffffff;
  font-size:        105%;
  padding:          5px;
  width:	    440px;
  float:	    left; margin-left:5px; margin-right:5px; margin-top:0px; margin-bottom:5px
}

	div.float {
  float: left;
  padding:  3px;
  }
  
	div.float p {
   text-align: center;
   color:#ffffff;
   }
   
   div.container {
  border: thin;
  background-color: #676989;
  margin:	0px 4px 0px 6px;
  }
 
 div.float2 {
  float: left;
  padding:  2px;
  }
  
	div.float2 p {
   text-align: center;
   color:#ffffff;
   }
   
   div.container2 {
  border: none;
    background-color: #000000;
  margin:	0px 1px 0px 5px;
  }
  
  div.spacer {
  clear: both;
  }
  
  div.container3 {
  border: none;
    background-color: #ffffff;
  margin:	0px 1px 0px 0px;
  }
  
  div.float3 {
  float: left;
  padding:  0px;
  
  }
  
  div.float3 p {
   text-align: left;
   color:#000000;
   }

#sidebar {
  background-color:  #FFFFFF;
  font-size:105%; 
  padding: 5px; 
  margin-left:460px; 
  margin-right:5px; 
  margin-top:0px; 
  margin-bottom:5px; 
  margin:inherit;
}

#headlines{
  	float:left;
	width: 95%;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 25px;
	text-align:justify;
}

.photoright {
	float:		right;
	padding:	2px 5px 5px 5px;
	margin:		0;
	font-size:		90%;
	color:		#006699;
	font-style:	italic;
	width:		165px;
	}
	
.photoleft {
	float:		left;
	padding:	2px 5px 5px 5px;
	margin:		0;
	font-size:		90%;
	color:		#006699;
	font-style:	italic;
	width:		200px;
	}

#footer {
  background-color:	#9999FF;
  color:	#000000;
  text-align:       center;
  padding:          15px;
  margin:           5px;
  font-size:        90%;
  clear:	    both;
}

h1 {
  font-size:        150%;
  color:            #000066;
}

h2 { font-size: 110%; }

.slogan { color: #954b4b; }

.inforight {
text-align:justify;
  line-height:      1.8em;
}

a:link {
  color:            #b76666;
  text-decoration:  none;
  border-bottom:    thin dotted #b76666;
}

a:visited {
  color:            #675c47;
  text-decoration:  none;
  border-bottom:    thin dotted #675c47;
}

#allcontent {
  width:		800px;
  padding-top:		5px;
  padding-bottom:	5px;
  background-color:	#676989;
  margin-left:		auto;
  margin-right:		auto;
}

#singledata  {
	width:		auto;
	background-color:#FFFFFF;
	padding:	10px 20px 10px 50px;
	margin:	5px 5px 5px 5px;
	border: thin solid black;
	}
	
#videodata  {
	background-color:#FFFFFF;
	padding:	10px 20px 10px 80px;
	border: thin solid black;
	}
	

#data	{
	width:		auto;
	background-color:#FFFFFF;
	padding-left:inherit;
	border: thin solid black;
	margin:	0px 5px 0px 5px;
	}
	


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 5px;
padding: 0;
float: left;
width: 98.7%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(images/indentbg2.gif) center center repeat-x;
}

</style>

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

</style>