@import url(display.css);
@import url(structure.css);

/* ========== COMMON ================================================================= */
#wrap{
	width:980px;
	maring: 0 auto;
}
#container{
	width: 980px;
	margin: 0 auto;
	background-color: #fff;
	
}

#header{
	width: 980px;
	height:189px;
	margin: 0px;
	padding:: 0px;
	background:url(../images/bg_header.png) no-repeat #eeeeee;

}

#logoHeader{
	width:284;
	height:189px;
	padding: 0;
	margin: 0;
	float: left;
}

#content{
	width: 942px;
	padding:20px 19px 2px 19px;
}
#contentArea{
	width: 902px;
	background:url(../images/bg_content.png) repeat-y #fff;
	padding: 20px;
}

#topTab{
	width: 942px;
	height: 20px;
	background:url(../images/bg_toptab.png) no-repeat #fff;
}

#botTab{
	width: 942px;
	height: 20px;
	background:url(../images/bg_bottab.png) no-repeat #fff;
}



/* ========== FOOTER ================================================================ */
#footer{
	width:980px;
	height:92px;
	margin:0px;
	padding:0px;
	background:url(../images/bg_footer.png) no-repeat #fff;

}

#copyright{
	width: 450px;
	padding: 10px 0 0 20px;
	margin: 3px 0px 0px 10px;
	text-align: left;
	font-size: 12px;
	float: left;

}

/* ========== SITE DESIGN ========================================================== */
#siteDesign{
	width: 130px;
	padding: 0px;
	margin: 5px 5px 0px 0px;
	text-align: right;
	font-size: 10px;
	float: right;

}

#siteDesign a{
	font-size: 9px;
	text-decoration: none;
	color: #333;
}

#siteDesign a:hover{
	font-size: 9px;
	text-decoration: none;
	color: #ccc;
}



/* ========== FORMS ================================================================ */

form{
	margin:0;
	padding:0;
}

.form-col{
	margin-bottom:2px;
}



/* ========== UTILS ======================================================= */
div.clear {
	clear: both;
	margin: -1px 0 0 0;
	visibility: hidden;
	height: 1px;
}

div.clear hr {
	display: none;
}

object {outline:none;} /* FLASH OUTLINE */