body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color:#FFCC00;
}
* {margin: 0px;padding: 0px;}

#container {
	margin: 10px auto;
	text-align: left;
	width: 800px;
	background-color: #006668;
}
#main {
	width: 800px;
	
	/*background-image:url(images/background.gif);*/
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006668; 
		
}


/******************** header ********************/
#header {
	width:750px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(images/arkLogo.gif)
	
	height 201px;
	margin-left:25px;
	display:block;
}
#nav {
	width:744px;
	height:22px;
	margin: 2px 0px 2px 25px;
	background-color:#AAAAAA;
	padding: 3px 5px 3px 1px;
}

#wnav {
	width:744px;
	height:22px;
	margin: 2px 0px 2px 25px;
	padding: 3px 5px 3px 1px;
	background-color:#EEEEEE;
}

#nav ul {
}
#nav li {
	display:inline;
	background-color:#EE0000;
	width:120px;
	height:22px;
	float:left;
	margin-left:4px;
	text-align:center;
}
#nav a {
	width:120px;
	height:19px;
	padding-top:3px;
	text-decoration:none;
	color:#EEEEEE;
	font-weight:800;
	display:block;
}
#nav a:hover {
	color:#FFFFFF;
	font-weight:800;
}
/******************** Content ********************/
p, h1, a, span, ul{font-family:Verdana, Arial, Helvetica, sans-serif;}
#content {
	width:750px;
	margin-left:25px;
	background-color:#FFFFCC;
}
#left {
	float:left;
	width:490px;
	display:inline;
	margin: 20px 0px 30px 20px;
}
#leftspecial {
	float:left;
	width:710px;
	display:inline;
	margin: 20px 0px 30px 20px;
}
#leftspecialer {
	float:left;
	width:710px;
	display:inline;
	margin: 20px 0px 30px 20px;
}
#left p {
	font-size: 12px;
	color: #000000;
	padding: 5px 0px;	
}
#left a{
	color: #052d4e;
	font-weight:800;
}
#left a:hover{
	color:#EE0000;
}
#left h1{
	font-size: 16px;
	color: #009933;
	display:inline;
	font-weight:900;
}
#left h2{
	font-size: 14px;
	color: #009933;
	display:inline;
	font-weight:900;
}

#leftspecial h1{
	font-size: 16px;
	color: #009933;
	display:inline;
	font-weight:900;
}

#leftspecial h2{
	font-size: 14px;
	color: #009933;
	display:inline;
	font-weight:900;
}

#left span{
	font-size: 24px;
	color:#339933;
	font-weight: 900;
	display:inline;
	margin-left:8px;
}
#right {
	float:right;
	width:160px;
	background-color:#006668;
	color:#FFFFFF;
	/*font-weight:700;*/
	padding: 10px 20px;
	margin: 30px 20px 20px 0px;
	display:inline;
}
#right p{
	padding: 7px 0px;
}
#right a{
	color:#FFFFFF;
	/*font-weight:900;*/
}
#right a:hover{
	color: #052d4e;
}

.post {
	margin-top:17px;
}
.post a{
}

.post a:hover{
}

.post p{
}

.posted p{
background-color:#FFFF00;
width:auto;

}

/******************** Footer ********************/
#footer {
	width:800px;
	text-align:center;
	color:#164871;
	margin: 10px 0px;
}
#footer ul {
}
#footer li {
	display:inline;
	float:none;
	text-align:center;
}

#footer a {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer span {
	display:block;
	clear:both;
	color:#FFFFFF;
	margin: 10px 0px;
}
.clear{
	clear:both;
}


.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;
height:160;
width:240;
}

.thumbnail:hover{
background-color: transparent;
height:160;
width:240;

}

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

height:160;
width:240;

}

.thumbnail span{ /*CSS for enlarged image*/

background-color: lightyellow;
padding: 1px;

border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
height:160;
width:240;
}

.thumbnail span img{ /*CSS for enlarged image*/

padding: 2px;
height:160;
width:240;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
height:160;
width:240;

}