@charset "UTF-8";
/* Madrone CSS Document */

body, html { background: url(images/pattern-bg.gif); font-family: Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana, sans-serif; }
h1 { color:#000; font-size:1.2em; font-weight:bold; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight:bold; color:#000; text-align:center; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight:bold; color:#009999; text-align:center; }
h4 { font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight:bold; color:#000; text-transform:uppercase; }

.style2 { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: .75em; }
.style3 { color: #000; font-family:Arial, Helvetica, sans-serif; font-size: .75em; }
.red { color:#FF0000; }

a { color: #26768f; }
a.bluebg { background: #99cccc; }
a img { border:none; }

#title {
	margin: 0 auto;
	height: 155px;
	padding: 0;
}

#maincontainer {
	margin: 0 auto 20px auto;
	padding: 0;
	z-index: 0;
}

#sidebar {
	float:left;
	position: absolute;
	top: 8px;
	left: 20px;
	font-family:Arial, Helvetica, sans-serif;
	width: 403px;
	height: 684px;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	z-index: 0;
}

#sidebar a { /* for map link */
	color: #ccffff;
}

/* classes for unique sidebar graphics on each page */
div.index {
	background: url(images/sidebar/sidebar-index.png) no-repeat;
}
div.about {
	background: url(images/sidebar/sidebar-about.png) no-repeat;
}
div.calendar {
	background: url(images/sidebar/sidebar-calendar.png) no-repeat;
}
div.drinks {
	background: url(images/sidebar/sidebar-drinks.png) no-repeat;
}
div.mailing-list {
	background: url(images/sidebar/sidebar-mailing-list.png) no-repeat;
}
div.contact {
	background: url(images/sidebar/sidebar-contact.png) no-repeat;
}
div.links {
	background: url(images/sidebar/sidebar-links.png) no-repeat;
}
div.exhibitions {
	background: url(images/sidebar/sidebar-exhibitions.png) no-repeat;
}
div.artist-index {
	background: url(images/sidebar/sidebar-artist-index.png) no-repeat;
}
div.submissions {
	background: url(images/sidebar/sidebar-submissions.png) no-repeat;
}
div.media {
	background: url(images/sidebar/sidebar-media.png) no-repeat;
}


#content {
	font-size: .8em;
	margin-top: -10px;
	position: absolute;
	left: 339px;
	width: 65%;
}

#formcontainer {
	text-align:left;
	font-size:.9em;
	background-color:#FFFF66;
	border: 1px solid #000;
	margin-top: 10px;
	margin-left: 10px;
	padding: 5px 10px;
}

#click2call {
	background-color:#aaccff;
}

ul#main-nav {
	float: left;
	position: absolute;
	top: 49px;
	left: 330px;
	z-index: 1;
}

ul#main-nav li {
	float: left;
	list-style-type: none;
	position: relative;
}

ul#main-nav li a {
	display: block;
	height: 32px;
	background-image: url(images/madrone-nav.png);
	background-repeat: no-repeat;
	position: absolute;
	text-indent: -99999px;
	overflow: hidden;
}

ul#main-nav li a.home {
	width: 48px;
	background-position: 0 0;
}
ul#main-nav li a.home:hover,
body.index ul#main-nav li a.home {
	background-position: 0 -30px;
}
ul#main-nav li a.calendar {
	width: 66px;
	left: 48px;
	background-position: -48px 0;
}
ul#main-nav li a.calendar:hover,
body.calendar ul#main-nav li a.calendar {
	background-position: -48px -30px;
}
ul#main-nav li a.drinks {
	width: 47px;
	left: 114px;
	background-position: -114px 0;
}
ul#main-nav li a.drinks:hover,
body.drinks ul#main-nav li a.drinks {
	background-position: -114px -30px;
}
ul#main-nav li a.exhibitions {
	width: 74px;
	left: 161px;
	background-position: -161px 0;
}
ul#main-nav li a.exhibitions:hover,
body.exhibitions ul#main-nav li a.exhibitions {
	background-position: -161px -30px;
}
ul#main-nav li a.artist-index {
	width: 80px;
	left: 235px;
	background-position: -235px 0;
}
ul#main-nav li a.artist-index:hover,
body.artist-index ul#main-nav li a.artist-index {
	background-position: -235px -30px;
}
ul#main-nav li a.submissions {
	width: 85px;
	left: 315px;
	background-position: -315px 0;
}
ul#main-nav li a.submissions:hover,
body.submissions ul#main-nav li a.submissions {
	background-position: -315px -30px;
}
ul#main-nav li a.media {
	width: 48px;
	left: 400px;
	background-position: -400px 0;
}
ul#main-nav li a.media:hover,
body.media ul#main-nav li a.media {
	background-position: -400px -30px;
}
ul#main-nav li a.links {
	width: 41px;
	left: 448px;
	background-position: -448px 0;
}
ul#main-nav li a.links:hover,
body.links ul#main-nav li a.links {
	background-position: -448px -30px;
}
ul#main-nav li a.mailing-list {
	width: 65px;
	left: 489px;
	background-position: -489px 0;
}
ul#main-nav li a.mailing-list:hover,
body.mailing-list ul#main-nav li a.mailing-list {
	background-position: -489px -30px;
}
ul#main-nav li a.about {
	width: 47px;
	left: 554px;
	background-position: -554px 0;
}
ul#main-nav li a.about:hover,
body.about ul#main-nav li a.about {
	background-position: -554px -30px;
}
ul#main-nav li a.contact {
	width: 80px;
	left: 601px;
	background-position: -601px 0;
}
ul#main-nav li a.contact:hover,
body.contact ul#main-nav li a.contact {
	background-position: -601px -30px;
}
ul.littlenav {
	font-family: Verdana;
	font-size: .7em;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 5px;
	left: 20px;
	float: left;
	margin: 0;
	padding: 10px;
	font-size: .7em;
	list-style: none;
}

