body {
	margin: 0;
	padding: 0;
	border: 0;
	color: #FFF;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	min-width: 760px;
	background-image: url(../images/body.jpg);
}

.mainNav {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #fff;

}

.mainNav a {
	color:#fff;
	text-decoration: none !important;
	
}

.mainNav a:hover {
	color:#ea00ff;
	text-decoration: none !important;
	
}

.mainNav a:visited {
	color:#ea00ff;
	text-decoration: none !important;
	}

p {
	font-size: 100%;
}

td,th,table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #383412;
	text-align: left;
	line-height: 16px;
}

.subscribe
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #9d9dfb;
	text-decoration: none;
	line-height:40px;
	vertical-align: middle;
	text-align: right;
	height: 20px;
	background-position: right;
 }

#top {
	margin: 0px;
	height: 20px;
}
#box-inside {
   width: 762px;/*sets the width for IE5.x's broken box model*/
	w\idth: 760px; /* sets the width of the wrapper for compliant browsers*/
	margin: 5px auto;
	background-color:#1C292D;
}

#banner {
	position: center;
	height: 70px;
	background-position: center;
	text-align: center;
}

#subscriberbox {
       padding:40px 0px 0px 400px;
       }

#mp3stream {
	position: relative;
	height: 1px;
	width: 1;
}

#nav{
}

#nav ul{
padding: 0;
margin: 0;
background-color:#FFFFFF;
}

#nav ul li{
display: inline;
padding: 0;
margin: 0;
}

#nav ul li a{
color: #FFFFFF;
background-color: #3333CC;
text-decoration: none;
padding: 0 25px 0 25px;
border-right: 1px solid #000000;
text-align: center;
width: 9em;
} 

#nav ul li a:hover, #nav ul li a:focus{
background-color: #990000;
}

#flash {
	position: relative;/* set a height for the banner to allow all the bg image to be seen, no text resizing in this element to worry about */
}

#content {
	text-align: left;
	margin-bottom: 120px;
}

.home_container_border {
       border:1px solid #5F4298;
       padding:10px;
       margin:10px 20px 10px 320px       }

.content-overflowContainer {
	padding-top:2px;
	height: 250px;
	overflow:auto;
	color: #666666;
}

.content-overflowContainer-home {
	padding-top:2px;
	height: 250px;
	overflow:auto;
}#content p {
	margin: 10px 6px 10px 6px; /* set the margins for the p element */
	padding: 0; /* zero off the padding */
}

.titleimages { /* used to set the "cold" title images */
	display: block; /* set to display block to ensure it has it's own line in the design */
	margin-top: 25px; /* set a margin to the top */
}

#leftcol {
	float: left;
	width: 280px;
	padding-top: 0px;
	text-align: left;
	padding-right: 10px;
	margin: 0px;
}

#leftcol #navigation {
	line-height: 100%; /* helps out IE 5.01 PC */
	width: 169px; /* sets a width for the div */
	background-image: url(../images/icicles.gif); /* sets the path to the bg image */
	background-repeat: no-repeat; /* prevents the bg image from repeating */
	background-position: bottom left; /*uses keywords to place the image at the bottom left of the div */
	padding-bottom: 100px; /* gives our background image room to display */
}

#leftcol #navigation ul {
	border-top: 1px solid #000; /* sets a border to the top of the ul */
  	border-bottom: 1px solid #000; /* sets a border to the bottom of the ul */
	list-style-type: none; /* removes the bullets from our list navigation */
	margin: 0; /* zeroes off the margins */
	padding: 0; /* zeroes off the padding */
	font-size: 75%; /* scales the font to 75% of the body font declaration*/
}

#leftcol #navigation ul li { /*The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 */
	padding: 0; /* zeroes off the padding */
	margin: 0; /* zeroes off the margins */
	margin: /**/ 0 0 -3px 0; /* This takes 3px off the bottom margin in IE 5.01 - IE 5.5 cannot read this hack so stays with the 0 value from the last margin property */
	ma\rgin: 0; /* IE 5.01 and IE5.5 cannot read this selector - resets the margins on other browsers back to zero - the escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */
	background-image: url(../images/li_bg.gif); /* sets the image for the roll over */
	background-repeat: repeat-y; /* repeats the image vertically, no need to position it as top left is the default and that is where we want the image begin tiling from */
	
}

