/* CSS Document */


body {
	margin: 0;
	text-align: center;/*correct IE bug */
 	background-color: #ffffff; /* dark grey background */
 	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;

	height: 100%;
	background-image:url(../Resources/bkg_body.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
}

span#hide {/*back to graphic version on the text only version - hide on the graphic version*/
	position: absolute;
	top: -1000px;
}



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

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

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

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

a:hover {
	color:#db001b;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}
form {
	border: 0;
	margin: 0;
	padding: 0;
}
h1{
color:#db001b;
font-size:25px;
margin:0;}
h2{
font-size:18px;
color:#898989;
margin-top: 0px;
margin-bottom:15px;}
h2 span{
color:#d7001a;
}
h3{
color:#db001b;
font-size:13px;
font-weight: normal;}
h4{
color:#d7001a;
margin-bottom:5px;}
h5{
text-decoration:underline;
font-size:12px;
margin-bottom:5px;
}
h5 a{
color:#FFFFFF;
text-decoration:underline;
}
h5 a:hover{
color:#FFFFFF;
}
h6{
color:#FFFFFF;
background-color:#db001b;
display:block;
width:115px;
padding:5px;
border:1px solid #FFFFFF;
margin:0;
font-size:10px;
}

input, textarea, select{
width:240px;
margin:5px 5px 5px 0px;}
input{
height:17px;
}
.flash{
visibility: hidden;
}
hr{
	color:#FF;
	background-color:#999999;
	border: 0px;
	height: 1px;
	margin-top: 3px;
	margin-top: 25px;
	margin-bottom: 16px;
	clear:both;
}
/**************
general class
**************/

.imgAlignMiddle {
	vertical-align: middle;
}

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

.floatRight {
	float: right;
}
.black{
color:#000000;
font-weight:700;}
.red{
color:#db001b;}

input.champ{
height:20px;
font-size:12px;
font-weight: normal;
color:#333333;
width:250px;
border:1px #666666 solid;
}
.champXL{
height:100px; 
font-size:12px; 
font-weight: normal; 
color:#333333; 
font-family:Arial, Helvetica, sans-serif; 
width:252px; 
overflow:hidden; 
border:1px #666666 solid;
}

.largeInput{
width:330px;
margin-bottom:25px;}

.Buttons {
	border: #999999 1px solid;
	width: 100px;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 16px;
	margin-bottom: 16px;
	color: #000000;	
}
.dropDown {
	border: #999999 1px solid;
	width: 250px;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 5px;
	padding-top: 2px;
	margin-top: 3px;
	margin-bottom: 16px;
	color: #000000;	
}

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

div#global{/* includes everything:  main div  and footer*/

 	margin: auto;
	width: 975px;/* page size */
	text-align: left;
	background-image:url(../Resources/bkg_global.gif);
	background-repeat:repeat-y;
	display: table;/* necessary to work with height 100%*/
}

div#header {
	height: 105px;
	width: 957px;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	margin-left:8px;
	margin-right:10px;
}

div#main {
	width: 980px;
	overflow:auto; !important
	overflow:visible;
	display:table;
	border: 0;
	margin: 0;
	padding: 0;
	}
#contentAll{
	background-image:url(../Resources/bkg_main.gif);
	background-repeat:repeat-y;
	background-position:left;
}

/* 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#contentAll{
	position:relative;
	}
 
 div#contentAndRight{ /* div that contains the main content and the right column necessary to allow a background behind the right column - if no background is needed then get rid of it */ 
	float:left;
	width:785px;/* Width of content and right div becarefull of padding and border */
}
 
