/* CSS Document */

/*##################### Basic Rules ####################*/

html, body {
	background: url(../_img/bgd.gif) repeat-x #fff;
}

/* Conditional statements: based on the type of page, we apply some basic rules to accomodate the varying height of the splash images */

body#sectionHome {
	background-image: url(../_img/bgd.section.home.gif);
}

body#sectionHome #splash {
	height:245px;
}


body#home {
	background-image: url(../_img/bgd.home.gif);
}

body#home #splash {
	height:350px;
}


/* End conditional statements */



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

strong, em {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


:focus { /* removes the dotted line around links when clicked */
	outline: 0;
}



p {
	margin:0 0 14px 0;
}

a {
	color:#2761b3;
	text-decoration:none;
	padding:2px 0; /* ensures line-height of 14px doesn't interrupt multi-line links */
}

	a:hover {
		text-decoration:underline;
	}

h1 { 
	font-size:17px;
	font-weight:bold;
	margin:0 0 12px 0;
	color:#003580;
	line-height:normal;
}

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

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

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

#container {
	width:950px;
	margin:0 auto;
}




/*#################### Masthead ####################*/

#masthead {
	position:relative;
	height:113px;
}

	#masthead #logo {
		position:absolute;
		top:15px;
		left:19px;
	}
	
	#masthead #search {
		position:absolute;
		top:0;
		right:0;
		height:41px;
		width:292px;
		background:url(../_img/masthead/bgd.search.gif) no-repeat left;
		text-align:center;
	}
		
		#masthead #searchContent {
			white-space:nowrap;
		}
	
		#masthead #searchContent div {
			padding-top:10px;
		}
				
		#masthead #searchContent input.enterText {
			width:155px;
			border:1px solid #7f9db9;
			padding:2px 2px 2px 2px;
			margin:0 7px;
		}
				
		#masthead #searchContent input.searchButton { /* not the same as standardButton to make sure there are no style conflitcs */
			font-weight:bold;
			font-size:10px;
			text-transform:uppercase;
			color:#2761b3;
			background-color:#e9eff7;
			border:1px solid #9bb6dc;
			line-height:10px;
			padding:2px 4px;
			margin:0 10px 0 0;
			overflow:visible
		}
		
		#masthead #searchContent input.searchButton:hover {
			background-color:#c9d7ec;
			cursor:pointer;
		}
		
	
	
	#masthead #nav1 {
		position:absolute;
		top:55px;
		right:20px;
		color:#003580;
	}
	
		#masthead #nav1 span {
			padding:0 10px;
			color:#000;
		}
		
		#masthead #nav1 a {
			color:#003580;
		}
		

	#masthead #nav2 {
		position:absolute;
		top:85px;
		right:20px;
	}
	
		#masthead #nav2 img {
			
		}
		
		#masthead #nav2 span {
			padding:0 10px;
		}





/*#################### Splash - the image area present on every page ####################*/

#splash {
	padding:6px 0 6px 0; /* Don't forget that there are values at the top of the page (conditional statements) that use this padding value! */
}

	#splash img {
		display:block;
	}



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

#content {
	margin-top:14px; /* takes to the bottom of the splash zone with the drop shadow plus 9 more pixels */
}

	#content div#col1 {
		float:left;
		margin-right:11px;
	}
	
	#content div#col2 {
		float:left;
		margin-right:11px;
	}
	
	#content div#col3 {
		float:left;
		margin-right:10px;
	}
	
	#content div#col4 {
		float:right;
	}
	
	#content div.contentCol { /* all four columns use this class */
		width:229px;
	}
	
		/* the following CSS us used on the section home pages. That is, those with four equal-width columns. */
	
		#content div.contentCol div.contentItem {
			margin-bottom:12px;
		}
		
		
		#content div.contentCol div.contentItemTop {
			
		}
		
			#content div.contentCol div.contentItemTop img {
				display:block;
			}

		
		#content div.contentCol div.contentItemBottom {
			
		}
		
			#content div.contentCol div.contentItemBottom img {
				display:block;
			}
		
		#content div.contentCol div.contentItemContent,
		#content div.homeContent2Col div.contentItemContent {
			border-left:1px solid #dedede;
			border-right:1px solid #dedede;
			background:url(../_img/content/section.home.content.bgd.gif) repeat-x;
			padding:4px 15px 10px 15px;
			
		}
		
		#content div.contentCol div.contentItemContentSidebar { /* sidebar items that use a different background gradient, and different image title */
			border-left:1px solid #dedede;
			border-right:1px solid #dedede;
			background:url(../_img/content/sb.content.bgd.gif) repeat-x;
			padding:0px 15px 10px 15px;
			
		}
		
		#content div.contentCol div.contentItemContentClear { /* used for sidebar with no background image */
			border-left:1px solid #dedede;
			border-right:1px solid #dedede;
			padding:4px 15px 10px 15px;
		}
		
		.imgTitle {
			display:block;
			margin-bottom:10px;
		}
		
		
		
		
		
		.innerContent {
			width:196px;
		}
		
			.innerContent div.innerContentTop img {
				display:block;
			}
			
			.innerContent div.innerContentContent {
				background-color:#e5eaf2;
				padding:0 10px 1px 10px;
				
			}
			
				.innerContent div.innerContentContent p {
					color:#003580;
				}
			
				.innerContent div.innerContentContent img {
					display:block;
					margin-bottom:5px;
				}
			
			.innerContent div.innerContentBottom img {
				display:block;
				
			}
	
	/* Following styles used on the two home pages */
	
	#content div.homeContent2Col { /* used on the two home pages */
		width:482px;
	}
	
		#content div.homeContent2Col img.imgTitle {
			display:block;
			margin-bottom:1px;
		}
	
		#content div.homeContent2Col div.contentItemContentItem {
			margin-bottom:15px;
		}
	
		#content div.homeContent2Col table#newslist1_newsDL td p,
		#content div.homeContent2Col p {
			margin-bottom:7px;
		}
		
		#content div.homeContent2Col table#newslist1_newsDL td p.lastP,
		#content div.homeContent2Col p.lastP {
			margin-bottom:0;
		}

	
	#content div.homeContentCol {
		width:222px;
	}
	
	
	
	
	/* The following are used on the standard "interior page". That is, with a sidebar (col1) and main content area taking the space of what would otherwise be three equal-width columns. */
	
	#content div#mainContent {
		float:right;
		width:675px;
		margin-right:20px;
		display:inline; /* added for IE6 to counter double-margin float bug. Don't you just love IE6.*/
	}
	
		#breadCrumb {
			color:#7d9bbd;
			margin-bottom:10px;
			font-size:10px;
		}
		
			#breadCrumb span {
				margin:0 5px;
			}
			
			#breadCrumb a {
				color:#7d9bbd;
				text-decoration:none;
				font-size:10px;
			}
			
				#breadCrumb a:hover {
					text-decoration:underline;
				}
	
	











/* STANDARD TABLE */


table.standardTable {
	border-collapse:collapse;
	border:1px solid #b2c2d7;
	margin:0 0 14px 0;
}

	table.standardTable th, table.standardTable td { /* shared values */
		padding:8px 10px;
		border-bottom:1px solid #b2c2d7;
		vertical-align:top;
	}
	
	table.standardTable th {
		font-weight:bold;
		background-color:#f0f3f6;
		margin-right:15px;
	}
	
	
	
	table.standardTable td {
		
	}
	
		table.standardTable td.colorMe {
			
		}









/* PROMO ITEMS */

.promoItem {
	position:relative;
	
}

	.promoItemContent {
		position:absolute;
		top:40px;
		left:14px;
	}
	
		.promoItemContent h1 {
			
		}
		
		.promoItemContent p {
			color:#0073ad;
		}
		
		.promoItemContent a 
		{
		    color:#0073ad;
		}
		
	.promoItemContentLina {
		position:absolute;
		top:150px;
		left:9px;
	}
	
		.promoItemContentLina h1 {
			
		}
		
		.promoItemContentLina p {
			color:#0073ad;
		}
		
		.promoItemContentLina a 
		{
		    color:#0073ad;
		}
		
	.promoItemContentMekong {
		position:absolute;
		top:155px;
		left:9px;
	}
	
		.promoItemContentLina h1 {
			
		}
		
		.promoItemContentLina p {
			color:#0073ad;
		}
		
		.promoItemContentLina a 
		{
		    color:#0073ad;
		}
		
