* {
 padding: 0;
 margin: 0;
}

/*body * { 
border: 1px solid #ccc;
}*/

a {
	font-family: Helvetica, "Trebuchet MS";
	font-weight: normal;
	
	/*margin: 10px 0 0 22px;
	padding: 0;
	border: none;
	font-size: 100%;*/
	
	/*text-align: left;*/
	text-decoration: none;
	color: #C74747;
}
a:hover {
	text-decoration: underline;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 color: #666666;
 font-size: 12px;
 
 background-image: url("gradient.png");
 background-repeat: repeat-x;
}

body div#gradient {
position: fixed;

background-image: url("gradient.png");
background-repeat: repeat-x;

width: 100%;
height: 80px;

}


#wrapper {
	position: relative;
 	/* border: solid 1px #ccc; */
 	width: 860px;
	margin: 0 auto;
}

/* header banner homepage link */
a#home {
	position: relative;
	z-index: 25;
	
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#header {
position: relative;
z-index: 50;

 text-align: center;
 /*border-bottom: 1px dotted #ccc;*/
 
 margin: 65px auto 20px auto;
 height: 200px;
 width: 700px;
 /*min-width: 600px;*/
 padding: 10px;
 
 text-decoration: none;
 /*background-image: url("ESS_weblogo.png");
 background-repeat: no-repeat;
 background-position: center;*/
}

a#learn {
	z-index: 100;
	position: absolute;
	
	height: 30px;
	width: 250px;
	
	top: 190px;
	left: 370px;
	
	font-size: 100%;
	font-family: Helvetica, "Trebuchet MS";
	text-decoration: none;
	line-height: 30px;
	
	color: #BB6666;
	color: #CC5555;
}

a#learn:hover {
	text-decoration: underline;
}

div#header img {
text-decoration: none;
border: none;
}

#centercolumn {
 position: relative;
 float: left;
 
 margin: 40px 0 0px 0px;
 display: inline; /* IE Hack */
 padding: 190px 10px 10px 30px;

 width: 460px;
 
}

#centercolumn img#headingimg {
	position: absolute;

	top: 25px;
	left: 0px;	
}

/* Main navigation section */
#navbar {
display: inline;
 /*border-top: 1px dotted #ccc;*/
 border-right: 1px dotted #ccc;
 float: left;
 margin: 16px 10px 0px 25px;
 margin-left: 0px; /* modified */
 padding: 1px 4px 2px 4px;
 
 width: 235px;
 width: 260px; /* modified */
 
 height: 200px;
 
 font-family: Geneva;
 overflow: visible;
}

/* "take a look around" navigation tagline */
#wrapper img#lookaround {
	position: absolute;
	
	margin: 0px 0 0 0;
	padding: 0;
	
	top: 37px;
	top: -12px;
	left: 24px;
	left: 0px;
	
	font-weight: normal;
	
	font-size: 140%;
	/*color: #BB6666;*/
	color: #BB2222;
}

#navbar ul {
	margin: 0;
	padding: 0;
	
	list-style: none;
}
#navbar ul li {
	display: block;
	
	margin: 3px 0 4px 0px;
	padding: 0px 0 0px 0px;
	
	height: 30px;
	
	text-align: left;
	font-size: 125%;
	font-weight: normal;
}

#navbar ul li a {
	display: block;
	
	text-decoration: none;
	margin: 0;
	padding: 0;
	
	height: 30px;
	/*width: 200px;*/
	color: #888888;
}

/* All navigation icons */
div#navbar ul li a div {
	display: inline;
	float: left;
	clear: left;
	
	margin: 0px 0 0 0px;
	padding: 0;
	
	height: 30px;
	width: 25px;
	width: 50px; /* modified */
	color: #FFF;
}

/* All navigation text images */
div#navbar ul li a img {
	margin: 8px 0 0 10px;
	padding: 0;
	
	border: none;
}

/* INDIVIDUAL NAVIGATION ICONS */
div#socialsoccericon {
background-image: url("socialsoccericon.png");
background-repeat: no-repeat;
}
div#rentalsicon {
background-image: url("facilityrentalsicon.png");
background-repeat: no-repeat;
}
div#sponsorshipicon {
background-image: url("corporatesponsorshipicon.png");
background-repeat: no-repeat;
}
div#contacticon {
background-image: url("contacticon.png");
background-repeat: no-repeat;
}
div#galleryicon {
background-image: url("photogalleryicon.png");
background-repeat: no-repeat;
}
div#eventsicon {
background-image: url("eventsicon.png");
background-repeat: no-repeat;
}

/* ACTIVE NAVIGATION ITEM */
#navbar ul li.active a {
	/*color: #474747;*/
}
#navbar ul li.active a div {
	background-image: url("icon_active.png");
}

/* NAVIGATION ITEM HOVERSTATES */	
/*#navbar ul li a:hover {
	color: #474747;
}*/
#navbar ul li a:hover div {
	/*background-image: url("icon_hover.png");*/
}

 
/* NAVBAR ICON HOVER STATES */
#navbar ul li a:hover div#socialsoccericon {
	background: url("socialsoccericon_hover.png") 0 0;
}
#navbar ul li a:hover {
	background: none;
}
#navbar ul li a:hover div#rentalsicon {
	background: url("facilityrentalsicon_hover.png") 0 0;
}
#navbar ul li a:hover div#sponsorshipicon {
	background: url("corporatesponsorshipicon_hover.png") 0 0;
}
#navbar ul li a:hover div#contacticon {
	background: url("contacticon_hover.png") 0 0;
}
#navbar ul li a:hover div#galleryicon {
	background: url("photogalleryicon_hover.png") 0 0;
}
#navbar ul li a:hover div#eventsicon {
	background: url("eventsicon_hover.png") 0 0;
}

/* Page heading text image */
#centercolumn img.heading {
	position: relative;
	z-index: 50;
	padding-bottom: 3px;
	margin: 55px 0 0 18px;
}

#centercolumn p {
	margin: 5px 0 5px 0px;
	border: none;
	padding: 4px 7px 4px 10px;
	font-size: 116%;
	line-height: 1.7em;
	text-align: justify;
	color: #555555;
	font-family: Helvetica, "Trebuchet MS";
	width: 440px;
}

/* inlaid photo */
#centercolumn .imageright {
	float: right;
	margin: 15px;
	padding: 3px;
	padding-bottom: 20px;
	margin-top: 12px;
	
	border: 1px solid #ccc;
	
	width: 175px;
}
/* inlaid photo caption */
#centercolumn .imageright h3 {
margin: 3px 5px;
padding: 0;

color: #737373;
font-weight: normal;
font-style: italic;
font-size: 100%;
}

/* optional sidebar content block */
div#extracontent {
 	visibility: hidden;

	float: left;
	clear: left;
	
	margin: 15px 0 0 0;
	padding: 5px;
	
	border: 1px dotted #ccc;
	
	width: 235px;
	height: 100px;
}

div#extracontent ul#galleryimages {
	list-style: none;
}

/* footer for copyright notice */
#footer {
	margin: 25px auto 0 auto;
	padding: 45px 0 0 0;
	clear: both;
}
/* copyright notice */
#footer h1 {
	margin: 15px auto 15px auto;
	padding: 5px 0 0 0;
	
	border-top: 1px solid #ccc;
	
	text-align: center;
	font-size: 90%;
	font-weight: normal;
	color: #474747;
}