body {
	padding: 0;
	margin: 0;
	line-height: 1;
	font-family: Times, "Times New Roman", serif;
	font-size: 12px;
	color: #c8c8c8;
	background-attachment: fixed;
	background-repeat: repeat;
	background-image: url(/images/bg.gif);		
}

* {
	margin: 0;
	padding: 0;
}


/* default basic styling */
ul, ol { list-style: none; }
a,a:visited {
	color: #bebebe;
	text-decoration: none;
}
a:hover, a:visited:hover { color: #fff; }
a:focus { outline: 0; }
img { border: 0; }

div.hr {
	clear: both;
	margin: 25px 0;
	height: 1px;
	background-color: #c8c8c8;
}

	div.hr hr { display: none; }
	

/* forms */
form fieldset { border: 0; }

form select {
	background: #141414;
	color: #c8c8c8;
	border: 1px solid #000;
	min-width: 161px;
}


/*
 	Wrap structure
*******************************/
#wrap {
	margin: -1px auto;
	border-top: 1px solid #fff;
	position: relative;
	z-index: 2;
}


/*
 	Titles.
*******************************/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: "SentinelBook", Times, serif;
	color: #c8c8c8;	
}

h2 {
	font-size: 72px;
}

h3 {
	font-size: 48px;
	line-height: 48px;
	margin-top: 2px;
	margin-bottom: 0px;	
}

h3 .name-display { }

h4 {
	font-size: 24px;
}

h5 {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

p {
	font-size: 14px;
	line-height: 18px;
	color: #c8c8c8;	
}


/*
 	Navigation
*******************************/
#header {
	position: relative;
}

	#header .square-spacer {
		width: 10px;
		height: 20px;
		bottom: -20px;
		right: 0;
	}
 
	#header #logo a {
		height: 60px;
		width: 220px;
		display: block; 
		background: url(/images/logo_2.gif) no-repeat;
	}

	#header ul#menu li.first { margin-left: 20px; }

	#header ul#menu li {
		margin: 24px 20px 0 0;
		float: left;
		font-size: 14px;
	}

		#header ul#menu li a { color: #9e9e9e; } 
		#header ul#menu li a:hover { color: #c8c8c8; } 
		#header ul#menu li a.active { color: #fff; }



/*
 	Content.
*******************************/

