body {	margin : 0px; 
		padding : 0px;
		background-color:#000000
	}

p, td, li {font-family:arial, helvetica, sans-serif;
	color : #000000;
   font-size:12px}

/* Navbar styles */
.goldsmall {color : #FF9933;
font-family : Arial, Helvetica, sans-serif;
   font-size:13px}
.redsmall {color : red;
font-family : Arial, Helvetica, sans-serif;
   font-size:13px}
.whitesmall {	color : white;
				font-family : Arial, Helvetica, sans-serif;
   				font-size:13px
}

.taupehead {color : #999933; font-family : Arial, Helvetica, sans-serif; font-weight : bold; font-size:26px}

.taupetransform {color : #999933; font-family : Arial, Helvetica, sans-serif; font-weight : bold; font-size:26px; font-variant:small-caps}

.goldhead {color : #FF9933; font-family : Arial, Helvetica, sans-serif; font-weight : bold; font-size:26px}
.redhead {color : red; font-family : Arial, Helvetica, sans-serif; font-weight : bold; font-size:26px}
.whitehead {color : white; font-family : Arial, Helvetica, sans-serif; font-weight : bold; font-size:26px}


.navPlus {
	position:relative; 
	background-color: #ffffff; 
	margin-top: 1060px; 
	margin-left: 66px;
	width: 200px; 
	text-align: center; 
	padding-top: 10px;
}





/* Backgrounds */
.blackBackground  {	background-color: #000000;}
.whiteBackground  {	background-color: #FFFFFF;}
.taupeBackground  {	background-color: #959272;}
.greyBackground   {	background-color: #CCCBB8;}
.oliveBackground  {	background-color: #2A3323;}
.maroonBackground {	background-color: #9D000B;}

/* Type styles */


/* Dark Grey font styles */
.extraSmallBodyGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 10px;}
.smallHeadGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 11px;	font-weight : 700;}
.smallBodyGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 11px;}
.mediumHeadGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 12px;	font-weight : 700;}
a.mediumHeadGrey {	text-decoration: none; }
a.mediumHeadGrey:hover	{text-decoration: underline; color: #333333; }
a.mediumHeadGrey:active	{text-decoration: underline; color: #333333; }
.mediumBodyGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 12px;}
.largeHeadGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 14px;	font-weight : 700;}
.extraLargeHeadGrey {	font-family : Arial, Helvetica, sans-serif;	color : #333333;	font-size : 18px;	font-weight : 700;}

/* Light Grey font styles */
.extraSmallBodyLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 10px;}
.smallHeadLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 11px;	font-weight : 700;}
.smallBodyLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 11px;}
.mediumHeadLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 12px;	font-weight : 700;}
a.mediumHeadLightGrey {	text-decoration: none; }
a.mediumHeadLightGrey:hover	{text-decoration: underline; color: #999999; }
a.mediumHeadLightGrey:active	{text-decoration: underline; color: #999999; }
.mediumBodyLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 12px;}
.largeHeadLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 14px;	font-weight : 700;}
.extraLargeHeadLightGrey {	font-family : Arial, Helvetica, sans-serif;	color : #999999;	font-size : 18px;	font-weight : 700;}


/* Red font styles */
.extraSmallBodyRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 10px;}
.smallHeadRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 11px;	font-weight : 700;}
.smallBodyRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 11px;}
.mediumHeadRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 12px;	font-weight : 700;}
.mediumBodyRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 12px;}
.largeHeadRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 14px;	font-weight : 700;}
.extraLargeHeadRed {	font-family : Arial, Helvetica, sans-serif;	color : #FF0000;	font-size : 18px;	font-weight : 700;}

/* Black font styles */
.extraSmallBodyBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 10px;}
.smallHeadBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 11px;	font-weight : 700;}
.smallBodyBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 11px;}
.smallBodyBlackItalic {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 11px;	font-style: italic;}
.mediumHeadBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 12px;	font-weight : 700;}
.mediumHeadBlackUnderline {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 12px;	font-weight : 700;	text-decoration : underline;}
.mediumBodyBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 12px;}
.mediumBodyBlackItalic {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 12px;	font-style: italic;}
.mediumHeadBlackItalic {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 12px;	font-weight : 700;	font-style: italic;}
.largeBodyBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 14px;}
.largeBodyBlackItalic {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 14px;	font-style: italic;}
.largeHeadBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 14px;	font-weight : 700;}
.largeHeadBlackItalic {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 14px;	font-weight : 700;	font-style: italic;}
.extraLargeBodyBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 18px;}
.extraLargeHeadBlack {	font-family : Arial, Helvetica, sans-serif;	color : #000000;	font-size : 18px;	font-weight : 700;}

/* White font styles */
.extraSmallBodyWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 10px;}
.smallHeadWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 11px;	font-weight : 700;}
.smallBodyWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 11px;}
.smallBodyWhiteItalic {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 11px;	font-style: italic;}
.mediumHeadWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 12px;	font-weight : 700;}
.mediumHeadWhiteUnderline {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 12px;	font-weight : 700;	text-decoration : underline;}
.mediumBodyWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 12px; line-height:135%;}
.mediumBodyWhiteItalic {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 12px;	font-style: italic;}
.mediumHeadWhiteItalic {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 12px;	font-weight : 700;	font-style: italic;}
.largeBodyWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 14px;}
.largeBodyWhiteItalic {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 14px;	font-style: italic;}
.largeHeadWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 14px;	font-weight : 700;}
.largeHeadWhiteItalic {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 14px;	font-weight : 700;	font-style: italic;}
.extraLargeBodyWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 18px;	}
.extraLargeHeadWhite {	font-family : Arial, Helvetica, sans-serif;	color : #ffffff;	font-size : 18px;	font-weight : 700;}


/* NEW CLASSES FOR THE THREE-COLUMN FORMAT WITH OPTIONAL BANNER ON TOP */
	.navbar3 {position:absolute;
			top:0px;
			left:0px;
			width:270px;
			}
			
	.wrapper3 {	position:absolute;
				left:270px;
				padding:5px;
				width:620px;
				color:white;
				}
				
		.content3 {
				background-color:white;
				color:black;
				width:300px;
				float:left;
				margin-left:10px;
			 	padding: 5px;
		}


		.advertCol3 {
				width:250px;
				float:left;
				margin-left:13px;
		}
		
		.banner3 {
				width:600px;
				float:left;
				margin-left:10px;
				margin-bottom:10px;
				text-align:center;
				padding-top:3px;
		}

/* end of NEW CLASSES FOR THE THREE-COLUMN FORMAT WITH OPTIONAL BANNER ON TOP */






/* Formatting for placement */
.wide211 {width : 211px}
.wide140 {width : 140px}
.wide20  {width : 20px}
.high100 {height : 100%}
.flush {position : absolute;
			left : 0px;
			top : 0px}


.logoUpperLeft {
				position: absolute;
				left: 0px;
				top: 15px;
}


.navLinkBlock {
	position: absolute;
	top:15px;
	left:70px;
	width:200px;
	text-align:right;
	margin-bottom:10px; 
}



	.navcol {	width : 300px;
			background-color: #000000;
			margin-left : 0px;
			margin-top : 0px;
			padding-top : 10px;
			padding-right : 10px;
			padding-left : 3px;
			position : absolute;
			top : 0px;
			left : 0px;	
}

.navcolOLD {	width : 240px;
			background-color: #000000;
			margin-left : 0px;
			margin-top : 0px;
			padding-top : 10px;
			padding-right : 10px;
			position : absolute;
			top : 0px;
			left : 0px}	

.content { position : absolute;
			 top : 10px;
			 left : 285px;
			 width : 510px;
			 background-color: #ffffff;
			 padding: 5px;
			}
			
/* For the Variations pages. Creates the tan panel. */			
.tanColumn {	background-color:#999966;
				position:absolute;
				left:285px;
				top:30px;
				width:175px;
				padding-top:10px;
				padding-left:15px;
				padding-right:10px;
				line-height:110%;			
}

.variationsInfo {
				position: absolute;
				left: 500px;
				top: 15px;
				width: 200px;
				color: white;
}


.grayVariationsNavigation {
				position: absolute;
				left: 720px;
				top: 30px;
				width:160px;
				color: black;
				background-color:#999999;
				padding-left: 15px;
				padding-right: 15px;
}

.pictureLinkNoBorder {
	border:0px none;
}



.videoItem {
	width: 155px;
	padding-bottom: 10px;
	text-align: center;	
}	


/* IE user complained that the -left- value which appears below was insufficient. Was 260. Am trying 275 */
.contentOLD { position : absolute;
			 top : 10px;
			 left : 275px;
			 width : 500px; }


/* Some classes for the CSS version of the single issue pages */
	.singleIssueCover {
		position:absolute;
		top:7px;
		left:7px;
		background-color:white;}
		
	.singleIssueHeader {
		position:absolute;
		top:7px;
		left:175px;
		width:165px;
		background-color:white;}
		
	.singleIssueInfo {
		position:absolute;
		top:220px;
		left:7px;
		width:340px;
		background-color:white;}
		
	.orderLinks {
		position:absolute;
		top:7px;
		left:350px;
		width:155px;
		border-style:solid;
		border-width:1px;
		padding:3px;
		background-color:#ffffcc;
		text-align:right;}





/* Hyperlink states */
A {text-decoration : none}
A:Hover {text-decoration : underline}
A:Active {text-decoration : underline}

a.image {text-decoration: none; border-style : none; border-width : 0px;}
a.image:hover {text-decoration: none}
a.image:active {text-decoration: none}


/* Below is code for the sortable tables */
/* Copyright 2006 Joost de Valk */
a img {
	border: 0;
}
table.sortable {
	border-spacing: 0;
	border: 1px solid #000;
	border-collapse: collapse;
}
table.sortable th, table.sortable td {
	text-align: left;
	padding: 2px 4px 2px 4px;
	width: 150px;
	border-style: solid;
	border-color: #444;
}
table.sortable th {
	border-width: 0px 1px 1px 1px;
	background-color: #ccc;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	width: 150px;	
}
table.sortable td {
	border-width: 0px 1px 0px 1px;
	width:130px;
	font-family:arial, verdana, sans-serif;
}
table.sortable tr.odd td {
	background-color: #ddd;
}
table.sortable tr.even td {
	background-color: #fff;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #444;
	background-color: #ccc;
	font-weight: bold;
}

/* End code for the sortable tables */