html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: "Droid Sans", sans-serif;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* :focus { outline: 0; }

div#wrapper {
	/*width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -255px;*/
}

/*div.push {
	height: 255px;
}*/

div#header {
	height: 136px;
	position: relative;
	/*width: 960px;*/
	z-index: 500; /* ie 6 fix for top nav mouse over falling behind double-stroke */
}

div#logo {
	background-image: url("../images/missoula-art-museum-logo.gif");
	background-repeat: no-repeat;
	width: 250px;
	height: 112px;
	margin-top: 28px;
	z-index: 1;
	position: relative;
}

h1#sitename {
	position: relative;
	/*width: 250px;*/
	height: 112px;
	text-indent: -1800px;
	display: block;
	z-index: 199;
}

h1#sitename a {
	color:#EC0101;
	width: 250px;
	height: 112px;
	display: block;
	outline: 0;
}

div#band {
	width: 3500px;
	height: 112px;
	background-color: #EC0101;
	position: absolute;
	left: -3250px;
/*	top: 0px;*/
	margin-top: 28px;
}

div#navigation {
	/*float: left;*/
	/*width: 418px;*/
	/*margin-left: 346px;*/
	margin-left: 48px;
	margin-top: 64px;
	position: absolute;
}

div#navigation a {
	font-weight: bold;
	color: #000;
	font-size: 18px;
	text-decoration: none;
	padding-right: 40px;
}

div#cart-header {
	/*background-color: #999;*/
	width: 206px;
	/*height: 83px;*/
	/*margin-left: 754px;*/
	margin-top: 49px;
	position: absolute;
	background-image: url("../images/cart-header.gif");
	background-repeat: no-repeat;
	/*overflow: hidden;*/
}

div#cart-header div#view-cart {
	height: 20px;
	width: 100px;
	margin-left: 95px;
	margin-top: 10px;
	text-indent: -1800px;
	display: block;
}

div#cart-box {
	border-left: 1px solid #adadad;
	padding-left: 15px;
	position: relative;
	display: block;
	margin-top: 60px;
}

div#cart-box i {
	font-size: 50px;
	padding-right: 15px;
}

div.cart-links {
	margin-top: 8px;
	float: right;
}

div#cart-box a.view-cart {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	white-space: nowrap;
	margin-bottom: 20px;
}

div#cart-box a.check-out {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #ec0101;
	white-space: nowrap;
}

div#cart-box a.check-out i {
	font-size: 15px;
}

div#newsletter-signup {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	text-align: right;
	width: 100%;
	margin-top: 28px;
}

div#newsletter-signup a {
	color: #EC0101;
	text-decoration: none;
}

div#newsletter-signup a:hover {
	text-decoration: underline;
}

div#donate-button {
	width: 180px;
	background-color: #ccc;
	padding: 2px;
	margin-top: 12px;
	text-align: center;
	border: 2px solid #666;
	float: right;
	font-size: 14px;
	color: #333;
}

div#donate-button:hover {
	background-color: #ec0101;
	color: #fff;
	border: 2px solid #f8a6a6;
}


div#cart-header div#check-out {
	height: 15px;
	width: 100px;
	margin-left: 95px;
	text-indent: -1800px;
	display: block;
}

div#cart-header div#view-cart a {
	color: #fff;
	height: 20px;
	width: 100px;
	outline: 0;
	display: block;
}

div#cart-header div#check-out a {
	color: #fff;
	outline: 0;
	height: 15px;
	width: 100px;
	display: block;
}



div#navigation-primary {
	position: relative;
	/*width: 960px;*/
	width: 100%;
	height: 78px;
	margin-top: 20px;
}

div.double-stroke {
	background-image: url("../images/nav-double-bar.gif");
	background-repeat: repeat-x;
	height: 6px;
	clear: both;
}

div#navigation-primary a {
	font-weight: normal;
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
}

div#footer {
	/*background-image: url("../images/footer-sliver.gif");*/
	background-repeat: repeat-x;
	min-height: 351px;
	clear: both;
	background-color: #292929;
	display: block;
	position: relative;
}

div#footer-container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	color: #fff;
}

