/* CSS Document */


body {
	margin: 0;
	text-align: center;/*correct IE bug */
 	background-color: #FFFFFF; 
 	font-family: Tahoma, Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 12px;
	color: #000000;
	height: 100%;
	background-color:#CCCCCC;
}

span#hide {/*back to graphic version on the text only version - hide on the graphic version*/
	
}



/**************
common tag
**************/

p {
	border: 0;
	margin: 0;
	padding: 0;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	color: #660000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
	display:none;
}
form {
	border: 0;
	margin: 0;
	padding: 0;
}

h1{
	margin-top:0;
	font-size:18px;
}
h2{
	font-size:14px;
	color: #333333;
	margin-top:20px;
}



/**************
general class
**************/

.imgAlignMiddle {
	vertical-align: middle;
}

.imgAlignTop {
	vertical-align: top;
}
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}
.imgMargin{
	margin-bottom:10px;
	margin-top:0px;
	margin-right:5px;
	margin-left:0px;
	border: 0px #666666 solid;
}

.imgMarginBottom{
	margin-bottom:10px;
	border: 0px #666666 solid;
}

.imgMarginLeftRight{
	margin-right:5px;
	margin-left:5px;
}
.margin15{
	margin-top: 15px;
}
.button{
	border: #999999 1px solid;
	width: 100px;
	height: 19px;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;	
}



/**************
main structure
**************/

div#global{/* includes everything:  main div  and footer*/
 	margin: auto;
	width: 900px;/* page size */
	text-align: left;
	background:none;/* if changed it will affect the background color of the footer*/
	display: table;/* necessary to work with height 100%*/
	border:1px solid  #666666;
	background-color:#FFFFFF;
}

div#header {
	height: 130px;
	width: 900px;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
	border-bottom:1px solid  #666666;
	text-align:right;
	
}

div#main {
	background-color: #FFFFFF; 
	width: 900px;
	border: 0;
	margin: 0;
	padding: 0;
	overflow:auto;
	
}

/**** DIV's for the second level ****/
div#mainAbout {
	background-color: #FFFFFF; 
	width: 900px;
	border: 0;
	margin: 0;
	padding: 0;
	overflow:auto;
	
	
}
div#mainServices{
	background-color: #FFFFFF; 
	width: 900px;
	border: 0;
	margin: 0;
	padding: 0;
	overflow:auto;
	
	
}

div#mainNews{
	background-color: #FFFFFF; 
	width: 900px;
	border: 0;
	margin: 0;
	padding: 0;
	overflow:auto;
	
	
}
/**** DIV's for tje second level END****/



div#menuMain {
	width: 900px; 
	height: 20px;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	border-bottom:1px solid  #666666;
}

/* from here be really carefull of size  margin and padding - if a div doesn't have enough space it will go under the other.

quick reminder :
-> FOR ALL BROWSER : width or height = content size + padding + border.
-> FOR IE : width or height = content size including padding and border.

 */
 

 
 
 
div#columnNav {
	float:left;
	width: 278px;
	min-height: 400px; /* understood by all browser will set the size to that minimum size if not enough content. IE will need a proper height  */
	height: 100%; /* compulsory for the content to push other bloc down  */
	display:block;
	border: 0;
	margin: 0;
	padding: 10px;
}

/***only for the home page***/

div#columnServices{
	float:left;
	min-height: 400px; 
	height: 100%; 
	width:280px;
	display:block;
	border: 0;
	margin: 0;
	padding: 10px;
}
div#columnNews {
	float:left;
	width: 280px;
	min-height: 400px; /* understood by all browser will set the size to that minimum size if not enough content. IE will need a proper height  */
	height: 100%; /* compulsory for the content to push other bloc down  */
	display:block;
	margin: 0;
	border: 0;
	padding: 10px;

}
/***only for the home page END***/


div#columnContent{ /* div that contains the main content necessary to allow a background behind - if no background is needed then get rid of it */ 
	float:left;
	width:600px;/* Width of content carefull of padding and border */
	
}

/*Bottom link menu*/
div#bottomLink{
	height: 56px;
	width: 900px;
	overflow:auto;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	float:left;
	border-top:1px solid #666666;
}

