body {
	width:100%;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 0px;
	font-family: Arial, Georgia, Trebuchet MS,  Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}

#containeur {
	width: 925px;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	background-color:White;
}

#header 
{
	width: 100%;
	height: 170px;
	background: url(../images/main/Top-header-with-logo.png) no-repeat  top left; 
	text-align:right;
	font-family: Arial, Georgia, Trebuchet MS; 
	font-style: italic;  
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}

#footer 
{
	width: 100%;
	text-transform: uppercase;
	font-weight:bold;
	font-size:12px;
	
}

#content-containeur {
	width: 100%; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 1px; 
	border-color:White;
}

#content-containeur-left {
	width: 726px;
	float:left;
	padding: 0px 0px 5px 0px;
	border-top-style:none; 
	border-top-width:0;
	
}

#content-containeur-right {
	width: 170px;
	float:right;
	padding: 10px 0px 5px 10px;
}

#blank {

}

#horizontal-add{
	width: 100%;
}

#horizontal-add img {
	width: 728px;
	margin: 0px 0px 20px 0px;
}

#vertical-add img {
	width: 160px;
	margin: 0px 0px 5px 0px;
}

#ariane {
	width: 100%;
	margin: 0px 0px 5px 0px; 
	color: #d79c00;
	font-size:11px;
	/*border: 1px solid #acacac;*/
}

#mainbox {
	width: 100%; 
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#mainbox_title-1 {
	width: 100%;
	background: #ededed url(../images/main/Nav-blank.png) repeat-x  top;
	font-weight:bold;
	font-size:12px;
	height:50px;
	margin: -2px 0px 0px 0px;
}


/* ~~~~~~~~~~~~~ mainbox_title-1 CODE (START) ~~~~~~~~~~~ */

#mainbox_title-1-code {
	padding: 5px 0px 0px 25px; 
	margin: 0px 0px 0px 0px;
	width:100%;
	font-family:arial;
}

#mainbox_title-1-code li {
	float:left; 
	width:auto;
	height:37px;
	line-height:37px;
	list-style-type:none;
}

#mainbox_title-1-code a{
	padding: 0 0 0 0;
	display:block;
	color:#666565;
	text-decoration: none ;
}

#mainbox_title-1-code a:hover{
	background: url(../images/main/firstbar-over.jpg) repeat-x top;
	color:Black;
}

#mainbox_title-1-code ul 
{
	list-style: none;      
	padding:0;     
	margin:0; 
} 

.selected
{
	width:100px; 
	padding:0 0 0 0;
	display:block;
	background: url(../images/main/firstbar-over.jpg)  repeat-x top; 
	font-weight:bold; 
	text-decoration: underline; 
	color:Black
} 

/* ~~~~~~~~~~ mainbox_title-1 CODE (END) ~~~~~~~~~~ */


#mainbox_title-2{
	height: 30px;
	background: #ededed url(../images/main/secondbar-out.png) repeat-x  bottom;
	font-weight:bold;
	font-size:11px;
	border:1px solid #acacac;
	border-bottom: none;
	border-top: none;
}


/* ~~~~~~~~~~~~~ mainbox_title-2 CODE (START) ~~~~~~~~~~~ */

#divCat-code ul , #divPromo-code ul, #divBus-code ul, #divAbout-code ul, #divProfile-code ul
{
	list-style: none;     
	padding:5px;     
	margin:0;
} 

#divCat-code, #divPromo-code, #divBus-code, #divAbout-code, #divProfile-code{
	margin: 0px;
	padding: 0px;
}

#divCat-code li, #divPromo-code li, #divBus-code li, #divAbout-code li, #divProfile-code li {
	float:left;
	height:30px;
	line-height:30px;
	list-style-type:none;
}

#divCat-code a, #divPromo-code a, #divBus-code a, #divAbout-code a, #divProfile-code a{
	padding:0 16px 0 16px;
	display:block;
	color:#FFFFFF;
	text-decoration: none ;
}

.CatSelected
{
	padding:0 0 0 0;
	display:block;
	background: url(../images/main/secondbar-over.jpg) repeat-x top;
	font-weight:bold; 
	color:Black
}

#divCat-code a:hover, #divPromo-code a:hover, #divBus-code a:hover, #divAbout-code a:hover, #divProfile-code a:hover{
	background: url(../images/main/secondbar-over.jpg) repeat-x top;
	color:#000000;
}
	
/* ~~~~~~~~~~ mainbox_title-2 CODE (END) ~~~~~~~~~~ */


#Categories  {
	text-align:left; 
	font-size:8pt; 
	float:left; 
	background-color:#ededed; 
	padding:0 0 0 0; 
	border-width:0; 
	width:20%;
	
}

#box_content  {
	background-color: White;
	float:left; 
	width:80%; height:100%; 
	padding:0 0 0 0;  
	border-width:0;
}

/* ~~~~~~~~~~~~~~~~~~~ members page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#members_title-1-code {
	width: 92%;
	height: 25px;
	background: #ededed  repeat-x  top;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
}

#members_title-1-code a{
	padding:0 16px 0 16px;
	display:block;
	color:#d10068;
	text-decoration: none ;
}

#members_title-1-code a:hover{
	background:  #ededed  repeat-x  top;
	color:#000000;
}

.MemberSelected
{
	padding:0 16px 0 16px;
	display:block;
	font-weight:bold; 
	color:Black
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.news {
	margin: 0px 10px 10px 0px;
	background: url(../images/main/separator.gif) repeat-y  left;
	width: 30%;
	/*width: 225px;*/
	float: left;
	padding-left: 7px;
	text-align:left;
}