div#footer-col-one {
	margin-left: 10px;
	/*width: 220px;*/
	height: 248px;
	/*float: left;*/
	background-image: url("../images/footer-cap.gif");
	background-position: center top;
	background-repeat: no-repeat;
	margin-top: 4px;
	font-size: 12px;
}

div#footer-col-two {
	margin-left: 20px;
	/*width: 220px;*/
	height: 248px;
	/*float: left;*/
	background-image: url("../images/footer-cap.gif");
	background-position: center top;
	background-repeat: no-repeat;
	margin-top: 4px;
	font-size: 12px;
}

div#footer-col-three {
	margin-left: 20px;
	/*width: 220px;*/
	height: 248px;
	/*float: left;*/
	background-image: url("../images/footer-cap.gif");
	background-position: center top;
	background-repeat: no-repeat;
	margin-top: 4px;
	font-size: 12px;
}

div#footer-col-four {
	margin-left: 20px;
	/*width: 230px;*/
	height: 248px;
	float: left;
	font-size: 12px;
}

div.footer-content {
	padding-top: 37px;
	font-size: 12px;
}

div#footer-logo {
	/*width: 230px;*/
	height: 104px;
	background-image: url("../images/footer-logo.gif");
	background-repeat: no-repeat;
	position: relative;
}

div.footer-content h4 {
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

p {
	margin-top: 0px;
	padding-top: 0px;
}

div.footer-content p {
	line-height: 18px;
	font-size: 12px;
}

div#footer-nav-one {
	float: left;
	width: 80px;
	line-height: 18px;
	font-size: 12px;
}

div#footer-nav-two {
	float: left;
	width: 128px;
	line-height: 18px;
}

div#footer-col-one a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 5px;
	font-size: 12px;
}

div#footer-col-one a:hover {
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

div#copyright {
	padding-top: 10px;
	font-size: 12px;
}

div#social {
	height: 28px;
	padding-top: 10px;
}

div#social img {
	float: left;
	padding-right: 10px;
}

div#footer-col-three div.footer-content a.read-more, div#footer-col-three div.footer-content a.privacy {
	color: #EC0101;
	text-decoration: none;
}

div#footer-col-three div.footer-content a.read-more:hover, div#footer-col-three div.footer-content a.privacy:hover {
	border-bottom: 1px solid #EC0101;
}

div#message {
	text-align: center;
	border-bottom: 2px solid #E2E2E2;
	margin-bottom: 20px;
}

div#message h1 {
	text-transform: uppercase;
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 15px;
}

div#home-box-one {
	/*float: left;*/
	/*width: 300px;*/
	padding-bottom: 35px;

}

div#home-box-two {
	/*float: left;*/
	/*width: 300px;*/
	/*margin-left: 20px;*/
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 35px;

}

div#home-box-three {
	/*float: left;*/
	/*width: 300px;*/
	/*margin-left: 20px;*/
	padding-bottom: 35px;
}

div#box-container {
	clear: both;
}

.header-pad {

	text-align: center;
	width: 100%;
}

div.box-header {
	text-transform: uppercase;
	font-size: 16px;
	/*width: 225px;*/
	text-align: center;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}

div.header-position {
	margin-left: auto;
	margin-right: auto;
	display: table;
}

div.quick-box {
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	background-image: url("../images/box-fade.gif");
	background-repeat: repeat-x;
	background-position: center bottom;
	/*width: 300px;*/
	width: 100%;
	background-color: #fff;
}

div.quick-box-padding {
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 15px;
	padding-bottom: 20px;
}

div.quick-box-content {
	line-height: 19px;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	overflow: hidden
}

div#pg-container {
	padding-top: 23px;
	/*width: 650px;*/
	width: 80%;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}

div#pg-container-single {
	padding-top: 23px;
	/*width: 650px;*/
	width: 80%;
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
}

div#page-header {
	font-size: 18px;
	padding-bottom: 13px;
	font-weight: bold;
	line-height: 25px;
}

div#cms-container, div#cms-container-insert, td, div#general-content, div#membership-reminder,
div#cvv   {
	font-size: 13px;
}

div#cms-container p {
	font-size: 13px;
}

div#cms-container-detail {
	width: 950px;
	font-size: 13px;
}

