/* Les Belles Lettres styles

f53328 red
f9dc77 peach
fcedb5 pale peach
584E42 grey
f3be08 yellow
FFFAE6 whitish

*/


/* overall
----------------------------------------------- */

html, body{ 
 padding:0;
 margin:0;

-webkit-text-size-adjust:130%;
 } 
 
 
body {
    color:#584E42;
	font-family:sans-serif,Helvetica,Arial;
	font-size:12px;
	background-color:#FFFAE6; 
	

}

/* layout
----------------------------------------------- */
#contents {
  margin: 0 auto;
  width:85%; 
  min-width:800px;
  margin: 0 auto; 
  padding-right:40px;
  text-align: left;
  max-width: 1300px;
  
  width:expression(document.body.clientWidth < 800? "800px" : document.body.clientWidth > 1100? "1100px" : "auto");

}

div.navhoriz {
	background-color:#F2BE08;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding-top:70px;
	
}

/* menu
----------------------------------------------- */
.light ul{
	color: #584E42;
	list-style-type:circle;
    margin-left: 13px;
    padding-left: 8px;
    margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
    list-style-position: outside;
}


.catalogus ul{
	color: #C175B5;
	list-style-type: square;
    margin-left: 13px;
    padding-left: 2px;
    margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
    list-style-position: outside;
}
.whiteText{ color : #ffffff; font-weight: bold;}
.darkhighlightText{ color : #FFFFFF; }
.dark{ background-color : #f9dc77; }
.medium{background-color : #fcedb5;}
.light{ background-color : #fffae6;}
.darkhighlight{ background-color : #f53328;}
	
A.menu:link, A.menu:visited { text-decoration: none; color: #584E42; font-weight: normal;}
A.menu:hover { text-decoration: underline; color: #584E42;font-weight: normal;  }

A.submenu:link, A.submenu:visited { text-decoration: none; color: #584E42; font-weight: normal;}
A.submenu:hover { text-decoration: underline; color: #584E42; font-weight: normal;  }

.MenuSpace{
	padding-top: 4px;
	padding-right :4px;
	padding-bottom: 4px;
	padding-left:4px;
	line-height:14px;
	font-size:12px;
}
.MenuSpaceNoclick { text-decoration: none; color: #f53328; font-weight: bold;}
A.MenuSpaceLink:link, A.MenuSpaceLink:visited { text-decoration: none; color: #f53328; font-weight: bold;}
A.MenuSpaceLink:hover { text-decoration: underline; color: #f53328;font-weight: bold;  }
 
A.MenuSpaceHighlight:link, A.MenuSpaceHighlight:visited { text-decoration: none; color: #F53328; }
A.MenuSpaceHighlight:hover { text-decoration: underline; color: #F53328;  }

.HomeIntro img {	
	position: relative;
}

#homeintrotext h2{
	font-family: Georgia, Times, serif;
	font-weight: lighter;
	color:#555;
	margin-top:.0;
	padding-top:.5em;
	border-bottom:1px dotted #666;
	padding-bottom:.5em;
}

#homeintrotext{
	font-size:1.15em;
	line-height:1.4em;
	}

.introimg{
	width:405px;
	margin:auto;
	padding-bottom:1.5em;
}

.video{
margin-bottom:1.5em;
}

object{
margin-bottom:.5em;
}

.GCOIhomelist img{
margin-right: .7em;
margin-bottom:1.5em;
}

.HomeIntro p{
		margin-top: 0px;
}

 .FeatureBox div{
	margin:  0px  0px 8px 8px;
	background-color : #fcedb5;
	clear:left;
	position:relative;
}
 
.FeatureBox div P{
  margin: 2px 0px 0px 0px;
  padding:3px 4px 5px 5px;
  background-color : #fcedb5;
}

.FeatureBox div a img {	
	margin-right:1em;
	margin-bottom:0.5em;	
	border:1px solid ;
	float: left;
	clear: left;
	position: relative; 
}
 .FeatureBox ul{
	margin:  0px ;
	padding-left:0.5em;
	padding-bottom:0.5em;
}

 .FeatureBox li{
	list-style:  none ;
	padding-top:0.5em;
	font-size:12px;
}
.FeatureBox div h2{
	background-color : #f9dc77;
	color:#F53328;
	background-image:url(/images/dotshoriz.gif);
	font-size:13px;
	background-repeat:repeat-x;
	background-position:bottom;
	padding:3px 4px 3px 5px;
	margin: 0px 0px 0px 0px;
}


.FeatureBox div H1{
	background-color : #f9dc77;
	color:#F53328;
	background-image:url(/images/dotshoriz.gif);
	font-size:13px;
	background-repeat:repeat-x;
	background-position:bottom;
	padding:3px 4px 3px 5px;
	margin: 0px 0px 0px 0px;
}


/* typograhy
----------------------------------------------- */
.authorlist {
	color: #584E42;
}

.coverbox img{
	border: 1px solid #584E42;
}

.coverImage img{
	border: 1px solid #584E42;
}

h1 {
	font-size: 15px;
	color: #F53328;
}


.eventtitle {
	font-size: 15px;
	color: #584E42;
	font-weight:bold;
	margin-top:1em;
}

div.eventcategory  {
	font-size: 17px;
	font-weight:bold;
	
}
div.eventcategory:not(:first-child) {
   margin-top:1.5em;
}

.eventcategory a {
	font-size: 15px;
	color: #F67A20;
	padding-bottom:1em;
	display:none;
}

.headersection {
	font-size: 15px;
	color: #F53328;
	font-weight:bold
}

.subheadersection {
	font-size: 12px;
	color: #F53328;
	font-weight:normal;
}


/* forms
----------------------------------------------- */

.InputField1 {	
	font-size: 10px;
}
  
form.reduced {
	margin-bottom : 0px;
	margin-top : 8px;
}

LI {
	font-size : 10px;
}
 
 
B.truebold {
	color: #000000;
}

HR {
	color: #584E42;
}

.bookactionmenu {
	background-image:url(/images/dotshoriz.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:3px;
	padding-top:3px;
}

.bookmenu {
    background-color : #f9dc77; 
	padding-top:4px;
	margin-top:0px;
	padding-left:6px;
	padding-bottom:4px;

}


TD {
	font-size : 12px;
	line-height:1.4em;
	color: #584E42;
} 

.detailsSummary .detailbox {
	font-weight : normal !important;
}

.detailsTable .detailbox {
	color: #000000;
	background-color : #Fcedb5;
}

A {
	color: #584E42;
	font-weight: bold;
	text-decoration : underline;
}

A:HOVER {	
	color: #f53328;
	font-weight: bold;
	text-decoration : underline;
}

A.topnav {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	text-decoration:none;	
	-webkit-text-size-adjust:90%;
	}
	
A.topnav:hover {
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	text-decoration:none;
	}	
A.topnav {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	text-decoration:none;
	
-webkit-text-size-adjust:90%;
	}
	
A.highlightNAV:hover {
	color:#F53328;
	font-size:12px;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	text-decoration:none;
	}	
		
A.highlightNAV {
	color:#584E42;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	text-decoration:none;
	}
	
A.highlight:hover {
	color:#F53328;
	text-decoration:underline;
	font-weight:bold;
	}		

	
A.bookmenu {
	
	font-size: 11px;
	color: #584E42;
	font-weight: bold;
	text-decoration : underline;
}

A.bookmenu:HOVER {
	
	font-size: 11px;
	color: #f53328;
	font-weight: bold;
	text-decoration : underline;
}



.higlightedText {
	font-size: 11px;
	color: #f53328;
	font-weight: bold;
	text-decoration : underline;
}



A.discreet {
	font-size: 10px;
	color: #584E42;
	font-weight: normal;
	text-decoration : none
}

A.discreet:HOVER {
	font-size: 10px;
	color: #f53328;
	font-weight: normal;
	text-decoration : underline;
}


A.otherRoles , .bookactionmenu a{	
	font-size: 11px;
	color: #f53328;
	font-weight: normal;
	text-decoration : none
}

A.otherRoles:HOVER, .bookactionmenu a:HOVER {
	font-size: 11px;
	color: #f53328;
	font-weight: normal;
	text-decoration : underline;
}

.AuthorList {
	font-size : 11px;
	color: #584E42;
}

.bookTitleTop {
	font-size : 1.6em;
	line-height:1.2em;
	color: #584E42;
	font-weight: bold;
	margin: 0.2em 0 0 0;
}

.bookSubTitleTop {
	font-size : 1.2em;
	line-height:1.2em;
	color: #584E42;
	font-weight: bold;
	margin: 0 0 0.2em 0;
}

.bookAuthor {
	font-size : 14px;
	color: #584E42;
	font-weight: bold;
	text-decoration : underline;
}

H6 {
	
	font-size : 18px;
	color: #584E42;
	font-weight: bold;
	margin-bottom : 0px;
}

H5 {
	
	font-size : 12px;
	color: #584E42;
	font-weight: bold;
	margin-bottom : 0px;
}

H4 {
	
	font-size : 11px;
	color: #584E42;
	font-weight: bold;
	margin-bottom : 0px;
}

H3 {
	
	font-size : 9px;
	color: #584E42;
	font-weight: normal;
	margin-bottom : 0px;
}

.CategoryName,.authorLetter {
	font-size : 18px;
	color: #584E42;
	font-style: normal;
	font-weight: bold
}

A.CategoryName {
	font-size: 18px;
	color: #584E42;
	font-style: normal;
	font-weight: bold;
	text-decoration : none
}

A.CategoryName:HOVER {
	font-size: 18px;
	color: #584E42;
	font-style: normal;
	font-weight: bold;
	text-decoration : underline;
}

A.CatalogTitleMenu {
	font-size: 10px;
	color: #584E42;
	font-style: normal;
	font-weight: normal;
	text-decoration : none
}

A.CatalogTitleMenu:HOVER {
	font-size: 10px;
	color: #584E42;
	font-style: normal;
	font-weight: normal;
	text-decoration : none;
}


A.CatalogTitle {
	font-size: 10px;
	color: #584E42;
	font-style: normal;
	font-weight: bold;
	text-decoration : none
}

A.CatalogTitle:HOVER {
	font-size: 10px;
	color: #584E42;
	font-style: normal;
	font-weight: bold;
	text-decoration : underline;
}

.DetailLabelText{
	
	color: #584E42;
	font-weight: bold;
}
:focus {
	outline: 0;
}


.feedblock ul{
	list-style: none;
	margin:0;
	margin-top:1em;
	padding:0;}
	
.feedblock ul .entrydate{
	display: none;
	}
.feedblock ul p{
	margin-top: -1.5em;
	}		

td.leftLibrairie  {
padding-top:-1em;

}