/* add default padding for element within col elements */
.inner-content {
	padding: 20px 20px 0 20px;
	display: block;
}

	.inner-content h4.sub-section-title {
		margin-bottom: 20px;
		color: #c8c8c8;
	}
	
	.inner-content h4.no-margin { margin-bottom: -7px; }
	
	.inner-content h5.sub-section-title {
		margin-bottom: 20px;
		color: #c8c8c8;
	}

	.inner-content p {
		margin-bottom: 15px;
		line-height: 18px;
		color: #c8c8c8;
	}

	.inner-content p.no-margin { margin-bottom: 0px; }

	.inner-content ol {
		margin-bottom: 15px;
		list-style: none;
		color: #c8c8c8;	
	}

		.inner-content ol li { line-height: 16px;}

	.inner-content ul {
		margin-bottom: 15px;
		margin-left: 12px;
		list-style: square;
		color: #c8c8c8;	
	}

		.inner-content ul li { line-height: 16px; margin-bottom: 6px;}

	.inner-content a.medias-image {
		margin-bottom: 15px;
		display: block;
	}
	
	.inner-content a { color: #e31b23; text-decoration: underline; }
/*	.inner-content a:hover { text-decoration: line-through; }*/


/* show/hide classes
*******************************/
.hide { display: none; }
.show { display: block; }

.show .inner-content,
.inner-content.show { 
	display: block;
	visibility: visible;
}

.hide .inner-content,
.inner-content.hide { 
	display: none;
	visibility: hidden;	
}

/*
 	Home.
*******************************/
#home-teasers {
	overflow: hidden;
}

	#home-teasers div.teaser {
		float: left;
		position: relative;
		height: 360px;
		width: 100%;
		overflow:hidden;
	}
	
	#home-teasers div.teaser:hover {
		cursor: pointer;
	}
	
	#home-teasers table {
		height: 340px;
		width: 100px;
	}
	
	#home-teasers div.teaser:hover .bw-image { display: none; }
	#home-teasers div.teaser:hover .color-image { display: block; visibility: visible; }
	
	#home-teasers a.teaser-link {
		display: block;
		width: 900px;
		height: 360px;
		z-index: 10;
		position: absolute;
		text-indent: -10000px;
	}

		#home-teasers div.teaser .teaser-description {
			width: 230px;
			margin-left: 20px;
		}
		
		#home-teasers div.right-side {
			margin-left: -20px;
		}
	
	#home-teasers a {
		color: #c8c8c8;
	}
	
	#home-teasers p {
		color: #c8c8c8;
		font-size: 12px;		
		line-height: 16px;
	}
	
	#home-teasers h3 {

	}
	
	#home-teasers h3, #home-teasers h4, #home-teasers h5 {
		color: #c8c8c8;
		font-weight: normal;
	}
	
	#home-teasers h5,
	h5.subtitle {
		background-color: #e31b23;
		display: inline;
		font-weight: normal;
	}
	
	#home-teasers img {
		width: 540px;
		height: 320px;
	}
	
	
	#news ul#news-content {
		padding-left: 0;
	}
	
	#news ul#news-content li {
		height: 48px;
	}
	
	#news #news-content span {
		display: block;
		float: left;
		clear: both;
		color: #fff;
		font-size: 14px;				
	}
	
	#news #news-content li:hover span {
		color: #fff;
		background: #e31b23;
	}
	
		#news #news-content span.item-date { font-size: 12px; }

	
#animated-background {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
} 

/* DHC closed alert */
#closed-alert {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 0;
	width: 100%;    
	height: 260px;  
	z-index: 1000;
	display: none;
	background: #e31b23;
}            

	#closed-alert .message {
		width: 800px;
		height: 250px;
		margin: 0 auto;
		color: #fff; 
		position: relative;
	}
	
	#closed-alert .message p { font-size: 38px; line-height: 40px; color: #fff; } 
	
	#closed-alert a.close {                     
		display: block;   
		position: absolute;
		right: 0;
		bottom: 0;
		width: 29px;
		height: 29px;
		text-indent: -1000000px;                  
		background: url(/images/btnClose-trans.png) no-repeat center center;
	}
	
	#closed-alert-overlay {
		background: #000;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
	}
	
	
/* small rectangle squared used in listing, blocks, etc	*/
.square-spacer {
	position: absolute;
	display: block;
	z-index: 2;
	right: 0;
}
		