.promoItemContentGrippe {
		position:absolute;
		top:70px;
		left:14px;
	}
	
		.promoItemContent h1 {
			
		}
		
		.promoItemContent p {
			color:#0073ad;
		}
		
		.promoItemContent a 
		{
		    color:#0073ad;
		}		



/* SLIDE SHOW CONTROLS */

.slideControl {
	text-align:center;
}

	.slideControl img, .innerContent div.innerContentContent div.slideControl img {
		display:inline;
	}
	
	.slideControl a {
		margin:0 2px;
	}






/*#################### Items unique to the ABOUT section ####################*/

.directionEntry {
	/*border:1px solid gray;*/
	position:relative;
	width:675px; /* added for $#&@&^* IE6 */
	height:auto;
}

.headShot {
	position:relative;
	border:1px solid #dedede;
	width:68px;
	float:left;
	margin:0 30px 15px 0;
}

.headShot a { /* added for IE8 v.8.0.6001.18702 */
	padding:0;
}

.headShot img {
	display:block;
}

.titleContent {
	float:left;
}

.titleContent p {
	margin-bottom:14px;
}

.directionContent {
	position:relative;
	clear:left;
	padding-bottom:20px;
	width:675px; /* added for $#&@&^* IE6 */
	height:auto;
}

.directionMoreLess {
	position:absolute;
	right:10px;
	bottom:10px;
}




.logoTable { /* used on the Company pages (Voyagistes expéditifs etc.) */
	width:auto;
	margin:0 0 14px 0;
}

	.logoTable th {
		vertical-align:middle;
	}
	
	.logoTable td {
		vertical-align:middle;
	}
	
	.logoTable td img {
		margin-left:25px;
	}
	
	.logoTable th img,  .logoTable td img {
		display:block;
	}
	
	.linkTable {
		margin:0 0 14px 0;
	}
	
		.linkTable td {
			vertical-align:top;
			padding-right:30px;
		}
		
			.linkTable td p {
				margin:0 0 4px 0;
			}














/*#################### Items unique to the Community Support section ####################*/

div.supportShow {
	display:block;
	padding:0 0 0 0;
	margin:0 0 14px 0;
}

	div.supportShow img {
		margin:4px 10px 0 0;
		border:none;
		display:inline;
	}

div.supportShowOdd {
	display:block;
	padding:0 0 0 0;
	margin:0 0 14px 0;
}

	div.supportShowOdd img {
		margin:4px 0 0 10px;
		border:none;
		display:inline;
	}




div.logoStandalone {
	text-align:center;
}

	div.logoStandalone img {
		margin-top:15px;
	}









/*#################### Items unique to the Media section ####################*/

#searchSectionHomeMedia {
    position:relative;
}

    #searchSectionHomeMediaContent {
        position:absolute;
        overflow:hidden;
        top:14px;
        left:9px;
		width:178px;
    }
    
        #searchSectionHomeMediaContent p {
            font-weight:bold;
			margin-bottom:5px;
        }
		
		
		.mediaSectionHomeSearchKeyWords {
			width:150px;
			margin:0 1px 12px 0;
		}
		
		.mediaSectionHomeSearchButton {
			font-weight:bold;
			color:#2761b3;
			background-color:#e9eff7;
			border:1px solid #9bb6dc;
			line-height:10px;
			padding:1px 2px;
			margin:0 0 12px 0;
		}
		
			.mediaSectionHomeSearchButton:hover {
				background-color:#c9d7ec;
				cursor:pointer;
			}
		
		.mediaSectionHomeSearchFiliales {
			width:177px;
			padding:1px;
		}
		

#mediaSearch {
	height:100px;
}

	#mediaSearch div.orDivider {
		margin:0 15px;
	}
	
	#mediaSearch div.searchWindow {
		position:relative;
		float:left;
	}
	
		#mediaSearch div.searchWindowContent {
			position:absolute;
			top:13px;
			left:20px;
		}
		
			#mediaSearch div.searchWindowContent img {
				margin:0 0 7px 0;
				display:block;
			}
			
					
                .mediaSearchKeyWords {
	                width:202px;
	                margin:0 5px 0 0;
                }

                .mediaSearchButton {
	                font-weight:bold;
	                color:#2761b3;
	                background-color:#e9eff7;
	                border:1px solid #9bb6dc;
	                line-height:10px;
	                padding:2px 2px 2px 2px;
	                cursor:pointer;
					width:18px;
					text-align:center;
					overflow:visible;
                }

	                .mediaSearchButton:hover {
		                background-color:#c9d7ec;
		                cursor:pointer;
	                }

                .mediaSearchFiliales {
	                width:229px;
	                padding:1px;
                }		

