body {
	font: 72.5%  Arial, Helvetica, sans-serif; 
	background: #214883; 
	background-image: url(Graphics/background.jpg); 
	background-position: top; 
	background-repeat: no-repeat; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ 
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ 
	color: #444444;
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { 
	margin:0; 
	padding:0; 
}
td {
	text-align: left; 
	vertical-align: top;
}
p {
	margin: 1em 0;
}
ul {
	padding-left:1em; 
	margin-left:0;
}
h2 {
	margin-top: 0; 
	color: #2E719E; 
	font-size: 1.3em; 
	font-weight: bold;
}

#container {
	width: 896px; 
	margin: 150px auto; /* the auto margins (in conjunction with a width) center the page */ 
	padding: 0; 
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#leftCol, #centerCol, #rightCol {background-color: #FFFFFF;}
#leftCol {padding: 20px; width: 277px;}
#centerCol {padding: 20px 20px 20px 0px; width: 370px;}
#rightCol {padding: 20px 20px 20px 0px; width: 152px;}
#leftCol img {border: solid 1px #999999; padding: 2px;}

.sideButton a {
	margin: 0; 
	padding: 10px; 
	background-image: url(Graphics/sideButtonBg.png); 
	background-repeat: no-repeat; 
	height: 40px; 
	display: block; 
	text-align: center; 
	font-size: 1.3em; 
	font-weight: bold; 
	text-decoration: none; 
	color: #685C53;
}
.sideButton a:hover {background-image: url(Graphics/sideButtonBgOn.png); color: #2E719E;}

#nav {
	margin: 0; 
	padding: 0; 
	height:54px; 
	text-align: center; 
	background-image: url(Graphics/navBg.png); 
	background-repeat: no-repeat;
}
#nav ul {margin: 0px 154px; padding: 0;}
#nav li {list-style-type:none; float:left; width:186px; height:54px; margin: 0 5px; padding: 0;}
#nav a {display:block; width:186px; height:54px; text-indent:-9999em;}

.nav_welcome a {
background:url(Graphics/nav.png) no-repeat 0px 0;
}
.nav_community a {
background:url(Graphics/nav.png) no-repeat -186px 0;
}
.nav_series a {
background:url(Graphics/nav.png) no-repeat -372px 0;
}

.nav_welcome a:hover {
background:url(Graphics/nav.png) no-repeat -558px 0;
}
.nav_community a:hover {
background:url(Graphics/nav.png) no-repeat -744px 0;
}
.nav_series a:hover {
background:url(Graphics/nav.png) no-repeat -930px 0;
}

.nav_welcome a:active {
background:url(Graphics/nav.png) no-repeat -1116px 0;
}
.nav_community a:active {
background:url(Graphics/nav.png) no-repeat -1302px 0;
}
.nav_series a:active {
background:url(Graphics/nav.png) no-repeat -1488px 0;
}

.nav_welcomeSelected a {
background:url(Graphics/nav.png) no-repeat -1116px 0;
}
.nav_communitySelected a {
background:url(Graphics/nav.png) no-repeat -1302px 0;
}
.nav_seriesSelected a {
background:url(Graphics/nav.png) no-repeat -1488px 0;
}

.nav_welcomeIndex a {
background:url(Graphics/navIndex.png) no-repeat 0px 0;
}
.nav_communityIndex a {
background:url(Graphics/navIndex.png) no-repeat -186px 0;
}
.nav_seriesIndex a {
background:url(Graphics/navIndex.png) no-repeat -372px 0;
}
.nav_welcomeIndex a:hover {
background:url(Graphics/navIndex.png) no-repeat -558px 0;
}
.nav_communityIndex a:hover {
background:url(Graphics/navIndex.png) no-repeat -744px 0;
}
.nav_seriesIndex a:hover {
background:url(Graphics/navIndex.png) no-repeat -930px 0;
}

.nav_welcomeIndex a:active {
background:url(Graphics/navIndex.png) no-repeat -1116px 0;
}
.nav_communityIndex a:active {
background:url(Graphics/navIndex.png) no-repeat -1302px 0;
}
.nav_seriesIndex a:active {
background:url(Graphics/navIndex.png) no-repeat -1488px 0;
}