/************************************************************/
/************************ Page Layout ***********************/
/************************************************************/



#header {
display: none;

}

#handyInfoSection {
display: none;

}


#mainMenu {
    display: none;
}

#subMenu {
    display: none;
}
    
#featuredSection {
display: none;

}

#content {
    text-align: justify;
}

.clear {
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 0px;
}




/************************************************************/
/*************** Footer Text Formatting *********************/
/************************************************************/

#rssLinks {
display: none;
}

#address {
    font-size: 65%;
}

#footer .utility {
    height: 1px;
    clear: both;
    padding: 0px;
    margin: 0px;
}


/************************************************************/
/********************** Text Formatting *********************/
/************************************************************/

* {
    font-family: arial, helvetica, sans-serif;
}







/************************************************************/
/********************** Media Formatting *********************/
/************************************************************/

img {
    border: none;
}

#mediaSetThumbnails {
    margin-top: 15px;
    text-align: left;
}

.mediaSetThumbnailsEmbeded {
    text-align: right;
    margin-top: 15px;
    padding-bottom: 5px;
    padding-left: 5px;
    float: left;
    padding-right: 5px;
    margin-right: 5px;
    max-width: 150px;
}

.mediaSetThumbnailsEmbeded img {
    float: left;
}


#mediaSetThumbnails img {
    padding-right: 5px;
    padding-bottom: 15px;
}

.inlineIcon{
    vertical-align: middle;
}

.spacedIcon{
    vertical-align: middle;
    margin-left:10px;
    line-height:1em;
    width: auto;
    height: auto;
}


/************************************************************/
/******************** Handy Info Panels *********************/
/************************************************************/


.handyInfoBox{
    background:url(../images/page_container/handy_info_header_bkg.gif) no-repeat;
    background-color: #DBDBDB;
    padding-top:15px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
    clear:left;
    margin-left:auto;
    margin-right:auto;
    width: 172px;
}

.handyInfoBoxTitle{
    margin-top: 10px;
    padding-top: 1px;
    padding-bottom: 2px;
    clear:left;
    color: #666;
    font-size: 85%;
    font-weight: bold;
    border-style: solid;
    border-color: #bababa;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
}

.handyInfoBoxItem{
    margin-top:15px;
    padding-top:0px;
}

.handyInfoBoxIcon{
    text-align: center;
    width: 32%;
    float:left;
    padding-bottom: 1em;
}

.handyInfoBoxText{
    float:left;
    width: 65%;
    text-align: left;
    font-size: 80%;
    word-wrap: break-word;
}

.handyInfoBoxItemFooter{
    clear:left;
    font-size:1px;
    height: 0px;
}

.handyInfoBoxFooter{
    background:url(../images/page_container/handy_info_footer_bkg.gif) no-repeat;
    height: 12px;
    clear:left;
    margin-left:auto;
    margin-right:auto;
    width: 172px;
    margin-bottom: 20px;
}





/************************************************************/
/****************** Article and Content Layouts *************/
/************************************************************/



.storyContainer{
    margin-top:50px;
    width:98%;
    padding-bottom: 12px;
    height: auto;
    min-height: 90px;
}

.storyImage{
    float:left;
    width:30%;
    text-align:left;
    clear: none;
    height: auto;
}

.storyText{
    float:left;
    width: 68%;
    height: auto;
}

.storyText h2 {
    margin-top: 0px;
}

.storyText p:first-child {
    padding-top: 0px;
}



.iconStoryContainer{
width:98%;
padding-top: 15px;
padding-bottom: 8px;
}

.iconStoryImage{
float:left;
width:70px;
text-align:left;
overflow:hidden;
}

.iconStoryText{
float:left;
width: 80%;
}

.iconStoryText p {
margin-top: 0px;
padding-top: 0px;
font-size: 85%;
line-height: 150%;
text-align: left;
}



.miniIconContainer {

}

.miniIconItemText {
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.7em;
    height: 2.7em;
}

.miniIconItemIcon {
    display: none;
}



.miniIconContainer .clear {
    clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 0px;
}


.collectionContainer {
    width: 500px;
    height: 120px;
	border: 1px dashed #aaaaaa;
	overflow: auto;
    margin: 10px auto;
    text-align: left;
}