.news img {
	width: 104px;
	height: 104px;
	margin: 0px 5px 0px 0px;
	float: left;
}

.news h3 {
	margin: 0px;
	font-size: 16px;
}

.news p {
	margin: 10px 0px 0px 0px;
	font-size: 11px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.box {
	width: 100%;
	background: #ededed;
	float:left;
	margin: 0px 0px 10px 0px; 
	text-align:left;
}

.box-pair-left {
	width: 48%;
	float:left; 
	text-align:left;
}

.box-pair-right {
	width: 48%;
	float:right;
	text-align:left;
}

.box_bottom_forecasts {
	background: #bbbbbb url(../images/main/bottomforecasts.png) repeat-none  bottom;
	height:132px;
	font-weight:bold;
	font-size:11px;
	padding-left: 10px;
	color:#000000;
}

.box_title-white {
	height: 30px;
	line-height:30px;
	background: #bbbbbb url(../images/main/thirdbar-out.jpg) repeat-x  bottom;
	font-weight:bold;
	font-size:11px;
	padding-left: 10px;
	color:#FFFFFF; 
	text-align:left;
}

.box_title-plus {
	height: 30px;
	width: 30px;
	float:right;
	background: url(../images/main/thirdbar-plus-out.jpg) no-repeat  bottom;
}

.box_content-bigflip {
	background: url(../images/main/big-flip.gif) no-repeat  bottom right;
	border: 1px solid #acacac;
	border-top: none;
	text-align:left; 
	padding-left: 10px;

}

.box_content 
{
	width:100%;
	border: 1px solid #acacac;
	border-top: none;
	text-align:left; 

}


.box_content-flip {
	background: url(../images/main/big-flip-mini.gif) no-repeat  bottom right;
	border: 1px solid #acacac;
	border-top: none;
}

.box_content-plane {
	border: 1px solid #acacac;
	border-top: none;
	padding-left: 10px;
	padding-right:10px; 
	padding-top:10px;	
	padding-bottom:10px;
	text-align:left; 
	padding-left: 10px;
}

.box_quote {
	border: 1px solid #acacac;
	border-top: none; 
	color:#D10068;
	padding-left: 10px;
	padding-right:10px; 
	padding-top:10px;
	text-align:left; 
	font-family: Arial, Georgia, Trebuchet MS; 
	line-height:20px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#right { 
float:right; 
width:120px;
} 
#left { 
float:left; 
width:500px; 
} 
#middle { 
float:none; 
width:120px;
} 
#Filler { 
float:right; 
width:20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Popups   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.popup {
	position: absolute; 
	width: 600px; 
	display: none; 
	background: white; 
	border: 5px solid Black;}


.popupHeader {
	margin:  0px 10px 0px 0px;
	float: left;
	padding-left: 7px;
	padding-bottom:0px;
	padding-top:4px;
	text-align:left;
	background-color:#E2017A; 
	color: White; 
	font-size:14pt; 
	font-weight:bold; 
	width:100%; 
	height:31px; 
	vertical-align:middle;
}
.popupX {
	margin: 0px 10px 0px 0px;
	float: right;
	padding-left: 0px;
	padding-bottom:0px;
	text-align:right;
	background-color:#E2017A; 
	color: White; 
	font-size:14pt; 
	font-weight:bold; 
	width:100%; 
	height:31px; 
	vertical-align:middle;
}

.popupTitle {
	margin: 0px 10px 0px 0px;
	float: left; 
	padding-left: 7px;
	padding-top:4px;
	text-align:left;
	background-color:Gray;
	color: Black; 
	font-size:14pt; 
	font-weight:bold; 
	width:100%; 
	height:30px;
	vertical-align:middle;
}


 .modalBackground {
	background-color: Blue;
	filter:alpha(opacity=70);
	opacity:0.7;
}


.modalPopup {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:500px;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  Popups   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.pink {
	color: #E2017A;
	font-size: 12px;
	line-height: 14px;
}
.pink a:link {
	color: #E2017A;
	font-size: 12px;
	line-height: 14px;
}
.pink a:hover{
	color: Black;
	font-size: 12px;
	line-height: 14px;
}
.pink hover{
	color: Black;
	font-size: 12px;
	line-height: 14px;
}

.picGap 
{
	margin: 5px 0px -5px 0px;
}

.mnu li
{
	padding: 0px 20px 0px 0px;
}

.lnk 
{ 
	color: #666565; 
	font-family:Arial;
	text-decoration: none;
}
.lnk:hover
{ 
	color: black; 
	font-family:Arial; 
	text-decoration: none;
}

.lnk a 
{ 
	color: #666565; 
	font-family:Arial; 
	text-decoration: none;
}

.lnk a:hover
{ 
	color: black; 
	font-family:Arial; 
	text-decoration: none;
}

.preSelected
{
	font-weight:bold; 
	text-decoration: underline; 
	color:Black
} 

.preSelected a
{
	font-weight:bold; 
	text-decoration: underline; 
	color:Black
}