@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #FFF;
	background-image: url(../images/bg_Gradient.png);
}
.oneColLiqCtrHdr #container {
	width: 80%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #CCC;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.oneColLiqCtrHdr #header {
	background-color: #FFF;
	padding-top: 0px;
	padding-bottom: 10;
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #mainContent {
	padding: 10px;
	margin: 10px;
	background-image: url(../images/mainContent_bg_Gradient.png);
}

.oneColLiqCtrHdr #menuNav {

}


h1 {
color: #00F;
}
h2 {
color: #00F;
}
h3 {
color: #00F;
}
p {
	font-family: "Times New Roman", Times, serif;
}
.oneColLiqCtrHdr #mainImage {
	position:relative;
	background-color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
}

.oneColLiqCtrHdr #contentImage {
	position:relative;
	padding-right: 10px;
	padding-left: 10px;
}

.oneColLiqCtrHdr #footer {
	padding: 0 10px;
	background-color: #FFF;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	text-align: center;
	font-size: xx-small;
	color: #00F;
}

/*Begin menu navigation */
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_four */

.menu4 {padding:0 0 0 1em; margin:0; list-style:none; height:35px; background:url(../images/nav/pro_four0.gif);}
.menu4 li {float:left;}
.menu4 li a {display:block; float:left; height:35px; line-height:33px; color:#aaa; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 14px; cursor:pointer; font-size:11px;}
.menu4 li a b {float:left; display:block; padding:0 28px 0 14px;}
.menu4 li.current a {color:#fff; background:url(../images/nav/pro_four2.gif);}
.menu4 li.current a b {background:url(../images/nav/pro_four2.gif) no-repeat right top;}
.menu4 li a:hover {color:#fff; background: url(../images/nav/pro_four1.gif);}
.menu4 li a:hover b {background:url(../images/nav/pro_four1.gif) no-repeat right top;}
.menu4 li.current a:hover {color:#fff; background: url(../images/nav/pro_four2.gif); cursor:default;}
.menu4 li.current a:hover b {background:url(../images/nav/pro_four2.gif) no-repeat right top;}