@charset "utf-8";
html,
body {
   font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #9fddf9;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height:100%;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#054460;
	font-size:0.8em;
}
#container {
   min-height:100%;
   position:relative;
}
#menuBar {
 	padding-top: 30px;
	float: none;
	padding-bottom: 10px;
}
a{
	font-weight: bold; 
	color:#054460;
	text-decoration:none;
}
a:hover{
	font-weight: bold; 
	color:#50b848;
	text-decoration:none;
}

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('../img/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:0px; display:block; color:rgb(5,68,96); text-decoration:none; cursor:pointer; background:url('../img/topMenuImages.png') 0px -30px no-repeat; font-weight: bold;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('../img/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(80,184,72);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; background:url('../img/topMenuImages.png') 0px -90px no-repeat; color:rgb(80,184,72); font-weight: bold;}
.menu li a.active span, .menu li a.active:hover span{background:url('../img/topMenuImages.png') 100% -90px no-repeat;}
#charitableNesslogo{
	width:384px;
}
#body {
	padding-bottom:331px;   /* Height of the footer */
}
.highlightGreen {
	color: #50b848;
	font-weight: bold;
}
.raceName {
	font-size:1.4em;
}
#rightContent{
	width:516px;
	padding-left: 40px;
	padding-right: 0px;
	height: inherit;
	position:absolute;
	left:384px;
	top:0px;
	text-align: left;
}
#gallery{
	height:600px;
}
#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:331px;
	/*clear:both;*/
	width: 100%;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	background-image: url(../images/bkg/bkg.jpg);
	background-attachment:scroll !important;
	background-attachment: fixed;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #4f7736;
	/*overflow: hidden;*/
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
.nessImageFooter {
	height:271px;
	clear:both;
	text-align: center;
	margin: 0 auto;
	width: 940px;
	padding: 0 20px;
	background-image: url(../images/footer/footer.jpg);
	background-repeat: no-repeat;
}
.charityFooter {
	text-align: right;
	margin: 0 auto;
	width: 940px;
	padding: 0px;
	background-color: #4f7736;
}
.floatLeft{
	float:left;
}
.teamImages{
	float:left;
	padding-right:5px;
}
.clear{
	clear:both;
}
#container #body #rightContent #gallery img{
	border: 2px solid #054460;text-decoration: none;
}
/*#gallery a img {
    border: 2px solid #054460;text-decoration: none;
}
#gallery a:hover img{
    border: 2px solid #50b848;
}*/