@charset "utf-8";
/* This file holds the general css for the Speakers Outdoor sites */
/* See the specific css files for section specific css */

/* FOR TESTING PURPOSES */
.borderBlue {
	border:1px #0000CC solid;
	}
.borderRed {
	border:1px #CC0000 solid;
	}
.borderGreen {
	border:1px #00CC00 solid;
	}		
.backgroundLightGray {
	background-color:#EEE;
	}

/* CANCELLING ISSUES IN DIFFREENT BROWSERS*/
form,h1,h2,h3,h4,h5,h6,p,ul,li {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none}
ul,li {list-style:none; margin:0; padding:0; float:left}


/* GENERAL REDEFINITIONS */
html {
	width:100%;
	height:100%;
	margin:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin:0;
	padding:0;
	background:url(../images/bodyBg.jpg) no-repeat top center;
	background-color:#000;
}
img {
	border:none;
}
h1, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;	
	text-decoration:none;
	margin-bottom:6px;
	margin-top:3px;	
}
h2 {
	font-size:1.8em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;	
	margin:4px 0;
	color:#EABB01;
}
h3, h4, h5 {
	font-weight:normal;
}
p {
	margin-top:3px;
	margin-bottom:3px;
	line-height:150%;
	font-size:0.95em;
	color:#000;
}
a {
	outline:none;
	color: #FC0;
}

.clear {
	clear:both;
}
/*LAYOUT-STRUCTURE*/

#header{
	width:960px;
	margin:0 auto;
	position:relative;
	height:361px;
}

#d66{
	position:absolute;
	right:0;
	margin:0 8px 0 0;
}

#logo{
	background-image:url(../images/logo.png);
	width:511px;
	height:150px;
	text-indent:-5000px;
	position:absolute;
	right:0;
	margin:170px 8px 0 0;
}
#tagLine{
	position:absolute;
	right:0;
	margin:300px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.4em;
	color:#FFF;
}

/* menu css */

#menuBar {
	height:65px;
	background:#FFF url(../images/menuBg.jpg) repeat-x left top;
	width:100%;
}
#menu{
	width:960px;
	margin:0 auto;	
}

ul#navigation {
	float:right;
	color:#FFF;
	font-size:1.5em;
	margin:-3px 0 0 0;
}
ul#navigation li {
	background:url(../images/navigation-devider.png) no-repeat right 4px;
	padding:24px 0 20px 0;
	float:left;
}
ul#navigation li.deviderNone {
	background:none;
}
ul#navigation li a {
	color:#FFF;
	text-decoration:none;	
	padding:0 23px;
}
ul#navigation li a:hover {
	color:#fbc800;	
}
ul#navigation li.active a {
	color:#fbc800;
}
ul#navigation li.deviderNone a {
	padding-right:0;
}

/* middle content */

#middleSection {
	height:284px;
	background:#FFF url(../images/middleBg.jpg) repeat-x left top;
	width:100%;	
	position:relative;
}
#middleContent{
	width:960px;
	margin:0 auto;
	color:#000;
}
#middleContentLeft{
	width:560px;
	float:left;
	margin:46px 0 0;	
}
#middleContentLeft h2{
	font-size:1.9em;
	margin-bottom:7px;
	color:#000;
	font-weight:normal;	
}
#middleContentLeft span{
	font-size:0.9em;
	font-style:italic;
}

#noOfBlogs{
	float:right;
	margin:-25px 49px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
	
}
#ImageOfNo{
	float:right;
	margin:-20px 26px 0 0;
}
.blogTextFirst{
	width:560px;
	margin-top:20px;
	line-height:180%;
}

.blogText{
	width:560px;
	line-height:180%;
}
#middleContentRight{
	background-image:url(../images/divider.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:282px;
	width:341px;
	float:right;
}
/* Search form */
#middleContentRightTop{
	height:143px;
	background:url(../images/verticleDivider.png) no-repeat left bottom;
	margin-bottom:20px;
	margin-left:1px;
	float:right;
}
#middleContentRightTop form {	
	margin:53px 0 0 23px;
}
#middleContentRightTop form input {
	border:none;
	color:#999;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}
