@import url(reset.css);
@import url(default.css);

body { color: #797979; background: #0c4383 url(../images/bg.png) repeat-x; }
body.root { background: #000 url(../images/root_bg.png) repeat-x; }

a:link, a:visited { color: #d5e0ff; }

#container { background: #000; width: 849px; margin: 0 auto; }

#header { background: #fff url(../images/header_bg.jpg) no-repeat; height: 152px; position: relative; }
#header h1 { background: url(../images/logo-en-5992923.jpg) no-repeat; width: 524px; text-indent: -9999px; }
#header h1 a:link, #header h1 a:visited { display: block; height: 100px; }
body.french #header { height: 162px; background-position: bottom left; }
body.french #header h1 { background: url(../images/fr_logo_423.gif) no-repeat; width: 580px; }
#header h2 { display: none; }
body.root #header { background: #fff url(../images/root_header_bg.jpg) no-repeat; }
.phone {position:absolute;right:0;color:#0B59A4;font-weight:bold;font-size:1.5em;font-family:arial;padding:5px;}
body.root .phone { font-size: 2em; }
body.root.french #header { height: 152px; }

#menu ul { margin: 0; padding: 0; background: #283456 url(../images/menu_bg.jpg) no-repeat bottom right; }
#menu ul li { list-style: none; text-transform: uppercase; background:url(../images/dotted.png) repeat-x bottom left;margin:0;padding:0;display:relative;}
#menu ul li a { color: #c9cdd8; text-decoration: none; display: block;padding: 6px 25px; }
#menu ul li.last { padding: 6px 0; }
#menu ul li.last h3 { color: #c9cdd8; font-weight: normal; font-size: 1em; }
#menu ul ul { margin: 0; padding: 0; width: 200px; }
#menu ul li ul li { padding: 6px 0; }
#menu ul ul li a:link, #menu ul ul li a:visited { padding: 0 6px; }
body.root #menu { padding: 0 25px; background: #3c4c78 url(../images/root_menu_bg.jpg) no-repeat; border-bottom: 1px solid #7384b2;}
body.root #menu ul { background:none; border-top: none; }
body.root #menu ul ul {background:#3A4B77;padding:0;}
body.root #menu ul li {width:190px; border: none; padding: 6px 0;background:none;}
body.root #menu ul li a:link, body.root #menu ul li a:visited { padding: 0; }
body.root #menu ul ul li a:link, body.root #menu ul ul li a:visited { padding: 0 6px; }


/* Login Form */
#client-login {}
#client-login .col { width: 80px; float: left; margin-right: 5px; padding:  15px 0; }
#client-login .col input { width: 65px; padding: 3px 1px; }
#client-login label { display: block; color: #fff; text-transform: capitalize; }
#cl-submit { border: none; }

#main1 { background: url(../images/colLeft_bg.gif) top left repeat-y; }
#main2 { background: url(../images/blue.gif) top right repeat-y; }

#colLeft { float: left; width: 149px; margin: 0; padding: 0; }
#colLeft .padding { padding: 0; }

#colRight { float: right; width: 149px; margin: 0; padding: 0; background-color: #09f; }

#content { color: #000; background: #98a9d7 url(../images/content_bg.gif) repeat-x; margin:0 149px; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { padding: 25px; }
body.root #content { color: #797979; background: none; }

h2.title { color: #fff; background: #0000fe; font-size: 1.3em; font-weight: normal; text-transform: uppercase; padding: 5px 15px; margin-bottom: 20px; }

/* Root Styles */
#services { margin: 0; padding: 0; float: right; width: 445px; }
#services li { list-style: none outside; float: left; }

body.root h3 { color: #e2e2e0; font-weight: normal; font-size: 1.4em; }

body.root .panel { width: 227px; float: left; margin-right: 54px; }
body.root .panel.last { margin-right: 0; }
body.root .panel h3 { color: #fff; background: #0000fe; padding: 5px 15px; margin-bottom: 8px; }
body.root .panel h3 a:link, body.root .panel h3 a:visited { color: #fff; text-decoration: none; }

#footer { color: #000; background: #3b4c79; text-align: center; text-transform: uppercase; font-size: .8em; padding-bottom: 20px; border-top: 60px solid #000; }
#footer .padding { background: #a2b3e1; width: 849px; margin: 0 auto; }
#footer a:link, #footer a:visited { color: #000; text-decoration: none; }
body.root #footer { border-top: none; }

body.noRight #main2 { background-image:none; }
body.noRight #colRight { display:none; }
body.noRight #content { margin-right:0; }

body.noLeft #main1 { background-image:none; }
body.noLeft #colLeft { display:none; }
body.noLeft #content { margin-left:0; }

body.noStructure {}
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #main1,
body.noStructure #main2,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}

#menu a
{
	
	margin:0px;
}

#menu a:active
{
}

#menu a:visited
{
}

#menu a:hover
{
}
/*************************************************/
/* Every ul inside another ul is a submenu. They */
/* are hidden until hovered over. It is not      */
/* moved left since the 1st ul->ul is a vertical */
/* dropdown. top:auto makes sure the menu is     */
/* directly under the 1st ul parent              */
/*************************************************/
#menu ul ul
{
	position: absolute;
	display:none;
	z-index:5;
	background:#3A4B77;
	left:110px;
	margin-top:-18px;
}
#menu ul li.nav2 ul,#menu ul li.nav3 ul,#menu ul li.nav5 ul
{
	left:85px;
}
#menu ul li.nav4 ul
{
	left:215px;
}
#menu ul li.nav6 ul {
	left:115px;
}

#menu ul ul li 
{
	width:100%;
	float:left;
	clear:left;
	padding:6px 10px;
}

#menu ul ul a
{
display: block;
padding: 6px;
}

#menu ul ul a:active
{
}

#menu ul ul a:visited
{
}

#menu ul ul a:hover
{
}
/*************************************************/
/* Every ul->ul->ul is a side popout menu from   */
/* an existing dropdown. This overrides the      */
/* vertical drop of all menus following the 1st  */
/* top:0px; left:100% makes sure the menu is     */
/* inline with its parent                        */
/*************************************************/
#menu ul ul ul
{
	position:absolute;
	display:none;
}

/*************************************************/
/* This section provides the menu popup          */
/* functionality. IE6 and lower require the      */
/* hover.htc file to be included.                */
/*************************************************/

#menu li:hover ul ul,
#menu ul li:hover ul ul,
#menu ul ul li:hover ul ul,
#menu ul ul ul li:hover ul ul {
	display:none;
}
#menu li:hover ul,
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul {
	display:block;
}