@charset "utf-8";

/*
*
* @Comment: All slot images should be kept in the slotshot directory and be 135px wide.
* @Comment: The mugshot at the top of the page must be 188px wide.
*
*/

/* ------ MAIN LAYOUT ------ */
html
{
	font-family:"Helvetica", sans-serif;
	font-size:10px;
	text-align:left;
}

body
{
	background-color:#dbe4db;
	font-size:1.2em;
	line-height:1.4em;
	margin-top:30px;
	color:#272727;
}
 
#contentWrapper
{
	background-color:#fff;
	padding:15px 30px 15px 30px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:700px;
}	

/* ------ LINK STYLES ------ */
a:link, a:visited, a:active
{
	color:#090;
	text-decoration:underline;
}
	
a:hover
{
	color:#000;
	text-decoration:underline;
}

/* ------ ROUNDED CORNERS ------ */
#roundHeader
{
	height:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	background-color:#FFF;
}
	
#roundHeader .topLeft
{
	text-align:left;
	height:10px;
	width:10px;
	background-image:url(../img/corner-topleft.jpg);
	background-repeat:no-repeat;
	float:left;
}

#roundHeader .topRight
{
	text-align:right;
	height:10px;
	width:10px;
	background-image:url(../img/corner-topright.jpg);
	background-repeat:no-repeat;
	float:right;
}
	
/* ------ TITLE ------ */
.mainTitle
{
	text-align:left;
	font-family:"Georgia", serif;
	font-size:4em;
	color:#006633;
	padding:10px 0 5px 0;
}
	
.mainTitle .quali
{
	font-size:.5em;
}
 
.subTitle
{
	text-align:left;
	font-size:1.2em;
	padding:10px 0 15px 0;
	border-bottom:1px #dbe4db solid;
}

.logo
{
	float:right;
	margin:-10px 0 0 0;
}

/* ------ ABOUT BLOC ------ */
.aboutBloc
{
	text-align:left;
	margin:15px 0 0 0;
	padding:15px;
	border-bottom:double 3px #dbe4db;
	background-color:#dbe4db;
}
	
.aboutBloc h1
{
	font-size:1.2em;
	font-weight:700;
}
	
.aboutBloc .aboutCopy
{
	float:left;
	width:450px;
	margin:-10px 0 0 0;
}
	
.aboutBloc .mugshot
{
	float:left;
	margin:0 15px 0 0;
	border:#fff solid 5px;
}

/* ------ LINK SLOTS ------ */
#linkSlots
{
	text-align:left;
	padding:15px 0 0 0;
	overflow:auto; 
	clear:both; 
}

#linksSlots .wholeBloc
{
	display:block;
	height:100px;
	width:600px;
}

#linkSlots .slot
{
	margin:15px 0 15px 0; 
	display:block;
	border-bottom:1px #dbe4db dotted;
}

#linkSlots .slot .leftBloc
{
	width:150px; 
	float:left; 
	display:inline;
}

#linkSlots .slot .leftBloc .date
{
	/*color:#006633;*/
}

#linkSlots .slot .leftBloc .bloc
{
	font-weight:700;
	width:50px;
	text-align:center;
	margin-bottom:5px;
}

#linkSlots .slot .leftBloc .bloc .doc
{
	background-color:green;
	color:#fff;
	padding:5px;
}

#linkSlots .slot .leftBloc .bloc .web
{
	background-color:purple;
	color:#fff;
	padding:5px;
}

#linkSlots .slot .leftBloc .bloc .video
{
	background-color:red;
	color:#fff;
	padding:5px;
}

#linkSlots .slot .leftBloc .bloc .audio
{
	background-color:blue;
	color:#fff;
	padding:5px;
}

#linkSlots .slot .rightBloc
{
	float:left;
	display:inline;
	width:520px;
}

#linkSlots .slot .rightBloc img
{
	float:left;
	margin:0 15px 5px 0;
	/*border:#CCC 5px solid;*/
}

#linkSlots .slot .rightBloc .title
{
	color:#006633;
	font-size:1.2em;
	font-weight:700;
}

#linkSlots .slot .rightBloc .copy
{
}

/* ------ FOOTER ------ */
#footer
{
	height:70px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:760px;
	background-color:#333;
}

#footer .contact
{
	color:#999;
	float:left;
	display:inline;
	padding:30px 0 0 0;
}

#footer .contact a
{
	color:#CCC;	
}

#footer .copyright
{
	color:#999;
	float:left;
	display:inline;
	width:203px;
	padding:30px 0 0 30px;
}

/* ------ CLEARFIX ------ */
.clearfix:after
{ 
	visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; 
}
.clearfix
{
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */