* { 
	margin: 0px;
	padding:0px;
}
 
html {
		height: 100%;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0px;
	padding:0px;
	height: 100%;
	background-color: #B6E537;
	color:#eee;
}

h1,h2,h3 {
    margin-top: 0px;  /* required to elim top margin */
    padding-top: 5px;
	padding-left:10px;
		} 
		
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */

	<!--[if IE]>
  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]-->
	
/* p {
	line-height:1.0;
	padding:.5em 1em 0em 0em;
}
*/

.hlColor {
	color:#FFFFFF;
	font-weight:normal;
}
.h3Color {
	color:#FFCC00;
	font-weight:bold;
}
	
.left  { float:left; }
.right { float:right; }
.clear { clear:both; }

.Times { font-family:Times,serif; }
.Verdana { font-family:Verdana, Arial, Helvetica, sans-serif; }

a img {
	border:0px;  /* overrides default html for images in  hrefs  */
}
/* ------------------------ Main Page Layout Classes -------------------------- */ 
#nonFooter{
	position: relative;
	min-height: 100%;
	width:960px;
	background: transparent;
	margin-left:auto;
	margin-right:auto;
}

* html #nonFooter {
	height: 100%;		/* ie6 hack  simulates min-height */
}


/* ------ Formatting for Main Content  Area ---- */ 

div#columns {
	background-color:#81AC14;
	left:4px;
	position:relative;
	top:-3px;
	width:953px
	
}


/* ----------------------------------- content layout * --------------------------------------------*/
#content {
	float:right;
	width:80%;      /* See Sidebar.css for matching  width of sidebar */ 
}
#contentPadding {
	padding:30px 24px 10px 80px;
	background-color:transparent;
}

#content p {
	line-height:1.5;
	padding:2em 2em 0em 0em;
}

.contentTitle {
	position:relative;
	top:0;
	left:-5px;    /* better to clip left edge of image at 1st letter, then set to 0px? */
				  /* this setting requires all "about" images to share a 5px border on left! */ 
}
/* ----------------------------------   Home Page Buttons  --------------------------------------------- */

#homeContent {
    position:relative;   
	top: -3px;
	left:4px;
	width:953px;
	background: #81AC14;
 }

div#homeContent a img {
	border:none;
}

#sliderBGLeft {
	position:relative;
	top:156px;
	left:-3px;
}

#sliderBGMid {
	position:relative;
	top:156px;
	left:-9px;
}

.specialLink {
	color:#FFCC00;
	text-decoration:none;
}

#sliderBGRight {
	position:relative;
	top:28px;
	left:872px;
}

#swimDog {
    position:relative;
	top:25px;
	left:0px;
}


/* ----------------------------------   Other Pages  --------------------------------------------- */