@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
	font:"Times New Roman", Times, serif 16px;
	background: #333333;
	margin: 0;
	padding: 0;
}

/* ~~ Element/tag selectors ~~ */

ul, ol, dl, li { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
	text-decoration:none;
	text-align: center;
	font:"Times New Roman", Times, serif 16px;
	color:#FFF;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding:0;
	font:"Times New Roman", Times, serif;
	color:#000;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a {
	color: #000000;
	text-decoration: underline; 
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

img {
	vertical-align:middle;
	text-align:center;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}


/* ~~ this fixed width container surrounds all other divs ~~ */

#wrapper {
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	border: 0;
	padding: 11px;
	width: 950px;
	background: #000000;
}

.shadow{ /*This creates the appearence of a drop shadow. Only works on browsers that support CSS3*/
	     -o-box-shadow: 0px 0px 20px #000000;
	  -icab-box-shadow: 0px 0px 20px #000000;
	 -khtml-box-shadow: 0px 0px 20px #000000;
	   -moz-box-shadow: 0px 0px 20px #000000;
	-webkit-box-shadow: 0px 0px 20px #000000;
	        box-shadow: 0px 0px 20px #000000;
}

.header{
	float:left;
	margin:0;
	border:0;
	padding:0;
	width:711px;
	height:200px;
	background:#000000;
	background-repeat:no-repeat;
}

.FHPblock {
	float:right;
	position:relative;
	margin: 0;
	border: 0;
	padding: 0;
	background:#000000;
	height:240px;
	width:239px;
	z-index:40;
}

.FHPWhiteBlock{
	margin: auto;
	width:237px;
	height:230px;
	background:#FFFFFF;
}

.blackline {
	float:left;
	position:relative;
	top: -40px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color:#000000;
	height: 42px;
	width:950px;
	z-index:10;
}

.menu {
	float: left;
	position: relative;
	margin: 12px 0 0 0;
	padding: 10px 10px 0 10px;
	width: 680px;
	height: 40px;
	background:#fffeef;
}

.content {
	margin: 0;
	border: 0;
	padding:10px;
	background:#fffeef;
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
}

.footer {
	width:300px;
	margin: 10px auto 5px auto;
	text-align: center;
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */

.lftsdbr {
	width:300px;
	margin: 0;
	padding:5px;
	float:left;
	text-align:left;
	color:#000;
}

.lftthmbbx {
	float:left;
	text-align:center;
	margin: 10px 5px;
	padding:10px;
	background:#000000;
	width:200px;
	height: 133px;
	line-height:133px;
	color: #fffeef;
}

.lfttxtbbx {
	float:left;
	text-align:center;
	margin: 10px 5px;
	padding: 10px 0 0 0;
	width: 220px;
	height: 143px;
	color: #000000;
}

.rtsdbr {
	margin: 0 0 0 10px;
	float:right;
	width:600px;
}

/* Creating the menu boxes */

.dropmenuclear {
	font-size:1px;
	height:0px;
	width:0px;
	clear:left;
	line-height:0px;
	display:block;
	float:none !important;
}

.dropmenubox {
	float:left;
	position:relative;
	zoom:1;
	z-index:10;
}

.dropmenubox a, .dropmenubox li {
	float:left;
	display:block;
	white-space:nowrap;
	position:relative;
	z-index:1;
}

.dropmenubox div a, .dropmenubox ul a, .dropmenubox ul li {
	float:none;
}

.qmsh div a {
	float:left;
}

.dropmenubox div{
	visibility:hidden;
	position:absolute;
}

.dropmenubox li {z-index:auto;}

.dropmenubox ul {
	left:-10000px;
	position:absolute;
	z-index:10;
}

.dropmenubox, .dropmenubox ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

.dropmenubox li a {float:none}

.dropmenubox li:hover>ul{left:auto;}

#dropmenu ul {top:100%;}

#dropmenu ul li:hover>ul{top:0px;left:100%;}


	/*"""""""" (MAIN) Container""""""""*/	
#dropmenu{
	padding: 0 0 0 10px;
	width:670px;
	height:40px;
	background-color:#000000;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#dropmenu a	
	{	
		padding:10px;
		color:#fffeef;
		font-family:Times New Roman;
		font-size:18px;
		text-decoration:none;
		text-align:left;
		height: 20px;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#dropmenu a:hover	
	{	
		background-color:#fffeef;
		color:#000000;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #dropmenu .dropmenuactive, body #dropmenu .dropmenuactive:hover	
	{	
		background-color:#fffeef;
		color:#000000;
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#dropmenu div, #dropmenu ul	
	{	
		margin:0px 0px 0px -1px;
		background-color:#fffeef;
		border-width:5px;
		border-style:solid;
		border-color:#000000;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#dropmenu div a, #dropmenu ul a	
	{	
		padding:2px 20px 2px 2px;
		color:#000000;
		border-width:1px;
		border-style:solid;
		border-color:#000000;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#dropmenu div a:hover, #dropmenu ul a:hover	
	{	
		background-color:#000000;
		color:#fffeef;
		text-decoration:none;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #dropmenu div .dropmenuactive, body #dropmenu div .dropmenuactive:hover	
	{	
		background-color:#000000;
		color:#fffeef;
	}