/*
 * This stylesheet contains mostly positional styling of the main <div> elements that make up the templates
 */
 
/*@group LAYOUT */

div#wrapper {
	width: 988px;
	position: relative;
	margin: 0 auto;
}

div#main-container {
	float: left;
	text-align: left;
	background-color: #ffffff;
}

body.homepage div#main-container {
	background-color: #E3E3E2;
}

div#header {
	float: left;
	z-index: 9999;
	width: 100%;
}

div#header div#header-content {
	float: left;
	position: relative;
}

div#content-container {
	float: left;
	margin-bottom: 30px;
	padding: 0 0 0 13px;
	display: inline;
	position: relative;
	z-index: 2;
	clear: both;
}

div.content-container-tagcloud {
    background-color: #fff !important;
    padding-left: 0 !important;
    margin-left: 13px !important;
}

div#main-container div.homepage-container {
	margin-bottom: 5px;
}

div.half-column {
	float: left;
	width: 486px;
	background-color: #ffffff;
	display: inline;
}

div.calendar-column {
	float: left;
	width: 473px;
	position: relative;
	z-index: 9999;
}

div.narrow-column {
	float: left;
	width: 187px;
	/*position:relative; 
	z-index:-20; - rolling back this change*/
}

div.exhibition-promo div.narrow-column {
    padding-left:45px;
}

div#sidebar div.narrow-column {
	width: 100%;
}

div.results-narrow-column {
	float: right;
	width: 187px;
	margin-top: 28px;
}

div.indented-full-width div.search-results-listing {
	float: left;
	width: 667px;
}

div.search-results-padding {
	padding: 0 70px 0 60px;
}

div.search-null {
	clear:both;
}

div.search-null .col-left {
	float:left;
	width:406px;
}

div.search-null .col-right {
	float:left;
	width:500px;
}

div.wide-column {
	float: left;
	width: 727px;
}

div.blog-narrow-column {
	float: left;
	width: 247px;
	background: url("../img/presentation/gradients/events-header.gif") repeat-x scroll left top #FFFFFF;
}

div.comm-narrow-column {
    z-index: 999999;
	float: left;
	width: 187px;
    padding: 15px;
	/*background: url("../img/presentation/gradients/events-header.gif") repeat-x scroll left top #FFFFFF;*/
    background-color: #fff;
}

div.cloudlist-narrow-column {
	float: left;
	width: 187px;
    padding: 15px 15px 15px 0;
    background-color: #fff;
}

div.image-container {
	position: relative;
	margin-bottom: 15px;
	float: left;
}

div.image-container img {
	display: block;
}


.image-container-empty
{
    margin-bottom: 0 !important;
    display: none !important;
}

div.image-container-hide
{
    display: none !important;
}

div.blog-main-column {
	float: left;
	width: 712px;
	background-color: #FFFFFF;
}

div.blog-land-main-column
{
    width: 730px;
    padding: 15px 0 15px 15px;
    float: left;
    background-color: #fff;
}

div.blog-cloudlist-main-column
{
    width: 500px;
    padding: 0;
    float: left;
    background-color: #fff;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 22px;
}

div.comm-main-column {
	float: left;
	width: 730px;
    padding: 15px 0px 15px 15px;
	background-color: #FFFFFF;
}

div.blog-content {
	
	margin: 0px 1px 0px 66px;
	
}

div.page-main-header {
	float: left;
	margin: 27px 0 20px 45px;
	width: 727px;
}

div.search-results.narrow {
	float: left;
	margin: 27px 0 30px 45px;
	width: 600px;
}

div.search-results.wide {
	float: left;
	margin: 27px 0 30px 45px;
	width: 728px;
}

div.indented-full-width {
	width: 907px;
	margin: 40px 0 0 53px;
}

div.full-width {
    margin: 30px 0 0 15px;
    width: 932px;
}

div.general-content {
	float: left;
	width: 495px;
	margin: 0 45px;
}

div.general-content.wide {
	width:678px;
	margin:0 0 0 45px;
}

div.general-content-wide {
    float: left;
	width:725px;
	margin:0 0 0 45px;
    border-top: 4px solid #E3E3E2;
	padding-top: 16px;
}

.general-content-wide img.first-content-image {
	margin-bottom: 30px;
}


div.general-content.wide.main-map,
div.general-content.wide.itinerary {
	width:728px;
}

div.membership.wide {
	
}

div.page-main-header div.general-content {
	margin-left: 0;
}

div.page-main-header div.events-listing ul li {
	width: 100%;
}

div.page-main-header div.narrow-column,
div.page-main-header div.general-content {
	margin-top: 38px;
}

div#footer {
	margin: 15px 14px 15px 14px;
	width: 960px;
	position: relative;
	z-index: 2;
	clear: both;
    /*background-color: #e3e3e2;*/
}

/* @group L4 Art Objects */

div.art-object div.general-content {
	margin:0 0 0 28px;
	display:inline;	
}

div.art-object div.general-content.full-width {
	width: 915px !important;
}

div.art-object div.general-content {
	width:534px !important;
}

div.art-object div.narrow-column {
	margin: 0px 0 0 54px;
	width: 326px;
	display: inline;
}
/* @end */

/* @group L3 Exhibitions */
div.exhibitions.l3 div.general-content {
	margin:26px 0 0 15px;
	width:481px !important;
	display:inline;
}

div.fixByzMargin{
    margin:26px 0px 0px 54px; 
    width: 345px;
}

.exhibitions.l3 div.narrow-column{
    margin:26px 0px 0px 54px; 
    width: 345px;
}

div.exhibitions.l3 div.narrow-column {
	margin:26px 0 0 54px;
	width:345px;
	display:inline;
}
/* @end */

/* @group Press pages */
div.general-content.press {
	/*width:534px !important;*/
	display:inline;
}
/* @end */

/* PAGE EDITOR SPECIFIC STYLES */

div#phcontent {
	clear: left;
}

div#_phcontent_phthreecolumncontent {
	clear: none !important;
	float: left;
	margin: 0 45px;
	width: 495px;
}

div#_phcontent_phtwocolumncontent {
	float: left;
	margin: 27px 0 20px 45px;
    width: 727px;
}