body { margin:20px 30px; font-size:11.5px; line-height:20px; font-family: Arial; background: url(images/body_bckg.jpg) repeat-x #056caa;}
a { color:#68d3ed; text-decoration:underline;}
a:hover { text-decoration:none;}
h1 { padding:0px; text-transform:uppercase; font-size:18px; color:#000; background-color:#818181; font-weight:normal; color:#66FFFF; margin: 10px 0 ;height:21px;}
h1 span { background:#616161; padding:0px 10px 0px 0px;}
p {margin:0; background:#616161;}
#header {background:url(images/header_bckg.jpg) repeat-x #0287c2; clear:both; width:100%; height:161px;  }
#left_header { float:left; width:372px; background: url(images/left_header.jpg) no-repeat; height:161px;}
#right_header { float:right;  width:321px; background: url(images/right_header.jpg) no-repeat; height:161px;}

#logo {position:absolute; text-align:center; width:95%; text-align:center; }
#logo a {text-decoration:none; color:#FFFFFF; font-size:23px; }
#menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family: Arial;
	font-size: 12px;
	text-transform:uppercase; font-weight:bold; color:#FFFFFF; text-decoration:none 
	}
#menu ul{
	background:black;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#menu li{
		float:left;
		padding:0px;
		}
	#menu li a{
		background:black url("images/seperator.gif") bottom right no-repeat;
		color:white;
		display:block;
		font-weight:bold;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		#menu li a:hover, #menu ul li:hover a{
			background: #00CCFF ;
			color:#FFFFFF;
			text-decoration:none;
			}
	#menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#menu li:hover ul{
		display:block;
		
		}
	#menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	#menu li:hover li a{
		background:none;
		
		}
	#menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:bold;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#menu li ul a:hover, #menu li ul li:hover a{
			background:#00CCFF ;
			border:0px;
			color:#FFFFFF;
			text-decoration:none;
			}
	#menu p{
		clear:left;
		}	

		



#content {clear:both; background-color:#252525; width:100%;}
#content_top { height:20px;}
#content_top_left {float:left; width:20px; height:20px; background: url(images/top_sidebar.gif) background-color:white;no-repeat;}
#content_top_right {float:right; width:20px; height:20px; background: url(images/right_top_round.gif) no-repeat;}
#content_bottom { clear:both;height:16px;}
#content_bottom_left {float:left; width:20px; height:16px; background: url(images/left_bottom_round.gif) no-repeat;}
#content_bottom_right {float:right; width:20px; height:16px; background: url(images/right_bottom_round.gif) no-repeat;}

#sidebar {float:left; width:231px; padding-left:10px;}
#sidebar p {background-color:#fff; padding:0 20px;}
#sidebar_top { height:10px; background:url(images/top_sidebar.gif) no-repeat;background-color:white;}
#sidebar_body { background-color:#fff;}
#sidebar_bottom { height:23px; background:url(images/bottom_sidebar.gif) no-repeat;}
#sidebar ul {margin:0; padding:0 0 0 40px;}
#sidebar ul li { padding:0; list-style:none;}
#sidebar a {color:#000; font-size:12px; text-decoration:underline; }
#sidebar a:hover { font-weight:bold; color:#0676bd; text-decoration:none;}
#sidebar h1 {color:#0676bd; font-size:13px; font-weight:bold; padding:10px 0 0 20px; background-color:#fff; margin:0;}

#text {background-color:#616161; margin:0px 10px 0 251px; width:auto; vertical-align:top; color:#fff;}
#text_top {}
#text_top_left {float:left; width:13px; height:10px; background:url(images/left_top_content.gif) no-repeat;}
#text_top_right {float:right; width:11px; height:10px; background:url(images/rigth_top_content.gif) no-repeat;}
#text_bottom { float:left;height:16px; background:url(images/middle_bottom_content.gif) repeat-x; width:100%;}
#text_bottom_left {float:left; width:11px; height:16px; background: url(images/left_bottom_content.gif) no-repeat;}
#text_bottom_right {float:right; width:11px; height:16px; background: url(images/right_bottom_content.gif) no-repeat;}
#text_body { padding:10px 20px 10px 20px;}
#foot_text { padding-left:60px; background:url(images/foot_text.gif) no-repeat; color:#a8a8a8; font-size:12px; line-height:13px; margin:20px 0 0 0;}

#footer {background:url(images/footer_bckg.jpg) #424e4f; height:74px; clear:both;  }
#left_footer { float:left; padding:30px 0 0 30px; color:#fff; font-size:12px;}
#left_footer a { color:#fff;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:30px 30px 0 0; color:#fff;  font-size:12px; text-align:right;}
#right_footer a { color:#fff;}
#right_footer a:hover { text-decoration:none;}

<style type="text/css">

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

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
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 on hover*/
visibility: visible;
top: 0;
left: 40px; /*position where enlarged image should offset horizontally */

}

</style>