/*	
	Developed by MCW Studio's
	For more information visit www.mcw.nl 
*/

/* 
	CSS DOCUMENT FOR MCW PROJECT SITES

	This is the main css file for the websites.
	This file is based on the rendering of Firefox 2.0 and Internet Explorer 7.
	The ID'S and CLASSES are alpabetically ordered.
	
	The purpose of the other files is listed below:
	
	ie.css 		                -->		Needed to overcome the differences in rendering between Firefox and Internet Explorer
	ie6.css		                -->		Needed for correct rendering in Internet Explorer 6
*/

/* 
	USED COLORS WITHIN APPLICATION

*/

html, body {
    margin: 0px;
    padding: 0px;
    scrollbar-face-color: #ddd; 
    scrollbar-highlight-color: #FFF; 
    scrollbar-shadow-color: #aaa; 
    scrollbar-3dlight-color: #aaa; 
    scrollbar-arrow-color:  #666; 
    scrollbar-track-color: #FFF; 
    scrollbar-darkshadow-color: #FFF;
}
body {
    color: #000000;
    font-family:Arial,Helvetica,Verdana;
    background: #FFF url(../_images/bodyBackground.gif) repeat-x left top;
    font-size: 12px;
    line-height: 1.4em;
}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd	{
	font-size: 12px;
	letter-spacing: 0.9px;
}
.mainContainer {
    margin: 0px auto 0px auto;
    width: 1000px;    
    background-color: #FFFFFF; 
	/*min-height:650px;*/

}
.agoraBar {
    background: transparent url(../_images/agoraBarBg.gif) repeat-x left top;
    height: 91px;
    width: 100%;
}
.agoraBarItem {
    float:left;
    padding:0px 17px 0px 15px;
    height:40px;
}
.agoraBarItem h1{
    color:#fff;
    margin:10px 0px 0px 0px;
    padding:0px;
    font-size:15px;
    font-weight:bold;
}
.agoraBarSeparator {
    float:left;
    background: transparent url(../_images/agoraBarSeparator.gif) no-repeat left top;
    width:2px;
    height:40px;
}
.agoraBarTop {
	height:40px;
}
.agoraBarBottom {
	height:31px;
	border-bottom:1px solid #000;
	margin:0px 17px 0px 17px;
}
.contentContainer {
	margin:0px 17px 0px 17px;
	min-height:650px;
	overflow:visible;
}
*html .contentContainer {
	margin:0px 17px 0px 17px;
	height:650px;
	overflow:visible;
}
.pageFooter {
	margin:0px 17px 0 17px;
	border-top: 3px solid #000;
	width:960px;
	margin:auto;
	clear:both;
}
.leftColumnContainer {
	margin-right:17px;
	width:197px;
	float:left;
}
.leftColumnContainer .headerBar, .centerColumnContainer .headerBar{
	height:25px;
	background: transparent url(../_images/headerBar.gif) repeat-x left top;
}
.centerColumnContainer {
	margin-right:17px;
	width: 494px;
	float:left;
}
.rightColumnContainer {
	width:237px;
	float:left;
	background-color: #ededed;
}
*html .rightColumnContainer {
	width:237px;
	float:right;
	position:absolute;
	background-color: #ededed;
}
.rightColumnContainer .headerBar {
	height:25px;
	background: transparent url(../_images/timelineBarbg.gif) repeat-x left top;
}
.rightColumnContainer .headerBar h1 {
	padding:0px;
	padding-right:15px;
	margin:0px 0px 0px 15px;
	color:#FFF;
	font-size: 14px;
	line-height:25px;
	float:left;
	background: transparent url(../_images/timelineBarSeparator.gif) no-repeat right top;
}
.contentText {
	margin-top:10px;
}






/* MCW EDITOR DECLARTIONS */
a {
	color:#4ca736;
	font-weight:bold;
}
a:hover {
	color:#0e2d92;
}
.aVariant1 {
	color:#0e2d92;
	font-weight:bold;
}
.aVariant1:hover {
	color:#4ca736;
}
p {
	margin:2px 0px 10px 0px;
}
p.pVariant1 {
	padding-bottom:7px;
	margin-bottom:7px;
	border-bottom: 1px solid #a5a5a5;
}
p.pVariant2 {
	padding:0px;
	margin-bottom:0px;
	padding-left:3px;	
	color:#FFF;
	font-weight:bold;
	background: transparent url(../_images/timelineItemBarBg.gif) repeat-x left top;
}
p.pVariant3 {
	margin-top:0px;	
	margin-bottom:7px;
	padding:3px 3px 7px 3px;
	background: #e1f2dd url(../_images/timelineItemBg.gif) repeat-x left top;
	border-bottom: 1px solid #a5a5a5;
}
h1.h1Variant1 {
	padding:0px;
	padding-right:15px;
	margin:0px 0px 0px 15px;
	color:#FFF;
	font-size: 14px;
	line-height:25px;
	float:left;
	background: transparent url(../_images/headerBarSeparator.gif) no-repeat right top;
}
*html h1.h1Variant1 {
	margin:0px 0px 0px 6px;
	}
h1.h1Variant2 {
	padding:0px;
	padding-right:15px;
	margin:0px 0px 0px 15px;
	color:#FFF;
	font-size: 12px;
	line-height:25px;
	float:left;
	background: transparent url(../_images/headerBarSeparator.gif) no-repeat right top;
}
h1, h2, h3 {
	color:#0e2d92;
	margin:8px 0px 10px 0px;	
}
h1 {
	font-size:18px;
}
h2 {
	font-size:16px;
	font-weight:bold;
}
h3 {
	font-size:12px;
	font-weight:bold;
}
ul {
	 margin-left:15px;
}
.ulVariant1{
    list-style-type:none;
    margin-left:0px;
    padding:0px;
}
.ulVariant1 li {
    display:block;
    padding:0px 0px 2px 12px;
    background: transparent url(../_images/arrowVariant1.gif) no-repeat left 5px;
}



/* QUESTION CONTAINER */
.questionContainer {
	background: #e1f2dd url(../_images/timelineItemBg.gif) repeat-x left top;
	border-bottom: 1px solid #a5a5a5;
	padding:5px;
}
.qItem {
	margin-top:0px;	
	margin-bottom:7px;
	padding:3px 3px 3px 3px;
	border: dotted 1px #53a241;
	clear:left;
}
.qButtons {
	/*margin-bottom:5px;*/
	border-bottom:dotted 1px #464ead;
	height:28px;
}
.qBtn1, .qBtn2, .qBtn3 {
	float:left;
}
.qBtn1 {
	width:170px;
}
.qBtn2{
	width:285px;
	margin-top:2px;
}
.qBtn3 
{
	width:22px;
	
}
/* END QUESTION CONTAINER */

.imgVariant1, .imgVariant2 {
	padding: 5px !important;
	background-color: #FFFFFF !important;
	border: 1px solid #a5a5a5 !important;
}
.imgVariant1, .imgVariant3 {
	float: left !important;
	margin: 0px 10px 10px 0px !important;
}
.imgVariant2, .imgVariant4 {
	float: right !important;
	margin: 0px 0px 10px 10px !important;
}
.imgVariant3, .imgVariant4 {
	border: 1px solid #0e2d92 !important;
}
.imgVariant1, .imgVariant2, .imgVariant3, .imgVariant4 {
	z-index: 2 !important;
	/* Set margin top for correct aligning with top of text */
	margin-top: 5px !important;
}

/* END MCW EDITOR DECLARTIONS */