/* 3 cols at the bottom on homepage */
.home-col {
	position: relative;
}

	.home-col h4 a:hover {
		background-color: #e31b23;
		color: #fff;
	}

	.home-col ul li { position: relative; overflow: hidden; }

		.home-col ul li a {
			color: #141414;
			z-index: 2;	
			position: relative;
			font-size: 14px;
		}

		.home-col ul li a:hover {
			color: #fff;
			background: #e31b23;
		}

			.home-col ul li a span {
				display: block;
				margin-left: 20px;
				margin-right: 20px;
				float: left;
				clear: both;
				color: #fff;
				background: #e31b23;
			}
		
			.home-col ul li a span.item-date { font-size: 12px; }

		.home-col ul li img {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
		
		.home-col ul li .square-spacer {
			width: 10px;
			height: 20px;
			top: 0;
			right: 0;
		}
		
			.home-col ul li:hover .square-spacer { display: none; }
			.home-col ul li a:hover span { background: transparent; }
			.home-col ul li a span.item-name {
				margin-top: 20px;
			}



/*
 	Basic Listing (exhibition, events, etc)
*******************************/
ul.listing {}

	ul.listing li {
		position: relative;
	}

	ul.listing li a, ul.listing li a:visited {
		display: block;
		font-size: 14px;
		padding: 23px 0 23px 20px;
		background-color: transparent;
		color: #141414;		
	}

		ul.listing li a:hover {
			background-color: #e31b23;
			color: #fff;
		}	
		
		ul.listing li .square-spacer {
			bottom: 0;
			right: 0;
			height: 10px;
			width: 30px;
		}
		
		ul.listing li:hover .square-spacer { display: none; }




/*
 	Sub-nav in inside pages (exhibitions, pages, events)
**************************************************************/
#sub-nav {
	position: absolute;
	list-style: none;
	z-index: 10;
}

	#sub-nav li {
		position: relative;
	}

	#sub-nav li a {
		background: transparent;
		color: #000;
		display: block;
		font-size: 14px;
		padding: 23px 0 23px 20px;
		position: relative;
		z-index: 3;	
	}
	
	#sub-nav li a.sub-section { padding-left: 40px;}
	
	#sub-nav.half-rows li a {
		padding-top: 8px;
		padding-bottom: 8px;
	}

		#sub-nav li a span { padding-right: 5px; display: none; }

	#sub-nav li a:hover,
	#sub-nav li a.active {
		background-color: #e31b23;
		color: #fff;
	}
	
		/* em is used as selector in pages listing */
		#sub-nav li em { font-style: normal; }

		/* #sub-nav li a:hover span,*/
		#sub-nav li a.active span { display: inline; }
		
		#sub-nav li .square-spacer {
			bottom: 0;
			right: 0;
			height: 10px;
			width: 30px;
		}
		
		#sub-nav li:hover .square-spacer { display: none; }


/*
 	News section
*******************************/
ul#news-list {
	padding-bottom: 10px;
	list-style: none;
	margin-left: 0;
}

	ul#news-list li { margin: 0 0 50px 0; padding-left: 0; }
	
		ul#news-list li h4,
		ul#news-list li h4 a {
			color: #fff; 
			text-decoration: none;
		}	
		
		ul#news-list li h4 {
			margin: 0 0 15px 0;
		}
		
		ul#news-list li p.meta { font-size: 12px; margin-top: -15px; color: #e31b23; }

#news-body {
	padding-bottom: 5px;
}


/*
 	Exhibition & event page
*******************************/
.exhibition-dates {
	position: absolute;
	bottom: 0;
	left: 20px;
}

.subnav-content, .content {
	min-height: 460px;
}

.content-child {
	min-height: 460px;
}

ul#medias-images,
ul#medias-videos {
	margin: 0;
	list-style: none;
}

ul#medias-videos li {
	margin-bottom: 15px;
}

a#more {
	display: block;
	margin: 0 0 30px 0;
}


/*
	Photo grid gallery in pages
*******************************/

ul.photos-grid {
	list-style: none;
	margin: 0 0 0 -16px;
	padding: 0;
}

	ul.photos-grid li {
		margin: 0 0 16px 16px;
		padding: 0;
		float: left;
	}
	
	ul.photos-grid a {
		display: block;
		width: 160px;
		height: 100px;
		position: relative;
	}


/*
 	Education
*******************************/
ul.education-projects {
	list-style: none;
	margin: 0;
	padding: 0;
}

	ul.education-projects li {
		margin: 0 0 70px 0;
		padding: 0;
	}
	
	.education-projects h4 {
		text-transform: uppercase;
		font-size: 24px;
		margin-bottom: 5px;
	}
	
	.education-projects h4 a {
		color: #fff;
		text-decoration: none;
	}

	.education-projects p {
		margin: 0;
		font-size: 14px;
		color: rgb(161, 161, 161);
	}
	
	.education-projects p.date {
		color: #e31b23;						
	}

	.education-projects p.read-more {
		float: right;
		margin-right: 2px;
		margin-top: 8px;
		color: #e31b23;				
	}
	
	.education-projects .images {
		margin: 10px 0 5px -15px;
	}
	
		.education-projects .images img {
			margin-left: 16px;
			width: 160px;
			height: 100px;
		}
	
	.education-projects .project-image-cropped {
		overflow: hidden;
		height: 100px;
		width: 519px;
		margin: 10px 0 9px 0;
	}
	
		.education-projects .project-image-cropped img {
			margin-top: -110px;
		}


