/*
One way to make the left colo color go all the way to the bottom of the container is to give the container (not the left col, but the container) a 1-pixel height graphic and have it repeat-y.
*/

.p1	{
	text-align:center;
	}

body {
	background:#008000;
	margin:0px;
	padding:0;
	color:#333333;	
}

#banner {
		width : 100%;
		height: 181px;
		margin-top:4px;
}

#container {
	margin: 0 auto;
	font-size:10px;
	width: 100%;
	background: #fff url("gfx/leftcolor_bg.gif") repeat-y;
	color: #333;
	line-height: 130%;
}

#container h2 {font-size:18px;}


#leftcol { 
	float: left;
	width: 200px;
	padding: 15px 0 0 0;
	color: #008000;
	font: 16px/20px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color: #cf9;
}

#leftcol ul {
	margin: 0 0 15px 0;
	padding: 0;
}

#leftcol li {
	list-style-type: none;
	padding: 5px 15px;
}

#leftcol li a {
	color: #008000;
	background-color: #cf9;
	text-decoration: none;
}

#leftcol li a:hover {
	background-color: #008000;
	color: #cf9;
}


#centercol {
	font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
	padding:62px 190px 0 212px;
	background-color: #fff;
}

#centercol h3{
	color: #664422;
	border-bottom: 1px solid #999;
	font-size: 110%;
}

#centercol a:hover {
	border-bottom:1px solid;
	color:#008000;
}

#rightcol {
	position:relative;
	float:right;
	width:145px;
	margin:1px;	
	padding:100px 12px 18px 12px;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	background:#ffffff;	/*right column color */
	z-index:99;	/* stacking order */
}

#rightcol h3 {
	color: #008000;
	text-align: center;
	font-size: 110%;
}

#rightcol a{
	color: #0000ff;
	text-decoration:underline;
}

#rightcol a:hover {
	color: #6c3f09;
}


/* Modified Svay code for rounded corners, using corner images */
.upperleft  {width:100%; background: #ccf url("gfx/bgupperleft.gif") no-repeat top left;}
.upperright {background: url("gfx/bgupperright.gif") no-repeat top right;}
.lowerleft  {background: url("gfx/bglowerleft.gif") no-repeat bottom left;}
.lowerright {background: url("gfx/bglowerright.gif") no-repeat bottom right; padding: 10px;}



#footer {
	position:relative;
	background:#aacc88;
	width:100%;
	clear:both;
	margin:0;
	padding:4px 0;
	text-align:center;
	color:#666;
}

