#wrap{width:700px;margin:0px;}
		h5{color:#fff;font: 1.6em/1.3 Helvetica, Arial, sans-serif;padding:5px 0 5px 0px;}
		
		ul#topnav {
			margin: 0;
			padding: 0;
			list-style: none;
			float: left;
			background: #633;
		}
		ul#topnav li{
			margin: 0 1px;
			padding: 0;
			overflow: hidden;  /*--Important - Masking out the hover state by default--*/
			float: left;
			height:40px;
			border: 0;
		}
		ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
			font-size: 14px;
			font-weight: bold;
			padding: 10px 10px;
			float: left;
			text-decoration: none;
			color: #fc0;
			clear: both;
			width: 100%;
			height: 20px;
			line-height: 20px; /*--Vertical alignment of text--*/
			border:0;
		}
		ul#topnav li.sel span {
			color: #fff; /* color: #ff8000; */
		}
		ul#topnav a { /*--This is basically the hover state of navigation--*/
			color: #000;
			background: url(../images/a_bg.gif) repeat-x left bottom;
		}
		ul#topnav span{ /*--Default state of navigation--*/
			display: none;
			background: url(../images/a_bg.gif) repeat-x left top;
	}


		ul.hover_block { display: block; overflow: hidden; height: 1%; padding-bottom: 15px; }
			
		ul.hover_block li {
			list-style:none;
			float:left;
			background: #fff;
			padding: 10px;
			width:300px; position: relative;
			margin:0 20px 20px 0; }

		ul.hover_block li a {
			display: block;
			position: relative;
			overflow: hidden;
			height: 150px;
			width: 268px;
			padding: 16px;
			color: #000;
			font: 1.6em/1.3 Helvetica, Arial, sans-serif;
		}

		ul.hover_block li a { text-decoration: none; }

		ul.hover_block li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}
		
		
		.pm {
			font-family:verdana;
			font-size:13px;
			font-weight:bold;
			color:#FFA;
		}
		a.pm:link, a.pm:active, a.pm:visited {
			color:#FFA;
		}
		a.pm:hover {
			color:#EEE;
		}
		.nsel {font-size:11px;border: 1px solid #FFF;padding:1px;}