* {
 padding: 0;
 margin: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #336633;
	background: #5E7757;
	font-size: 11px;
	text-align: center; /* Centers the page content container in IE 5 browsers. */;
	margin: 0 0 0 0;
/* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
h1{
	padding: 0px;
	margin: 0px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight : 900;
}
h2{
	padding: 0px;
	margin: 0px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight : 900;
}
h3{
	padding: 0px;
	margin: 0px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight : 900;
}
p {
	margin: 0px 5px 5px 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
	padding: 0px;
	color : #336633;
	font-weight : 500;
}

a {
	text-decoration: underline;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : 500;
	font-size : 11pt;
	color : #336633;
}
a:hover {
	border: none;
	text-decoration: none;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : 500;
	color : #336699;
	font-size : 11pt;
} 
#wrapper {
 width: 950px;
 text-align: left; /* Redefines the text alignment defined by the body element. */;
 margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
 background-color:#fff
}
#wrapper #header {
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 height: 180px;
 padding: 0px;
 background-color: transparent;
 background-image: url('../images/template4_01.jpg');
 background-position: center;
 background-repeat: no-repeat;
}
 #wrapper #leftcolumn { /* Parent Wrapper for inside boxes */
 margin: 0px 0px 0px 0px;
 padding: 0px;
 font-size : 11pt;
 width: 160px;
 float: left;
 background: #fff;
 min-height: 475px;
 background-image: url("../images/template4_03.jpg");
 background-repeat: no-repeat;
 background-position:left;
}
* html #leftcolumn {height:475px;} /* IE Min-Height Hack */ 
}

 #wrapper #centercolumn { 
 padding: 4px 4px 4px 14px;
 margin-left:15px;
 margin-right:0px;
 width: auto;
 float: left;
 height:575px;
 background: #fff;
 z-index: 2;

}
#wrapper #centercolumn .color{
list-style: none;
background-color:#fff;
background: #fff;
}
 #wrapper #rightcolumn { /* Parent Wrapper for inside boxes */
 margin: 2px 2px 2px 0px;
 padding: 4px 4px 4px 4px;
 position: absolute;
 width: 40%;
 float: right;
 background: #fff;
 min-height: 475px;
}
* html #rightcolumn {height:475px;} /* IE Min-Height Hack */ 

/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#wrapper .clearFloat {
  display: block;
  clear: left;
}

#wrapper #footer {
	background-color: #F1E7DD;
	padding: 4px 0px 4px 0px;
	text-align: center;
	width: inherit;
	margin: 0 auto 0 auto;
}
#footer a {
	text-decoration: underline;
	display: inline; /* IE Hack */
	font-family: Arial, Helvetica, sans-serif;
 color: #336633;
 font-size: 11px;
}
#footer a:hover {
	border: none;
	text-decoration: none;
	color : #336699;
	}