/* CSS Document */

/* COLOR PALETTE 
dark blue (page background): #2c4456
medium blue:  #38576e
brick red:  #901e10
beige:  #e8e0d3
taupe:  #d3c6af
*/

html, body {
	font-family: arial, helvetica, sans-serif;
	font-size: .9em;
	background-color: #2c4456;
	padding: 0;
	margin: 0;
	}

/* *html, *body {
	font-size: 1em;
	}*/
	
body {
	position: relative;
	}
	
li li {
	font-size: 1em;		/* keeps nested lists the same size font as the parent */
	}
	

/* LAYOUT STYLES */

#wrapper {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 0;
	background: #000;
	}

#header {
	position: relative;
	height: 130px;
	background: #000;
	}

#header p {
	float: right;
	margin: 10px;
	font-size: .9em;
	font-weight: bold;
	text-align: right;
	color: #e8e0d3;
	}

#header a {
	color: #ae0206;
	}


/* Main Menu */

ul#nav, #nav ul { 	/* all lists */
	clear: both;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: .85em;
	background: #000;
	}

#nav li { 		/* all list items */
	float: left;
	position: relative;
	width: 16%;
	background-color: #000;
	font-weight: bold;
	border: 1px solid #000;
	z-index: 100;
	}
	
#nav li#boxoffice {
	background: #901e10;
	}

#nav li ul { 		/* second-level lists */
	display: none;
	position: absolute;
	top: 103%;
	left: 0;
	font-size: 1em;
	z-index: 150;
	}

#nav li>ul { 		/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
	}

#nav li li {
	width: 100%;
	margin-bottom: -1px;
	background: #fff;
	font-weight: normal;
	}

#nav li li a {
	height: 100%;
	border-bottom: none;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	color: #000;
	}

#nav li li a:hover {
	background: #e8e0d3;
	border-left: 5px solid #901e10;
	border-right: 5px solid #901e10;
	}

#nav a {
	display: block;
	/*height: 1.5em;*/
	padding: 4px 6px;
	color: #fff;
	text-decoration: none;
	}

#nav a:hover {
	text-decoration: none;
	}


/* MAIN CONTENT AREA */

#content {
	position: relative;
	clear: both;
	background:  url("../images/rose_2005_bug.gif") top right no-repeat #e8e0d3;
	min-height: 100%;
	padding: 1em;
	padding-top: .5em;
	}
	
*#content {
	height: 100%;		/*for IE */
	}

#content a:link {
	color: #03c;
	}

#content a:visited {
	color: #036;
	}

#content a:hover, a:active {
	color: #901e10;
	}

h1, h2, h3, .anchorlist p {
	font-family: "Palatino Linotype", "Times New Roman", Times, serif;
	font-variant: small-caps;
	}

h1 {
	font-size: 2em;
	}

h2 {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.4em;
	}

table {
	position: relative;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border-collapse: collapse;
	}

th, td {
	border: 1px solid #89847c;
	padding: .5em;
	line-height: 1.5em;
	}

td p {
	margin-top: 0;
	}

table.cd {
	position: relative;
	clear: left;
	}

table.cd th {
	text-align: left;
	padding: 3px;
	}

table.cd td {
	padding: 3px;
	line-height: normal;
	vertical-align: top;
	}
	
td.separator {
	background: #d3c6af;
	font-weight: bold;
	}
	

/* FOOTER */

#footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 5px;
	background: #e8e0d3;
	text-align: center;
	color: #000;
	border-top: 1px solid #901e10
	}

#footer p {
	margin: 0;
	}


/* IMAGE STYLES */

.logo {
	float: left;
	margin: 1em;
	}

.photocredit {
	position: relative;
	margin: 0 1em 1em;
	padding: 0 0;
	}

.photocredit img {
	margin: 0;
	}

.photocredit p {
	margin: 0;
	text-align: left;
	font-size: .8em;
	}
	
.spaced {
	margin-top: 20px;
	margin-right: 20px;
}
	
img {
	position: relative;
	border: 0;
	}

td.thumb {
	position: relative;
	vertical-align: top;
	}
	

/* MISCELLANEOUS STYLES */

.left {
	float: left;
	}

.right {
	float: right;
	}

.clearleft {
	clear: left;
	}

.clearright {
	clear: right;
	}

.clearboth {
	clear: both;
	}

/*.homelink {
	display: none;
	}*/

.toplink {
	width: 100%;
	margin-top: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid #000;
	line-height: 2em;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	}

hr {
	clear: both;
	margin-top: 2em;
	margin-bottom: 2em;
	height: 1px;
	}

em {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	}

blockquote {
	margin-top: 2em;
	margin-bottom: 2em;
	}

blockquote.inset {
	clear: both;
	border: 1px solid #2c4456;
	background: #d3c6af;
	padding: .5em;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	font-size: .85em;
	}

blockquote.inset h3 {
	font-size: 1.5em;
	margin: 0;
	}

.spacedlist li {
	margin-bottom: 1em;
	}

.spacedlist li li {
	margin-bottom: 0;	/* to keep single spacing between sub-lists */	}

.anchorlist {
	margin: 2em;
	margin-top: 4em;
	}

.anchorlist ul {
	list-style-type: none;
	font-size: .9em;
	}

.anchorlist p {
	font-size: 1.2em;
	font-weight: bold;
	}

#ccv {
	background: #e8e0d3;
	width: 350px;
	padding: 1em;
	}
	
.boldred {
	font-weight: bold;
	color: #901e10;
	}

p {  line-height: 150%}


.pullquote {
	margin: 1em;
	display: block;
	padding: 20px 1em 1em 20px;
	width: 300px;
	background: url(../images/quote_left.gif) top left no-repeat #fff;
	border: 1px solid #d3c6af;
	font-family: "Palatino Linotype", "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.1em;
	}


.listen { 
	position: relative; 
	width: auto; 
	margin: 2em; 
	margin-top: 0; 
	padding: 10px; 
	border: 2px solid #2c4456; 
	background: url(../images/listen_icon.gif) no-repeat #d3c6af;
	}

.listen p { 
	margin-left: 70px; 
	color: #901e10; 
	text-align: right; 
	}