body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration:: none;
	color: #ffffff;
	background:url(../images/background.jpg) repeat-x #4b607d;
	margin:0px;
	margin-top:-3px;

}

a {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:: none;
	color: #ffffff;
}
	
a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:: none;
	color: #ffffff;
	text-decoration: none;
	
	

}

a.link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	FONT-WEIGHT: normal; 
	TEXT-DECORATION: none;
	color: #FFFFFF;
}

a:hover {
	FONT-WEIGHT: bold;
	color: #FFFFFF;
	font-size:12px;
	text-decoration: underline;
}


#menu{
padding: 0;
width: 100%;
voice-family: "\"}\"";
voice-family: inherit;
}

#menu ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
height:22px;
}

#menu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#menu a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
}

#menu a:hover{
background-color: #5285cc; /*Brown color theme*/ 
color: white;
}

#menu #current a{ /*currently selected tab*/
background-color: #5285cc; /*Brown color theme*/ 
color: white;
}

.heading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-decoration:: none;
	color: #ffffff;
}
.heading:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-decoration:: none;
	color: #ffffff;
	
}

.heading:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-decoration:: none;
	color: #ffffff;
}

.black{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:: none;
	color: #000000;
	font-weight:bold;
}
.white{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:: none;
	color: #ffffff;
	font-weight:bold;
}

.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:: none;
	color: #ffffff;
	padding-left:8px;
}
.footer:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:: none;
	color: #ffffff;
	
}

.footer:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:: none;
	color: #ffffff;
}
.footer:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:: none;
	color: #000000;
}
/*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: 2px solid gray;
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: -330px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.header-img {position:absolute; top:0; right:0;}


/*for the thunbs on the left*/
.gallerycontainer2{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail2 img{
border: 2px solid gray;
margin: 0 5px 5px 0;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 1px solid blue;
}

.thumbnail2 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;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 180px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.header-img {position:absolute; top:0; right:0;}

.indent {
	left: 40px;
	list-style-type: disc;
}

.img {
  padding: 5px;
  background: white;
  margin-right: 10px;
}

.floatleft {
	float: left;
	padding-top: 15px;
	margin-right: 10px;
	line-height: normal;
	border-color:#ffffff; border:'2' 'none' 'color';
	
}

.floatright {
	float: right;
	padding-top: 15px;
	margin-left: 10px;
	line-height: normal;
	
}
