html, body {
    margin: 0px;
    font-family: Arial, Verdana, Tahoma, Sans-serif;
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}

input, textarea, select {
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
    font-size: 11px;
    margin-bottom: 2px;
	color: #666666;
}


/*    TOP    */
#topContainer {
	color: #666666;
	font-size: 10px;
	width: 998px;
	height: 98px;
	background:url(images/bg-top.gif) no-repeat right;
	
}

#topContainer h1{
	font-size: 11px;
	margin: 0px;
	padding-top: 3px;
	font-weight: bold;
	text-align:center;	
}

#topContainer table{
	margin-top: 35px;
}

#topContainer img{
	vertical-align:bottom;
	margin-left:5px;
}


/*    HEADER    */
#headerContainer {
	width: 998px;
	margin:0px;
	background:#DFE7EA;	
}

#headerTitle {
	width: 968px;
	height: 20px;
	margin-left:15px;
	padding-top:15px;
	background:url(images/div-solid.gif) repeat-x bottom;
}

#headerBanner {
	padding:13px 0px 15px 0px;
}

#headerBanner img{
	padding-left:18px;
}


/*    BODY - index page    */
#mainContainer {
	width: 998px;
	height:100%;
	margin:0px;
}


/* --- left --- */
#mainNews{
	float:left;
	width: 495px;
	margin:20px 0px 0px 15px;
	background:url(images/div-solid.gif) repeat-y right;
}

#mainTitle{
	width: 470px;
	height:20px;
	background:url(images/div-solid.gif) repeat-x bottom;
}

#mainSubNews{
	width: 470px;
	height:auto;
	padding:15px 0px 10px 0px;
	color: #003F62;
	font-size: 11px;
}

#mainSubNews h1{
	margin:0px;
	color: #003F62;
	font-size: 12px;
	font-weight:bold;
}

.line{
	width: 470px;
	background:url(images/div-dotted.gif) repeat-x top;
}

#mainSubNews .icon{
	width:51px;
	height:51px;
	float:left;
	margin-right:9px;
	margin-left:0px;
	background:url(images/tb.gif) no-repeat;	
}

#mainSubNews .icondate{
	color: #003F62;
	font-size: 19px;
	font-weight:bold;
	text-align: center;
	padding-top: 5px;
}

#mainSubNews .iconmonth{
	color: #003F62;
	font-size: 12px;
	font-weight:none;
	text-align: center;
}	

#mainSubNews .news{
	width:410px;
	float:left;
}

#mainSubNews .button{
	width:92px;
	margin-top:10px;
	float:right;
}

/* --- right --- */
#mainSection{
	float:right;
	width: 450px;
	margin:20px 15px 0px 0px;
	font-size:11px;
	font-weight:bold;
	color:#F57F20;
}

#mainSecTitle{
	height:20px;
	background:url(images/div-solid.gif) repeat-x bottom;
}

/* --- video --- */
#mainVideo {
	margin:8px 0px 16px 0px;
	height:83px;
}

#mainVideo .banner{
	width:198px;
	height:83px;
	float:left;
	margin-right:12px;
}

#mainVideo .caption{
	width:240px;
	float:left;
}

#mainVideo .button{
	width:92px;
	margin-top:54px;
	float:right;
}

/* --- stock performance --- */
#mainStock {
	margin:8px 0px 16px 0px;
	height:96px;
}

#mainStock table{
	margin-top:3px;
	color:#333333;
	font-weight:normal;
}

#mainStock td{
	height:18px;
}

#mainStock .button{
	width:92px;
	height:15px;
	margin-top:10px;
	float:right;
}

/* --- results --- */
#mainResults {
	margin-top:8px;
	height:60px;
}

#mainResults td{
	height:18px;
}

#mainResults .line{
	width:180px;
	background:url(images/div-orange.gif) repeat-x bottom;
}

#mainResults a{
	font-weight:bold;
	color:#F57F20;
	text-decoration:none;
}


/*    FOOTER    */
#footerContainer {
	float:left;
	width: 998px;
	height:25px;
	margin-top:10px;
	padding-top:10px;
	background:url(images/div-solid.gif) repeat-x top;
	color: #666666;
	font-size: 10px;
	clear:both;
}

#copyright{
	float:right;
	width:270px;
	text-align:right;
}