div#left {
	float:left;
	width: 180px;
	min-height: 500px; /* 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: 0;
	margin-bottom:134px;
}

div#content{
	float:left;
	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  */
	width:565px;
	display:block;
	border: 0;
	margin: 0;
	padding:20px 30px 20px 40px;

}
div#Homecontent{/*Bottom link menu*/
	float:left;
	min-height: 600px; /* 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  */
	width:565px;
	display:block;
	border: 0;
	margin: 0;
	padding:20px 30px 0px 40px;

}
#menuTopBanner{
	float:left;
	background-color: #8f8f8f; /* light orange */
	width: 635px; /* if smaller than the main width will stay on the left - if a right align is needed then add : float:right; note that the left div will go up the gap */
	height: 14px;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	padding-top:1px;
}
div#right {
	float:left;
	width: 127px;
	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: 0;
	padding-left:13px;
	padding-right:10px;

}

div#footer{/* includes everything:  main div  and footer*/
 	position: relative;/* global div position */
 	margin: auto;
	width: 975px;/* page size */
	height: 20px;
	text-align: left;
	background-image:url(../Resources/footer.gif);
	background-position:top;
	background-repeat:no-repeat;
	
}



/**************
header class
**************/
#rightTop{
height:60px;
display:block;
float:left;
color:#000000;
font-size:16px;
font-weight:bold;
margin-top:30px;
line-height:18px;

}
#topBannerImg{
float:left;
margin:10px 33px;
}

/**************
Menu class
**************/
#menuTopBanner ul li{
display:inline;
padding-left:5px;
}
#menuTopBanner ul li a{
color:#FFFFFF;
padding-left:8px;
padding-right:8px;

}
#menuTopBanner ul li a:hover{
background-color:#db001b;
padding-left:8px;
padding-right:8px;

}
/** Home **/
div#homeSetUp{
margin-top:5px;
}
/*
div#homeSetUp p{
margin-top:30px;
width:284px;
color:#000000;
}
*/
#boxBottom{
margin-top:80px;
}

#boxBottomNew{
margin-top:20px;
}

.boxHome{
border:1px solid #9c9c9c;
width:127px;
height:208px;
background-image:url(../Resources/bkg_box.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
margin-right:5px;
}

.boxHome img{
margin-top:10px;
}

.boxHome p{
color:#000000;
font-size:9px;
font-weight:bold;
margin-top:10px;
margin-left:5px;}

.sharingLinks {
float:left; 
width:180px; 
height:35px; 
margin-top:15px;
}

.sharingLinks a {
color:#db001b;
}

/**************
left column class
**************/
#home{
width:153px;
background-color:#db001b;
margin:0px 10px 10px 14px;
color:#FFFFFF;
padding-top:2px;
padding-left:6px;
}
#home a{
color:#FFFFFF;

}
#home a:hover{
text-decoration:underline;
color:#FFFFFF;

}

#bottomLeft{
position:absolute;
bottom:10px;
left:10px;
font-size:10px;
color:#b0b1b3;
}

/*menu second level*/
#menuSecond{
color:#878889;
line-height:20px;
margin-left:17px;
}

.hide{
display: none;
}


.show{
display: block;
clear: both;
}
.show li{
list-style-image:url(../Resources/menu_List.gif);
list-style-position:outside;
vertical-align:middle;
margin-left:18px;
}

.menu1{
display:block;
cursor: pointer;
color:#878889;
line-height:13px;
font-weight:bold;
font-size:9px;
margin-top:7px;
text-transform:uppercase;
}
.menu1:hover{
color: #d7001a;
text-decoration: none;
}
.submenu{
font-size:9px;}

/*bottom images*/

#bottomLeft img{
margin-bottom:3px;
}
.clearAll{
clear:both;}

/**************
main content class
**************/
div#content p{
line-height:15px;
margin-bottom:10px;
margin-top:10px;
color:#000000;
}
div#content ul li{
color:#333333;
/*font-weight:bold;*/
line-height:15px;
list-style-type: disc;
list-style-position: outside;
margin-bottom: 4px;
margin-right: 40px;
margin-left: 18px;
list-style-image: url(../Resources/bullet.gif);
}


.mainContent{
line-height:15px;
color:#333333;
/*margin-bottom:30px;
width:320px;
margin-top:30px;*/
font-size:12px;}

