@charset "utf-8";
/**
 *
 * Shofish CSS for CakePHP
 *
 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)
 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 *
 * Licensed under The MIT License
 * For full copyright and license information, please see the LICENSE.txt
 * Redistributions of files must retain the above copyright notice.
 *
 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)
 * @link          http://cakephp.org CakePHP(tm) Project
 * @package       app.webroot.css
 * @license       http://www.opensource.org/licenses/mit-license.php MIT License
 */

 
 
 
.WebsiteTitle  {
	background : #003d4c;
	
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 400%;
	border-radius: 4px;
	text-decoration : none;

}


 WebsiteSlogan {
color: #2c6877;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 120%;
	padding : 2px;
	border-radius: 0px;
	}
 

#contentwrapper{
float: left;
width: 100%;

}

#contentcolumn{


margin: 14px 0px 0px 260px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-radius: 4px;


}

#contentcolumnInner{

margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left : 0px;
margin-top : 0px;
color:black;
border-radius: 4px;
padding : 1px;
padding-top : 10px;
background : #EFEFEF;



}


#maincontainer{
width: 1100px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin-top : 0px;
}

#loginContainer {

width: 100%;
margin: 0 auto;
}

#loggedIn {
display: inline-block;
color : white;
width : 905px;

background : #FF0000;
}
#logout {

display: inline-block;
width : 150px;
align: right;
background : #FF0000;
}

#logout a {
	align: right;
	color : white;
}

#leftcolumn{
float: left;
width: 260px; /*Width of left column in pixel*/
margin-left: 0px; /*Set margin to that of -(MainContainerWidth)*/
background: #00394c;
text-align : right;
}

#rightcolumn{
float : left;
width: 155px; /*Width of right column*/
margin-left: 0px; /*Set left margin to -(RightColumnWidth)*/
background: #00394c;

}


#header{

margin: 7px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top : 0px;
background: #EAEAEA;
color:black;
border-radius: 4px;

}

body {

background : #00394c;
margin-left : 20px;
margin-right : 20px;
}

#footer{
clear: left;
width: 100%;
background: #EAEAEA;
color: black;
text-align: center;
padding: 4px 0;
border-radius: 3px;
}

.innertube {
margin: 7px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left : 0px;
background: #EAEAEA;
color:black;
border-radius: 4px;
text-align: center;
}

.innertubeLeft {
margin: 7px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left : 0px;
background: #EAEAEA;
color:black;
border-radius: 4px;
}

.innertubeLeftFloat {
float : left;
margin: 7px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left : 0px;
background: #EAEAEA;
color:black;
border-radius: 4px;
}


.innertubeRight {
margin: 7px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-right : 0px;
background: #EAEAEA;
color:black;
border-radius: 4px;
}

.youTube {
display : inline-block;
margin-bottom : 4px;
background : white;
border-radius: 4px;
text-align: center;

}

.imageGallery {

background : white;
width: 100%;
}

.videoGallery {


background: #EFEFEF;
width: 100%;
}

.imageThumb {

display : inline-block;
background : white;
width : 33%

}

#gallery_image {
border-radius: 4px;
}


div.disabledTab {

display : inline-block;
font-weight : bold;
margin-left : 50px;
margin-right : 50px;
margin-bottom : 10px;


}

div.enabledTab {

display : inline-block;
text-decoration : none;
margin-left : 50px;
margin-right : 50px;
margin-bottom : 10px;

}

a {

	text-decoration : none;
	
}

div.imageGalleryDisplay {

    display: block;
    margin-left: auto;
    margin-right: auto;	
    text-align : center;
	width: 100%;
	background: #EFEFEF;
	margin-top : 10px;
	padding-bottom : 10px;
	
 }

div.videoGalleryDisplay {

    display: none;
    margin-left: auto;
    margin-right: auto;	
    text-align : center;
	width : 100%;
	background: #EFEFEF;
	margin-top : 10px;
	padding-bottom : 10px;
	

    }
	
.artworkTitle {
	
	float: left;
	color : black;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 200%;
	font-style: italic;
	text-decoration: none;
	font-weight : normal;
	text-align : left;
}


.exhibitionLabel {
	
	color : black;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 110%;
	font-style: normal;
	text-decoration: none;
	font-weight : normal;
	padding: 10px;
	text-align: left;
	}
	
	.exhibition {
	
	color : black;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 90%;
	font-style: normal;
	text-decoration: none;
	font-weight : normal;
	padding-left: 10px;
	text-align: left;
	}

.artworkYear {
	
	float: none;
	color : black;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 150%;
	font-style: normal;
	text-decoration: none;
	font-weight : normal;
	vertical-align : middle;
	padding-top : 6px;
	text-align : left;
}

	
.artworkDescription {
	
	color : black;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 110%;
	text-decoration: none;
	padding : 10px;
	text-decoration: none;
	font-weight : normal;
	text-align : left;
	

}

.pressitemDescription {
	
	color : black;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 110%;
	text-decoration: none;
	padding : 20px;
	text-decoration: none;
	font-weight : normal;
	text-align : left;

}

.menuTitle { 

width : 100%;
margin-top : 10px;
margin-left : -20px;
}

h2  {
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 110%;
	text-decoration: none;
	text-align : center;
	color :  white;
	background : #00394c;
	

}

.featured_image {

	margin: 0 auto; 
	text-align : center;
	margin-bottom : 20px;
}