div#main {
	width: 760px;
	position: relative;
	/*height: 680px;*/
	background-color: #FFF;
	margin: 0px auto;
	text-align: left;
	padding: 38px 10px 0px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	z-index: 0;
}
.menu {
 /* solve a Opera7/IE display bug */
    display:inline;
 	top: 0px;
 	left: 5px;
    margin:0px 10px 0px 5px;
    padding:0px 20px 0px 50px;
    display:block;
	background: url(images/nav_background.jpg) top left repeat-x;
	width: 691px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #fff;
}

.menu ul {
    position: absolute; /* important */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/nav_background.jpg) top left repeat-x;
	height: 32px;	
}

.menu li ul {
    visibility:hidden; 
	float: left;
	background: url(images/nav_background.jpg) top left repeat-x;
	width: 95px;
}
.menu a {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	color: #fff;
	text-align: center;
	background: url(images/nav_background.jpg) top left repeat-x;
}
.menu li a {
	border-right: 0px;
    color: #FFF;
    display:block;
    text-decoration:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    text-align: center;
    line-height: 32px;
	background: url(images/nav_background.jpg) top left repeat-x;
    background-color: #3C6AA8;
}

.menu ul li a:visited {
	border-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #256a71;
	text-decoration: none;
	display: block;
	float: left;
	
}

/** this selector allows you to place a class in the body tag to "turn on" that element. This allows you to keep a template around that delicate nav. */
.about #menu1_1 .sa  {
	font-size: 11px;
    background-color: #2567A1;
	width: 95px;
	
}
.menu li a:hover {
	background: url(images/nav_bg_over.jpg) top left repeat-x;

}
.menu li li a:hover {
	background: url(images/nav_bg_over.jpg) top left repeat-x;
    color: #FFF;
    display:block;
    text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 5px;
	line-height: 32px;
	background-color: #669ACC;
	width: 95px;
}
.menu li a img {
	border: 0;
}
.menu li li a {
	border: 0px;
	background: none;
    text-align:left;
	background-color: #00456A;
    display:block;
    text-decoration:none;
	margin-left: 0px;
    padding:0px 5px 0px 15px; /* em units can creat little graphic bug in mozilla */
/* last number above is left padding; need to adjust width accordingly here only so that 10px+140px=150px*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: normal;
    line-height: 32px;
	width: 80px;
}
.menu li li a:visited {
    text-align:left;
    color: #FFF;
    display:block;
	background-color: #00456A;
    text-decoration:none;
    margin-left: 0px;
	padding: 0px 5px 0px 15px; /* em units can creat little graphic bug in mozilla */
/* last number above is left padding; need to adjust width accordingly here only so that 10px+140px=150px*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: normal;
	text-align: left;
	height: 32px;
	width: 80px;

}
.menu a.sa {
    text-decoration:none;
	color: #fff;
	
}

.menu li li a:hover {
	background-color: #F89B27;
	width: 80px;
	text-align: left;
	margin-left: 0px;
	padding: 0px 5px 0px 15px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu li li {
	width: 85px;
    border: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #2567A1;
    display:block;
	font-size: 12px;
    float:left;
	height:auto;
	
	
}

.menu li li ul {

   	width: 85px;
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
	font-size: 11px;
    margin-left:149px;
    margin-top:-23px; /* move the sub menu verticaly */
	background: url(images/nav_background.jpg) top left repeat-x;
}
.menu li {
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    display:inline;
    display/**/:block;
	float: none;
    float:/**/left;
	background: url(images/nav_background.jpg) top left repeat-x;
   	width: 95px;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

* html .menu li li {
    display:inline; /* solve a IE PC list bug */
}

div#diversified_solutions {
	background: #1D85C8; font-family: "Times New Roman", Times, serif; font-size: 30px; color: #fff; width: 730px;  margin: 5px 0px 3px 0px; font-weight: normal; padding: 10px 0px 10px 30px; border: none;
}
div#buyside {
	background: #EF2B4D; font-family: "Times New Roman", Times, serif; font-size: 30px; color: #fff; width: 730px;  margin: 5px 0px 3px 0px; font-weight: normal; padding: 10px 0px 10px 30px; border: none;
}
div#sellside {
	background: #5FBB4D; font-family: "Times New Roman", Times, serif; font-size: 30px; color: #fff; width: 730px;  margin: 5px 0px 3px 0px; font-weight: normal; padding: 10px 0px 10px 30px; border: none;
}