div#cms-detail-small-box {
	float: left;
	width: 200px;
}

div#general-content a, div#membership-reminder a {
	font-size: 13px;
	color: #EC0101;
	text-decoration: none;
}

div#general-content a:hover, div#membership-reminder a:hover {
	font-size: 13px;
	color: #EC0101;
	text-decoration: underline;
}

div#cms-container img, div#cms-container-insert img {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

table {
	border: 0;
}

div#cms-container table {
	border: 0;
}

div#cms-container table td {
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
}

div#cms-container ul {
	margin-left: 20px;
}

div#simple-container {
	padding: 20px;
	font-size: 13px;
	line-height: 20px;
}

div#cms-container a, div#cms-container-insert a {
	color: #EC0101;
	text-decoration: none;
	font-weight: normal;
}

div#cms-container a:hover, div#cms-container-insert a:hover {
	color: #EC0101;
	text-decoration: underline;
}

div#layout-wrapper {
	margin-top: 20px;
	padding-bottom: 20px;
	min-height: 550px;
}

table#contact td {
	padding: 3;
}

.red {
	color: #EC0101;
	font-size: 13px;
}

textarea {
	font-size: 13px;
}


div.contact-items {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 20px;
}

div.contact-items img {
	padding-bottom: 5px;
}

/*div#content-address {
	width: 220px;
	height: 80px;
	float: left;
	margin-right: 15px;
	background-image: url('../images/hdr_address.gif');
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 5px;
	padding-top: 45px;
	font-size: 13px;
}

div#content-phone {
	width: 220px;
	height: 80px;
	float: left;
	margin-right: 15px;
	background-image: url('../images/hdr_phone.gif');
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 5px;
	padding-top: 45px;
	font-size: 13px;
}

div#content-web {
	width: 220px;
	height: 80px;
	float: left;
	margin-right: 15px;
	background-image: url('../images/hdr_web.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 55px;
	font-size: 13px;
}

div#content-hours {
	width: 220px;
	height: 80px;
	float: left;
	background-image: url('../images/hdr_hours.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 55px;
	font-size: 13px;
}*/

table td a {
	color: #EC0101;
	text-decoration: none;
}

table td a:hover {
	text-decoration: underline;
}

table#store-listing td.clear {
	width: 300px;
	height: 185px;
	border: 10px solid #fff;
}

table#category-listing td.clear {
	width: 200px;
	border: 10px solid #fff;
}

table#store-listing td.grey, .grey {
	background-color: #F2F2F2;
}

table#category-listing div.grey {
	background-color: #F2F2F2;
}

div.membership-item {
	border: 1px solid #E2E2E2;
	padding: 5px;
	margin-bottom: 5px;
}

div.membership-item-grey {
	background-color: #F2F2F2;
}

div#membership-gift-card {
	background-image: url('../images/mam-membership-gift-card-backer.jpg');
	background-repeat: no-repeat;
	width: 235px;
	height: 112px;
	margin-top: 20px;
	padding-left: 90px;
	padding-top:2px;
}

ul.membership {
	margin: 0;
}

.product-box {
	float: left;
}

div.product-container {
	/*width: 300px;*/
	min-height: 200px;
	max-height: 200px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-right: 20px;
	border: 1px solid #E2E2E2;



	/* if you want adjustable height.. remove
	height attribute, overflow attribute and set
	min-height, make sure you handle min-height
	handling for IE */
}

div.product-container-classes {
	/*width: 300px;*/
	/*height: 225px;*/
	min-height: 310px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 1px solid #E2E2E2;
	overflow: hidden;
	/* if you want adjustable height.. remove
	height attribute, overflow attribute and set
	min-height, make sure you handle min-height
	handling for IE */
}

div.small-container {
	max-width: 200px;
	border: 1px solid #E2E2E2;

}

div.product-container div.img-container {
	float: left;
	/*height: 175px;*/
	padding-right: 14px;
}

div.img-container img {
	border: 1px solid #E2E2E2;
	padding-top: 10px;

	/*width: 100%;
	height: auto !important;*/
}

div.product-container-pad, div.small-container-pad {
	padding: 14px;
	font-size: 13px;
}

span.author {
	font-style: italic;
	font-size: 12px;
}