#leftcol #navigation a, 
#leftcol #navigation a:visited { /* use dual selectors if the properties and values are the same for each */
	border-bottom: 1px solid #000000; /* sets the bottom border */
	border-left: 1px solid #323C55; /* sets the left border */
	border-right: 1px solid #000000; /* sets the right border */
	color: #fff; /* changes the default text colour to white */
	display: block; /* required to make the links act like a button, having the full area "clickable" */
	padding: 4px 0 6px 4px; /* sets padding values to give the link text some "air" */
	text-decoration: none; /* removes the default underline */
	background-color: #364971; /* sets a background colour on the links which hides the roll over snowman image in the li selector */
	width: 169px; /* sets the width for IE5.x - content width plus border widths plus padding value = 6 extra pixels */
	w\idth: 163px; /* resets the width for IE6 and compliant browsers */
}

/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */

#leftcol #navigation a:hover, 
#leftcol #navigation a:focus { /* use dual selectors if the properties and values are the same for each */
	background-color: transparent; /* prevents the dark blue background colour from the "a" selector showing and ensures the snowman image is seen on hover and focus */
	border-bottom: 1px solid #fff; /* changes the bottom border to white to give the hover state an indented look */
	color: #000; /* changes the hover and focus text to black */
}

#footer {
	width: 760px;
	font-size: 70%;
	text-align: right;
	margin-top: 20px;
	clear: left;
	height: 30px;
}

#footer p {
background-color: #E4E4E4;  /*sets the background colour for the p element when it is in the footer div*/
padding: 4px 4px 4px 10px;  /* sets the padding values*/
margin: 0;  /*zeroes off the margins */
}

#footer ul{
background-color: #036;/*provides a background colour for the links list*/
margin: 0;/*zeroes off the margins*/
padding: 4px;/*add some air around the links*/
}

#footer li{
display: inline;/*set the list to display inline*/
}

#footer a {  /* Styles the links within the footer */
color: #fff;  /*sets the text to white*/
text-decoration: underline;  /*keeps the underline*/
}

#footer a:hover,
#footer a:focus {
text-decoration: none;  /*removes the underline*/
}
#leftcontent {
	text-align: left;
	margin-bottom: 120px;
	margin-right: 460px;
	width: 280px;
	margin-left: 5px;
}
h1 {
	font-size: 18px;
	color: #333333;
	margin-left: 6px;
	font-weight: bold;
}
.imagefloat {
	padding: 2px;
	overflow: auto;
	position: relative;
	text-align: left;
	vertical-align: text-top;
	margin: 2px 5px 5px;
	float: left;
}
#leftcol_silverpages {
	float: left;
	width: 150px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 10px;
	padding-top: 10px;
	background-color: #6A1A27;
	text-align: left;
	margin-right: 0px;
	padding-right: 10px;
}
.highlight {
	font-weight: bold;
	color: #FFE4C4;
	font-size: 110%;
}
#content p insidepgs {
	margin: 10px 6px 10px 6px; /* set the margins for the p element */
	padding: 0; /* zero off the padding */
}
.content_container_border {
       border:1px solid #5F4298;
       padding:10px;
       margin:10px 20px 10px 200px}
.bookfloat {
	padding: 2px;
	overflow: auto;
	position: relative;
	text-align: left;
	vertical-align: text-top;
	margin: 2px 5px 5px;
	float: left;
}
.smalltype {
	font-size: 80%;
}
#leftcol_p {
	float: left;
	width: 280px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 10px;
	padding-top: 10px;
	background-color: #9c0411;
	text-align: left;
	margin-right: 0px;
	padding-right: 10px;
}
#leftcol_mail {
	float: left;
	width: 280px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 1px;
	padding-top: 1px;
	background-color: #7b353d;
	text-align: left;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 10px;
}
.inside_border {
       border:1px solid #5F4298;
       padding:10px;
       margin:10px 20px}
.vault_border {
       border:1px solid #FF9900;
       padding:10px;
       margin:10px 20px
}
.tablestyle1 {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
h2 {
	font-size: 14px;
	color: #333333;
	margin-left: 6px;
	font-weight: bold;
}
h3 {
	font-size: 12px;
	color: #333333;
	margin-left: 6px;
	font-weight: normal;
}