html {height: 100%;}
body {height: 100%; background-color: #E7E6DC; margin: 0px}

/* Style to remove all formatting for older web
   browsers that don't support styles at all */

.oldbrowsers {
	DISPLAY: none;
}

/* Page Layout Styles */

.newsPic {margin: 14px 0 3px 15px;}

#youtube			{margin: 0 0 20px 20px;}

#booksplit			{text-align: left; clear: both; width: auto; margin: 0 20px 25px 20px; height: 3px; background-color: #ccc; border: 0;}

#testimonials			{width: 476px; height: 139px; padding: 0; margin: 0 0 0 20px; background: #fff;}
#testimonials #faded 	{margin: 0 auto; width: 476px; height: 139px;}
#testimonials .rap 		{height: 139px;}

#shopBullets 		{margin: 10px 0 0 0; padding: 0;}
#shopBullets ul		{margin: 0;}
#shopBullets li		{font-size: 80%; color: #eee; margin: 0 15px 0 32px; padding: 0 27px 12px 0;}

#shopFoot			{overflow: hidden; margin: 0 20px;}
#shopFoot img		{float: left; margin-right: 18px;}
#shopFoot p			{margin: 8px 0 0 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 90%; line-height: 120%; color: #464646;}
#shopFoot p	strong	{color: #363636;}

#product			{border-bottom: 1px solid #dde5e9; margin: 0 30px 26px 20px; overflow: hidden;}
#product img		{float: right; margin: 0 0 23px 18px;}
#product h3			{font-size: 130%; color: #333; margin: 0 0 5px 0; font-family: Tahoma, Arial, Helvetica, sans-serif;}
#product h6			{font-size: 90%; color: #333; margin: 0 0 5px 0; font-family: Tahoma, Arial, Helvetica, sans-serif;}
#product p			{margin: 0 0 20px 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 90%; line-height: 130%; color: #464646;}
#product ul			{margin: 0 0 20px 0; padding: 0;}
#product li			{font-size: 90%; color: #464646; margin: 0 15px 0 15px; padding: 0 27px 8px 0;}

#productsComing		{background: #fff; padding: 25px 25px 0 10px; margin: 0;}
#productsComing	h6	{font-size: 90%; color: #333; margin: 0 0 5px 0; font-family: Tahoma, Arial, Helvetica, sans-serif;}
#productsComing p	{margin: 0; padding: 0 0 20px 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 80%; line-height: 130%; color: #464646;}

#largeleftColumn ul	{margin: 0 0 10px 25px; padding: 0;}
#largeleftColumn li	{font-size: 80%; color: #464646; margin: 0 15px 0 15px; padding: 0 27px 8px 0;}
#largeleftColumn h2.dramaTitle	{margin: 0 0 0 20px; font-weight: bold; font-size: 105%; color: #C91600; line-height: 110%;}

#largerightColumn #testimonials			{width: 476px; height: 139px; padding: 0; margin: 0; background: #fff;}
#largerightColumn #testimonials #faded 	{margin: 0 auto; width: 476px; height: 139px;}
#largerightColumn #testimonials .rap 	{height: 139px;}

.basketBtn			{margin: 10px 0 0 18px;}

#videoDIV {
margin: 10px 0 15px 20px;
}

#audioDIV {
margin: 10px 0 15px 20px;
}

#pageContainer {
	width: 770px;
	background-color: #DFDED4;
	height: 100%;
}

#pageContainerInner {
	width: 760px;
	background-color: #FFFFFF;
	height: 100%;
}

#tabBG {
	width: 760px;
	background-color: #DFDED4;
	background-image: url(../images/tabs_bg.gif);
	height: 33px;
	text-align: center;
}

#tabHolder {
	height: 25px;
	padding: 8px 0 0 14px;
	margin: 0 auto;
	text-align: center;
}

#tabHolder ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#tabHolder li {
	margin: 0;
	display: inline;
	white-space: nowrap;
	margin-bottom: -8px; /* helps align menu vertically to bottom */
}


#topbox {
	width: 250px;
	height: 17px;
	background-image: url(../images/box_top.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	margin-bottom: -15px;
}

#midbox {
	width: 250px;
	height: 56px;
	background-image: url(../images/box_mid.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	margin-bottom: -15px;
}

#botbox {
	width: 250px;
	height: 31px;
	background-image: url(../images/box_bot.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#botseperator {
	width: 250px;
	height: 54px;
	background-image: url(../images/box_mid_dotted.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#headerImage		{width: 720px; overflow: hidden; text-align: center; height: 120px; margin: 15px auto 20px auto; background: #c8000f bottom left repeat-x url(../images/bg-logo.gif);}
#headerImage h1		{font-size: 1.7em; padding: 20px 0 0 0; margin: 0; color: #fff; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}
#headerImage h2		{font-size: 1.2em; padding: 0; margin: 0; color: #fff; font-weight: bold; font-family: Helvetica, Arial, sans-serif;}



#contentContainer {
	background-color: #FFFFFF;
	width: 760px;
	margin: 0px;
	padding: 0px;
}

#largeleftColumn {
	float: left;
	text-align: left;
	width: 510px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#thinrightColumn {
	float: right;
	text-align: left;
	width: 250px;
	padding: 0px;
	margin: 0px;
	background-color: #333333;
	background-image: url(../images/box_mid_bg.gif);
}

