/* CSS Document */
/* FOR OVERALL DESIGN / INTERFACE STYLING */

/* TAG DEFAULTS */
body {margin:0; padding: 0 0 15px 0; text-align:center;
	font-family:Arial, Helvetica, sans-serif; color:#000; font-size:100%; /* default=16px */
	line-height:1.125em; /* 16x1.125=18px */
	background-color:#000;}
img {border:0; vertical-align:middle;}
a:link {color:#3333cc;}
a:visited {color:#333399;}
a:active, a:hover {color:#0000ff;}
p, li, th, td, blockquote {font-size: 0.75em; /* 16x0.75=12px */}
li li {font-size:1em;}
td ul li,
td td, td th,
td blockquote {font-size:1em;}
th, td {vertical-align:top;}

.hidden {display:none; visibility:hidden;}

div#overallPage {
	width:900px; margin: 0 auto; padding:0;
	background-color:#FFF;}

/* HEADER */
div#header {
	width:900px; margin: 0 auto; padding:0; height:149px; position: relative; top:0;
	background:#FFF url(../images/tagline.gif) no-repeat 0 0;}
div#logo {
	width:165px; height:149px; float:left;}

/* UTILITY LINKS */
div#navUtility {
	padding:0; margin:0; border:0;
	width:725px; height:25px; overflow:visible; float:right;}
div#navUtility ul {
	display: inline; list-style-type: none; float:right;
	padding:0; margin:0; border:0; border-collapse:collapse;}
div#navUtility ul li {
	font-family: "Trebuchet MS", Arial, sans-serif; font-size: 0.75em; /* 16x0.75=12px */
	display: inline; list-style-image:none; list-style-type: none; float:right;
	padding:0; margin:0; border:0; border-collapse:collapse;}
div#navUtility a:link,
div#navUtility a:visited {
	padding: 8px 12px 5px 12px; margin:0; border:0; border-left: 1px solid #CCC; border-collapse:collapse;
	color:#000; text-decoration:none; display:block;}
div#navUtility a.navUtilityLast {
	border-right: 1px solid #CCC;}
div#navUtility a:active,
div#navUtility a:hover {
	color:#000; text-decoration:none; background-color:#bed647;}
body.bodyHome div#navUtility a#navUtilityHome,
body.bodyCalendar div#navUtility a#navUtilityCalendar,
body.bodyNews div#navUtility a#navUtilityNews,
body.bodyVolunteer div#navUtility a#navUtilityVolunteer,
body.bodyDonate div#navUtility a#navUtilityDonate,
body.bodyJoin div#navUtility a#navUtilityJoin,
body.bodyContact div#navUtility a#navUtilityContact,
body.bodyLogin div#navUtility a#navUtilityLogin,
div#navUtility a.current {
	color:#FFF; text-decoration:none; background-color:#c23b3a;}

/* MAIN NAVIGATION */
div#navMain {position:absolute; top:49px; left:165px;
	width:735px; height:100px; padding:0; border:0;}
div#navMain ul	{
	display: inline; list-style-type: none;
	padding: 0; margin:0; border:0; border-collapse:collapse; position:absolute; left:0; bottom:0;}
div#navMain ul li {
	font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; /* 16x1.5=24px */
	line-height: 1.2em;
	font-weight:bold; text-transform:uppercase;
	display: inline; list-style-image:none; list-style-type: none; float:left;
	padding:0; margin:0; border:0; border-collapse:collapse;}
div#navMain a:link,
div#navMain a:visited {
	padding: 9px 0 10px 0; margin:0; border:0; border-left: 2px solid #FFF; border-collapse:collapse;
	color:#454545; text-decoration:none; background-color:#CCC; display:block; text-align:center;}
div#navMain a:active,
div#navMain a:hover {
	color:#454545; text-decoration:none; background-color:#bed647;}
div#navMain a#navMainArtists {width:177px;}
div#navMain a#navMainShows {width:161px;}
div#navMain a#navMainEvents {width:166px;}
div#navMain a#navMainAbout {width:221px;}

body.bodyArtists div#navMain a#navMainArtists,
body.bodyShows div#navMain a#navMainShows,
body.bodyEvents div#navMain a#navMainEvents,
body.bodyAbout div#navMain a#navMainAbout {
	color:#FFF; text-decoration:none; background-color:#c23b3a;}

/* LEFT COLUMN NAVIGATION */
div#navLeft {/*position:absolute; top:49px; left:165px;*/
	width:175px; height:100%; padding:0; border:0; float:left;}