.clarificationLink {
	padding:2px 0;
	margin:0 0 4px 0;
}

.mediaVideosTable {
	
}

	.mediaVideosTable td {
		padding:0 10px 10px 0;
		vertical-align:middle;
	}

				
/* Comminique-specific styles */ 

#searchResults {
	margin:0 0 14px 0;
}

	#searchResults h3 {
		color:#003580;
	}



span.languageOption {
	color:#2761b3;
}


h3 span {
	font-weight:normal;
	margin:0 0 0 5px;
}

h3 span {
	font-weight:normal;
}

h3 span.notTransat {
	font-weight:bold;
	color:#737373;
	margin:0;
}



.searchBar {
	padding-top:14px;
	font-size:10px;
}

	.searchBar span.searchSetNumbers {
		word-spacing:3px;
		margin:0 15px;
	}
	
	.searchBar span.searchPageSet {
		font-size:11px;
		float:right;
	}
	
	.searchBar a {
		font-size:12px;
		padding:2px 4px;
		font-weight:bold;
	}
	
		.searchBar a:hover {
			background-color:#c9d7ec;
			text-decoration:none;
		}
	


.siteSearchPagination { /* used for main search results (from top-of-page) */

}

	.siteSearchPagination table {
		margin-bottom:5px;
	}
	
		.siteSearchPagination table td {
			
		}
		
			.siteSearchPagination table td a, .siteSearchPagination table td span {
				text-decoration:none;
				padding:2px 5px 3px 5px;
			}
			
			.siteSearchPagination table td span {
				padding:2px 5px 3px 5px;
			}
			
				.siteSearchPagination table td a:hover {
					background-color:#c9d7ec;
				}


	

h1.newItemTitle { /* used to override standard h1 */
	font-size:13px;
}

h1.newItemSubTitle { /* used to override standard h1 */
	font-size:13px;
	font-weight:normal;
}





table.logosTable {
	border-collapse:collapse;
	border:none;
	margin:0 0 14px 0;
	width:100%;
}

	table.logosTable th, table.logosTable td { /* shared values */
		vertical-align:top;
	}
	
	table.logosTable th {
		padding:3px 0 3px 0;
		vertical-align:middle;
		background-color:#fff;
		border-bottom:4px solid #F0F3F6;
		margin:0;
	}
	
	table.logosTable tr.logoState th {
		text-align:center;
	}
	
		table.logosTable tr.logoState h2 {
			text-transform:uppercase;
			margin:0;
		}
	
	table.logosTable td {
		background-color:#fff;
		border-bottom:1px solid #F0F3F6;
		text-align:center;
		padding:5px 0;
	}





/*#################### Items unique to the Investors section ####################*/

.qpromo { /* this is used for the repeating quarterly report promos */
	position:relative;
}

	.qpromoContent {
		position:absolute;
		top:50px;
		left:15px;
		width:120px;
	}
.speeches { /* this is used for the repeating quarterly report promos */
	position:relative;
}

	.speechesPromoContent {
		position:absolute;
		top:38px;
		left:15px;
		width:140px;
	}
		.speechesPromoContent p {
			color:#0073ad;
		}
		
		.speechesPromoContent a 
		{
		    color:#0073ad;
		}


div.quickStock h2 {
	font-size:11px;
}

div.quickStock p {
	margin-bottom:0;
}

.quickStockTable {
	border-collapse:collapse;
	margin:0 0 14px 0;
	background-color:none;
}

	.quickStockTable td,
	.quickStockTable th {
		border:1px solid #abbed6;
		background-color:#fff;
		padding:2px 8px 3px 8px;
	}
	
	.quickStockTable th {
		font-weight:bold;
	}
	
	.quickStockTable td {
	}
		
	.quickStockTable td.divider {
		border:none;
		line-height:1px;
		height:5px;
		background-color:none;
	}