#middleContentRightTop form #search {
	float:left;
	width:256px;
	/*height:28px;*/
	margin:0 13px 0 0;
	padding:8px 8px 12px;
	background:url(../images/searchBg.png) no-repeat left top;
}
#middleContentRightTop form #go {
	float:left;
	width:32px;
	height:26px;
	margin-top:2px;
}
/* Search form  ends here */


#paperImage{
	float:left;
	margin:-5px 6px 0 22px;
}
#middleContentRightbottom h2{
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-weight:normal;
}

/* Search form */
#middleContentRightbottom{	
	float:right;
}
#middleContentRightbottom form {	
	margin:30px 0 0 23px;
}
#middleContentRightbottom form input {
	border:none;
	color:#999;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}
#middleContentRightbottom form #subscribeEmail {
	float:left;
	width:194px;
	/*height:28px;*/
	margin:0 5px 0 0;
	padding:8px 5px 12px;
	background:url(../images/emailBg.png) no-repeat left top;
}
#middleContentRightbottom form #go {
	float:left;
	width:32px;
	height:26px;
}
/* Search form  ends here */

#middleContentLeft a{
	margin-top:18px;
	text-decoration:underline;	
	float:right;
	color:#F00;
	font-style:italic;
	font-size:1.1em;
	margin-right:34px;
}
#middleContentLeft a:hover{
	color:#000;
}

/* main Content */
#mainWrapper{
	background:url(../images/mainContentsBg.jpg) repeat-x left top;
	width:100%;
	background-color:#000;
}
#mainContentPosition{
	float:left;
	width:960px;
}
#mainContentPosition a:hover{
	text-decoration:none;
}
#mainContent{
	width:960px;
	margin:0 auto;
}

#mainContent h1{	
	color:#EABB01;
	font-size:2em;
	font-weight:normal;
}

#mainContentLeft{
	width:403px;
	float:left;
}

#mainContentRight{
	width:275px;
	float:left;	
}
#mainContentRight {
	width:283px;
	float:right;
}

#leftContent {
	width:620px;
	float:left;
	margin:50px 0 80px;	
}
#leftContent h2, #leftContent p {
	margin:0 0 10px;
}
#leftContent p {
	color:#fff;
	font-size:1.1em;
	margin-bottom:5px;
}
#leftContent p.date {
	color:#8e8e8e;	
	font-size:1em;
	margin-bottom:10px;
}
#leftContent h2 {	
	font-weight:normal;
	font-size:1.65em;
}
.siteMessagesBox {
	float:left;
	padding-bottom:30px;
	margin-bottom:50px;
	border-bottom:1px solid #494949;
	width:620px;
}
.siteMessagesBox.last {
	margin-bottom:15px;	
}
.siteMessagesBox.hasImage .siteMessageImage {
	float:left;
	margin-right:20px;
	border:5px solid #ccc;
}
.siteMessagesBox.hasImage .siteMessage {
	float:left;
	width:360px;
}
#seeAllPostLink {
	font-size:1.15em;
	display:block;
	padding:8px 0;
	background:#2e2e2e;
	border-radius:4px;
	width:130px;
	text-align:center;
	margin:10px auto;
}
#pagination {
	float:right;
	color:#fff;
}
#pagination a, #pagination span {
	margin:0 7px;
}

/* BLOG */
/* box corners */
.boxContainer {
	width:404px;
	float: left;
	margin:20px 0 0 0;
}
.leftTop, .bottomLeft{
	float:left;
}
.rightTop, .bottomRight{
	float:right;
}
.corner {
	width:202px;
	height: 23px;
}
#blog div.content {
	float:left;
	background:url(../images/transparentBg.png) repeat;
	width:403px;
}
#blog .leftTop {
	background:url(../images/curve.png) no-repeat left 0px;
}
#blog .rightTop {
	background:url(../images/curve.png) no-repeat right 0px;
}
#blog .bottomLeft {
	background:url(../images/curve.png) no-repeat left -30px;
}
#blog .bottomRight {
	background:url(../images/curve.png) no-repeat right -30px;
}

