body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: #333;
	background-color: #FFFFFF;
	text-align: center;
}

table {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	color: #333333;
}

a {
	/*color: #003E85;*/
	color: #003E85;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	text-decoration: none;
}

a:visited {
	/*color: #003E85;*/
	color: #333;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	text-decoration: none;
}

a:active {
	/*color: #003E85;*/
	color: #333;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	text-decoration: none; 
}

a:hover {
	/*color: #003E85;*/
	color: #333;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	text-decoration: underline;
}

#wrapper {
	background-color: #FFFFFF;
	width: 770px;
	display: table;
	margin: 0 auto;
	text-align: left;
}

#header {
	margin-top: 10px;
	height: 25px;
	width: 750px;
	padding: 0px 10px 0px 10px;
	font-weight: bold;
	color: #333;
}

#header div#title {
	float: left;
	width: 300px;
}

#header div#phone {
	float: right;
	width: 200px;
	text-align: right;
}

#navigation {
	background-color: #DDDDDD;
	padding: 5px 10px 5px 10px;
	margin-top: 10px;
	width: 750px;		/*niftycube adds padding to width in gecko*/
	_width: 770px;	/*niftycube does not add the padding to the width in IE6 (IE hack)*/
}

#main {
	min-height: 580px;
	height: auto;
	_height: 580px;			/*IE6 will auto expand so setting height rather than min_height (which doesn't work) will work fine*/
	margin-top: 10px;
	padding: 0px 10px 10px 10px;
	width: 750px;
}

.inverse a, .inverse a:visited, .inverse a:active, .inverse a:hover {
	color: #333;
	font-size: 8pt;
}

span.actions {
	font-size: smaller;
}

span.actions a, span.actions a:hover {
	font-size: 8pt;
}

span.publish {
	background-color: #CBEBD6;
	padding: 2px;
}

span.publish a {
	color: #333;
}

span.edit {
	background-color: #FFFFCC;
	padding: 2px;
}

span.edit a {
	color: #333;
}

span.revisions {
	background-color: #CBE3FD;
	padding: 2px;
}

span.revisions a {
	color: #333;
}

span.delete {
	background-color: #E9C9C8;
	padding: 2px;
}

span.delete a {
	color: #333;
}


div#edit-header {
    float: left;
    width: 560px;
    height: 20px;
    padding-left: 10px;
}

#flash {
	text-align: center;
	padding: .5em;
	font-style: italic;
}

#footer {
	width: 770px;
	text-align: center;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 8pt;
}

img.clickable {
	cursor: pointer;
}

.warning {
  border: 2px solid #E9C9C8;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #FFFFCC;
  text-align: center;
}

.notice {
	color: green;
	text-align: center;
}

div#sub_navigation {
	background-color: #DBFFAC;
	width: 175px;
	float: right;
	padding: 10px;
	margin: 10px;
}

/**/

div#news_summary {
	margin-top: 20px;
}

div#news_summary ul {
	list-style-image: url(/images/comment.png);
}

span.timestamp {
	font-size: 8pt;
}

div#directions {
	float: right;
	margin-top: 20px;
	width: 300px;
}

div#directions h4 {
	display: inline;
}

div#directions div#caption {
	text-align: right;
	font-size: 8pt;
	color: rgb(150, 150, 150);
}

/* Exhibits */
div#exhibits {
	width: 200px;
	float: left;
}

div.exhibit_listing {
	background-color: #DBFFAC;
	width: 200px;
	padding: 10px;
	margin: 10px;
	cursor: pointer;
}

div.exhibit:hover {
	/*background-color: #ffc;*/
}

div#exhibits_content {
	width: 500px;
	float: right;
}

div#exhibit {
	text-align: justify;
}

div#exhibit_information {
	background-color: #DBFFAC;
	width: 250px;
	float: right;
	padding: 5px;
	margin: 10px;
	font-size: smaller;
}

div#exhibit_information div {
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}

div#exhibit_information table {
	width: 100%;
}

div#exhibit_information td {
	font-size: smaller;
	vertical-align: top;
}

/* Courses */
div#tab-wrapper {
    width: 720px;
    height: 20px;
		padding: 0px 10px 0px 10px;
}

ul#tabs, ul#tabs li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul#tabs {
    width: 100%;
}

ul#tabs li {
    float: left;
    margin-right: 3px;
    text-align: center;
}

ul#tabs a {
		background-color: #FFC;
    float: left;
		padding: 2px 5px 0px 5px;
		color: #333;
}

ul#tabs a.selected {
	background-color: #DBFFAC;
}

ul#tabs a:hover {
    cursor: pointer;
}

ul#tabs li#hint {
	float: right;
}

ul#tabs li#hint span {
  width: 225px;
  padding: 1px 0;
	color: #999;
	font-size: smaller;
}

div.course_listings {
	background-color: #DBFFAC;
	padding: 5px;
	width: 740px;
	display: none;
}

div.course_listing {
	width: 730px;
}

div.course_listing_summary {
	margin: 5px 5px 5px 5px;
	cursor: pointer;
	width: 720px;
}

div.course_listing_summary:hover {
	background-color: #FFC;
}

div.course_listing_summary table {
	width: 720px;
}

div.course_listing_full {
	margin: 5px 5px 5px 5px;
	cursor: pointer;
	width: 720px;
	display: none;
}

div.course_listing_details {
	padding: 0px 25px 0px 25px;
	margin: 5px 0px 15px 0px;
	font-size: smaller;
	display: none;
}

div.course_listing_details p {
	padding: 0px 10px 0px 10px;
	margin: 5px 0px 5px 0px;
}


/* Events */
div#events {
	float: left;
	width: 300px;
}

div#events ul {
	margin-left: -25px;
	_margin-left: 0px;
}

div#events ul div {
	background-color: #DBFFAC;
	padding: 5px;
}

div#events ul div table {
	width: 100%;
}

div#events ul div table td.actions {
	text-align: right;
}

div#events ul p {
	margin-left: 10px;
	margin-top: 0px;
}

div#events_content {
	float: right;
	width: 400px;
}

div#event {
	
}

div#event_information {
	background-color: #DBFFAC;
	float: right;
	padding: 5px 5px 5px 10px;
	margin: 10px;
	width: 250px;
}

div#event_information select {
	font-size: smaller;
}

/*Artists*/
div#media_list {
	width: 150px; float: left;
}

div#media_list ul {
	list-style: none;
	margin: 0px 0px 0px -25px;
	_margin: 0px 0px 0px 5px;
}

div#media_list li {
	margin: 3px;
}

table#artist_details {
	margin: 0px 0px 10px 15px;
}

table#artist_details td, table#artist_details a {
	font-size: 8pt;
}

p#artist_description, p#artist_thumbnails {
	margin: 0px 0px 15px 15px;
}

/*Reorder*/
div#reorder_information {
	float: left;
	background-color: #DBFFAC;
	padding: 25px;
	text-align: justify;
	width: 300px;
}

div#reorder_list {
	float: right;
	padding: 10px;
	width: 370px;
}

/* People */
table#people tbody tr:hover {
	background-color: rgb(255,255,204);
}

table#people tbody td {
	border-bottom: 1px solid #AAAAAA;
}

table#people tbody td:hover {
	cursor: pointer;
}

/* Miscellaneous */
img {
	vertical-align: middle;
}

h3.toggler {
	display: inline;
}

h3.toggler a {
	color: #333;
}

span.handle {
	cursor: move;
}

ul#sortable_list {
	list-style: none;
}