.faqQ {
	cursor:pointer;
	margin:0px 0 4px 0;
	padding:2px 0;
}

	.faqQ:hover {
		background-color:#f0f3f6;
	}

	.faqQ h3 {
		text-indent:-16px;
		padding-left:16px;
		font-weight:normal;
	}
	
	.faqQ img {
		margin:0 5px 0 0;
		vertical-align:middle;
	}

.faqA {
	padding:10px 15px 1px 15px;
	background-color:#f0f3f6;
	margin-bottom:10px;
	border:1px solid #d3ddea; /* added so IE[6,7] doesn't mysteriously disappear the background color after deploying an answer */
}


	
.inBriefTable {
	width:100%;
	margin:0 0 14px 0;
}

	.inBriefTable th {
		/*width:260px;*/
		vertical-align:top;
		padding-bottom:5px;
	}
	
	.inBriefTable td {
		vertical-align:top;
		padding:0 10px 5px 0;
	}
	
	.inBriefTable td ul.linkList,
	.inBriefTable th ul.linkList {
		margin-bottom:0;
	}

#presidentMessage {
	border:1px solid #b2c2d7;
	padding:12px 13px 0 15px;
	margin:0 0 14px 0;
}

	#presidentMessage h3 {
		margin-top:14px;
	}
	
	#presidentMessage p {
		margin-bottom:0;
		line-height:17px;
	}
	
	#presidentMessage img {
		float:right;
		margin:0 0 14px 13px;
	}





.financialTable {
	width:100%;
	margin:0 0 14px 0;
	border-collapse:collapse;
	border:1px solid #b2c2d7;
}

	.financialTable th,  .financialTable td {
		vertical-align:bottom;
		padding:3px 12px;
		text-align:right;
		white-space:nowrap;
		line-height:14px;
	}
	
	.financialTable th {
		font-size:10px;
		font-weight:bold;
		border-bottom:1px solid #b2c2d7;
		border-top:1px solid #b2c2d7;
	}
	
		.financialTable th span {
			font-weight:normal;
		}
			
	.financialTable td {
	}
	
		.financialTable td.falseHead {
			text-align:left;
			white-space:normal;
		}
		
		.financialTable td h3 {
			margin:0;
		}
		
		.financialTable td p {
			margin:0;
		}
	
	.financialTable .selectColumn {
		background-color:#f0f3f6;
		font-weight:bold;
	}
	
	.financialTable .selectRow {
		background-color:#dbe3ed;
		border-top:1px solid #dbe3ed;
		border-bottom:1px solid #dbe3ed;
	}
	
	.financialTable td.rowDivider {
		border-top:1px solid #b2c2d7;
		padding-top:10px;
	}
	
	.financialTable td.rowLast {
		padding-bottom:10px;
	}

.legalNotes p, p.legalNotes {
	font-size:10px;
}












/*#################### Career section ####################*/


.transatIsMe {
	position:relative;
}

	.transatIsMeContent {
		position:absolute;
		top:12px;
		left:15px;
		height:155px;
		width:200px;
		overflow:hidden;
	}
	
		.transatIsMeContent a {
			
		}
		
		.transatIsMeContent table {
			margin:10px 0 0 0;
			width:200px;
		}
		
			.transatIsMeContent table th,
			.transatIsMeContent table td {
				
			}
			
			.transatIsMeContent table th {
				width:88px
			}
			
			.transatIsMeContent table th img {
				margin-right:10px;
				border:1px solid #8fa1bb;
			}
			
			.transatIsMeContent table td {
				vertical-align:bottom;
				height:95px;
			}
			
				.transatIsMeContent table td p {
					font-size: 10px;
					margin:0 0 2px 0;
					line-height:12px;
				}
			
			.transatIsMeContent table td.profileLinks {
				padding:12px 0 0 0;
				height:auto;
			}
			
				.transatIsMeContent table td.profileLinks span {
					margin:0 5px;
				}
			
			
			
			div.navProfile {
				margin:10px 0 0 10px;
			}
			
				div.navProfile a {
					margin:0 6px;
				}