.collectionObjectOdd {
	background-color: #dddddd;
    font-family: arial, helvetica, sans-serif;
    font-size: 85%;
    padding: 5px;
    font-weight: bold;
    overflow: hidden;
}

.collectionObjectEven {
	background-color: #eeeeee;
    font-family: arial, helvetica, sans-serif;
    font-size: 85%;
    padding: 5px;
    font-weight: bold;
    overflow: hidden;
}





/************************************************************/
/******************** Text Formatting ***********************/
/************************************************************/




h1 {
    font-size:150%;
    /*font-weight: normal;*/
    color: #000;
    text-align:left;
    border-bottom: 1px solid #bababa;
    margin: 0px auto 20px auto;
}

h2 {
    font-size:115%;
    color: #000;
    text-align:left;
    border-bottom: dotted 1px #6699CC;
}

.storyContainer h2 {
    border-bottom: none;
}

h3{
    font-size: 105%;
    color: #000;
    text-align:left;
}

p, #content p {
    font-size: 87%;
    text-align: justify;
    line-height: 200%;
}


#content ul li, #content ol li {
	font-family: arial, helvetica, sans-serif;
    font-size: 85%;
	text-align:left;
    line-height: 140%;
    padding-bottom: 10px;
}

#content ul, ul {
    text-align:left;
}


ul.plain {
    line-height: 150%;
	text-align:left;
	list-style: none;
}

li {
    line-height: 150%;
    text-align:left;
}

ul.wrapping > li, ol.wrapping > li {
    float: left;
    width: 45%;
}

ul.wrapping, ol.wrapping {
    margin-bottom: 30px;
}

.caption {
	font-size: 40%;
	font-style: italic;
	line-height: 0px;
	color: #666666;
	margin: 0px;
	padding: 0px;
}


/************************************************************/
/******************** Link Formatting ***********************/
/************************************************************/


a {
	color: #000;
	text-decoration: none;
}

img a {
    border: 0px solid #fff;
}




/************************************************************/
/************************* Calendar *************************/
/************************************************************/

.whatsOnFilterBar {
	display: none;
}

.filterContainer {
	text-align: center;
    font-size:80%;
}

.filterContainer select {
    font-size:120%;
}

.whatsOn, .carPark {
	color: #000000;
	width: 95%;
	padding: 0px;
	border: 1px dashed #aaaaaa;
	margin-bottom: 25px;
}

.whatsOnCertificate, .whatsOnSubtitled {
    font-size: 75%;
    color: #fff;
    background-color: #aaa;
    padding: 0px 2px 0px 2px;
}

.interestingExhibit {
    font-size: 100%;
	font-weight: bold;
    color: #6699cc;
}

.interestingExhibit a {
    color: #6699cc;
}

.interestingExhibit a:hover, .interestingExhibit a:visited:hover {
	color: #ff6600;
}

.oddRow {
	background-color: #dddddd;
}

.evenRow {
	background-color: #eeeeee;
}

.dateColumn {
    width: 12%;
	border-left: 0px dashed #aaaaaa;
    font-size: 85%;
}

.cinemaColumn, .otherColumn {
    font-size: 85%;
	border-left: 1px dashed #aaa;
    width: 22%;
    line-height: 150%
}

th{
	font-family: arial, helvetica, sans-serif;
    font-size: 75%;
}

#pdfDownload {
    display: none;
}

.whatsOnTableInfoCell {
    width: 45%;
    float: left;
}

.whatsOnTableInfoCell p {
    font-family: arial, helvetica, sans-serif;
    font-size: 75%;
}


/************************************************************/
/********************** Exhibit Elements ********************/
/************************************************************/

.screeningInfoContainer {
    padding-bottom: 20px;
}

.screeningInfoDate {
    float: left;
    width: 30%;
}
.screeningInfoFilmDetails {
    padding-top: 10px;
    float: left;
    text-align: right;
    width: 65%;
}



/************************************************************/
/************************ Location Map **********************/
/************************************************************/
#map {
margin-bottom: 30px;
}

#mapGraphic {
    display: none;
}

.mapToolbarItem {
    padding-right: 20px;
    font-size: 90%;
}

.carParkLabel, .carParkData {
    font-size: 85%;
	border-left: 0px dashed #aaa;
    width: 50%;
    line-height: 150%
}