body { margin: 0px; padding: 0px; font-family: Helvetica; font-size: 10pt; text-align: justify;}

a img { text-decoration: none; border: 0px;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	display: block;
}

div#login {
	margin-right: auto;
	margin-left: auto;
	width: 250px;
	padding-top: 200px;
	padding-bottom: 600px;
}

#login form input {
	height: 24px;
	width: 250px;
	font-size: 24px;
	text-align: center;
}

/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



div#header { width: 100%; background-color: #000; height: 50px; margin: 0px; padding: 0px;  }

body#participation div#header { border-bottom: 10px solid #72c7f0;}
body#explained div#header { border-bottom: 10px solid #70ab3c;}
body#scope div#header { border-bottom: 10px solid #fcc32b;}
body#contact div#header { border-bottom: 10px solid #ed1c24;}

div#menubar { width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 15px; }

div#menubar ul { display: inline; margin: 0; padding: 0; list-style-type: none; }

div#menubar li a { color: #404040; margin-top: 10px; text-decoration: none;  }
div#menubar li a:hover { color: #eee;  }
div#menubar ul li { display: inline; font-size: 14pt; margin: 0px; padding: 0px; padding-right: 20px; width: 400px; list-style: none;}

body#participation div#menubar li a.selected { border-left: 3px #72c7f0 solid; padding-left: 5px; color: #72c7f0;}
body#explained div#menubar li a.selected { border-left: 3px #70ab3c solid; padding-left: 5px; color: #70ab3c;}
body#scope div#menubar li a.selected { border-left: 3px #fcc32b solid; padding-left: 5px; color: #fcc32b;}
body#contact div#menubar li a.selected { border-left: 3px #ed1c24 solid; padding-left: 5px; color: #ed1c24;}

div#menubar div#slogan { float: right; display: inline; font-size: 14pt; color: #fff; }
div#menubar img#logo { float: right; display: inline; font-size: 14pt; color: #fff; margin: 0; padding: 0; margin-top: -10px; padding-left: 10px;}


div#menubar img#logo, x:-moz-any-link {margin-top: -30px;}
div#menubar img#logo, x:-moz-any-link, x:default {margin-top: -10px;}


div#menubar div#slogan, x:-moz-any-link {margin-top: -20px;}
div#menubar div#slogan, x:-moz-any-link, x:default {margin-top: inherit;}


body#participation span.pagecolor { color: #72c7f0; }
body#explained span.pagecolor { color: #70ab3c; }
body#scope span.pagecolor { color: #fcc32b; }
body#contact span.pagecolor { color: #ed1c24; }

div#container { padding: 0; margin: 0;}

div#content { width: 800px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 0; background-color: #ececec; }

div#content img { padding: 0px; margin: 0px; }

div#content h2 { font-weight: bold; font-size: 16pt; margin: 10px; margin-left: 0px; }

div#content p { text-align: justify; font-size: 10pt; margin: 10px;}

div#content p#become { width: 488px; }

body#participation div#content { background-image: url('images/edh_part_graphic.png'); background-repeat: no-repeat; background-position: 0px 500px; padding-left: 10px; }

body#participation div#content div.sidebar-right { width: 244px; float: right; clear:none; margin-right: 20px; }

body#participation div#content div.sidebar-right li { padding-top: 5px; }


body#explained div#content div#text {padding:0 ; padding-top: 170px; margin: 0; padding-left: 20px; padding-right: 20px; }
body#explained div#content div#sidebar { width: 305px; height: 495px; float: left; margin: 0; margin-right: 20px; padding: 0;  }
body#explained div#content { background-image: url('images/edh_explain_bg.png'); background-repeat: no-repeat; background-position: 0px 0px; }

body#scope div#placeholder { background-image: url('images/edh_scope_bg.png'); background-repeat: no-repeat; background-position: 0px 0px; }
body#scope div#content div#text {padding:0 ; margin: 0;padding-top: 20px; padding-left: 20px; padding-right: 20px; }
body#scope div#placeholder { height: 485px; }

body#contact div#content div#text {padding:0 ; margin: 0;padding-top: 20px; padding-left: 20px; padding-right: 20px; }
body#contact div#content div#sidebar { width: 280px; height: 315px; float: right; margin: 0; margin-left: 20px; margin-right: 50px; padding: 0;  }
body#contact div#placeholder { height: 10px; }

body#restricted div#content {
	padding:  20px;
}

div#footer { width: 100%; background-color: #000; height: 25px; margin: 0px; padding: 0px;  }


#login strong {
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
	text-align: center;
}

/* 2.8 Tabs
-----------------------------------------------------------------------------------------------*/
.ui-tabs-hide { display: none; }
#tabs .nav { float: right; border-left: 1px solid #e4e7ea; }
#tabs .nav li { float: left; list-style: none; }
#tabs .nav a { display: block; padding: 10px 15px; border-top: 1px solid #e4e7ea; border-right: 1px solid #e4e7ea; font-weight: bold; background: #fff; color: #2f5b97; line-height: 1.25; }
#tabs .nav .ui-tabs-selected a { color: #9ea5ae; position: relative; margin-bottom: -1px; padding: 10px 15px 11px 15px; }
#tabs .tab { clear: both; width: 900px; margin: 0 -30px 20px -30px; padding: 25px 30px 0 30px; border-top: 1px solid #e4e7ea; }


#tabs-inactive .nav { float: right; border-left: 1px solid #e4e7ea; }
#tabs-inactive .nav li { float: left; }
#tabs-inactive .nav a { display: block; padding: 10px 15px; border-top: 1px solid #e4e7ea; border-right: 1px solid #e4e7ea; font-weight: bold; background: #fff; color: #2f5b97; line-height: 1.25; }
#tabs-inactive .nav .ui-tabs-selected a { color: #9ea5ae; position: relative; margin-bottom: -1px; padding: 10px 15px 11px 15px; }
#tabs-inactive .tab { clear: both; width: 900px; margin: 0 -30px 20px -30px; padding: 25px 30px 0 30px; border-top: 1px solid #e4e7ea; }