*{
	font-family: Arial;
  font-size: 12px;
}

#wrapper{
	height: 761px;
	width: 1020px;
	/* border: 1px solid #000;*/
}	
#REFERRAL {
  position: absolute;
  top: 10px;
  left: 530px;
  z-index: 99;
  color: #fff;
}

#leftnav{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 210px;
	height: 600px;
	background-image: url('/images/side_bg.png');
	background-repeat: no-repeat;
	z-index: 10;
}

#leftnav #nav{
  position:absolute;
  top: 170px;
  left: 0px;
  width: 389px;
  border: 1px solid #000;
  height: 311px;
  background-repeat: no-repeat;
  z-index: 10;
}

#header {
	position:absolute;
	top: 0px;
	left: 150px;
	width: 660px;
	height: 160px;
	background-image: url('/images/header.png');
	background-repeat: no-repeat;
	z-index: 4;
}

#maincontent {
	position:absolute;
	top: 176px;
	left: 90px;
	width: 718px;
	height: 379px;
	z-index: 8;
}

#member_nav{
	position:absolute;
	top: -20px;
	left: 190px;
	width: 518px;
	height: 20px;
	z-index: 8;
}

#photo{
	float: left;
	width: 360px;
 	height: 301px;
  overflow: hidden;
	height: auto;
}

#podcast_content{
	float: right;
	width: 600px;
	height: 300px;
	overflow: auto;
	margin-left: 15px;
	padding-right: 5px;
	text-align: right;
}

#retail_store{
	float: right;
	width: 600px;
	height: 300px;
	overflow: auto;
	margin-left: 15px;
	padding-right: 5px;
	text-align: left;
}

#content{
	float: right;
	width: 330px;
	height: 300px;
	overflow: auto;
	margin-left: 15px;
	padding-right: 5px;
}

#content h1, #podcast_content h1, #retail_store h1{
  color: #5589e5;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 6px;
}

#content h2, #podcast_content h2, #retail_store h2{
  color: #5589e5;
  font-size: 13px;
  font-weight: none;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 6px;
}

#content p, #podcast_content p {
  font-size: 12px;
  margin-bottom: 20px;
}

#footer {
	position:absolute;
	top: 487px;
	left: 49px;
	width: 760px;
	height: 134px;
	z-index: 8;
}

	#footer #banner{
		float: right;
		width: 235px;
		height: 78px;
		margin-left: 16px;
		margin-bottom: 17px;
		text-align: right;
	}

	#footer #footerline{
		float: left;
  	width: 760px;
		height: 18px;
		background-color: #296bde;
	}
#entries{
 margin-bottom: 5px;
}

#back {
	margin-top: 10px;
	text-align: right;
	text-transform: uppercase;
}
#submitBtn {
	background-color: #416ab3;
	color: #fff;
}
input {
	border: 1px solid #416ab3;
	height: 20px;
  font-size: 13px;
}
.input {
	background-color: #fff;
	color: #5A698B;
	padding: 1px;
	float: left;
}

label{
	color: #416ab3;
	text-align: left;
	height: 15px;
	margin: 0;
	float: left;
	margin-top:5px;
	margin-right: 2px;
}

.title {
  color: #13b5ea;
  font-size: 13px;
  margin-top: 3px;
  padding-top: 3px;
  padding-bottom: 6px;
	text-transform: uppercase;
}
.form {
	height: 30px;
}

.tableHeader {
	height: 21px;
	background-color: #416ab3;
	color: #fff;
	padding-left: 3px;
	text-transform: uppercase;
}

.tableEntry {
	height: 21px;
	padding: 3px;
	border-bottom: 1px solid #416ab3;
}

.tableBorder {
	border-right: 1px solid #8ed6d7;
}

.back {
  	text-transform: uppercase;
}

a, a:visited {
  color: #416ab3;
}

a:visited:hover, a:hover {
  color: #416ab3;
  text-decoration: none;
}

/* these are the various classes used to style the demo error fields */
#rsvErrors { 
  display: none; 
	padding: 8px; 
	background-color: #ffffcc; 
	border: 1px solid #aa0000;
	line-height: 12px;
	margin-bottom: 12px;
}

.errorField {
  background-color: #ffffcc;
  color: #990000;
}

#products .entry {
  float: left;
  width: 250px;
  margin-bottom: 10px;
}

#products .entry .name {
  padding-bottom: 5px;
}
#products .entry .product_thumb {
  float: left;
  width: 100px; 
}

#products .entry .product_details {
  float: left;
  width: 130px; 
}