div#contentAll{
	position:relative;
}
/*Bottom link menu END*/

div#footer{
	height:50px;
	width: 900px;
	display:block;
	border: 0;
	margin: auto;
	padding: 0;
	text-align:right;
	margin-bottom:10px;
	
}


/**************
header class
**************/
p.headerText {
	margin-right:13px;
	text-align:right;
	font-size:11px;
	float:right;
} 
div.accessLinks {
	margin-left:10px;
	margin-top:13px;
	width:300px;
	display:block;
	float:left;
	text-align:left;
	font-size:11px;
}
.logoClear{
	width: 430px;
	height: 80px;
	margin-top: 0px;
	display: block;
}

/**************
Menu class
**************/
#menuMain div{
	display:block;
	float:left;
	width:289px;
	height:16px;
	padding:2px;
	font-weight:bold;
	font-size:14px;
	padding-left:8px;
	border-right:1px solid #666666;
}
#menuMain div#menuRight{
border-right:0px;
width:290px;
}

/*class for the DIV within mainMenu*/
#menuLeft, #menuMiddle, #menuRight {
	background-color:#f2f2f2;
}
#menuLeft:hover{
	background-color:#1294a5;
}
#menuMiddle:hover{
	background-color:#8f936e;
}
#menuRight:hover {
	background-color:#c29342;
}
/*class for the DIV within mainMenu EMD*/

/*class for the links*/
#menuLeft a:hover, #menuLeft:hover a, #menuMiddle a:hover, #menuMiddle:hover a, #menuRight a:hover, #menuRight:hover a{
color: #000000;
text-decoration:none;
}
/**LEFT*/
#menuLeft a{
color: #1294a5;
}
#menuLeftSelected{
background-color:  #1294a5;
}
#menuLeftSelected a{
color:#000000;
}

/**MIDDLE*/
#menuMiddle a{
color: #7F8463;
}
#menuMiddleSelected{
background-color: #8f936e;
}
#menuMiddleSelected a{
color:#000000;
}

/**RIGHT*/
#menuRight a{
color: #c29342;
}
#menuRightSelected{
background-color: #c29342;
}
#menuRightSelected a{
color: #000000;
}
/*class for the links END*/



/***specific to menu second level***/
div#mainAbout div#colorMenu{
background-color: #1294a5;
display:block;
width:900px;
height:4px;
}
div#mainServices div#colorMenu{
background-color: #8f936e;
display:block;
width:900px;
height:4px;
}
div#mainNews div#colorMenu{
background-color: #c29342;
display:block;
width:900px;
height:4px;
}



/**************
columnNav Class
**************/
.columnNavBox{
border-top:1px dotted #666666;
padding-top:5px;
margin-bottom:10px;
border-bottom:1px dotted #666666;
}

/**** specific to menu about ****/
div#menuAbout{
height:435px;
display:table;
}
div#donation{
border:0px;
height:75px;
background-color:#EBEBEB;

}
.leftBox{
border-top:1px dotted #666666;
padding-top:5px;
margin-bottom:10px;
border-bottom:1px dotted #666666;
}
div#menuAbout div.leftBox h3{
margin-top:15px;
}
div#menuAbout h3{
color:#1294a5;
margin-bottom:5px;
margin-top:0px;
}
div#menuAbout ul{
padding-bottom:5px;
}
div#menuAbout ul li a{
font-size:13px;
font-weight:bold;
color:#1294a5;
}
div#menuAbout ul li{
line-height:18px;
}
div#menuAbout ul li ul li{
list-style:none;
margin-left:0;
line-height:14px;
}
div#menuAbout ul li ul li a{
font-size:11px;
color: #660000;
font-weight:normal;
}

#bottomLeft{
height:200px;
}
.clearAll{
clear:both;
}

/**** specific to menu services ***/

div#menuServices p{
margin-top:10px;
margin-bottom:10px;
font-size:11px;
color:#666666;
}

