/* -- Reset -----------------------------------------------------------------*/
/* Eric Meyer's CSS reset http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse;border-spacing: 0;}
q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}




/* -- CSS tools --------------------------------------------------------------*/
/* clearfix declaration for clearing floated elements */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* -- General Typography --------------------------------------------------------------*/
body{
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	line-height:19px;
	text-align:center;
}


/* -- General Structure --------------------------------------------------------------*/
body{
	padding:0;
	margin:0;

	background:url(../images/general/bodybg.png) repeat-x #fff;
}

a{ text-decoration:none; }
a:link{	color:#0000cc; }
a:hover{ text-decoration:underline; }

#middle{
	margin:0 auto;
	text-align:left;
	width:960px;
}

#left{
	width:160px;
	float:left;
}
#right{ 
	float:right;
	width:775px;
}
#quickref{
	width:100%;
	float:right;
	text-align:right;
	margin:12px 0 14px 0;
}
#breadcrumb{
	float:left; 
	text-align:left; 
	font-weight:bold;
}
#content {
	clear:both;
}



/* -- Masthead Structure -------------------------------------------------------------- */
#masthead{ 
	width:960px;
	height:75px;

	background:url('') no-repeat;
	
	margin:0 auto;
}
	#mastheadLogo{
		float:left;
		width:160px;
		height:75px;
	}
		#mastheadLogo img{
			display:block;
		}
	#mastheadAd{
		float:left;
		width:450px;
		height:75px;
		margin:0 0 0 25px;
	}
	

	#search{
		width:300px;
		float:right;
		position:relative;
		height:50px;
		margin:20px 0 0 0;
	}

		#search li{
			float:right;
			padding:25px 0 0 0;
			color:#cccccc;
			cursor:pointer;
			background:url(../images/general/searchtabbg.png) no-repeat 100% 30px;
		}
				#search .selected a{
					font-weight:bold;
					color:#fff;
				}
			#search ul{
				display:none;
				position:absolute;
				top:0px;
				left:0px;
			}
			#search li{ text-align:center; }
				#search ul li{
					width:300px;
					height:22px;
					padding:0;
					text-align:right;
				}
				#search ul li input{ vertical-align:middle; }
					#search ul li input{
						width:235px;
						height:16px;
						padding:2px 0 2px 4px;
						margin:0 2px 0 0;
						border:1px solid #403f3f;
						font-weight:normal;
					}

					#search .searchkeyword{ width:164px; }
					#search .searchzip{ width:60px; }
					#search .searchfirstname{ width:86px; }
					#search .searchlastname{ width:138px; }

					#search .searchsubmit{
						width:53px;
						height:22px;
						margin:0;
						background:url(../images/general/searchbtn.png) no-repeat;
						border:0;
						cursor:pointer;
					}

			#search li:hover{ color:#fff; }

			#search .selected{
				color:#fff;
				font-weight:bold;
			}
				#search .selected ul{
					display:block;
					z-index:100;

				}

			#search #searchHome{ width:49px; }
			#search #searchNews{ width:45px; }
			#search #searchBuddyfinder{ width:86px; }
			#search #searchUnits{ width:44px; }
			#search #searchJobs{
				width:33px;
				text-align:right;
				background-image:none;
			}
		

			#quickRef{
				width:100%;
				margin:12px 0 2px 0;
				padding:0 18px 0 0;
				font-weight:bold;
				float:right;
				background-color:green;
			}
				#quickRef a{
					font-weight:normal;
					text-decoration:underline;
					color:#0000cc;
				}
					#content #quickRef a span{
						font-weight:bold;
					}
				#quickRef .left{
					float:left;
					margin:-1px 0 0 0;
				}

				#quickRef .right{
					margin:-1px 0 0 0;
					float:right;
				}
	