/* BLOG  ends here */
.content h1{
	margin:28px 0 0 36px;
}
.content p{
	margin:30px 0 0 36px;
	font-size:1em;
	width:329px;
}
.content a{
	color:#ffcc33;
	text-decoration:underline;	
}
#moreBlog{
	float:right;
	font-style:italic;
	margin-top:40px;
	margin-right:25px;
	margin-bottom:20px;
	font-size:0.89em;
}

/* article */
/* box */
.articleBox {
	width:404px;
	float: left;
	margin:20px 0 0 0;
}
.leftTop, .bottomLeft{
	float:left;
}
.rightTop, .bottomRight{
	float:right;
}
.corner {
	width:202px;
	height: 23px;
}
#article div.contentarticle {
	float:left;
	background:url(../images/transparentBg.png) repeat;
	width:403px;
}
#article .leftTop {
	background:url(../images/curve.png) no-repeat left 0px;
}
#article .rightTop {
	background:url(../images/curve.png) no-repeat right 0px;
}
#article .bottomLeft {
	background:url(../images/curve.png) no-repeat left -30px;
}
#article .bottomRight {
	background:url(../images/curve.png) no-repeat right -30px;
}
.contentarticle h1{
	margin:28px 0 0 36px;
}
.contentarticle p{
	margin:30px 0 0 36px;
	font-size:1em;
	width:340px;
}
.contentarticle a{
	text-decoration:underline;
	color:#666;
}
#moreArticle{
	float:right;
	font-style:italic;
	margin:40px 25px 20px 0;
	margin-bottom:30px;
	font-size:0.89em;
	color:#ffcc33;
	display:block;
	width:200px;
	text-align:right;
}
p.bold {
	font-weight:bold;
}

#mainContentCenter{
	width:300px;
	float:left;
	background:url(../images/transparentBg.png) repeat;
	margin:0 0 0 10px;
	padding-bottom:209px;
}
#mainContentCenter h1{
	margin:70px 0 0 32px;
}
#mainContentCenter img{
	margin:43px 0 0 32px;
	border:solid 4px #3e3d3d;
}
#mainContentCenter p{
	margin:32px 0 0 32px;
	width:245px;	
}
#mainContentCenter a{
	color:#ffcc33;
	text-decoration:underline;
	margin-bottom:50px;
}
#mainContentCenter a.description{
	color:#6c6c6c;
	text-decoration:underline;
}

.date{
	width:300px;	
}
#mainContentCenter p.agendaDate{
	float:left;
	height:62px;
	width:58px;
	margin:40px 0 0 32px;
}

#mainContentCenter p.agendaDate img{
	border:none;
	margin:2px 0 0 0;
	
}
#mainContentCenter p.agendaDescription {
	float:left;
	color:#6c6c6c;
	height:auto;
	margin:40px 0 0 20px;
	width:160px;
	height:80px;
}
#mainContentCenter p.agendaDescription a:hover{
	text-decoration:none;
}


#socialNetworking h1{
	margin:50px 0 0;
	color:#ec5d2e;
	font-size:2em;
	font-weight:normal;
}


ul#socialNetworkLinks {
	margin:25px 0 0;
}
ul#socialNetworkLinks li {
	width:120px;
	font-weight:bold;
	padding-right:18px;
	display:inline;
	float:none;
}

ul#socialNetworkLinks li a {
	font-weight:bold;
	padding:3px 15px 5px 32px;
	color:#fff;
	text-transform:capitalize;
}
ul#socialNetworkLinks li.linkedin a {
	background:url(../images/linked-in.png) no-repeat left -24px;
}

ul#socialNetworkLinks li.hyves a:hover {
	background:url(../images/hyves.png) no-repeat left -22px;
	margin-left:6px;
}

ul#socialNetworkLinks li.facebook a {
	background:url(../images/facebook.png) no-repeat left -25px;
}

ul#socialNetworkLinks li.twitter a {
	background:url(../images/twitter.png) no-repeat left -24px;
}