div#navLeft ul	{
	list-style-type: none;
	padding:0; margin:0 0 10px 0; border:0; border-bottom:1px solid #FFF; border-collapse:collapse;}
div#navLeft ul li {
	font-family: "Trebuchet MS", Arial, sans-serif; font-size:0.75em; /* 16x0.75=12px */
	line-height:1.2em;
	list-style-image:none; list-style-type: none; padding:0; margin:0; border:0; border-collapse:collapse;}

div#navLeft a:link,
div#navLeft a:visited {
	padding: 4px 12px 4px 10px; margin:0; border:0; border-top: 1px solid #FFF; border-collapse:collapse;
	color:#000; text-decoration:none; background:#CCC url(../images/navLeft_off.gif) repeat-y right;
	display:block;}
div#navLeft a:active,
div#navLeft a:hover {
	color:#000; text-decoration:none; background:#bed647 url(../images/navLeft_off.gif) repeat-y right;}

ul#navLeftNews,
ul#navLeftJoin {display:none;}
body.bodyNews ul#navLeftNews,
body.bodyJoin ul#navLeftJoin {display: inherit;}

div#navLeft ul#navLeftNews,
div#navLeft ul#navLeftJoin {
	margin:0; border-bottom:0 none;}
ul#navLeftNews a:link, ul#navLeftNews a:visited,
ul#navLeftJoin a:link, ul#navLeftJoin a:visited {color:#a62625; font-size:1.25em; font-weight:bold; line-height:1.2em;
	background:#CCC url(../images/navLeft_bullet.gif) top left no-repeat; border-top:0 none; border-right:1px solid #FFF;
	padding:3px 12px 3px 20px; width:132px;}
ul#navLeftNews a:active, ul#navLeftNews a:hover,
ul#navLeftJoin a:active, ul#navLeftJoin a:hover {color:#FFF; font-size:1.25em; font-weight:bold; line-height:1.2em;
	background:#c23b3a url(../images/navLeft_bullet.gif) top left no-repeat; border-top:0 none; border-right:1px solid #FFF;
	padding:3px 12px 3px 20px; width:132px;}

body.bodyMission div#navLeft a#navAboutMission,
body.bodyLocation div#navLeft a#navAboutLocation,
body.bodyHistory div#navLeft a#navAboutHistory,
body.bodyBoard div#navLeft a#navAboutBoard,
body.bodyNews div#navLeft a#navAboutNews,
body.bodyShop div#navLeft a#navAboutShop,
body.bodyLinks div#navLeft a#navAboutLinks,
body.bodyVolunteer div#navLeft a#navAboutVolunteer,
body.bodyJoin div#navLeft a#navAboutJoin,
body.bodyDonate div#navLeft a#navAboutDonate,
body.bodyContact div#navLeft a#navAboutContact,
body.bodyCallForEntries div#navLeft a#navCallForEntries,
body.bodyArtworkGuide div#navLeft a#navArtworkGuide,
body.bodyShowPostcards div#navLeft a#navShowPostcards,
body.bodyCuratorsManual div#navLeft a#navCuratorsManual {
	color:#FFF; text-decoration:none; font-weight:bold; background:#c23b3a url(../images/navLeft_on.gif) no-repeat right;}