#thinleftColumn {
	float: left;
	text-align: left;
	width: 220px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#largerightColumn {
	float: right;
	text-align: left;
	width: 540px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#largerightColumn h4 {color: #C91600;}

#largerightColumn ul {margin: 0 35px 0 0; padding: 0 0 0 25px;}
#largerightColumn li {font-family: Arial, Helvetica, sans-serif; color: #464646; font-size: 80%; margin: 0 0 10px 0;}


#footer {
	clear: both;
	width: 760px;
	background-color: #FFFFFF;
	height: 101px;
	background-image: url(../images/footer_bg.gif);
}


/* text and form classes */

p, h2, h3, h4, h5, ul, li {font-family: Tahoma, Arial, Helvetica, sans-serif; }

.noFormSpacing {
	padding: 0px;
	margin: 0px;
}

.contactTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #C8E6F7;
	padding-left: 15px;
}

.contactBody, .newsBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	margin-top: 8px;
	padding-left: 15px;
	padding-right: 38px;
}

.contactEmail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top: 6px;
	color: #C8E6F7;
	padding-left: 15px;
}

A.contactEmail {
	font-size: 100%;
	margin-top: 0px;
	color: #C8E6F7;
	padding-left: 0px;
}

A.contactEmail:hover {
	font-size: 100%;
	margin-top: 0px;
	color: #F86D36;
	padding-left: 0px;
	text-decoration: none;
}

.newsTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #F86D36;
	padding-left: 15px;
}

.newsDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #C8E6F7;
	padding-left: 15px;
	margin: -9px 0 0 0;
}



h1 {
	font-family: Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 140%;
	line-height: 110%;
	font-weight: bold;
	margin: 0px;
	padding: 0 27px 10px 0;
}

h2 {
	font-size: 80%;
	font-weight: normal;
	line-height: 140%;
	color: #464646;
	margin: 0px;
	padding: 0 27px 10px 0;
}

h3 {
	font-size: 70%;
	font-weight: bold;
	line-height: 130%;
	color: #000;
	margin: 0px;
	padding-right: 27px;
}

h4 {font-size: 90%; font-weight: bold; line-height: 140%; color: #464646; margin: 0px; padding: 0 37px 10px 0;}
h5 {font-size: 80%; font-weight: bold; line-height: 140%; color: #464646; margin: 0 0 0 20px; padding: 0 37px 10px 0;}

#redList	{margin: 0 20px 25px 20px;}
#redList li	{font-size: 80%; padding: 0 0 5px 0; color: #C91600; font-weight: bold;}	

.redlink {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #C91600;
	margin: 0px;
	padding-right: 27px;
}

a.redlink {font-size: 100%; font-weight: bold; color: #C91600; padding-right: 0;}
a.redlink:hover {color: #000;}


.bodyText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	line-height: 140%;
	color: #464646;
	margin: 0px;
	padding-left: 20px;
	padding-right: 27px;
	padding-bottom: 10px;
}

.playTitle {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #464646;
	margin: 0;
	padding-left: 20px;
	padding-right: 27px;
	padding-bottom: 5px;
}



.aboutText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	line-height: 150%;
	color: #464646;
	margin: 0px;
	padding-right: 27px;
	padding-bottom: 10px;
}

.aboutBullets {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	line-height: 150%;
	color: #990000;
}

A.aboutText {
	font-size: 100%;
	font-weight: bold;
	color: #C91600;
	padding-right: 0px;
}

A.aboutText:hover {
	font-size: 100%;
	font-weight: bold;
	color: #C91600;
	text-decoration: none;
	padding-right: 0px;
}


.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding-top: 45px;
	color: #5E6B73;
}

A.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-top: 0px;
	text-decoration: none;
	color: #5E6B73;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

A.footerText:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-top: 0px;
	color: #000000;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

#advice h2	{font-size: 120%; color: #222; line-height: 110%; font-weight: bold; margin: 0 30px 0 19px; padding: 0 27px 5px 0; border-bottom: 1px solid #ccc;}
#advice h3	{font-size: 90%; color: #444; line-height: 110%; font-weight: bold; margin: 25px 0 5px 19px; padding: 0 27px 0 0;}

#testiBox	{margin: 0 25px 25px 19px; background: #eaeaea; padding: 20px 25px;
			border: 1px solid #eaeaea; 
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;}
#testiBox p	{font-size: 80%; font-weight: bold; color: #333; margin: 0 0 20px 0;}
#testiBox p.author	{font-size: 80%; font-weight: bold; color: #c91600; margin: 0 0 10px 0;}

#thinrightColumn h5		{font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #C8E6F7; margin: 15px 0 4px 15px; padding: 0;}
#thinrightColumn ul		{margin: 0 20px 25px 0; padding: 0 20px 0 30px;}
#thinrightColumn li		{font-family: Arial, Helvetica, sans-serif; font-size: 70%; color: #fff; margin: 0 0 6px 0; padding: 0;}