@charset "UTF-8";
body {
	font: 100%  Georgia, "Times New Roman", Times, serif;
	background: #f49bc1 url(images/chg-bg.png);
	font-size: 16px;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}


#container {
	width: 100%; 
	background: #f49bc1 url(images/chg-pinkheader.png) top no-repeat; 
	margin: 0 auto; 
	text-align: left;
}
#header { 
	height: 290px;
	#padding: 0px 10px 0 20px; 
} 
#container2 {
	width: 100%;  
	background: #f49bc1 url(images/chg-pinkspacer.png) center repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#menu{
margin: 0 auto;
width: 375px; /* or whatever */
padding-bottom: 25px;
font: bold 13px Georgia;
}

#menu li{
display: inline;
}

#menu li a{
float: left;
color: black;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(images/pinkbg.gif) top right no-repeat;
}

#menu li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#menu li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#menu li a:visited{
color: black;
}

#menu li a:hover{
color: black;
background-image: url(images/pinkbgover.gif); /*background image swap on hover*/
}

#header h1 {
	margin: 0; 
	text-align:center;
	padding: 145px 0; 
}
#mainContent {
margin-left: 20%;
margin-right: 15%;
	padding: 0 0; 
}
#container3 {
	width: 100%;  
	background: #f49bc1 url(images/chg-pinkspacer.png) center repeat-y;
	margin: 0; /* the auto margins (in conjunction with a width) center the page */
}
#footer { 
	padding: 20px 20px;
background: #f49bc1 url(images/chg-pinkbottom.png) bottom;
} 
#footer p {
	margin: 0; 
	padding: 5px 5px;
	font-size:12px;
	text-align:center;
}