#footnav{
	float:left;
	width:710px;
}

#footnav a{
	color: #666666;
	text-decoration:none;
	padding:0px 10px 0px 10px;
}

#footnav a:hover{
	color:#F57F20;
}


/*    LEFT NAVIGATION - slide menu    */
.glossymenu{
	float:left;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	width: 200px; /*width of menu*/
	height:600px;
	text-align:left; 
	background-color:#DFE7EA;
}


.glossymenu a.menuitem{
	font: bold 11px  Arial, Helvetica, sans-serif;
	color:#FF6600;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 10px 10px 0px 33px;
	text-decoration: none;
	height:20px;
}


.highlight{
	color:#FF6600;!important;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 10px;
	left: 13px;
	border: none;
}

.glossymenu a.menuitem:hover{
	color:#333333;
}

.glossymenu a.selected {
	color:#333333;
	background:url(images/bullet-selected.gif) no-repeat;
	background-color:#C3D1D7;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	background-color:#DFE7EA;
	padding-left:41px;
	padding-bottom:5px;
	background:url(images/bg-submenu.gif) no-repeat;
}

.glossymenu div.submenu ul li a{
	font: 11px  Arial, Helvetica, sans-serif;
	color: #616161;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}

.glossymenu div.submenu ul li:hover{	
	background-color:#C3D1D7;
	padding-bottom:5px;
}


.glossymenu div.submenu ul li.selected{	
	background-color:#C3D1D7;
	font: 11px  Arial, Helvetica, sans-serif;
	color: #616161;	
	padding: 5px 0px 5px 41px;
}

.glossymenu div.submenu ul li.job{	
	font: 11px  Arial, Helvetica, sans-serif;
	color: #616161;
	padding-left:35px;
	background:none;
}


/*    BODY - subpages    */

#contentContainer {
	float:right;
	width:745px;
	margin-right:25px;
	font-size:12px;
	color:#003F62;
}

#contentContainer h1{
	margin:0px;
	padding:5px;
	background-color:#DFE7EA;
	font-size:12px;
	color:#005482;
	font-weight:bold;
}

#contentContainer table{
	width:745px;
}

#contentContainer td{
	vertical-align:middle;
}

#contentContainer .data{
	padding:5px;
	font-size:11px;
	color:#616161;
	border-bottom:1px solid #E1E1E1;
}

#contentContainer .divider{
	background:url(images/div-dotted.gif) repeat-x;
	margin-top:15px;
}

#contentContainer .page {
	font-size:10px;
	color:#999999;
	margin-top:20px;
}

#contentContainer .page a{
	font-size:10px;
	color:#999999;
	padding: 0px 5px 0px 5px;
}

#contentContainer .page a:hover{
	text-decoration:none;
}

#contentContainer .page b{
	padding: 0px 5px 0px 5px;
	color:#003F62;
	font-weight:normal;
}

#contentContainer .title {
	font-size:18px;
	color:#666666;
	height: 24px;
	padding:20px 0px 0px 0px;
	margin-bottom:10px;
	background:url(images/div-solid.gif) repeat-x bottom;
}

#bodyContainer{
	float:left;
	width:465px;
	line-height:17px;
}


#bodyContainer2{
	float:left;
	width:745px;
	line-height:17px;
}

#bodyContainer p{
	margin:0px;
	padding-bottom:15px;	
}

#bodyContainer h1{
	margin:5px 0px 5px 0px;
	padding:5px;
	width:455px;
	background-color:#DFE7EA;
	font-size:12px;
	color:#005482;
	font-weight:bold;
}

#bodyContainer h2{
	margin:0px 0px 2px 0px;
	padding-left:20px;
	color:#F57F20;
	font-size:12px;
	font-weight:bold;	
	background:url(images/bullet.gif) no-repeat left;
}

#bodyContainer a{
	font-size:12px;
	color:white;
	background-color:#FF9900;
	text-decoration:none;
	padding:0px 3px 0px 3px;
}

#bodyContainer2 a{
	font-size:12px;
	color:white;
	background-color:#FF9900;
	text-decoration:none;
	padding:0px 3px 0px 3px;
}

#bodyContainer ul{
	margin: 0px;
  	padding: 5px;
}

