body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	background: #000000;
}

#main
{
	padding: 0 0 15px 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	border: none;
	background-image: none;
	width: 691px;
	text-align: center;
	}

/* the following hack gets rid of the thick right border in IE */
* html #main   /* this selector recognized by IE only */
{
  width: 689px;   /* total width (only for IE5.x/Win) */
  w\idth: 689px;  /* content width (for other IE) */
}

#navcontainer
{
width: 100%;
float: right;
background-color: #000000;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0 0 0 0;
color: #FFFFFF;
font-family: , helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
font-weight: bold;
}

#navcontainer ul li a
{
padding: 2px 8px;
background-color: #000000;
color: #CC9999;
text-decoration: none;
float: right;
border-right: 1px solid #CC9999;
}

#navcontainer ul li a:hover
{
background-color: #CC9999;
color: #CC3333;
}

#navlist li a:hover
{
	color: #CC3333;
	text-decoration: none;
	background: #CC9999;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
}

#text
{
	padding: 0;
	margin: 15px 30px 15px 30px;
}

h1 {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #CC9999;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 2px;
	margin-top: 3em;
}

/*for the image titles of each section, the technique in text beneath and dividers*/
h2 {
    font-size: 12px;
	font-family: Arial, sans-serif;
	color: #CC9999;
	line-height: 1.5em;
	letter-spacing: 2px;
	text-align: justify;
}

p, dt, li {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #DFBEC3;
	text-align: justify;
	line-height: 1.3em;
}

/*this is small-size text */
.small {
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #DFBEC3;
	text-align: justify;
}

/* all this does is center text */
.center {
	text-align: center;
}

a:link { color: #993333; font-weight: bold; text-decoration: none}
a:visited { color: #993333; text-decoration: none }
a:active { color: #993333; text-decoration: underline; cursor: crosshair}
a:hover { color: #993333; text-decoration: underline; cursor: crosshair}

/* table class for thumbnail images */
.thumbnails {
}

.thumbnails td {
	width: 25%;
	vertical-align: top;
	padding: 5px 3px;
}

.thumbnails td p {
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

/*table class for thumbnails in landscape section*/
.landscape {
}

.landscape td {
	width: 33%;
	vertical-align: top;
	padding: 5px 3px;
}

.landscape td p {
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

/*table class for thumbnails in genre section*/
.genre {
}

.genre td {
	width: 33%;
	vertical-align: top;
	padding: 5px 3px;
}

.genre td p {
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 11px;
}

/*table class for the blank space beneath short sections*/
.blank {
}

.blank td {
	width: 100%;
	vertical-align: top;
	padding: 0;
}