/* CSS Document */
/* Framework for 2 column template aligned left with 100% liquid height content area and 50px static height footer */
/* Benjamin Barreth 04/13/06 */

/*sitewide settings*/
img{border:none;}
form{margin:0;padding:0;display:inline;}
a{color:#003366;}
a:hover{text-decoration:none;}
div, td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666666;}
input{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666666;border:1px solid #7F9DB9;height:15px;}
.chkbox{font-family: Verdana, Arial, Helvetica, sans-serif;border:0px;}
textarea{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666666;border:1px solid #7F9DB9;}
select{font-family: Arial, Verdana, Helvetica, sans-serif;font-size:10px;border:1px solid #7F9DB9;}
body, html{
	margin:0;
	padding:0;
	/*text-align: center; /*to align page center*/
	height:100%; /*to create 100% height for content area*/
	background: #cccccc
}/*background-color:#cccccc;*/

/* template framework styles */
.wrapper{
	width: 760px;
	min-height: 100%;
	margin: 0 auto 0 auto; /* set margin-left to auto to align page center*/
	padding: 0 11px;	
	text-align: left;
	background-image: url('../images/gradient2.gif'); /*right/left gradient */
	background-repeat: repeat-y;
}
* html .wrapper{
	height: 100%; /* IE only: to create 100% height for content area */
}

.header{
	background-image: url('../images/hdr_logo.jpg'); /*make top image a background so that columnB can overlap in Mozilla*/
	height:90px;
}

.columnA{
	float: left;
	width: 500px;
	padding-bottom: 0; /*create 140px padding for static footer*/
	/*background:red;*/  /*uncomment for troubleshooting*/
}

.columnB{
	float: left;
	width: 240px;
	padding: 0 0 0 12px; /*create 140px padding for static footer*/ 
	margin: -14px 0 0 0; /* set top margin to overlap header for bucket overlapping effect*/
	/*background:blue;*/  /*uncomment for troubleshooting*/
}

.columnC{
	float: left;
	width: 700px;
	padding-bottom: 0; /*create 140px padding for static footer*/
	/*background:red;*/  /*uncomment for troubleshooting*/
}

.columnD{
	width: 240px; 
	margin: -52px 0 0 512px;
	position:absolute; left:512; top:52;
}


.footer{
	padding: 0 10px;
}

.columnA p { margin: 0 0 1em 0; padding-left:12px;}
.clear {clear:both;}