#searchSectionHomeCareers {
	position:relative;
}

	#searchSectionHomeCareers p {
		font-weight:bold;
		margin:10px 0 3px 0;
	}
	
	
	.searchSectionHomeCareers {
		width:196px;
		padding:1px;
		margin-bottom:5px;
	}
	
	.searchSectionHomeCareersButton {
		font-weight:bold;
		color:#2761b3;
		background-color:#e9eff7;
		border:1px solid #9bb6dc;
		line-height:10px;
		padding:1px 2px;
		margin-top:20px;
	}
	
	.searchSectionHomeCareersButton:hover {
		background-color:#c9d7ec;
		cursor:pointer;
	}


/* Search Career page and results pages */

#searchCareers {
	width:552px;
}

	#searchCareers div img {
		display:block;
	}


	#searchCareers div.searchCareersContent {
		border-left:1px solid #dedede;
		border-right:1px solid #dedede;
		padding:4px 15px 10px 15px;
		
	}

	#searchCareers p {
			font-weight:bold;
			margin:10px 0 3px 0;
		}
	
	
.searchCareers {
		width:270px;
		padding:1px;
		margin-bottom:5px;
	}
	
.searchCareers2 {
		width:218px;
		padding:1px;
		margin:0 0 5px 25px;
	}
	
.searchCareersButton {
		display:block;
		font-weight:bold;
		color:#2761b3;
		background-color:#e9eff7;
		border:1px solid #9bb6dc;
		line-height:10px;
		padding:1px 2px;
		margin-top:20px;
	}
	
	.searchCareersButton:hover {
		background-color:#c9d7ec;
		cursor:pointer;
	}




.careerTable {
	margin:0 0 14px 0;
}

	.careerTable td,
	.careerTable th {
	
	}
	
	.careerTable th {
		font-weight:bold;
		padding:2px 20px 2px 0;
		
	}
	
	.careerTable td {
		padding:2px 20px 2px 0;
	}


.careerGridItemMoreLess { /* used to right-align more/less image */
	text-align:right;
	padding-bottom:14px;
}

	.careerGridItemMoreLess img {
		cursor:pointer;
	}



.replyFormTable { /* used on page to submit a CV */
	
}

	.replyFormTable td {
		vertical-align:top;
		padding:0 30px 10px 0;
	}




#searchInsideCareers {
	width:675px;
	margin-bottom:14px;
}

	#searchInsideCareers div img {
		display:block;
	}


	#searchInsideCareers div.searchInsideCareersContent {
		border-left:1px solid #dedede;
		border-right:1px solid #dedede;
		padding:4px 15px 0px 15px;
		
	}

	#searchInsideCareers p {
			font-weight:bold;
			margin:10px 0 3px 0;
		}
	
	
.searchInsideCareers {
		width:270px;
		padding:1px;
		margin-bottom:5px;
	}

#searchInsideCareers {
	position:relative;
}

	#searchInsideCareers p {
		font-weight:bold;
		margin:10px 0 3px 0;
	}
	
	
	.searchInsideCareers {
		width:auto;
		padding:1px;
		margin-bottom:5px;
	}
	
	.uniqueWidth {
		width:196px;
	}
	

.searchInsideCareersButton {
	margin:10px 0;
}





.careerResultContent {
	position:relative;
	clear:left;
	padding-bottom:20px;
	height:auto;
}






/*#################### Footer ####################*/

#footer {
	color:#7f9abf;
	margin:15px 0 10px 0;
	padding-top:7px;
}

	#footer span {
		padding:0 10px;
	}
	
	#footer a {
		color:#7f9abf;
		text-decoration:underline;
	}
	
		#footer a:hover {
			color:#003580;
			text-decoration:underline;
		}


.intFooter {
	border-top:1px solid #ccd7e6;
}


#atAddThis {
	float:right;
}

	#atAddThis span {
		margin:0;
		padding:0;
	}

.videoFooter {
	padding-left:20px;
	padding-right:20px;
}



/*#################### 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;
}

	ol li {
		padding: 0 0 0 0; /* define distance of text from bullet */
		margin: 0 0 3px 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;
	}


/* linkList - used for text situations that need list-type spacing, but no (or custom) bullets */

