/* -- 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;
}


/* -- 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; }


#container{
	width:960px;
	margin:0px auto;
}



/* -- 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{ background-color:#c0c0c0; }
		#nav li:hover ul li, #nav .hovering ul li{ background-color:#000; }
		#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 -------------------------------------------------------------- */
#middle{
	width:960px;
	position:relative;
}

	#left{
		width:160px;
		float:left;
	}

		#leftNav{
			width:100%;/*tmp*/
		}


	#right{ float:left; }
		#right.bgsmall{
			width:775px;
			margin:0 0 0 25px;
		}
		#right.bgwide{
			width:960px;
			margin:12px 0 0 0;
		}
		
		#right #insert{}
			#right #insert #breadcrumb, #right #insert #quickref{
				float:left;
				width:386px;
				line-height:40px;
			}
				#right #insert #quickref{
					float:right;
					text-align:right;
				}

			#right #insert #insertad{
				margin:0 0 25px 23px;
			}


	#content{
	
	}



/* -- 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 */
.panel, .rich-panel, .rich-stglpanel{ margin:0 0 12px 0; }
.pheader, .rich-panel-header, .rich-stglpanel-header{
	width:auto;
	padding:0 0 0 8px;
	height:25px;
	line-height:25px;
	font-weight:bold;
}
.pbody, .rich-panel-body, .rich-stglpanel-body{
	width:auto;
	padding:9px;
	background-color:#fff;
}
.pad .pbody, .pad .rich-panel-body, .pad .rich-stglpanel-body{ border:9px solid #eef0f4; }

	.grey .pheader, .grey .rich-panel-header, .grey .rich-stglpanel-header{
		background: url('../images/general/pheaderGrey.png') repeat-x;
		border:1px solid #cccccc;
		border-width:0 1px 0 1px;
	}
	.blue .pheader, .blue .rich-panel-header, .blue .rich-stglpanel-header{
		background: url('../images/general/pheaderBlue.png') repeat-x;
		color:#fff;
	}

.panel.pad, .rich-panel.pad, .rich-stglpanel{ border-bottom:1px solid #d7d7d7; }


/* simple toggle panel chevrons */
.dr-stglpanel-marker.rich-stglpanel-marker{ 
	width:10px;
	float:right;
	text-align:right;

	margin:-2px 0 0 0;
	padding:0 6px 0 0;
}