body {
  font-size: 16px;
  font-family: Verdana, Helvetica, sans-serif;

}
a:link { color: #003333; text-decoration: underline; }
a:visited { color: #404040; text-decoration: underline; }
/* a:hover { color: #36648B; background-color: #F8F8FF; text-decoration: none; } */

H1 {font-size: 200%; color: gray;
	margin-bottom: 0; 
	padding-bottom: 0; 
	} 

H3 {font-size: 140%; color: gray;
	margin-bottom: 0; 
	padding-bottom: 0; 
	} 

/* align  150510    */

.alignleft { float: left; } 
.alignright { float: right; } 
.top  { vertical-align: top ; }

/* block align 150525
<div class="blockleft" style="width:50%;">
*/
.blockleft {
    position: absolute;
    left: 20%;
}


/* image align    */
a img {border: none; } 
img { border: 0; }
img.top {vertical-align:text-top;}
img.bottom {vertical-align:text-bottom;}


/* Supersimple 150509 */

#header {

	padding: 15px 0 15px 15px;
}

#content {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    	min-height: 100%;
    	height:     auto !important;
    	height:     100%;
     overflow: auto; 
 overflow-x: hidden; 
 overflow-y: hidden; 
	}
#main-content {
		margin-left: 22%;
		max-width: 90%;

	}

#sidebar {
	width: 18%;
	float: left;
	padding: 0 0 0 0px;
	}

	#sidebar ul {
		list-style: inside;
	}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	}

@media screen and (max-width: 1024px)
	{
	img.bg 
	{ left: 50%; margin-left: -512px; }
	}

#page-wrap { position: relative; width: 80%; margin: 0px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }

/* Header includes
** from EMU
 */
.header-bg-responsive {
    background-color: #fff;
    display: block;
        margin-left: auto;
    	margin-right: auto;
    background-repeat: no-repeat;
	background-position: center center;
    width: 96%;
    height: 120px;
}


.header_bg_euro {
    background-color: #fff;
//    background-image: url(/includes/content/img/bsa1955header_fr_960.jpg);
    display: block;
        margin-left: auto;
    	margin-right: auto;
    background-repeat: no-repeat;
	background-position: center center;
    height: 150px;
}

.header_bg_nosearch {
    background-color: #fff;
//    background-image: url(/includes/content/img/bsa1955header_fr_960.jpg);
    display: block;
        margin-left: auto;
    	margin-right: auto;
    background-repeat: no-repeat;
	background-position: center center;
    height: 120px;
}

.header-bg-euro {
    background-color: #fff;
//    background-image: url(/includes/content/img/bsa1955header_fr_960.jpg);
    display: block;
        margin-left: auto;
    	margin-right: auto;
    background-repeat: no-repeat;
	background-position: center center;
    height: 150px;
}

.header-bg-nosearch {
    background-color: #fff;
//    background-image: url(/includes/content/img/bsa1955header_fr_960.jpg);
    display: block;
        margin-left: auto;
    	margin-right: auto;
    background-repeat: no-repeat;
	background-position: center center;
    height: 120px;
}

.logoleft {
    float: left;
    width: 20%;
    display: block;
    margin-right: auto;
}
.logoright {
    display: block;
    float: right;
    margin-left: auto;
    width: 20%;
}

.logocenter {
    margin: auto;
    width: 600px;
}


/* Adsense 1505 */

.max728 {
    max-width: 728px;
    margin-left: auto;
    margin-right: auto; 
}


/* HR Styles */
/* Gradient color1 - color2 - color1 */
hr.style-one {
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
	margin-top:0px; 
	margin-bottom:0px; 
	}

/* arles 1302 */
.img-caption 
	{
  width: 920px ; 
  text-align:left;
  margin-left: auto ; 
  margin-right: auto ;
    }

.imagetitle
	{
  text-align:left;
    }

.thumbnailtitle {
  font-size: 90%;
}

.thumbnail {
  margin-bottom: 5px;
  text-align: center;
}

.thumbnail_title {
  text-align: center;
}
.thumbnail-title {
  text-align: center;
}

/* TABLES */

table.center {
    margin-left:auto; 
    margin-right:auto;
  }
	
table.center70 {
    width:70%; 
    margin-left:15%; 
    margin-right:15%;
  }

/* for arles templates with tables */
.center
	{    
	margin-left: auto;
    	margin-right: auto;
    	}
.left
	{align:left;}

