@charset "UTF-8";
body  {
	background: #5FA6CC repeat; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	text-align: center;
	font: 10px Verdana, Geneva, sans-serif;
}
div#page-wrap {
	width: 743px;
	margin: 0 auto 0;
}
ul#nav {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}

ul#nav li {
	display: inline;
}

ul#nav li a {
	float: left;
	display: block;
	width: 127px;
	height: 25px;
	text-decoration: none;
	text-indent: -9999px;
	text-align: center;
	margin-top: -10px;
}

/*sprite normal state*/
ul#nav li a.home {
	background:url(images/buttons/home.jpg) no-repeat bottom center;
	width:123px;
	}

ul#nav li a.aboutus {
	background:url(images/buttons/aboutus.jpg) no-repeat bottom center;
	width:123px;
	}
	
ul#nav li a.companies {
	background:url(images/buttons/companies.jpg) no-repeat bottom center;
	width:123px;
	}

ul#nav li a.training {
	background:url(images/buttons/training.jpg) no-repeat bottom center;
	width:123px;
	}
	
ul#nav li a.susprojects {
	background:url(images/buttons/susprojects.jpg) no-repeat bottom center;
	width:127px;
	}

ul#nav li a.gallery {
	background:url(images/buttons/gallery.jpg) no-repeat bottom center;
	width:123px;
	}
/*sprite hover state */
ul#nav li a.home:hover, ul#nav li a.home:active,
ul#nav li a.aboutus:hover, ul#nav li a.aboutus:active,
ul#nav li a.companies:hover, ul#nav li a.companies:active,
ul#nav li a.training:hover, ul#nav li a.training:active,
ul#nav li a.susprojects:hover, ul#nav li a.susprojects:active,
ul#nav li a.gallery:hover, ul#nav li a.gallery:active {
	background-position: center center;
}
/*sprite active state*/
body#home:hover, ul#nav li a.home,
body#aboutus:hover, ul#nav li a.aboutus,
body#companies:hover, ul#nav li a.companies,
body#training:hover, ul#nav li a.training,
body#susprojects:hover, ul#nav li a.susprojects,
body#gallery:hover, ul#nav li a.gallery {
	background-position: top center;
}	

#container {
	width: 743px; /* this overrides the text-align: center on the body element. */
	background: #FFF;
	top: 0px;
	margin-left: 0px;
} 
#header {
	background: #FFF;
} 
#mainContent {
	background: #FFF
	margin-right: auto;
	margin-left: auto;
	padding: 5em 3em 3em;
} 
#footer {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	background: url(images/AssociationLogosforfooter.png) no-repeat right top;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}