body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: auto;
	width: auto;
	background-color: #DDDDDD;
}
a{
	color: #0672cd;
}
div.Content {
	background-color: #FFFFFF;
	text-align: left;
	margin: 50px 0px 0px 0px;
	padding: 0px;
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.HeaderContent {
	background-image: url(../images/pride-store-header.gif);
	height: 141px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	text-indent: -99999px;
}
#container{
  	background-color:#FFFFFF;
  	overflow:hidden;
  	margin:0 0px;
  	padding-right:300px; /* The width of the rail */
}
* html #container{
  	height:1%; /* So IE plays nice */
}
#textcontent{
	background-color:#FFFFFF;
	width:100%;
	border-right:300px solid #fdeaf5;
	margin-right:-300px;
	float:left;
	padding: 0px;
}
#textcontent .paddedtext{
	padding: 15px 15px;
}
#rail{
  	background-color:#fdeaf5;
  	width:300px;
  	float:left;
  	margin-right:-300px;
	text-align: center;
}
#rail ul{
	padding: 10px 0 0 0;
	margin: 0;
}
#rail li{
	list-style: none;
	width: 300px;
	height: 45px;
	text-indent: -99999px;
	padding: 0;
	border: 0;
}
#rail a:hover{
	background-position: 300px;
}
#aboutbutton{
	background-image: url(../images/button-about-pride.gif);
	display: block;
	width: 300px;
	height: 45px;
}
#pinbutton{
	background-image: url(../images/button-buy-pin.gif);
	display: block;
	width: 300px;
	height: 45px;
}
#gallerybutton{
	background-image: url(../images/button-pride-gallery.gif);
	display: block;
	width: 300px;
	height: 45px;
}
#otherbutton{
	background-image: url(../images/button-other-pride.gif);
	display: block;
	width: 300px;
	height: 45px;
}
#artkitbutton{
	background-image: url(../images/button-art-kit.gif);
	display: block;
	width: 300px;
	height: 45px;
}
#legal{
	font-size: xx-small;
	padding: 20px;
	color: #999999;
}