div#flash {
	background-color:#1A4B74;
}
div#logocontainer {
	z-index: 0;
	
}
div#logocontainer {}
div#logocontainer h1 {background:url(images/starcompliance_logo_new.gif); text-indent:-4000px; width: 290px; height:61px; float: left;}
div#logocontainer h1 a {display: block;width: 290px; height:61px;}
div#logocontainer img {float: right;}
div#content {
	clear: both;
	width: 760px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	overflow: hidden; 
}

div#leftsub {
	float: left;
	position: relative;
	width: 256px;
/*	background:#fff;*/
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

div#centersub {
	float: left;
	position: relative;
	width: 256px;
/*	background:#fff;*/
}

div#rightsub {
	float: left;
	position: relative;
	width:256px;
/*	background:#fff;*/
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

div#footernav ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

div#footernav ul li {
	display: inline;
}

div#footernav ul li a {
	padding: 0px 18px 5px 0px;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 0px;
}
a#footerlink {
	color: #FFFFFF;
}

#portals {float: left; margin: 0; padding: 0; width: 762px;}
#portals h5 {margin: 5px 0px 5px 0px;}
#portals li {width: 241px; height: 142px; border: 1px solid #ccc; list-style: none; float: left; margin: 0px 0px 0px 4px; padding: 4px;}
* html #portals li {width: 241px; w\idth: 237px; height: 142px; border: 1px solid #ccc; list-style: none; float: left; margin: 0px 0px 0px 3px; padding: 4px;}
#portals li#news {margin: 0px 0px 0px 0px;}
li#news p {width: 228px;}
li#news p, li#news h4 {margin-left: 3px;} 
#portals li#why_comp a {width: 242px; height: 22px; display: block; margin: 0px 0px 14px 0px;}
.benefits {background:url(images/btn_benefits.jpg) top left no-repeat;}
.benefits:hover {background:url(images/btn_benefits_over.jpg);}
.diversified {background:url(images/btn_diversified.jpg) top left no-repeat;}
.diversified:hover {background:url(images/btn_diversified_over.jpg);}
.why_comp {background:url(images/btn_whystar.jpg) top left no-repeat;}
.why_comp:hover {background:url(images/btn_whystar_over.jpg);}

li#downloads a {background:url(images/pdficon.gif) 0 50% no-repeat; padding: 5px 0px 5px 40px; width: 197px; display: block; font-size: 12px; margin: 0px 4px 14px 4px; }
#messaging {text-align: center; vertical-align: middle; clear: both; height: 60px;}

#starnews p{ font-size: 10px; color: #000000;}

#sub_nav {float: left; background: #e5e5e5; width: 179px; margin: 0px; padding: 0px; margin-bottom: -2000px; padding-bottom: 2000px;} 
#sub_nav ul {margin: 20px 0; padding: 0px;}
#sub_nav li {list-style: none; margin-top: 1px; width: 179px; }
#sub_nav li a {padding: 5px 5px 5px 20px; display: block; color: #fff; font-size: 12px; background: #266aa4 url(images/nav_bullet.jpg) 9px 50% no-repeat; text-decoration: none; }
#sub_nav li a:hover {background: #f89d2a url(images/nav_bullet_over.jpg) 9px 50% no-repeat;}
#main_content {width: 568px; float: right; margin-bottom: 35px;}
#main_content p {margin-top: 12px;}
#main_content li {padding-left: 20px; font-size: 12px;}

#coloredtable {  clear: both; width: 555px;  }
#coloredtable td  { background-color: #00446b; color: #FFFFFF; }
#coloredtable p {  color: #FFFFFF; }
#coloredtable th  { background-color: #fa971f; color: #FFFFFF; }
#coloredtableborder { padding-top: 30px; padding: 5px; border: 1px solid gray; clear: both }