#bodyContainer li{
	font-size:12px;
	color:#616161;
	margin-left: 15px;
  	padding-top: 5px;
}

/* Collapsible list-items have different markers */
#bodyContainer li.expandable.expanded
{
	list-style: outside url(images/minus.gif) square;
}
#bodyContainer li.expandable.collapsed
{
	list-style: outside url(images/plus.gif) square;
}
#bodyContainer li.expandable ul
{
	padding-bottom: 5px;
}


#bannerContainer{
	float:right;
	width:260px;
	padding-left:10px;
	padding-top: 5px;
}

#bannerContainer h1{
	border-bottom:#CCCCCC 1px solid;
	padding:5px;
	background-color:#DFE7EA;
	font-size:12px;
	color:#005482;
	font-weight:bold;
	line-height: 17px;
}

#bannerContainer ul{
	margin: 0px;
  	padding: 10px;
	background-color:#EEEEEE;
}

#bannerContainer li{
	font-size:11px;
	color:#616161;
	margin-left: 15px;
  	padding-top: 5px;
}

#bannerContainer li a{
	font-size:11px;
	color:#616161;
	text-decoration:underline;
}


/*    POPUP    */
#popupContainer {
	width:746px;
	color:#003F62;
	font-size:12px;
}

#popupBody{
	width:705px;
	margin-left:20px;
}

#popupBody img{
	margin-bottom:10px;
}

#popupBody .title{
	font-size:18px;
	color:#666666;
	height: 24px;
	padding:5px 0px 0px 0px;
	margin-bottom:10px;
	background:url(images/div-solid.gif) repeat-x bottom;
}

#popupBody .title a{
	float:right;
	text-align:right;
	padding:5px 0px 0px 0px;
	color: #666666;
	font-size: 10px;
}

#popupBody .title a:hover{
	text-decoration:none;
}

#popupSpec{
	width:705px;
	margin-left:20px;
	background-color:#ffffff;
	font-size:11px;
	color:#666666;
}

#popupSpec h1{
	margin:5px 0px 0px 0px;
	/*padding:5px;*/
	background-color:#DFE7EA;
	font-size:11px;
	color:#005482;
	font-weight:bold;
}

#popupSpec table{
	width:705px;
}

#popupSpec td{
	padding:5px;
	vertical-align:top;
}



#popupFooter {
	float:right;
	width: 705px;
	height:25px;
	margin:10px 21px 0px 0px;
	padding-top:10px;
	background:url(images/div-dotted.gif) repeat-x top;
	text-align:right;
}

/* Newsroom */
#SubNewsroom{
	width: 740px;
	height:80px;
	padding:15px 0px 10px 0px;
	color: #003F62;
	font-size: 11px;
}

#SubNewsroom h1{
	margin:0px;
	color: #003F62;
	font-size: 12px;
	font-weight:bold;
}

#SubNewsroom .line{
	width: 470px;
	background:url(images/div-dotted.gif) repeat-x top;
}

#SubNewsroom .icon{
	width:51px;
	height:51px;
	float:left;
	margin-right:9px;
	margin-left:0px;
	background:url(images/tb.gif) no-repeat;
}

#SubNewsroom .icondate{
	color: #003F62;
	font-size: 19px;
	font-weight:bold;
	text-align: center;
	padding-top: 5px;
}

#SubNewsroom .iconmonth{
	color: #003F62;
	font-size: 12px;
	font-weight:none;
	text-align: center;
}	

#SubNewsroom .news{
	width:580px;
	float:left;
}

#SubNewsroom .button{
	width:92px;
	margin-top:25px;
	float:right;
}

.newscontent{
	margin: 0px;
	font-family: Arial, Verdana, Tahoma, Sans-serif;
	background-color: #FFFFFF;
	border-bottom:1px solid #E1E1E1;
}

#finanical table{
	width:465px;
	float:left;
}

#finanical .title a{
	float:right;
	text-align:right;
	padding:5px 0px 0px 0px;
	color: #666666;
	font-size: 10px;
}

#finanical .title a:hover{
	background-color:#EEEEEE;
	text-decoration:underline;
}


#finanicalright table{
	width:260px;
	float:right;
}


.clear {clear:both; content:""}

/* CSS Document */
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

 main stylesheet ends, CC with new stylesheet below... 

[if IE]>

  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */