/* GENERAL
_____________________________________________________________________________*/
.editor-button { position:relative; } 
.editor-button a { display:block; position:absolute; top:0; left:-16px; width:16px; height:12px; background:url(/themes/cp_global_images/edit_template.gif) no-repeat 0 0; text-indent:-9999em; overflow:hidden; } 

.edit {
	float:right;
}

.hiddenFields {
	margin: 0;
}

html {
	margin-bottom: 1px;
	min-height: 100%;
	height: 100%;
}

body, div, dl, dt, dd, ul, 
ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, th, td, img, p {
	margin:0;
	padding:0;
	border:0;
}

table {
	font-size:inherit;
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

img {
	border: 0;
	vertical-align: bottom;
}

cite, code, em, strong, th {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}

th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

q:before, q:after {
	content:'';
}

* {
	outline: none;
}

/* commented backslash hack \*/
html, body{height:100%;}
/* end hack */
html,body {margin:0;padding:0}

body {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #56575A;
	text-align: center;
	background-color: #444444;
}

/* LINKS AND FONTS

Main text 			#56575A     -grey
bold black 			#000000		black
Background grey 	#BFC0C3
_____________________________________________________________________________*/

a {
	text-decoration: none;
	color: #56575A;
}

a:hover {
	text-decoration: underline;
}

a.read-more {
	color: #000000;
	text-indent: 5px;
	white-space: nowrap;
	text-decoration: underline;
}

a.read-more:hover {
	text-decoration: none;
}

a.underline-more {
	color: #000000;
	text-indent: 5px;
	white-space: nowrap;
	text-decoration: underline;
}

a.underline-more:hover {
	text-decoration: none;
}

a.biglink {
	font-size: 14px;
	color: #000000;
	text-decoration: underline;
	text-transform: uppercase;
}

a.link-more {
	color: #000000;
	text-decoration: underline;
	display: block;
	font-family: "Times New Roman", Times, serif;
}

a.link-more:hover {
	text-decoration: none;
}

a.active {
	font-weight: bold;
	color: #56575A;
}

h1 {
	color: #FFFFFF;
	text-transform: uppercase;
	background: #BFC0C3;
	padding: 12px 0 12px 17px;
	line-height: 12px;
	border-bottom: 10px solid #FFFFFF;
}

h2 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 3px;
}

h4 {
	font-size: 16px;
	margin-bottom: 8px;
}

h5 {
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 10px;
}

h6 {
	color: #FFFFFF;
	text-transform: uppercase;
	background: #BFC0C3;
	padding: 10px 0 11px 0px;
	line-height: 12px;
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
}

h6 a {
	color: #FFFFFF;
}

p {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
}

label,
span.label {
	font-family: Arial, Helvetica, sans-serif;
}

/* FORMS
_____________________________________________________________________________*/

form {
	line-height: 22px;
}

input.text,
input.submit,
textarea,
select {
	border: 1px solid #56575a;
	color: #56575a;
}

input.text {
	background-color: #FFFFFF;
	display: block;
	width: 100%;
	padding-left: 3px;
}

input.submit {
	background-color: #DFE0E2;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0;
	clear: both;
}

input.choices {
	width: 140px !important;
	display: inline;
}

.f50r input.choices {
	width: 148px !important;
}

textarea {							
	width: 100%;
	margin-bottom: 5px;
}

textarea.large {
	height: 175px;
}

textarea.small {
	height: 70px;
}

select {
	display: block;
	width: 200px;
}

option {
	border: none;
}


form div {
	margin-bottom: 5px;
}

.f66 {
	width: 64%;
	float: left;
	padding-right: 2%;
}

.f60 {
	width: 58%;
	float: left;
	padding-right: 2%;
}

.f50 {
	width: 48%;
	float: left;
	padding-right: 2%;
}

.f50r {
	width: 50%;
	float: right;
	padding-right: 0;
}

.f40 {
	width: 38%;
	float: left;
	padding-right: 2%;
}

.f33 {
	width: 31%;
	float: left;
	padding-right: 2%;
}

.f33r {
	width: 34%;
	float: left;
	padding-right: 0px;
}

.f25 {
	width: 23%;
	float: left;
	padding-right: 2%;
}

