/* CSS Document */
/* 
purple: #7e80bb
pink: #dc8fb9
*/   

html>body #content{
	height:auto;
}
html>body #right_side{
	height:auto;
}
html>body #productCopy{
	height:auto;
}

html{
	background-image:url(../images/pink_bg.gif);
	background-repeat:repeat;
}

body {
	margin-top: 25px;
	padding: 0px;
	border: 0px;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #343334;
		background-image:url(../images/pink_shadow.gif);
		background-position: center top;
		background-repeat:repeat-y;
}

#wrapper { /* min-height will not work in a relative positioned container, must have the relative wrapped over a absolute like wrapper2 below*/
	text-align: left;
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 0 0;
	position: relative;
	z-index:0;
}
#content {
	border: 2px solid #7c81b9;
	text-align: left;
	width: 800px;
	margin-left: 0px;
}
#menu {
	text-align:center;
}
.text_padding {
	padding-left: 10px;
	padding-right: 10px;
}
#left_side {
	float:left;
/*	position:absolute;
	top:184px;*/
	min-height:350px;
	height:350px;
	width: 253px; /*allow 20px for padding - total 172px */
	margin:0px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	line-height:17px;
	background-image:url(../images/left_side.gif);
	background-repeat:no-repeat;
	background-position:top center;
}
#left_side_content {
	width: 120px;
	margin-top:40px;
	margin-left:100px;
	line-height:20px;
}
#left_side_content .header {
	font-size:110%;
	color: #ffffff;
	padding-top:0px;
	padding-bottom:10px;
	margin-right:0px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	border-top:none;
}
#right_side {
	width:370px;
	padding-bottom:15px;
	padding-left: 25px;
	line-height:25px;
}
#bottom_image {
	position:absolute;
	bottom:35px;
	right:15px;
}
.header {
	font-size:120%;
	color: #f391bc;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
	margin-right:0px;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #7c81b9;
}
.end_text {
	background-image:url(../images/pink_swirl.gif);
	background-position:center;
	background-repeat:no-repeat;
	padding:15px;
	text-align:center;
}
#footer {
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;

	background-image:url(../images/footer_shadow.gif);
	background-position:top;
	background-repeat:no-repeat;
	clear: both;  
	position:absolute;
	bottom:-26px;
	left: 0px;
	width:795px;
	height: 18px;
	min-height:18px;
	margin-right: 2px;
	margin-left:0px;
	padding-top:8px;
	padding-left:5px;
}
#footer div {
	padding-right:5px;
	padding-bottom:5px;
}
a {
	color: #7e80bb;
}
a:link {
	color: #7e80bb;
}
a:visited {
	color: #7e80bb;
}
a:hover {
	color: #dc8fb9;
}
a:active {
	text-decoration:none;
}
a.topNav {
	text-decoration:none;
}
a.topNav:link {
	text-decoration:none;
}
a.topNav:visited {
	text-decoration:none;
}
a.topNav:hover {
	text-decoration:none;
}
a.topNav:active {
	color: #dc8fb9;
}
div.row {
  clear: both;
  padding-top: 5px;
  }

div.newsrow {
  margin-left:25px;
  }

div.row span.newsone {
  float: left;
  width: 250px;
  text-align: left;
  padding-right: 5px;
  }
div.row span.newstwo {
  float: left;
  width: 250px;
  text-align: left;
  padding-right: 5px;
  }

div.row span.colone {
  float: left;
  width: 100px;
  text-align: right;
  padding-right: 5px;
  }

div.row span.coltwo {
  float: right;
  width: 400px;
  text-align: left;
  padding-left: 5px;
  } 