/*
 	Education categories all project listing
*******************************/
ul.education-categories {
	list-style: none;
	margin: 0;
}

	ul.education-categories h4 {
		text-transform: uppercase;
		color: #fff;
	}
	
	ul.education-categories li {
		margin-bottom: 30px;
		padding-bottom: 20px;
		border-bottom: 1px dashed #fff;
	}
	
	ul.education-categories ul {
		margin: 15px 0 0 0;
		list-style: none;
	}
	
		ul.education-categories ul li {
			border: 0;
			padding: 0;
			margin: 5px 0;
			color: #fff;
			font-size: 14px;
		}
	

/*
 	Education project page
*******************************/
p.education-date {
	margin-top: 7px;
}



/*
 	Students
*******************************/

form.students-selector {
	margin: -10px 0 10px 0;
}

	form.students-selector h5 { margin-bottom: 5px; }

	form.students-selector fieldset {
		float: left;
		margin-right: 14px;
	}

	/* students thumbnails */
	#students {
		padding-bottom: 15px;
	}
	
		#students ul {
			list-style: none;
			margin: 0 0 0 -16px;
			padding: 0;
		}
		
			#students ul li {
				margin: 0 0 16px 16px;
				padding: 0;
				float: left;
			}
			
			#students a {
				display: block;
				width: 160px;
				height: 100px;
				position: relative;
			}
			
			#students a:hover { text-decoration: none;}
			
				#students a span {
					position: absolute;
					background: #e31b23;
					color: #fff;
					padding: 10px;
					width: 140px;
					height: 80px;
					display: none;
				}
				
				#students a:hover span { display: block; }


	/* deprecated */
	#list-students {
		float: right;
		width: 260px;
		overflow: hidden;
		font-size: 14px;
	}
	
	#list-students ul {
		list-style: none;
		margin: 0;		
	}
	
		#list-students .scroll-area {
			width: 2000px;
		}
	
			#list-students .scroll-area .scrollable-item {
				width: 261px;
				float: left;
			}
			
	#student-details .medias {
	}

		#student-project .medias img { margin-bottom: 10px; }
		
		#student-project .student-meta { 
			border-top: 1px solid #353535;
			margin: 0 0 10px 0;
			padding-top: 10px;
			color: #666;
		}
		
		#student-project .student-meta p { margin-bottom: 0px; }

/*
 	Register form
*******************************/
form.register-form {
/*	width: 580px;*/
	margin-top: -10px;
}

form.register-form h4 {
	padding: 20px 0 0 0;
}

form.register-form p, form.register-form div {
	height: auto;
	min-height: 30px;    
	position: relative;	 
	margin-right: 10px;
}               

form.register-form p.horaire {
	margin-top: -5px;
	padding-left: 210px;
}

form.register-form p.with-errors {
	min-height: 45px;
}

form.register-form h4 {
	margin: 0 0 15px 0;
}           

form.register-form label {
	display: block;
	float: left;
	width: 210px;
	padding-top: 4px;
}                   

form.register-form label.error {
	position: absolute;
	left: 210px;
	bottom: -2px;
	font-size: 12px;
	color: #e31b23;
}

form.register-form p.checkbox {
	padding-left: 210px;
	min-height: 15px;
}

form.register-form p.checkbox label {
	float: none;
	width: auto;
	display: inline;
	padding-left: 5px;
}

form.register-form div.radio {
	padding-left: 210px;
	padding-bottom: 10px;
}

form.register-form div.radio ul {
	list-style: none;
	font-size: 12px;
	margin: 0;
}

