/* COLOR REFERENCE
Background Gray: #333333;
Text Yellow: #FFFFCC;
*/
/* CORE STYLES */
body {font-family: Verdana, Arial, helvetica, sans-serif; font-size: 11px; background-color: #F2F2F2; padding: 0px; margin: 10px 0px 10px 0px;}
td {font-family: Verdana, Arial, helvetica, sans-serif; font-size: 11px;}
p {font-size: 11px; line-height: 17px; margin: 0px 0px 15px 0px; color: #CCCCCC;} /* default para appears in left col inside container */
h1 {text-transform: uppercase; letter-spacing: 1px; font-size: 11px; line-height: 17px; font-weight: normal; color: #FFFFCC; text-align: left; margin: 0px 0px 15px 0px;} /* default heading appears in left column inside container */
h3  {font-size: 11px; line-height: 17px; font-weight: normal; color: #FFFFCC; text-align: left; margin: 0px 0px 5px 0px; }
img {margin: 0px; padding: 0px; border: none;}
a {color: #CCCCCC; text-decoration: underline;}
a:hover {color: #FFFFCC;}
.noBottomMargin {margin-bottom: 0px;}
.halfBottomMargin {margin-bottom: 5px;}

/* LAYOUT */
table#container {background-color: #FFFFFF;}
table#mainTable {background-image: url("images/bg.gif")}
td.col1 {background-color: #333333;}
td.col2 {background-color: #000000;}
td.col3 {background-color: #333333;}
p.footer {font-size: 10px; color: #666666; text-align: right; margin: 0px 0px 0px 0px}

/* LEFT COLUMN CONTAINER */
div#leftContainer {margin: 40px 50px 40px 50px;} 

/* CENTRAL COLUMN */
div#centralContainer {margin: 40px 0px 40px 0px;} /* no left and right margins to enable down state arrow */
div#centralContainer p {font-size: 11px; margin: 0px 25px 5px 25px; line-height: 20px;}
div#centralContainer h2 {font-size: 11px; font-weight: normal; line-height: 17px; color: #FFFFCC; margin: 0px 25px 10px 0px; padding-left: 25px; background: url("images/arrow_green.gif") no-repeat;} /* central column sub-head with down state */
div#centralContainer img {margin: 5px 0px 0px 25px;}

/* FEEDS */
div#feedContainer {margin: 25px 0px 0px 0px}
div#feedContainer h3 {font-size: 11px; letter-spacing: 1px; line-height: 17px; font-weight: normal; color: #FFFFCC; margin: 0px 25px 5px 25px;}
div#feed {margin: 0px 0px 3px 0px;}
div#feed p {font-size: 10px; line-height: 17px; margin: 0px 25px 10px 25px;}
div#feed img {margin: 0px 0px 0px 0px;}
div#feed a {text-decoration: none;}
div#feed a:hover {color: #CCCCCC; text-decoration: underline;}

/* MENU COLUMN */
div#menuContainer {margin: 40px 0px 40px 0px;} /* menu container does not have left and right margins due to down state arrow */
div#menuContainer p {line-height: 17px; margin: 0px 20px 8px 20px;}
div#menuContainer p a {text-decoration: none; color: #FFFFFF;}
div#menuContainer p a:hover {color: #FFFFCC;}
div#menuContainer p.down {color: #FFFFCC; background: url("images/arrow_black.gif") no-repeat; margin-left: 0px; padding-left: 20px;}
div#menuContainer p.down a {color: #FFFFCC}

/* BOOKS */
div.book {margin: 0px 0px 20px 0px;}
div.book p {margin-bottom: 5px;}
img.bookCover {margin: 0px 0px 0px 25px;}

/* GALLERIES HOME */
div.gallery {margin: 0px 50px 20px 50px;}
div.gallery p {line-height: 18px;}
p.galleryTitle {color: #FFFFCC; margin-bottom: 3px;}
p.galleryDescrip {margin-bottom: 3px;}
p.galleryLinks {}
p.galleryLinks a {color: #CCCCCC; text-decoration: underline;}
p.galleryLinks a:hover {color: #FFFFCC; text-decoration: underline;}
td.galleryThumbCell {background: #000000 url("images/arrow_green.gif") no-repeat;}
td.galleryThumbCell div {text-align: center; width: 100px; height: 100px; border: 1px solid #333333; margin:0px 0px 35px 25px; padding: 0px;}
td.galleryThumbCell div img {}

/* GALLERIES LIGHTBOX */
h1.lightbox {margin-bottom: 30px;}
div.thumbnail {width: 100px; height: 100px; border: 1px solid #808080; text-align: center;}

/* GALLERIES BROWSE */
p.browseArrows {margin: 0px 0px 0px 0px; text-align: center;}
p.photoTitle {font-size: 10px; color: #FFFFFF; margin: 0px 25px 0px 25px;}
p.photoYear {font-size: 10px; color: #999999; margin: 0px 25px 0px 25px;}
div.centralLinks {margin-top: 20px;}
div.centralLinks p {font-size: 10px; margin-bottom: 0px;}
div.centralLinks p a {}

/* SHOWS */
div.show {margin: 0px 0px 20px 0px; clear: both;}
div.show p {margin: 0px 0px 0px 0px;}
div.show p.title {color: #FFFFCC; margin-bottom: 3px;}
div.show p.description {margin-bottom: 10px;}
div.show p.detailsLink {margin-bottom: 0px;}
div.show p.lightbox {margin-top: 5px;}
span.label {font-weight: bold;}
p.pagination {margin-top: 30px;}

/* SHOWS OLD 
div#combinedContainer {margin: 40px 0px 40px 50px;}
div.show {overflow: auto; margin: 0px 0px 20px 0px; clear: both;}
div.show p {margin: 0px 250px 0px 0px;}
div.show p.image {float: right; width: 200px; margin: 0px 0px 0px 0px; text-align: center;}
div.show p.image img {}
div.show p.title {color: #FFFFCC; margin-bottom: 3px;}
div.show p.description {margin-bottom: 10px;}
div.show p.venue {margin-bottom: 3px;}
span.label {font-weight: bold;} */

/* WHAT'S NEW */
div.news {margin: 0px 0px 20px 0px; clear: both;}
div.news p {margin: 0px 0px 0px 0px;}
div.news p.title {color: #FFFFCC; margin-bottom: 3px;}
div.news p.content {margin-bottom: 10px;}
div.news p.detailsLink {margin-bottom: 0px;}
span.label {font-weight: bold;}

#leftContainer li {
	font-size: 11px; 
	line-height: 17px; 
	margin: 0px 0px 15px 0px; 
	color: #CCCCCC;
}