.centermiddle
	{
	vertical-align:middle;
	align: center;
	}

.centered-cell {
  text-align: center;
}


/* FONTS  */


/* size10gray 1201  */
.size10gray { color: #4D4D4D; font-size: 90%; }
.size10gray A:link { color: #4D4D4D; text-decoration: none; }
.size10gray A:visited { color: #4D4D4D; text-decoration: none; }
.size10gray A:hover { color: #800000; }
.size10gray A:active { color: #4D4D4D; text-decoration: none; }

/* size10red 1201  */
.size10red { color: #FF0000; font-size: 90%; }
.size10red A:link { color: #FF0000; text-decoration: none; }
.size10red A:visited { color: #FF0000; text-decoration: none; }
.size10red A:hover { color: #4D4D4D; }
.size10red A:active { color: #FF0000; text-decoration: none; }


/* size12gray 1302  */
.size12gray { color: #4D4D4D; font-size: 100%; }
.size12gray A:link { color: #4D4D4D; text-decoration: none; }
.size12gray A:visited { color: #4D4D4D; text-decoration: none; }
.size12gray A:hover { color: #800000; }
.size12gray A:active { color: #4D4D4D; text-decoration: none; }

/* size14gray 1505  */
.size14gray { color: #4D4D4D; font-size: 110%; }

/* size18gray  */
.size18gray { color: #4D4D4D; font-size: 125%; }

/* BOXES */

div.boxwhitegray
	{
	padding:2px;
	border:1px solid gray;
	margin:0px;
	background-color:white;
}

	/* for layouts - used in arles templates 1303 */
div.boxtrans
	{
	padding:2px;
	border:0px solid gray;
	margin-left: auto ;
  	margin-right: auto ;
  	text-align: center;
}

div.boxfade { width:956px; display: table;margin: 0 auto; border: 1px solid gray; background:#fff url("img/fade1060x20.png") repeat-y; 
}

div.boxfade { color: #4D4D4D; font-size: 90%; }
div.boxfade A:link { color: #4D4D4D; text-decoration: none; }
div.boxfade A:visited { color: #4D4D4D; text-decoration: none; }
div.boxfade A:hover { color: #800000; }
div.boxfade A:active { color: #4D4D4D; text-decoration: none; }


div.boxfadecontent { width:740px; display: table;margin: 0 auto; padding: 20px; border: 1px solid gray; background:#fff url("img/fade1060x20.png") repeat-y; height:100%
	}

div.box100gray { width:100%; display: table;margin: 0 auto; border: 0.05em solid gray; }


/* leftmenu 150509 */
.headbox
{
	background-color: #c0c0c0;
	border-top: 1px gray solid;
	border-right: 1px gray solid;
	border-bottom: 1px solid gray;
	border-left: 1px gray solid;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	display: block;
	color: #ffffff;
	font:100%;
	width: 100%;
	text-align: left;
	
}


.headbox2
{
	background-color: #c0c0c0;
	border-right: 1px gray solid;
	border-top: 0px gray solid;
	border-bottom: 1px gray solid;
	border-left: 1px gray solid;

	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	display: block;
	color: #ffffff;
	font:100%;	
	width: 100%;
	text-align: left;
}


a.leftmenu:link
	{
		

		background-color: #fbfbfd;
	border-right: 1px gray solid;
	border-top: 0px gray solid;
	border-bottom: 1px gray solid;
	border-left: 1px gray solid;
		display: block;
		padding-top: 2px;
		padding-right: 2px;
		padding-left: 2px;
		padding-bottom: 2px;
		font-weight: normal;
		font:100%;	
		text-decoration: none;
		width: 100%;
		text-align: left;
		border-width: 0px 1px 1px 1px;
		border-style: solid;
	}

a.leftmenu:visited
	{
		color: #696969; /* mid gray */
		/* background-color: #e3e3e7; */

		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
		display: block;
		padding-left: 2px;
		font-weight: normal;
		width: 100%;
		text-align: left;
		border-width: 0px 1px 1px 1px;
		border-style: solid;
	}


a.leftmenu:hover
	{
		color: #000;
		/* background-color: #e3e3e7; */

		padding-top: 2px;
		padding-right: 2px;
		padding-bottom: 2px;
		padding-left: 2px;
		display: block;
		font-weight: normal;
		text-align: left;
		border-width: 0px 1px 1px 1px;
		border-style: solid;
	}