/* CONTENT AREA LAYOUT */
div.contentArea {
	width:900px; margin: 0 auto; padding: 0; text-align:left;
	background-color:#FFF; position: relative; top:0;
	border:0; border-top: 8px solid #FFF;}
div.contentAreaWithLeftNav {
	background:#FFF url(../images/navLeft_bg.gif) repeat-y left;}
div.contentFullWidth {
	padding: 10px; margin:0;}
div.contentWithLeftNav {
	margin: 0 0 0 190px;padding: 10px 20px 10px 10px;}
div.contentWithRightCol {
	margin: 0 255px 0 0; padding: 10px 0 10px 20px;}
div.rightCol {
	width:235px; float:right; margin: 20px 0 10px 0; border-left:3px solid #CCC;}
div#copyright {
	text-align:right; line-height:1.3em; font-size: 0.6875em; /* 16x0.6875=11px */
	position: relative; right:0; bottom:0; clear:both; 
	margin:0; padding: 20px 10px 0 0;
	border-bottom:8px solid #FFF; height: 2em;}

/* EVENTS PAGE SPOTLIGHTS - RIGHT COLUMN */
div.spotlight {
	margin: 5px; padding: 10px 5px 15px 5px; border-bottom:1px solid #CCC;}
div.spotlight p {
	margin:0; padding: 5px 0; line-height:1.25em;}
div.spotlight img {
	margin: 0 0 4px 0; padding:0;}

/* ABOUT DRA PAGE SPOTLIGHTS - HORIZONTAL LAYOUT */
div.spotlightHorizontal {
	border-top: 1px solid #CCC; padding: 8px 0 0 0; margin: 30px 0 0 0;}
div.spotlightHorizontal .col1 {
	float:left; width:212px; padding: 0 9px 9px 0;}
div.spotlightHorizontal .col2 {
	float:left; width:212px; padding: 0 9px 9px 9px; border-left: 1px solid #CCC;}
div.spotlightHorizontal .col3 {
	float:left; width:212px; padding: 0 0 9px 9px; border-left: 1px solid #CCC;}
div.spotlightHorizontal h2 {
	font-size:0.875em; /* 16x0.875=14px */
	font-family:"Trebuchet MS", Arial, sans-serif; line-height:1.2em;
	padding: 4px 0 3px 0; margin:0;}
div.spotlightHorizontal h2 a:link,
div.spotlightHorizontal h2 a:visited {
	color:#000;}
div.spotlightHorizontal p {
	line-height:1.2em; padding:0; margin:0;}

/* FOOTER */
.vertical {color:#666;}
div#footerArea {
	width:900px; margin: 0 auto;  padding: 3px 0 0 0;text-align:left;
	clear:both; position: relative; top:0; height:6em;
	background-color:#deeaa3; border:0; border-top: 3px solid #bed647;}
div#sponsors {
	width:310px; float:left; text-align:left; white-space:nowrap;
	padding: 2px 0 0 8px; margin:0; font-size:0.65em;  /* 16x0.65=10.4px */
	line-height:1em;}
div#sponsors img {
	vertical-align: bottom; padding: 0 4px 0 0;}
div#footerArea p {margin:0; padding: 0.2em 0;
	font-size: 1em; line-height: 1.2em; /* 16x1=16px */}
div.footerLeft {float:left; width:350px; text-align:center;
	font-size: 0.75em; /* 16x0.75=12px */}
div.footerRight {float:right; text-align:right; margin-right:10px;
	font-size:0.6875em; /* 16x0.6875=11px */}
div#footerArea a:link,
div#footerArea a:visited,
div#footerArea a:active,
div#footerArea a:hover {text-decoration:none;}
div.footerLeft img {vertical-align:middle;}

/* HOME PAGE LAYOUT */
body.bodyHome div.contentFullWidth {
	padding-top:27px;}

div.homeCol1 {
	width: 215px; float:left; padding: 10px 20px 0 30px;}
div.homeCol1 h1 {
	font-family:"Trebuchet MS", Arial, sans-serif; font-size:1em;
	padding:0; margin: 3px 0 2px 0;}
div.homeCol1 .date {
	font-size: 0.75em; /* 16x0.75=12px */
	font-weight:bold;}
div.homeCol1 .opening {
	font-size: 0.75em; /* 16x0.75=12px */
	font-weight:bold; color:#c23b3a; line-height:1.2em;}
div.homeCol1 p {
	margin: 4px 0 0 0; padding:0;}

div.homeCol2 {
	width: 330px; float:left; padding: 10px 20px 20px 20px; border-left:1px solid #CCC; border-right:1px solid #CCC;
	line-height:1em;}
div.homeCol2 h1 {
	font-size:1.125em; /* 16x1.125=18px */
	font-family:"Trebuchet MS", Arial, sans-serif; padding:0; margin: 5px 0 0 0;}
div.homeCol2 .date {
	font-size:0.875em; /* 16x0.875=14px */
	font-weight:bold;}
div.homeCol2 .reception {
	font-weight:bold; color:#C23B3A; 
	font-size:0.8em; /* 16x0.8=12.8px*/}

div.homeCol3 {
	width: 200px; float:left; padding: 10px 0 0 30px;}
div.homeCol3 ul {
	padding:0; margin:0; font-family:"Trebuchet MS", Arial, sans-serif; line-height:1em;}
div.homeCol3 ul a:link,
div.homeCol3 ul a:visited {
	text-decoration:none;}
div.homeCol3 ul a:active,
div.homeCol3 ul a:hover {
	text-decoration:underline;}
div.homeCol3 ul li {
	padding: 0.3em 0;}

/* PHOTO GALLERIES */
#content h1 {position:relative; z-index:20;}