.f25r {
	width: 108px;
	float: left;
	padding-right: 0px;
}

.smaller input.text,
form.smaller input.text {
	font-size: 10px;
	display: inline;
	width: 70%;
}

.smaller input.text,
form.smaller input.submit {
	clear: none;
}

#middle-column form {
	margin-bottom: 50px;
}

#contact-form {
	text-transform: uppercase;
}

.alert {
	color: #FFC301;
	font-weight: bold;
	display: none;
	padding-bottom: 10px;
	text-transform: none;
}

.form-instructions {
	text-transform: none;
	padding-bottom: 5px;
}

#exhibit-rental-form select {
	width: auto;
	display: block;
}

#exhibit-rental-form textarea {
	height: 75px;
}


/* STRUCTURE
_____________________________________________________________________________*/

#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 957px;
	background: repeat-y url(/images/site/bg-container.gif);
	padding: 0px 33px;
}

#content {
	background-color: #FFFFFF;
	padding: 9px;
}

#left-column {
	width: 199px;
	float: left;
}

#right-column {
	width: 722px;
	float: right;	
}

#middle-column {
	width: 433px;
	float: left;
	margin-bottom: 30px;
}

#right-touts {
	width: 270px;
	float: right;
}

#bg-div {
	background: repeat-y url(/images/site/bg-content.gif) 207px;
}

.line {
	height: 1px;
	padding: 9px 0;
	background: repeat-x center url(/images/site/bg-linex.gif);
	clear: both;
}

/* HEADER
_____________________________________________________________________________*/

#header {
	padding-bottom: 9px;
	background: repeat-x bottom url(/images/site/bg-linex.gif);
	margin-bottom: 9px;
}

#header img {
	float: left;
}

#cart-tout {
	width: 134px;
	height: 198px;
	float: right;
	position: relative;
	font-size: 11px;
	line-height: 20px;
	text-transform: uppercase;
}

#cart-tout div {
	position: absolute;
	bottom: -4px;
}

#cart-tout a {
	display: block;
}

a#cart-total {
	color: #000000;
	text-transform: none;
	margin-bottom: 20px;
	font-size: 12px;
	font-weight: bold;
}

/* LEFT COLUMN
_____________________________________________________________________________*/

#left-column .line {
	padding: 20px 0;
}

.nav {
	line-height: 24px;
	padding-bottom: 15px;
	background: repeat-x bottom url(/images/site/bg-linex.gif);
	margin-bottom: 15px;
	margin-top: 10px;
}

.nav a {
	text-transform: uppercase;
}

.nav li li a {
	text-transform: none;
}

.nav li {
	background: no-repeat url(/images/site/menu-carat.gif) 0px 9px;
	padding-left: 10px;
}

.nav li li {
	padding-left: 2px;
	margin-bottom: 12px;
	line-height: 12px;
	background: none;
}

.nav ul {
	display: none;
}

.nav li.active ul {
	display: block;
	margin-bottom: 24px;
	margin-top: 6px;
}

.nav li.active li ul {
	display: none;
}

.nav li.active li.active ul {
	display: block;
	padding-left: 10px;
	margin-top: 12px;
}

.left-tout {
	padding-bottom: 15px;
	background: repeat-x bottom url(/images/site/bg-linex.gif);
	margin-bottom: 15px;
}

.left-tout-image {
	margin-bottom: 18px;
}

.nav .editor-button {
	display: none;
}

#store-nav.active ul {
	display: block;
}

.nav li.active ul.store-sub {
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
} 

#site-map ul {
	display: block;
}

#site-map ul ul {
	margin-top: 10px;
	padding-left: 15px;
}

#searches span input.radio {
	vertical-align: -2px;
	margin-right: 4px;
}

#searches span {
	text-transform: uppercase;
	font-size: 10px;
}

/* MIDDLE COLUMN
_____________________________________________________________________________*/

.box {
	margin: 15px 0 25px 0;
}

.faq {
	margin-bottom: 15px;
}
	
#middle-column p {
	margin-bottom: 0px;
	padding-bottom: 15px;
}

#middle-column .withdate h4,
#middle-column .withdate h2,
#middle-column .workshop h4,
#middle-column .volunteer h4 {
	margin-bottom: 0px;
}

#middle-column .news-item h2 {
	margin-bottom: 4px;
}