form.register-form div.radio ul li label {
	display: inline;
	width: auto;
	float: none;
	font-size: 14px;
}

form.register-form div.radio ul li input {
	width: auto;
	display: inline;
	margin-right: 5px;
}

form.register-form input[type="text"], form.register-form select, form.register-form textarea {
	padding: 6px 5px 6px 5px;
	font-size: 12px;	
	float: left;
	color: #c8c8c8;
	background: #141414;
	border: 0;
	width: 250px;        
	font-family: Verdana, Arial, helvetica;
}        

form.register-form input[type="text"].date {
	width: 100px;
	margin: 0 5px 0 0;
}

form.register-form p.select select {
	width: auto;
	min-width: 150px;
	border: none; 
}

form.register-form p.date-time select {
	width: auto;
	min-width: 45px;
	float: none;
	display: inline-block;
	margin-right: 1px;	
	padding: 5px;
}

form.register-form input.submit {
	color: #fff;
	padding: 6px 15px 6px 15px;
	background: #000;
	font-size: 11px;
	line-height: auto;
	margin-left: 210px;
	width: auto;
	cursor: pointer;
/*	height: 25px;*/
	border: 0;
}

/*
 	Newsletter
*******************************/
.form-block form {
	margin-top: 10px;
	clear: both;
}

.form-block #errorExplanation ul li {
	font-size: 14px;
	color: #e31b23;
	font-weight: bold;
}

#newsletter-form.form-block form { height: 24px; overflow: hidden; }

	.form-block form input {
		padding: 5px 5px 5px 5px;
		font-size: 14px;	
		float: left;
		color: #c8c8c8;
		background: #141414;
		border: 0;
		width: 250px;
		font-family: Times, serif;
	}
	
	.form-block p.two-fields input {
		width: 117px;
		margin-right: 6px;
	}
	
	.form-block form input:focus {
		outline: 0;
	}

	.form-block form p {
		height: 28px;
		margin-bottom: 5px;
	}
	
	.form-block form p.textarea { height: auto;	}
	
		.form-block form p.textarea textarea {
			padding: 5px 5px 5px 5px;
			font-size: 14px;
			border: 0;	
			color: #c8c8c8;
			background: #141414;
			width: 250px;
			font-family: Times, serif;
		}

	.form-block form p label {
		float: left;
		width: 140px;
		padding: 3px 0 0 0;
	}
	
	/* errors */
	.form-block form .fieldWithErrors input,
	.form-block form p.textarea .fieldWithErrors textarea {
		background: #3c3c3c;
	}
	
	.form-block input.submit {
		color: #fff;
		padding: 6px 15px 6px 15px;
		background: #3c3c3c;
		font-size: 12px;
		line-height: auto;
		margin-left: 5px;
		width: auto;
		cursor: pointer;
		height: 25px;
	}
	
	.form-block form p.actions {
		padding-left: 140px;
	}
	
	.form-block form p.actions input.submit { margin-left: 0; }


/*
 	Footer
*******************************/
#footer { clear: both; }

	#footer p { color: #666; }

/*
 	MISC.
*******************************/



/*
 	PLugins.
*******************************/

/* the input field */
.date {
}

/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;   	
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#141414;
	font-size:11px;     
	font-family: Verdana, Arial, helvetica;
/*	-moz-border-radius:5px;
	-webkit-border-radius:5px; 	        */
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#fff;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(/images/btnPrev.png) no-repeat scroll center center;
	float:left;
	cursor:pointer;  
}

#calnext {
	background-image:url(/images/btnNext.png);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#141414;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:18px;
	color:#666;   
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#fff;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {    
	color: #3d3d3d;
/*	background-color:#404040 !important;*/
/*	color:#ccc	!important;*/
/*	cursor:default;*/
}

/* current day */
#calcurrent {
	background-color:#fff;
	color:#000;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}
 



/* clearfix */
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
}