/* CSS Document */

                                   /********** Basic styles **********/
								   
table.careers
{
    border-color: #ccc8c7;
    border-width: 0 0 1px 1px;
    border-style: solid;
	padding-bottom:5px;
	height:200px;

}


.textcareers {
	float:left;
	margin-bottom:5px;
}

.textcareers h1 {
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	background-color:#004db3;
	padding:0 11px;
	line-height:20px;
	margin:0;
}

.textcareers h1 a {
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	line-height:20px;
}




table.careers td
{
    border-color: #ccc8c7;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #FFFFFF;

}								   
								   
								   
								   
table.Investor {
	padding-left:0px;
	padding-top:3px;
	padding-bottom:3px; 
	background-color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-right:0px;
	
}
table.Investor th {
	padding: 1px;
	background-color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	padding-left:0px;
	padding-top:3px;
	padding-bottom:3px; 
	padding-right:0px;

}
table.Investor td {
	padding: 1px;
	background-color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	padding-left:0px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:0px;
}								   
								   
								   

html, body {
	background:url(/_img/bgd.gif) repeat-y #eaedf0 center;
}

html, body, p, div, td, th, li, a, h1, h2, h3, h4, h5, input, select, button {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000;
	line-height:14px;
}

:focus { /* remove the dotted focus box around links onclick */
	outline: 0;
}

p {
	margin:0 0 14px 0;
}

a {
	color:#004094;
	text-decoration:underline;
	padding:2px 0;
}

a:hover {
	text-decoration:none;
}

h1 { /* in case no graphic text is used for page titles, use this style */
	font-size:17px;
	font-weight:bold;
	margin:0 0 6px 0;
	color:#004094;
}

h2 { 
	font-size:15px;
	font-weight:bold;
	margin:0 0 6px 0;
	color:#004094;
}

h3 { 
	font-size:12px;
	font-weight:bold;
	margin:0 0 3px 0;
	color:#000;
}

h4 { 
	font-size:11px;
	font-weight:bold;
	margin:0 0 3px 0;
	color:#000;
}






                                   /********** Structural **********/

#container {
	width:1000px;
	margin:0 auto;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:#fff;
}


#bodyContentTable {
	width:100%;
}

#bodyContentTable th { /* main content area */
	vertical-align:top;
	/*width:754px; <-------- test orginal value 754px*/ 
	background:#fff;

}

#bodyContentTable td { /* sidebar */
	vertical-align:top;
	/*width:100%;  <--------this removes all tables distortions*/
	border-left:1px solid #fff;
	background:#f2f4f6;

}



/* for cascading styles that follow from these structural styles, look below. This section will be exclusively for structure */
/* The rest of the page will be loosely in a logical order: Header, Content, Footer and other extras after such as: Navigation, Lists, etc */


                                   /********** Header **********/

#masthead {
	position:relative;
	height:74px;
	overflow:hidden; /* for IE6 to remove unwanted space below */
}

.mastheadLogo {
	margin:14px 0 14px 42px;
}

#searchNav {
	color:#004db3;
	position:absolute;
	top:41px;
	right:30px;
}

#searchNav a {
	color:#004db3;
	padding:2px 0;
	text-decoration:none;
}

#searchNav a:hover {
	text-decoration:underline;
}

#searchNav span {
	padding:0 15px;
}

#searchNav input {
	width:138px;
	border:1px solid #7f9db9;
	margin:0 8px 0 35px;
	padding:1px 1px 2px 1px;
}

#searchNav button {
	width:auto;
	border:1px solid #bcbdc0;
	margin:0;
	padding:0 4px 0 4px;
	background:url(/_img/masthead/search.off.gif) repeat-x #fff;
	color:#84868c;
	line-height:13px;
	cursor:pointer;
}

#searchNav button:hover {
	background:url(/_img/masthead/search.ov.gif) repeat-x #fff;
}


#topNav {
	background-color:#004db3;
	height:22px;
	text-align:right;
	padding-right:2px;
	margin:0 0 1px 0;
	overflow:hidden; /* this is for IE6 to remove unwanted space below images */
}

#topNav img {
	border:none;
}






                                   /********** Content area **********/

                                   /* left side, or main content area */


#mainContentArea {

}

#mainImage {
	display:block;
}

#breadCrumb {
	font-size:10px;
	color:#84868c;
	margin:9px 0 18px 40px;
}

#breadCrumb span {
	margin:0 5px;
}

#breadCrumb a {
	font-size:10px;
	color:#84868c;
	text-decoration:none;
}

#breadCrumb a:hover {
	text-decoration:underline;
}




#mainContent {
	/*margin: 0 38px 0 0px;*/
	margin-left: 40px;
	margin-right:10px; 
}







/*home page tiles*/
.homeTile {
	float:left;
	margin:0 0 15px 0; /* define right-margin inline */
}

.imgTile {
	position:relative;
	width:212px;
	
}

.imgTileTitle {
	position:absolute;
	top:77px;
	left:10px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

#mainContent div.homeTile .imgTileTitle a { /* cascade this style to override default value. Crazy browsers. */
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

#mainContent div.homeTile .imgTileTitle a:hover {
	text-decoration:underline;
}

.tileContent {
	background:url(/_img/bgd.hometile.gif) repeat-x #fff;
	width:186px;
	height:143px;
	padding:9px 13px 0 13px;
}

.tileContent p {
	margin-bottom:5px;
}

.tileContent a {
	text-decoration:none;
}

.tileContent a:hover {
	text-decoration:underline;
}





.textTile {
	float:left;
	width:322px;
	margin-bottom:15px;
}

.textTile h1 {
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	background-color:#004db3;
	padding:0 11px;
	line-height:20px;
	margin:0;
}

.textTile h1 a {
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	line-height:20px;
}

.textTile h1 a:hover {
	text-decoration:underline;
}

.textTitleCopy {
	height:65px;
	background:url(/_img/bgd.texttile.gif) repeat-x;
	padding:7px 11px 0 11px;
	overflow: visible;
}

.textTitleCopyAddress {
	background-color: #E0E0E0;
	height:65px;
	padding:7px 11px 0 11px;
}

textTitleCopy p {
	margin-bottom:0;
}



.homeTileInvestor {
	float:left;
	border:1px solid #bcbdc0;
	background:url(/_img/bgd.invtile.gif) repeat-x #fff;
	height:310px;
	width:192px;
	padding:10px 12px;
	margin:0 0 15px 0; /* define right-margin inline */
}

.homeTileInvestor img {
	display:block;
}


#financials {
	border-top:1px solid #7396c4;
	border-bottom:1px solid #7396c4;
	padding:10px 0 0 0;
	margin:0 0 15px 0;
}

#financials h1 {
	font-size:14px;
	color:#004094;
	text-transform:uppercase;
	margin:0 0 2px 0;
}

#financials h2 {
	font-size:14px;
	color:#84868c;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

	#financials h2 a {
		font-size:14px;
		color:#84868c;
		text-transform:uppercase;
		text-decoration:none;
	}
	
	#financials h2 a:hover {
		text-decoration:underline;
	}

#financialsList p  {
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#004094;
	margin:0 0 8px 0;
}

#financialsList a {
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	color:#004094;
	text-decoration:none;
}

#financialsList a:hover {
	text-decoration:underline;
}


#invCEO {
	margin:5px 0 14px 0;
}

#invCEO img {
	border:1px solid #7893b3;
	border-bottom:none;
	display:block;
}

#invCEO div {
	background-color:#013c89;
	line-height:20px;
	color:#fff;
}

#invCEO div a {
	line-height:20px;
	color:#fff;
	padding:0 0 0 7px;
	text-decoration:none;
}

#invCEO div a:hover {
	text-decoration:underline;
}

#invReport {
	border:1px solid #7b9cc8;
}

#invReport img {
	display:block;
}





                                   /* sidebar */

#sideBar {


}


#sbContent {
	vertical-align:top; /*test */
	
	
	
	
	padding-top:0px; /* added here because IE6 bleeds colour down from bottom-margin if set on navigation DIV. Now we have appropriate space and colour between nav and content. this align the main img to the first promo */
}

#sbContent img { /* sets default behaviour to avoid the extra space to the right and especially below that can mess with your layout. Remember to change the value of images to "inline" as needed. */
	display:block;
	
	
}

.sbBlock {
	background-color:#d9e2ec;
	padding:0 16px 1px 15px;
	margin:0 0 15px 0;
	
	
}

.sbTitleImage {
	border-bottom:1px solid #97b1d1;
	margin-bottom:10px;
	clear:left;

}

.sbPromoTile {
	border:1px solid #bdbdbd;
	margin-bottom:15px;
}

.sbPresentation {
	margin:0 0 15px 0;
}

.sbPresentation img {
	display:block;
}

.sbSignUp {
	background-color:#d9e2ec;
	padding:11px 16px 11px 15px;
	margin:0 0 15px 0;
}

.sbSignUp img {
	display:block;
	padding:4px 0;
	border-top:1px solid #6c91c0;
	border-bottom:1px solid #6c91c0;
}

#newsEvents {
	margin-bottom:15px;
	height:235px;
}




                                   /********** Footer **********/


#footer {
	border-top:1px solid #dadadc;
	margin:3px 0 10px 0;
	padding:5px 0 0 39px;
	font-size:10px;
	color:#84868c;
}

#footer a {
	font-size:10px;
	color:#84868c;
	text-decoration:underline;
}

#footer a:hover {
	color:#004094;
}















                                   /********** Sidebar navigation **********/
/* 
The basic idea is to use a regular list, and add styles to indicate the levels.
Using a background image instead of a default bullet, showing it on mouseover (hover) and when page is active.
*/


/* this will be a hidden layer containing the other lang's url for language switching. It will be written by navigation.asp */

#otherLang {
	display:block; 
	position:absolute; 
	left:-3000px;
}

/* define basic styles */

#sbNav {
	/*height:290px;*/
	
	margin:0;
	padding-top:0px; /* space before the first top level menu in the nav*/
	background-color:#f2f4f6;
	border-bottom:1px solid #f2f4f6; /* added for IE6 to prevent dark background color bleeding down. */
}

#sbNav,
#sbNav a {
	line-height:16px;
}

#sbNav a {
	color:#000;
	text-decoration:none;
}


#sbNav ul {
	list-style-type:none; /* remove automatic bullet */	
	padding: 0 0 0 0; /* move bullet to the right (add padding-left) */
	margin: 0 0 0 0; /* complete list margins */
	background-color:#f2f4f6;
}

#sbNav ul li {
	background-image: none;
	padding: 0 0 0 0; /* define distance of text from bullet */
	margin: 0 0 0 0; /* define list items */
	border-bottom:1px solid #c2d0e2;
	padding:3px 0;
}


/* define level 1 styles */

#sbNav ul li a {
	padding-left:15px;
}
#sbNav ul li a:hover{
	background-image:url(/_img/bullet.nav.gif);
	background-position: 5px 6px;
	background-repeat: no-repeat; 
}

/* don't want arrow to apear for top level item */
#sbNav ul li.levelTop a:hover{
	background-image:none;
}

#sbNav ul li.levelTop {
	padding-left:5px;
	padding-top:20px;
	background-color:#ced9e7;
}

#sbNav ul li.levelTop a {
	padding-left:0px;
	color:#004094;
	font-weight:bold;
	text-transform:uppercase;
}

/* define level 2 styles */
/* IE6 cannot properly cascade two styles for one attribute, so I'm addding a new style "level1navOn" and "level2navOn" */

#sbNav ul li.level2,
#sbNav ul li.level2navOn {
	background-color:#eaedf0;
}

#sbNav ul li.level2 a,
#sbNav ul li.level2navOn a {
	padding-left:25px;
}

#sbNav ul li.level2 a:hover,
#sbNav ul li.level2navOn a:hover {
	background-position: 13px 6px;
}

/* define level 3 styles */
#sbNav ul li.level3,
#sbNav ul li.level3navOn {
	background-color:#eaedf0;
}

#sbNav ul li.level3 a,
#sbNav ul li.level3navOn a {
	padding-left:40px;
}

#sbNav ul li.level3 a:hover,
#sbNav ul li.level3navOn a:hover {
	background-position: 26px 6px;
}





/* styles for nav item of active page */

#sbNav ul li.level1navOn {
	background-image:url(/_img/bullet.nav.gif);
	background-position: 5px 8px;
	background-repeat: no-repeat;
	background-color:#eaedf0; 
}

#sbNav ul li.level2navOn {
	background-image:url(/_img/bullet.nav.gif);
	background-position: 13px 8px;
	background-repeat: no-repeat; 
}

#sbNav ul li.level3navOn {
	background-image:url(/_img/bullet.nav.gif);
	background-position: 26px 8px;
	background-repeat: no-repeat; 
}

#sbNav ul li.level2navOn a:hover,
#sbNav ul li.level1navOn a:hover { /* don't show bullet on hover, because already there. Also, difficulty lining them up between Moz and IE. */
	background-image:none; 
}

#sbNav ul li.level3navOn a:hover,
#sbNav ul li.level2navOn a:hover { /* don't show bullet on hover, because already there. Also, difficulty lining them up between Moz and IE. */
	background-image:none; 
}

#sbNav ul li.level1navOn a,
#sbNav ul li.level2navOn a {
	color:#004094;
}







                                   /********** Lists **********/
/* Unordered */

ul {
	list-style-type:none; /* remove automatic bullet */	
	padding: 0 0 0 15px; /* move bullet to the right (add padding-left) */
	margin: 0 0 14px 0; /* complete list margins */
	line-height:14px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
}

ul li {
	background-image: url(/_img/bullet.gif); /* add custom bullet */
	background-repeat: no-repeat; 
	background-position: 0 6px; /* position from 'Left' 'Top' */
	padding: 0 0 0 10px; /* define distance of text from bullet */
	margin: 0 0 3px 0; /* define list items */
}



ul ul { /* nested unordered list */
	margin:3px 0 3px 0;
}

ul ol { /* nested ordered list */
	margin:3px 0 3px 0;
}

ul ol li {
	background-image:none;
}



/* Ordered */

ol {
	list-style-type:decimal;
    padding: 0 0 0 35px; /* move number to the right (add padding-left) */
	margin: 0 0 14px 0; /* Move number using left-margin */
	line-height:14px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
}

ol li {
	padding: 0 0 0 0; /* define distance of text from bullet */
	margin: 0 0 2px 0; /* define list items */
}

ol ol {
	margin:3px 0 3px 0;
	padding-left:25px;
}

ol ul {
	margin:3px 0 3px 0;
	padding-left:5px;
}

ol ul li {
	padding: 0 0 0 10px;
}










                                   /********** Other **********/

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

sup {
	vertical-align:text-top;
}



#preloadImages {
	height:1px;
}

#preloadImages img {
	float:left;
	position:absolute;
	left:-5000px;
}









                                   /********** News & Events box **********/

#nouvcontent {
	height: 154px;
	overflow:hidden;
}

.list_news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	color: #003580; */
	color: #003580;
	font-weight: normal;
}

.list_news a:link {  color: #003580; text-decoration: none;}
.list_news a:visited {color: #003580; text-decoration: none;}
.list_news a:hover {  text-decoration: none; color: #003580;}

.title_news h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: normal;
}

/*
div.title_news p {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	line-height:12px;
	font-weight:bold;
	color:#000;
}

div.title_news ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:9px;
	font-weight:bold;
	color:#000;
}
*/

.news p {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
/*	color: #003580; */
	color: #000000;
	font-weight: normal;
}

.title_news {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000000;
}

.title_news p {
	font-size: 16px;
	line-height:18px;
	font-weight: bold;
	margin-top: 40px;
}

.title_news ul li {
	list-style-position:inside;
	background-image: none;
	list-style-type : square;
	font-size: 12px;
	line-height:15px;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0 0 3px 0;
}

.type_news p{
	text-align: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
	color: #000000;
	margin: 50px 15px 25px 0;
	clear:right;
}

.caelogo {
	float:left;
}

.otherlogo {
	float:right;
}


/* For press release display */

#bodyContentTable table.PRlist td {
	padding:3px 0 3px 10px;
	border:0;
	height:50px;
	background: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	vertical-align:top;
}

#bodyContentTable table.PRlist td.yearHead {
	background: #004094;
	font-weight:bold;
	color: #ffffff;
	vertical-align:middle;
	padding-left:10px;
	height:22px;
}

#bodyContentTable table.PRlist td.monthHead {
	background: #dae2ed;
	vertical-align:middle;
	border-top:2px solid white;
	border-bottom:2px solid white;
	font-weight:bold;
	color:#014397;
	height:22px;
}

#bodyContentTable table.PRlist td.date {
	background: #f3f4f6;
	color:#014397;
	font-weight:bold;
	width:135px;
}

#bodyContentTable table.PRlist td.light {
	background: #ffffff;
	padding-top:10px;
}

#bodyContentTable table.PRlist td.dark {
	background: #f3f4f6;
	padding-top:10px;
}

.PRlist a {
	text-decoration:none;
	color: #000000;
}

/**  CONTACT PAGE **/
table.Contact {
    background-color:#FFFFFF;
 }

table.Contact td {
    background-color:#FFFFFF;
 }
 
table.Contact h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff;
	line-height:11px;
	text-transform:uppercase;
	background-color:#004db3;
	padding:0 11px;
	line-height:20px;
	margin:0;
}

p.Contact {
	padding: 0 11px;
	}

ul.Contact {
	background-image: none;
	list-style: none;
	margin: 0;
	padding: 0;
}							   

ul.Contact li{
	background-image: none;
	list-style: none;
	padding-bottom: 7px;
}