body {
background-position:left top;
background-image:url(images/index/bg.gif);
background-repeat:repeat-x;
text-align:center;
font-family:Arial, Verdana, Tahoma,Helvetica;
font-size:12px;
margin-top: 1px;
}

.font,td {
	font: 12px Arial, Verdana, Tahoma,Helvetica;
}
.red {
	color:#C00;
}



  #navcontainer 
  {
	width: auto;
	margin: 0 auto;
	text-align: center;
	text-transform: lowercase;
	color: #8BA8BA
  }
  
 ul#navlist 
  {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 100%;
  }
  
  ul#navlist li 
  {
	display: block;
	margin: 0px;
	text-align: center;
  }
  
  ul#navlist li a 
  {
	display: block;
	width: 100%;
	padding: 0.2em 0.1em 0.2em 0.2em;
	border-width: 1px;
	border-color: #6699FF;
	border-style: solid;
	color: #ffffff;
	text-decoration: none;
	background: #8BA8BA;
	text-align: center;
  }
  
  #navcontainer>ul#navlist li a 
  { 
  width: auto; 
  }

  ul#navlist li#active a 
  {
  background: #688393;
  color: #FFFFFF;
  text-align: center; 
  padding-right: 5px; 
  }

  ul#navlist li a:hover, ul#navlist li#active a:hover 
  {
  color: #FFFFFF;
  background: #688393;
  border-color: #aaab9c #fff #fff #ccc;
  }
  
  A:link {
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}

.menu {
	font-style: inherit;
	color: #000000;
}
 #mainContent {
	padding: 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
 #footer { 
	padding: 0 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}