ul.linkList { 
	list-style-type:none;
	padding: 0 0 0 0; 
	margin: 0 0 14px 0; 
	line-height:14px;
}

	ul.linkList li {
		background-image: none; 
		background-repeat: no-repeat; 
		padding: 0 0 0 0; 
		margin: 0 0 4px 0; 
	}
	
		ul.linkList li img { /* in case there is a graphic bullet added inline */
			display:inline;
			margin-right:8px;
			vertical-align:middle;
		}


/* navList  */

.navMe { /* if a page need no navigation, insert this CSS selector in the head and set to display:none */
	
}

ul.navList {
				list-style-type:none;
				padding: 0 0 7px 0; 
				margin: 0; 
				line-height:13px;
			}
			
			ul.navList li {
				background-image: none; 
				background-repeat: no-repeat; 
				padding:3px 0 5px 0; 
				margin: 0 0 0 0;
				border-bottom:1px solid #d3ddea;
				line-height:13px;
			}
			
			ul.navList li a {
				
			}

dl.navList {
				padding: 0 0 7px 0; 
				margin: 0; 
				line-height:13px;
			}

dl.navList dt 
{
    padding:3px 0 5px 0; 
	margin: 0 0 0 0;
	border-bottom:1px solid #d3ddea;
	line-height:13px;
	color:#2761b3;
}

dl.navList dd 
{
    padding:3px 0 5px 15px; 
	margin: 0 0 0 0;
	border-bottom:1px solid #d3ddea;
	line-height:13px;
	color:#2761b3;
}







/*#################### Alerts / Important notices ####################*/

#alertMe {
	border-width:1px 0;
	border-color:#de0000;
	border-style:solid;
	margin:4px 1px;
}

	#alertMe span.alertMe {
		display:block;
		margin:0 -1px;
		border-width:0 1px;
		border-color:#de0000;
		border-style:solid;
		background-color:#de0000;
		padding:2px 20px;
	}
	
	#alertMe table.alertMe {
		width:100%;
	}
	
		#alertMe table.alertMe th {
			vertical-align: middle;
			padding: 0 0 1px 0;
			font-size:11px;
			font-weight:bold;
			color: #ffffff;
			width: 200px;
			white-space:nowrap;
			text-align:left;
			text-transform:uppercase;
		}
		
			#alertMe table.alertMe th span.attention {
				background:#fff;
				padding:1px 6px;
				margin:0 8px 0 0;
				color:#de0000;
				font-weight:bold;
				font-size:11px;
			}
					
		#alertMe table.alertMe td {
			text-align: left;
			vertical-align: middle;
			padding:0 20px 1px 0;
			color: #fff;
			font-weight: bold;
			font-size: 10px;
			text-transform:uppercase;
		}
		
			#alertMe table.alertMe td div.alertitem {
				margin:3px 0;
			}
			
				#alertMe table.alertMe td a div.alertitem {
					color:#fff;
					text-decoration:none;
					font-size:10px;
					line-height:13px;
				}
				
					#alertMe table.alertMe td a:hover div.alertitem {
						text-decoration:underline;
					}

#noticeMe {
	border-width:1px 0;
	border-color:#bcbcbc;
	border-style:solid;
	margin:4px 1px;
}

	#noticeMe span.noticeMe {
		display:block;
		margin:0 -1px;
		border-width:0 1px;
		border-color:#bcbcbc;
		border-style:solid;
		background-color:#e9e9eb;
		padding:2px 20px;
	}
	
	#noticeMe table.noticeMe {
		width:100%;
	}
	
		#noticeMe table.noticeMe th {
			vertical-align: middle;
			padding: 0 0 1px 0;
			font-size:11px;
			font-weight:bold;
			color: #003580;
			width: 200px;
			white-space:nowrap;
			text-align:left;
			text-transform:uppercase;
		}
		
			#noticeMe table.noticeMe th span.attention {
				background:#003580;
				padding:1px 6px;
				margin:0 8px 0 0;
				color:#fff;
				font-weight:bold;
				font-size:11px;
			}
					
		#noticeMe table.noticeMe td {
			text-align: left;
			vertical-align: middle;
			padding:0 20px 1px 0;
			color: #003580;
			font-weight: bold;
			font-size: 10px;
			text-transform:uppercase;
		}
		
			#noticeMe table.noticeMe td div.alertitem {
				margin:3px 0;
			}
		
				#noticeMe table.noticeMe td div.alertitem a {
					color:#003580;
					text-decoration:none;
					font-size:10px;
					line-height:13px;
				}
				
				#noticeMe table.noticeMe td div.alertitem a:hover {
					text-decoration:underline;
				}