ul.bullet-leaf {
	list-style-image: url(images/bullet-leaf.png);
}

ul.bullet-leaf li {
	margin-bottom: 10px;
}


#nav { /* navigation bar */ 
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: .8em;
	text-transform:uppercase;
	background: #000;
	width:100%;
	border: solid #000;
	border-width: 1px 0;
	padding: 10px 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

#nav a {
	text-decoration:none;
	color:#fff;
	margin: 0 20px;
}

#nav a:hover {
	color:#F6F500;
}

#nav li { /* all list items */
	display: inline;
	margin: 10px;
}

#footer {
	background:#000;
	width:100%;
}

#tablecontainer {
	background:#ccc;
	border: 1px solid #000;
	margin: 20px auto;
	width:60%;
	padding: 5px 0;
}

tr.formfield {
	padding: 5px 0;
}

#alert {
	width: 300px;
	margin: 20px auto;
	padding: 5px 10px 0 10px;
	border: 1px solid #000;
	background:#FF0000;
	color:#fff;
}

#message {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#990000;
	border: 1px solid #000;
	margin: 10px auto;
	width:350px;
	padding: 10px;
}

.photo {
	margin: 30px;
	position: relative;
	left: 30px;
}

.photo span {
	width: 350px;
	height: 263px;
	left: 240px;
	display: block;
	position: absolute;
	background: url(images/bird-border.png) no-repeat;
}

.photo-vert1 {
	margin: 0 30px 0 0;
	position: relative;
}

.photo-vert1 span {
	width: 258px;
	height: 362px;
	left: 362px;
	display: block;
	position: absolute;
	background: url(images/border-vert1.png) no-repeat;
}

.photo-vert2 {
	float: right;
	margin: 0 30px 0 0;
	position: relative;
}

.photo-vert2 span {
	width: 258px;
	height: 372px;
	display: block;
	position: absolute;
	left: 24px;
	top: -10px;
	background: url(images/border-vert2.png) no-repeat;
}

.photo-square {
	margin: 20px 30px 0 0;
	position: relative;
}

.photo-square span {
	width: 280px;
	height: 269px;
	display: block;
	position: absolute;
	left: 340px;
	top: 0;
	background: url(images/border-square.png) no-repeat;
}

.photo-snapshots {
	margin: 10px;
	position: relative;
}

.photo-snapshots span {
	width: 220px;
	height: 140px;
	left: -1px;
	top: -2px;
	display: block;
	position: absolute;
	background: url(images/snapshot-frame.png) no-repeat;
}

.photo-snapshots-vert {
	margin: 10px;
	padding-left: 8px;
	position: relative;
}

.photo-snapshots-vert span {
	width: 155px;
	height: 220px;
	left: 24px;
	display: block;
	position: absolute;
	background: url(images/snapshot-frame-vert.png) no-repeat;
}

.photo-general {
	float: right;
	margin: 10px;
	position: relative;
}

.photo-general span {
	width: 300px;
	height: 214px;
	left: -1px;
	top: 0;
	display: block;
	position: absolute;
	background: url(images/border-horizontal.png) no-repeat;
}

.photo-general-vert {
	float: right;
	margin: 10px;
	padding-left: 8px;
	position: relative;
}

.photo-general-vert span {
	width: 258px;
	height: 362px;
	left: 32px;
	display: block;
	position: absolute;
	background: url(images/border-vert1.png) no-repeat;
}

.blueBorder {
	width: 200px;
	height: 20px;
	border: 1px solid #6ec2ed;
}

#map-container {
	float: right;
	text-align: center;
}

#map {
	width: 250px;
	height: 250px;
	margin-bottom: 10px;
	border: 2px solid #ccc;
}

#artist-index-selector {
	width: 331px;
	height: 53px;
	margin: 0 auto;
	background: url(images/artist-index-selector-bg.png) no-repeat;
}

#artist-index-selector form {
	padding-top: 16px;
	padding-left: 60px;
}

#calendarContainer {
	margin: 10px 0 20px 0;
}

#calendarContainer table {
	padding: 10px;
	background: #ccc;
	opacity: 0.8;
	-moz-box-shadow: 4px 4px 8px;
}
#calendarContainer tr {
}
#calendarContainer td {
	padding: 0;
	margin: 0;
	height: 40px;
	width: 40px;
	text-align: center;
	border: 1px solid #dfdfdf;
}

#calendarContainer td:hover {
	background: #99cccc;
}

#calendarContainer td.blank {
	visibility: hidden;
}

#calendarContainer tr#dayHeader td {
	height: 20px;
}

#exhibitionNav,
#mediaNav {
	margin-bottom: 24px;
}

#exhibitionNav a,
#mediaNav a {
	font-weight: bold;
	text-decoration: none;
	margin: 0 12px 0 0;
	padding: 2px 4px;
}

#exhibitionNav a:hover,
#mediaNav a:hover {
	text-decoration: underline;
}

td.description {
	width: 475px;
	vertical-align: top;
}

.shadowBox {
	-moz-box-shadow: 2px 2px 4px #333;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	background-color: #fff;
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}

.upcomingExhibitionsHolder {
	margin: 10px 0;
}