.section-container {
	padding-bottom: 15px;
	background: repeat-x bottom url(/images/site/bg-linex.gif);
	margin-bottom: 13px;
}

#exhibit-links {
	padding-bottom: 0px;
}

#exhibit-links a {
	color: #000000;
	text-decoration: underline;
}

.home-exhibit {
	padding-bottom: 0px;
}

/* STORE
_____________________________________________________________________________*/

#bg-div.store {
	background-position: -245px;
}

.store #middle-column {
	width: 100%;
}

.store #right-touts {
	display: none;
}

#middle-column.home-touts p {
	padding-bottom: 0px;
}

.home-tout {
	width: 232px;
	height: 289px;
	float: left;
	margin-right: 10px;
	border: 1px solid #56575A;
}

.store .r {
	margin-right: 0px;
}

.home-touts .section-container {
	margin-bottom: 13px;
}

.home-tout h6 {
	margin-bottom: 0px;
}

.home-tout img {
	margin-bottom: 6px;
}

.padding {
	padding: 9px;
}

.product-tout {
	width: 168px;
	height: 268px;
	float: left;
	margin-right: 10px;
	text-align: center;
	border: 1px solid #56575A;
	position: relative;
	margin-bottom: 10px;
}

.product-tout h6 {
	padding: 5px 0 6px 0;
	margin-bottom: 6px;
	text-transform: none;
}

.product-tout img {
	margin-bottom: 15px;
}

.product-tout a {
	font-family: "Times New Roman", Times, serif;
	text-decoration: underline;
}

.product-tout a:hover {
	text-decoration: none;
}

.product-tout span.pricey {
	width: 100px;
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -50px;	
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}

.product-left {
	width: 433px;
	float: left;
}

.product-right {
	width: 270px;
	float: right;
}

img#product-main {
	margin-bottom: 15px;
}

.thumbnails img {
	border: 1px solid #56575A;
	margin-right: 8px;
	margin-bottom: 8px;
}

.thumbnails div {
	margin-bottom: 5px;
}

#middle-column form#email-friend {
	margin-bottom: 18px;
}

a#size-chart {
	display: block;
	margin-bottom: 13px;
}

.product-right form div {
	margin-bottom: 12px;
}

.product-right input.choices {
	margin-bottom: 0px;
	width: 40px !important;
}

/* FOOTER
_____________________________________________________________________________*/

#footer a {
	text-transform: uppercase;
}

#footer div {
	font-size: 10px;
	margin-top: 4px;
}

/* RIGHT COLUMN
_____________________________________________________________________________*/

#right-touts img {
	margin-bottom: 15px;
}

.right-tout {
	padding-bottom: 15px;
	background: repeat-x bottom url(/images/site/bg-linex.gif);
	margin-bottom: 15px;
}

.archive a {
	display: block;
	text-transform: uppercase;
	margin-bottom: 4px;
}

#right-touts ul.nav {
	background-image: none;
}
	
.homepage-text p {
	margin-bottom: 15px;
}

#right-touts h6 {
	text-align: left;
	padding-left: 17px;
}

#right-touts .nav li.active li ul {
	display: block;
}

#right-touts ul.nav ul ul {
	padding-left: 10px;
	margin-top: 14px;
}

/* JCAROUSEL / SLIDESHOW	
_____________________________________________________________________________*/

#main-exhibit-image {
	width: 433px;
/*	height: 260px;  */
	margin-bottom: 10px;
}

.jcarousel-skin-tango {
	height: 70px;
	margin-bottom: 20px;
}

.jcarousel-container {
    position: relative;
    background: #eaebec;
    border: 0;
    width: 397px;
    padding: 10px 15px 10px 20px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width:  392px;
    height: 50px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li {
    float: left;
    list-style: none;
    width: 50px;
    height: 50px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-item-horizontal {
    margin-right: 7px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-next-horizontal {
    position: absolute;
    top: 30px;
    right: 5px;
    width: 10px;
    height: 15px;
    cursor: pointer;
    background: transparent url(/images/site/arrow-next.gif) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 30px;
    left: 5px;
    width: 10px;
    height: 15px;
    cursor: pointer;
    background: transparent url(/images/site/arrow-prev.gif) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}