ul#socialNetworkLinks li.linkedin a:hover {
	background:url(../images/linked-in.png) no-repeat left top;
}

ul#socialNetworkLinks li.hyves a {
	background:url(../images/hyves.png) no-repeat left 1px;
	margin-left:6px;
}

ul#socialNetworkLinks li.facebook a:hover {
	background:url(../images/facebook.png) no-repeat left top;	
}

ul#socialNetworkLinks li.twitter a:hover {
	background:url(../images/twitter.png) no-repeat left top;
}



/* video */
/* box */
.videoBox {
	width:283px;
	float: left;
	margin:70px 0 40px;
	background:#2e2e2e;
	border-radius:8px;
}
.leftTop, .bottomLeft{
	float:left;
}
.rightTop, .bottomRight{
	float:right;
}
.cornerV {
	width:128px;
	height: 23px;
}
#videos div.contentvideo {		
	width:250px;
	position:relative;
	padding:0 0 25px;
	margin:15px auto;
}
#videos .leftTop {
	background:url(../images/curve.png) no-repeat left 0px;
}
#videos .rightTop {
	background:url(../images/curve.png) no-repeat right 0px;
}
#videos .bottomLeft {
	background:url(../images/curve.png) no-repeat left -30px;
}
#videos .bottomRight {
	background:url(../images/curve.png) no-repeat right -30px;
}
.contentvideo h1{
	margin:18px 0 0 25px;
}
.contentvideo h1.video{
	margin:5px 0 15px;
}
.contentvideo p{
	color:#666;
	margin:30px 0 18px;
	font-size:1em;
	width:200px;
}
div#meerOver {
	clear:both;
	margin-bottom:20px;
}

#mediaPlayer{	
	margin:0 0 40px 13px;
}
#leftVideoButtom{
	float:left;
	margin:58px 20px 0 -14px ;
}

#rightVideoButtom{
	float:right;
	margin:54px -16px  0 0;
}
#videotext{	
	font-weight:bold;
	float:left;
	margin-top:20px;
}

#moreVideo{
	float:right;
	margin:-12px 25px 30px 0;
	font-size:0.89em;
	color:#ffcc33;
	text-decoration:underline;
}

#meerOver h1{
	margin:0 0 30px 32px;
}
#meerOver p{
	margin:15px 0 0 0;
}

#meerOver a{
	color:#FFF;
	text-decoration:underline;
	margin:0 0 30px 32px;
}




/* media */
/* box */
.mediaBox {
	width:960px;
	float: left;
	margin:0 0 0 0px;
}
.leftTop, .bottomLeft{
	float:left;
}
.rightTop, .bottomRight{
	float:right;
}
.cornerM {
	width:480px;
	height: 23px;
}
#media div.contentmedia {
	float:left;
	background-color:#ffc71e;
	width:959px;
	height:204px;
}
#media .leftTop {
	background:url(../images/curve.png) no-repeat left -53px;	
}
#media .rightTop {
	background:url(../images/curve.png) no-repeat right -53px;
}
#media .bottomLeft {
	background:url(../images/curve.png) no-repeat left -81px;
	
}
#media .bottomRight {
	background:url(../images/curve.png) no-repeat right -81px;
}

#media div.contentmedia p {
	font-size:1em;
	width:215px;
	text-decoration:underline;
}
#media div.contentmedia a {
	color:#000;
	text-decoration:none;
}
#media div.contentmedia a:hover {
	text-decoration:underline;
	color:#FF0000;
}
span#linkIdNext, span#linkIdPrev {
	color:#FFCC33;
	cursor:pointer;
	display:block;
}
span#linkIdNext {
	float:right;
	margin:10px 20px 0 0;
}
span#linkIdPrev {
	float:left;
	margin:10px 0 0 25px;	
}
#moreVideo {
	bottom:-5px;
	color:#FFCC33;
	font-size:0.89em;
	left:201px;
	margin:0;
	position:absolute;
	text-decoration:underline;
	width:100px;
}
span#moreVideo {
	font-size:1.1em;
	bottom:11px;
	color:#4e4e4e;	
	left:95px;
	margin:0;
	position:absolute;
	width:100px;
	text-decoration:none;
}
.divider{
	background:url(../images/mediaDivider.png) no-repeat bottom left;
	margin:15px 0 0 0;
	width:315px;
}