.mainContentNew{
line-height:15px;
color:#333333;
width:320px;
margin-top:30px;}

.mainContentEditorial{
line-height:15px;
color:#333333;
margin-top:30px;}

p.mainPara{
font-size:15px;
color:#333333;
line-height:16px;
}

table#table_edit{
font-size:12px;
padding-bottom:10px;}
table#table_edit td ul{
width:260px;}
table#table_edit td ul li{
list-style-type: none; list-style-image: none; list-style-position: outside;
}

#redBox{
float:right;
border:1px solid #db001b;
width:242px;
margin-left: 5px;
margin-bottom: 10px;

}

.boxText{
margin:5px;
color:#666666;
font-size:12px;
/*font-weight:bold;*/
}

div#content p#redBoxTitle{
font-size:14px;
font-weight:bold;	
color:#FFFFFF;
background-color:#db001b;
height:20px;
padding-left:5px;
padding-top:5px;
margin-top:0px;

}
.letter{
width:24px;
height:30px;
float:left;
margin-right:2px;
margin-bottom:2px;}
/*
.listMainContent{
color:#333333;
/*font-weight:bold;
line-height:15px;
list-style-type: disc;
list-style-position: outside;
margin-bottom: 4px;
margin-right: 40px;
margin-left: 8px;
list-style-image: url(../Resources/bullet.gif);
}
*/

.listClients{
color:#333333;
/*font-weight:bold;*/
line-height:15px;
list-style-type: disc;
list-style-position: outside;
margin-bottom: 4px;
margin-left: 8px;
list-style-image: url(../Resources/bullet.gif);
}

.smallLink{
font-size:10px;
color:#333333;
margin:5px;}

.boxList{
color:#db001b;
text-decoration:underline;
margin:5px;
margin-bottom:10px;
}

div#greyBack{
background-color:#ededee;
width:520px;
display:table;
padding:20px;
}

div#greyBack table td{
width:200px;
color:#000000;}

div#greyBack p span{
color:#db001b;
font-size:20px;
}
.tableForm{
margin-bottom:15px;
border:0;
text-align:left;
width:370px;

}
.tableForm td{
color:#333333;
}
.tableForm td span{
color:#db001b;
font-size:14px;
}
.radioButton{
width:15px;
vertical-align:middle;
}

div#bottomRed{
width:520px;
padding:5px 20px;
display:block;
background-color:#db001b;
}

div#bottomRed a{
color:#FFFFFF;
}
div#bottomRed:hover{
background-color: #CCCCCC;
}
.smallRed{
font-size:10px;
font-weight:bold;
color:#db001b;
}


/**************
right column class
**************/


#imgRightTop{
margin-left:-13px;
margin-top:0px;
}
#imgRightBottom{
margin-top:150px;
margin-left:-13px;
}
#HotNews{
margin-left:-13px;
background-image:url(../Resources/hot_news_back.gif); 
background-repeat:repeat-y;
color:#FFFFFF;
display:block;
width:160px;
padding-top:5px;
padding-bottom:5px;
}
#HotNewsHeadline{
margin-left:13px;
color:#000000;
font-size:16px;
font-weight:bold;
line-height:18px;
display:block;
}
#HotNewsLink{
margin-left:13px;
margin-right:10px;
margin-top:2px;
color:#db001b;
font-size:13px;
font-weight:bold;
line-height:13px;
}

#right ul li a{
color:#FFFFFF;
}
#right p{
font-size:10px;}

#rightBottom{
margin-top:100px;
margin-bottom:-13px;
font-size:16px;
font-weight:bold;
}
/**************
footer class
**************/
#footerText {
padding-top:15px;
margin-left:8px;
color:#666666;
}

#footerText a{
color:#666666;
font-size:10px;
}
#footerText a:hover{
color:#db001b;
}
.footerRight{
float:right;
margin-top:-13px;
margin-right:15px;}