/* global settings */
body {top: 0; left: 0; margin: 0; font: normal 8pt/11pt tahoma, arial, helvetica, sans-serif; color: #555; background: #82a8ce url(../img/img_bggradient_bleu.jpg) top left repeat-x;}
p {line-height: 16px;}
a, a:link, a:visited {text-decoration: none; color: #036;}
a:hover, a:active {text-decoration: underline; color: #c00;}

/* containers */
div#whole_container {margin: 10px auto; padding: 0; width: 770px; text-align:left; background: #fff; border-left: 5px solid #fff; border-right: 5px solid #fff;}
div#header_container {margin: 0; padding: 10px; height: 100px; background: transparent url(../img/img_header.jpg) no-repeat top left; color: #fff;}
div#nav_container {margin: 0; padding: 1px 0; width: 100%; background-color: #036;}
div#content_container {margin: 0; padding: 0 0 10px 0;}
	div#nav_content {margin-bottom: 10px; padding: 0; width: 160px; float: left;}
	div#main_content {margin-bottom: 10px; padding: 0 15px; width: 440px; float: left; color: #555;}
	div#side_content {margin-bottom: 10px; padding: 0; width: 140px; float: right; text-align: center;}	
div#footer_container {margin: 0; padding: 5px 10px; border-top: 1px solid #ddd; color: #999; text-align: center;}

/* special containers */
div#footernav_container {margin: 0; padding: 5px 10px; border-top: 1px solid #ddd; color: #999; text-align: center;}
div#wider_content {margin-bottom: 10px; padding: 0 0 0 10px; width: 600px; float: right;}
div#news01 {float: left; width: 290px; margin: 0; padding: 0; font-size: 90%;}
div#news02 {float: right; width: 290px; margin: 0; padding: 0; font-size: 90%;}

/* text styles */
div#header_container span {position: absolute; margin: 40px 0 0 10px;}
div#header_container h1 {margin: 0; font: bold 16pt Arial, Helvetica, sans-serif;;}
div#nav_content h3 {margin: 0; padding: 2px 5px; background: #036; color: #fff; font-size: 7pt;text-transform:uppercase; border-bottom: 1px solid #eee;}
div#main_content h1 {margin: 0; padding: 5px 0;font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #036; width:100%; border-bottom: 1px dashed #ccc;}
div#main_content p {margin: 5px 0 15px 0;}
div#main_content li {margin: 5px 0;}
div#side_content p {margin: 0 0 10px 0;}
div#form_container {margin: 0; padding: 10px; border: 1px solid #ddd;}

div#wider_content h1 {margin: 0; padding: 5px 0;font-size: 11pt; font-family: Arial, Helvetica, sans-serif;  font-weight: bold; color: #036; width:100%; border-bottom: 1px dashed #ccc;}


div#wider_content p {margin: 5px 0 15px 0;}
div#wider_content li {margin: 5px 0;}

div#footernav_container a, div#footernav_container a:link {font-size: 90%; color: #999; text-decoration: none;}
div#footernav_container a:hover, div#footernav_container a:active {color: #555;}

div#news01 h4 {margin: 5px 0; padding: 0 0 3px 0; font-size: 9pt; color: #000;}
div#news02 h4 {margin: 5px 0; padding: 0 0 3px 0; font-size: 9pt; color: #000;}

/* topmenu */
div#nav_container ul, div#nav_container li {display: inline;}
div#nav_container ul {margin: 0; padding: 0 0 0 7%; color: #fff; font-family: "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif; font-size: 90%; letter-spacing: 1px; }	
div#nav_container ul li a {padding: 0 12px; float: left; color: #fff; text-decoration: none; border-right: 1px solid #555;}
div#nav_container ul li a:hover, div#nav_container ul li a:active {background-color: #5183e6}

/* sidemenu */
.glossymenu {list-style-type: none; margin: 0; padding: 0; width: 160px; border-bottom-width: 0;}
.glossymenu li a {background: white url(../img/glossyback.gif) repeat-x bottom left; letter-spacing: 1px; font: bold 9px arial, Verdana, Helvetica, sans-serif; color: #fff; display: block; width: auto; padding: 5px 0; padding-left: 10px; text-decoration: none;}
* html .glossymenu li a { /*IE only. Actual menu width minus left padding of A element (10px) */ width: 150px;}
.glossymenu li a:visited, .glossymenu li a:active {color: #fff;}
.glossymenu li a:hover {background-image: url(../img/glossyback2.gif); text-decoration: none;}

/* div classes */
div.floatbreaker {clear: both;}
div.floatbreakernews {clear: both; padding-top:1px;padding-bottom:2px;}

/* tableless forms */
.cssform {width: 100%;}
.cssform h3 {margin: 10px 0; padding: 3px 0; font-size: 8pt; color: #036; border-bottom: 1px solid #bbb;}
.cssform p{clear: left;margin: 0; padding: 0; padding-left: 155px; /*width of left column containing the label elements*/ ;height: 1%;}
.cssform label{font-weight: bold; float: left; margin-left: -155px; /*width of left column*/ width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 180px;}
.cssform textarea{width: 250px; height: 150px;}
.cssform sup {color: #c00; vertical-align: top;}
.cssform .unborder {border: none;}

/* login forms */
.cssform2 {width: 200px;}
.cssform2 h3 {margin: 10px 0; padding: 3px 0; font-size: 8pt; color: #036; border-bottom: 1px solid #bbb;}
.cssform2 p{clear: left;margin: 0; padding: 0; padding-left: 65px; /*width of left column containing the label elements*/ ;height: 1%;}
.cssform2 label{font-weight: bold; float: left; margin-left: -65px; /*width of left column*/ width: 50px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
.cssform2 input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 80px;}
.cssform2 textarea{width: 250px; height: 50px;}
.cssform2 sup {color: #c00; vertical-align: top;}
.cssform2 .unborder {border: none;}

/* dubai this week */
div.dxbthisweek {margin: 5px 0; padding: 5px 0px;}
div.dxbthisweek strong {color: #000;}
div.dxbimagebox {float: left; width: 150px; margin: 5px 10px 0px 0px; padding: 0;}
* html div.dxbthisweek p{ /* IE 3px jog hack*/ height: 1%; }

/*newsitem*/
.newsitem {margin: 0; padding: 0;}
.newsitem ul, .newsitem li {margin: 0; padding: 0; list-style: none;}
.newsitem li a, .newsitem li a:visited {background: transparent url(../img/newsbullet_pnk.gif) no-repeat 2px 1px; display: block; padding: 0 0 0 15px; margin: 0; width: auto; text-decoration: none; color: #555;}
.newsitem li a:hover, .newsitem li a:active {text-decoration: underline; color: #c00;}
* html .newsitem li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */ width: 280px;}

.topimage_content {margin-bottom: 5px;}

/*newslist */
div.newslist_01 {margin: 5px 0; padding: 8px 10px 5px 10px; background: #f2f2f2;}
div.newslist_01 a, div.newslist_01 a:link, div.newslist_01 a:visited {font-weight: bold; font-size: 130%;}
div.newslist_01 small {color: #369;}