/*#################### Misc. ####################*/



table.simpleTable {

}

	table.simpleTable td,
	table.simpleTable th {
		vertical-align:top;
	}
	
table.simpleTableAlignMiddle {

}

	table.simpleTableAlignMiddle td,
	table.simpleTableAlignMiddle th {
		vertical-align:middle;
	}

.loneImage { /* used one images that need to have no browser-induced padding */
	display:block;
}

.capsule {
	border:1px solid #d3ddea;
	padding:10px 16px 1px 16px;
	background-color:#f0f3f6;
	margin-bottom:10px;
}


.lastP {
	margin-bottom:0;
}




.copyRight {
	color:#999999;
	font-size:10px;
}


button {
	border:1px solid #9bb6dc;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	color:#2761b3;
	padding:2px 10px;
	background-color:#e9eff7;
	margin:0 10px 0 0;
	cursor:pointer;
	overflow:visible; /* for IE to prevent massive left/right padding */
}

	button:hover {
		background-color:#c9d7ec;
	}
	
	button img {
		vertical-align:middle;
		margin:0 5px 0 0;
	}


.standardButton {
		font-weight:bold;
		font-size:10px;
		text-transform:uppercase;
		color:#2761b3;
		background-color:#e9eff7;
		border:1px solid #9bb6dc;
		line-height:10px;
		padding:2px 4px;
		margin:0 10px 0 0;
		overflow:visible;
		cursor:pointer;
	}
	
	.standardButton:hover {
		background-color:#c9d7ec;
		cursor:pointer;
	}


.standardButtonPrint {
		background:url(/_img/print.gif) 4px center no-repeat #e9eff7;
		font-weight:bold;
		font-size:10px;
		text-transform:uppercase;
		color:#2761b3;
		border:1px solid #9bb6dc;
		line-height:10px;
		padding:4px 4px 4px 24px;
		overflow:visible;
		margin:0 10px 0 0;
		cursor:pointer;
	}
	
	.standardButtonPrint:hover {
		background-color:#c9d7ec;
		cursor:pointer;
	}
	



.lettrine { /* image at the beginning of a paragraph */
	float:left;
	padding:0 10px 10px 0;
}


.dividingLine {
    border-bottom:1px dotted #b2c2d7;
    line-height:1px;
	margin:0 0 14px 0;
}

.storyDate {
    font-weight:bold;
}
    
.standardImage {
    border:1px solid #dedede;
    margin-bottom:4px;  
}
.noborderImage {
    margin-top:10px;  
}
.paddingImage {
    border:1px solid #dedede;
    margin-bottom:4px; 
	margin-top:13px; 
}


.clearMe {
	clear:both;
	line-height:1px;
}

sup {
	vertical-align:text-top;
	font-size:10px;
}

sub {
	vertical-align:text-bottom;
	font-size:10px;
}

noscript p {
	color:#d80406;
	margin:0 0 14px 0;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.cl_location {
	font-weight:bold;
}
.noFlash {
	border:4px double #d80406;
	width:auto;
	padding:10px;
}


.imgLoad { /* used if preloading images without body onload call */
	position:absolute;
	left:-16000px;
}

.nowrapMe {
	white-space:nowrap;
}

.pageBreakMe {
	page-break-before: always;
}

.finishMe {
	background-color:yellow;
	border:1px solid red;
	padding:0px;
	font-weight:normal;
	font-size:11px;
}

.iconListen {
	margin:0 0 0 5px;
	vertical-align:middle;
}

.rssFeed {
    float:right;
}

	.rssFeed img {
		border:none;
		margin:0 5px 0 5px;
		vertical-align:text-bottom;
	}

/*########################### CollapsePanel ###############################*/
.collapsePanel 
{
	 width:640px;
	 height:0px;
	 overflow:hidden;	 
}






.notNew {
	background-color:#B6C5DA;
}

.notaBene { /* typically a div to help text stand out */
	border:2px solid #d80406;
	padding:15px 15px 1px 15px;
	margin-bottom:15px;
}