div#menuServices ul li a{
font-size:13px;
font-weight:bold;
color:#7F8463;
}
div#menuServices ul li{
line-height:18px;
}
div#menuServices ul li ul li, div#menuServices div.contentBox ul li{
list-style:none;
margin-left:0;
line-height:14px;
}
div#menuServices ul li ul li a, div#menuServices div.contentBox ul li a{
font-size:11px;
color: #660000;
font-weight:normal;
}
div#menuServices select{
width:278px;
margin-bottom:5px;
}
div#menuServices input{
outline-color: invert;
outline-style: none;
outline-width: medium;
padding-bottom: 4px;
}
div.contentBox{
border-top:dotted 1px #999999;
margin-top:5px;
margin-bottom:5px;
padding-top:5px;
padding-bottom:0px;
}
div.contentBox h3{
color:#7F8463;
margin-bottom:5px;
margin-top:0px;
}
div.contentBox span a{
font-size:11px;
margin-top:5px;
display:block;
background-color:#cccc99;
}
.bkgMiddleBox{
background-color: #CCCC99;
padding-top:3px;
padding-bottom:3px;
}

#languages{
margin-left:5px;
font-size:11px;
color:#666666;
}


/*****specific to menu News *******/
.imgNews{
vertical-align: middle;
margin-bottom:5px;
border: 1px #666666 solid;
float:right;
margin-left:5px;
}
div.rightBox{
border-bottom:dotted 1px #999999;
margin-top:0px;
margin-bottom:5px;
padding-top:0px;
padding-bottom:5px;
display:block;
float:left;
}
div.rightBox h3{
color:#c29342;
margin-bottom:5px;
margin-top:0px;
}
div.rightBox div{
margin-bottom:3px;
color:#666666;
display:block;
float:left;
width:100%;
}
div.rightBox div p a{
font-size:11px;
font-weight:normal;
}

.bottomLink a{
color:#c29342;
}
.bkgRightBox{
background-color:#CC9900;
padding-top:3px;
padding-bottom:3px;
background-color:#dac7a6;
}
div.rightBox span a{
font-size:11px;
margin-top:5px;
display:block;
}

/**************
content class
**************/

div#content{
padding:10px;
}
div#content p{
margin-bottom:10px;
color:#333333;
line-height:16px;
}
div#content ul li{
margin-left:20px;
list-style:disc;
color:#666666;
line-height:16px;
}
div#content ul, div#content ol{
margin-bottom:10px;
}
div#content ol li{
margin-left:20px;
list-style: decimal;
color:#666666;
line-height:16px;
}

/***** specific to about***/
div#mainAbout div#content h1{
color:#1294a5;
}
/***** specific to Services***/
div#mainServices div#content h1{
color:#7F8463;
}
/***** specific to News***/
div#mainNews div#content h1{
color:#c29342;
}
/**************
thank you and newsletter page
*************/
#columnInfo{
width:300px;
display:block;
background-color:#FFFFFF;
height:420px;
float:left;
}

#columnResponses{
float:left;
width:570px;
padding:10px;
}
#columnResponses h1{
color:#333333;
margin-top:0px;
}
div#columnResponses ul li{
margin-left:20px;
list-style:disc;
color:#666666;
line-height:16px;
}
div#columnResponses ul, div#columnResponses ol{
margin-bottom:10px;
}
div#columnResponses p{
margin-bottom:10px;
color:#333333;
line-height:16px;
}



/**************
Bottom Link class
**************/
div#bottomLink div{
display:block;
float:left;
height:51px;
padding-left:5px;

}
div#logo{
text-align:right;
border-right:1px #666666 solid;
width:294px;
padding-bottom:3px;
padding-top:2px;
}
div#newsletter{
padding-top:5px;
background-color:#AEAEAE;
border-right:1px #666666 solid;
width:294px;
}
div#bottomLink div input {
outline-color: invert;
 outline-style: none; 
 outline-width: medium;
 margin-right:5px;
}
div#bottomLink div p{
margin-top:0px;
font-size:11px;
color:#333333;
margin-bottom:2px;
}

div#search{
border-right:0px #666666 solid;
width:295px;
padding-top:5px;
background-color:#bec4b5;
}

/**************
footer class
**************/
div#footer p{
font-size:11px;
color:#514747;
}