/*
 light #BBB8AF
 #908E86
 #A6695B
 #514F49
 #3E2D26

 signature : Galeforce BTN
*/


html, body, #wrap {
	font-famil: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	margin:0px;
}

body {
	background-color: #BBB8AF;
}

body > #wrap { height: auto; min-height: 100%;}


#main {
	padding-bottom: 15px; /* must be same height as the footer */
	margin: 0px auto;
	width: 80%;
	background-color:#908E86;
	min-height: 100%;
}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#topspacer{
	min-height : 10px;
	background-color: #BBB8AF;
}
#branding {
	height: 74px;
	background-image: url(img/abc.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#TitleApp {
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;	
	color: #667799;
	text-align: right;
	padding-right: 10px;
/*	background-image: url(img/signature.gif);
	background-repeat: no-repeat;
	background-position: right;
*/}

#TitlePage {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;	
	color: #667799;
	text-align: right;
	padding-right: 80px;
	padding-top: 5px;		
}
  
#footer {
	position: relative;
	margin-top: -17px; /* negative value of footer height */
	height: 15px;
	clear:both;
	background-color:#EEEEEE;
	border:1px solid #AAAAAA;
} 

#topMenu{
	background-color: #514F49;
	min-height : 20px;
}

.MenuItem{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;	
	color: #908E86;
	text-align: left;
	float: left;
}
.MenuItemSpacer{
	display: inline-block;
	width: 30px;
	float: left;
}

.MenuItem > a{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;	
	color: #908E86;
	text-align: left;
}

.MenuItem > a:hover{
	color: #BBB8AF;
}

#mainContent {
	padding-bottom: 15px; /* must be same height as the footer */
	padding-top: 15px; /* must be same height as the footer */
	margin: 0px auto;
	width: 80%;
	background-color:#908E86;
	min-height: 600px;
	font-size: 15px;
	color: #3E2D26;
}

.imageGalleryRow{
	height: 150px;
	align: center;
}

.imageGalleryCell{
	min-width: 30%;
	align: center;
	text-align: center;
	font-size: 14px;
	color: #514F49;
}


.tableRowSpacer{
	height: 30px;
}

.tableCellSpacer{
	width: 30px;
}

img.center {   
	display: block;   
	margin-top: 5px;
	margin-left: auto;   
	margin-right: auto; 
}

.pictureCategory{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;	
	color: #514F49;
	text-align: left;
}
.pictureCategory:hover{
	color: #BBB8AF;
}
.pictureCategory2{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;	
	color: #BBB8AF;
	text-align: left;
}


.bigger{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;	
	color: #BBB8AF;
	text-align: left;
}

#blanket {
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
	visibility:hidden;
	display:block;
}

.imagePopupDiv {
	position:absolute;
	top:0px;
	left:0px;
	background-color:#EEEEEE;
	width:auto;
	height:auto;
	visibility:hidden;
	display:block;
	z-index: 9002;
	color: #514F49;
}

img{
	cursor: pointer;
}

.expositionCategory{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;	
	color: #514F49;
	text-align: left;
	font-variant: small-caps;
}

.expositionYear{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;	
	color: #514F49;
	text-align: left;
	font-variant: small-caps;
}

.expositionMonth{
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;	
	text-align: left;
	font-variant: small-caps;
	vertical-align:top;
	height: 100%;
}

.expositionLocation{
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;	
	text-align: left;
	vertical-align: middle;
}

.expositionCity{
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;	
	text-align: left;
	font-variant: small-caps;
	vertical-align: middle;
}
.expostionRegion{
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;	
	text-align: left;
	font-variant: small-caps;
	vertical-align: middle;
}