span.title a {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

span.title a:hover {
	color: #EC0101;
	text-decoration: underline;
}

table#product-detail td img {
	padding-right: 20px;
}

div.product-detail-title {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

table#purchase td {
	padding-right: 40px;
}

div#crumb {
	margin-top: -15px;
	padding-bottom: 25px;
	line-height: 20px;
}

div#crumb span.blank {
	text-transform: uppercase;
	font-size: 12px;
	color: #EC0101
}

div#crumb a {
	text-decoration: none;
	font-size: 11px;
	color: #000;
	text-transform: uppercase;
}

div#crumb a:hover {
	color: #EC0101
}

div#crumb a.active {
	color: #EC0101;
}

div#crumb span.char {
	font-size: 10px;
}

div#membership-gift-card {
	background-image: url('../images/mam-membership-gift-card-backer.jpg');
	background-repeat: no-repeat;
	width: 235px;
	height: 112px;
	margin-top: 20px;
	padding-left: 90px;
	padding-top:14px;
}

.small {
	font-size: 10px;
}

div.hrline {
   height: 1px;
   left: 1px;
   border-bottom: 1px dashed  #D7D5D5;
}

table tr.grey td {
	background-color: #F2F2F2;
}

table tr.item td a {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #EC0101;
}

table tr.item td a:hover {
	color: #EC0101;
	text-decoration: underline;
}

h3 {
	text-transform: uppercase;
	margin-top: 0px;
	font-size: 18px;
}

table#cart-table, table#cart-table td {
	padding: 2px;
	background-color: #fff;
	margin-left: -10px;
	/*border: 1px solid #000;*/
}

table#cart-table td a {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #EC0101;
}

table#cart-table td a:hover {
	color: #EC0101;
	text-decoration: underline;
}

table#cart-table td.product {
	margin-left: 40px;
}

.quick-box-content a, div#cms-container-detail a {
	text-decoration: none;
	color: #EC0101;
}
.quick-box-content a:hover, div#cms-container-detail a:hover {
	color: #EC0101;
	text-decoration: underline;
}

div#cms-container hr {
	border: 0;
	background-color: #d3d3d3;
	shade: no-shade;
}

a.auto-colorbox img {
	border: 0;
}

img.button {
	margin: 0px;
	padding: 0px;
}

div#aam {
	position: relative;
	width: 66px;
	height: 65px;
	background-image: url('../images/aam-logo.gif');
	background-repeat: no-repeat;
	margin-top: -65px;
	margin-left: 190px;"
}



div.donationTitle {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

div.donationItem {
	margin-bottom: 40px;
	font-size: 13px;
}

div.donationForm {
	float: right;
}

div.donationName {
	font-weight: bold;
	color: #339900;
	font-size: 22px;
	text-transform: uppercase;
}



/*################# POST RESPONSIVE CHANGES ################## */
.exhibit-images {
	text-align: center;

}

div#cms-container img.thumb {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 10px;
	max-width: none;
	outline: #E2E2E2 solid thin;
	outline-offset: 10px;

}

.exhibit-content, .calendar-content {
	font-size: 13px;
	line-height: 20px;
}

.calendar-content {
	padding-bottom: 40px;
}

.line {
	padding-top: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

div#cms-container img.goback {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

div#cms-container {
	line-height: 20px;
}


table#calendar {
	border: 0;
	padding; 0;
	margin: 0;
}

table#calendar td {
	padding: 0;
	margin: 0;
	text-align: center;
	padding-top: 2px;
}

div.bill-container {
	text-align: center;
	border-right: 1px solid #e2e2e2;
}

div.ship-container {
	text-align: center;
}

div.bill-container .pad-right {
	padding-right: 10px;
}

div.ship-container .pad-left {
	padding-left: 10px;
}

img.cccard {
	max-width: none;
}

div.payment-label {
	text-align: right;
	padding-top: 10px;
}

div.mobile-cart {
	position: absolute;
	text-align: right;
	width: 100%;
	top: 50px;
	padding-right: 20px;
}


img.padLeft {
	margin-left: 10px;
	margin-bottom: 10px;
}

img.padRight {
	margin-right: 10px;
	margin-bottom: 10px;
}