#parlement{
	width:318px;
	float:left;
	background:url(../images/mediaContentDivider.png) no-repeat top right;
	height:215px;
}
#parlement h2{
	background:url(../images/paelementaire.png) no-repeat;
	width:271px;
	height:63px;
	text-indent:-5000px;
	margin:-9px 0 0 32px;
	
}
#parlement p{
	margin:15px 0 0 32px;
}

#janMedia{
	width:318px;
	float:left;
	background:url(../images/mediaContentDivider.png) no-repeat top right;
	height:215px;
}
#janMedia h2{
	background:url(../images/janInDe.png) no-repeat;
	width:203px;
	height:63px;
	text-indent:-5000px;
	margin:-9px 0 0 32px;
}
#janMedia p{
	margin:0 0 15px 32px;
}


#interviews{
	width:318px;
	float:left;
}

#interviews h2{
	background:url(../images/interviews.png) no-repeat;
	width:117px;
	height:63px;
	text-indent:-5000px;
	margin:-9px 0 0 32px;
	
}
#interviews p{
	margin:0 0 15px 32px;
}


#media div.contentmedia a.more{
	float:right;
	margin:14px 40px 0 0;
	font-size:0.9em;
	color:#F00;
	text-decoration:underline;
}
#media div.contentmedia a:hover.more{
	color:#000;
	
}


#everyNewsInfo{
	float:right;
	margin:-38px 17px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;	
}

#everyNewsInfo img{
	margin:5px 0 0 5px;
	border:none;
	float:left;
}
.noOfNews{
	float:left;
}

.newsItems{
	height:40px;
}
#divErrorEmailMessage{	
	font-size:0.9em;
	color:red;
	position:absolute;
	top:251px;
}
#spanCorrect{
	position:absolute;
	top:251px;
}


#footerContent{
	width:100%;
	background:url(../images/footer.jpg) repeat-x;
	margin:20px 0 0 0;	
	position:relative;
}
#footer{
	width:990px;
	height:63px;
	margin:0 auto;
	font-size:0.9em;	
}
#footerLeft{
	float:left;
	color:#FFF;
	margin-top:25px;	
	margin-left:12px;	
}
#footerRight{
	float:right;
	margin-top:25px;	
	margin-right:7px;
}
#footerMenu {
	color:#FFF;	
}
ul#footerMenu {
	margin:0;	
}
ul#footerMenu li a {
	color:#FFF;
	text-decoration:none;
	padding:0 8px 0 8px;
	
}
ul#footerMenu li a:hover {
	color:#fbc800;	
}
ul#footerMenu li.active a {
	color:#fbc800;
}

/* HACK TO ABSOLUTELY POSITION FOOTER ON BOTTOM OF BROWSER WINDOW */
html, body, #mainWrapper {height:100%;}

body > #mainWrapper {height:auto; min-height:100%;}

#mainContentBg {
	background:url(../images/mainContentBgNew.png) repeat left top;
	width:1024px;
	margin:0 auto;
}  /* must be same height as the footer */

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {display:block;}
/* End hide from IE-mac */

/*OTHER*/
.clear {
	clear:both;
}



#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider, #slider li { 
/* 
define width and height of container element and list item (slide)
list items must be the same size as the slider area
*/ 
	
	width:248px;
	height:184px;
	overflow:hidden; 
	margin-bottom:22px;
}
span#prevBtn{float:left;}
span#nextBtn{float:right;}	
span#prevBtn a, span#nextBtn a {
	background:#171717;
	padding:8px 7px;
	border-radius:4px;
}
/* POPUP */
#backgroundPopup{
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:100;
	opacity:0.7;
}
#popupContact{
	position:fixed;
	width:400px;
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:200;
	padding:12px;
	font-size:13px;
}
#popupContactClose{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
	z-index:250;
	cursor:pointer;
}