/* -- Nav Menu --------------------------------------------------------------*/
	/* typography */
	#nav li{
		font-weight:bold;
		font-size:13px;
	}
	#nav li a{
		color:#000;
		text-decoration:none;
	}
		#nav .selected a, #nav .selected span{ color:#fff; }
	#nav ul li{
		text-align:left;
		font-weight:normal;
		font-size:12px;
	}
		#nav ul li a{ color:#fff; }
			#nav ul li a:hover{ text-decoration:underline; }
			#nav .subselect a{ font-weight:bold; }
				#nav .subselect a:hover{ text-decoration:none; }

	#nav{
		width:960px;
		height:60px;
		position:relative;
		
		margin:0 auto;
		z-index:10000;
	}
	#nav li{
		float:left;
		line-height:30px;
		padding:0 10px;
	}

	#nav .selected, #nav .selected:hover{
		background-color:#000;
		background-image:none;
	}

	#nav li{ background:url('../images/general/selectborders.png') no-repeat 0% -30px; }

	/* remove background images for selected li's */
	#nav li:first-child, #nav .selected + li{ background-image:none; }
	#nav .firstchild{ background-image:none; } /* 2nd declaration needed for IE6 */


	/* tier 2 */
	#nav ul{
		display:none;
		position:absolute;
		top:30px;
		left:0;
		width:960px;
		background-color:#000;
	}
	#nav ul li{
		width:auto;
		background:url('../images/general/selectborders.png') no-repeat 0% 0px;
	}
		#nav ul li a{ display:block; }
		#nav .subselect a{ background:url('../images/general/subselectbg.png') repeat-x; }


	/* More sub-menu */
	#nav .more{
		font-weight:bold;
		float:right;
		background:url('../images/general/morearrow.png') no-repeat 100% 0px;
		padding:0 10px 0 0;
	}
		#nav .more ul, #nav .selected ul ul{
			font-weight:bold;
			width:auto;
			display:none;
			right:0;
			left:auto;
			z-index:200;
		}
			#nav .more ul li{
				float:none;
				padding:0 10px 0 10px;
				background-image:none;
				white-space: nowrap;
				height:1%; /*add hasLayout for IE6*/
			}

		#nav .more a, #nav .subselect li a{ background-image:none; }


	/* hover code */
	#nav li:hover, #nav .hovering{ text-decoration:underline; }
		#nav li:hover ul li, #nav .hovering ul li{ 
			background-color:#000;
			font-style:normal; 
		}
		#nav .selectedhovering{ background-color:#000; }



	/* Enable to have hover effects
	#nav li:hover ul, #nav .hovering ul{
		display:block;
		z-index:100;
	}
		#nav li:hover ul ul, #nav .hovering ul ul{
			display:none;
		}
	 */
	
	#nav .more:hover ul, #nav .hovering .hovering ul{
		display:block;
		z-index:100;
	}

	#nav .selected ul{
		display:block;
		z-index:10;
	}

	


/* -- Middle Structure ------------------------------------------------------ */

	#leftnav{
		width:160px;
		margin:16px 0 0 0;
	}
		#leftnav a{
			font-weight:bold;
			color:#000;
		}
			#leftnav a:hover{ font-style:italic; }

		#leftnav li{ display:none; }

		#leftnav .selected{ 
			border-bottom:1px solid #999999; 
			width:100%;
		}
		#leftnav .selected, #leftnav .selected ul li{ display:block; }

		#leftnav .selected ul li{
			background:url(../images/general/leftnavbg.png) bottom left;
			line-height:22px;
			padding:0 0 0 7px;
			border-top:1px solid #999999;
		}

		#leftnav .selected .selected{
			background:url() #000;
			border-bottom:0px;
			width:auto;
		}
			#leftnav li ul .selected a{ color:#fff; }

			#leftnav .selected .subselect{ background: url(../images/general/leftnavsubselected.png) #fff no-repeat 6px 0; }
				#leftnav .selected ul li ul li{ padding:0 0 0 20px; }
				#leftnav .selected ul li ul li a{ color:#000; }
				#leftnav .selected ul li ul li a:hover{ font-style:normal; }

			#leftnav li ul li ul{
				margin:0 0 0 -7px;
				border-top:1px solid #999999;
				display:none;
			}
			#leftnav li ul .selected ul{
				display:block;
			}

			#leftnav .selected ul li ul li{
				background:url() #fff;
				border:0px;
			}

				#leftnav .selected ul li ul li a{ font-weight:normal; }


/* -- Footer Structure ------------------------------------------------------ */
#footer{
	width:100%;
	border-top:1px solid #cccccc;
}
	#footer ul{
		width:960px;
		margin:5px auto;
		font-size:11px;
		line-height:17px;
	}

		#footer li{
			clear:both;
			text-align:center;
		}
		#footer li strong, #footer li a, #footer li span{ float:left; }
			#footer li strong{ padding:0 6px 0 0; }
			#footer li span{ padding:0 6px 0 6px; }

			#footer #copyright{ color:#666666; }
			#footer #monsterlogo{ margin:7px 0 0 0; }


/* -- Ad Structure -------------------------------------------------------------- */
.ad160x600{
	background:url('../images/general/adlogo.png') 50% 0 no-repeat;
	padding:6px 0 0 0;
	
	width:160px;
	height:606px;
	
	margin:12px 0 12px 0;
}

.ad300x250{
	background:url('../images/general/adlogo.png') 50% 0 no-repeat;
	padding:6px 0 0 0;
	
	width:300px;
	
	margin:12px 0 12px 0;
}
	
	
	
	
/* -- Panels --------------------------------------------------------------*/
	
	.blue .pheader, .blue .rich-panel-header, .blue .rich-stglpanel-header{
		background: url('../images/general/pheaderBlue.png') repeat-x;
		color:#fff;
	}
	
	.dr-table-cell{ border-right:none; }
	.dr-table{border-left:none}	


.pad .pbody, .pad .rich-panel-body, .pad .rich-stglpanel-body{ border:9px solid #eef0f4; }
.rich-panel, .rich-panel-body {text-align: left; border:0px;}


/* -- Tooltip --------------------------------------------------------------*/
#btooltip{
	position:absolute;
	background:url() #ffffcc;
	border:1px solid #babfc3;
	padding:5px;
	display:none;
}