/* CSS layout rules for content formatting 
NOTE: colour palette:

bg slate:	#3D5864
orange:		#F8A123

Norma sings the blues:
text	:	#4E6D95
link	:	#5197CB
bullet a:	#4F9BD0
- hover	:	#004B74
h4 etc.	:	#4E6D95	(accent in orange #F8A123)
arrows	:	#0071AE	also used for some homepage titles, etc.

customers by industry title bar blue: #70B3DE

snav backgrounds / link colours:
lvl2 bkgd:	#EDF3F7 / #0071AE (bold); hover = here = 004B74
lvl2 here:	#EDF3F7 / #004B74 (bold)
lvl3 bkgd:	#E5EEF4 / #0071AE (regular)
lvl3 here:	#DEEAF2 / #004B74 (regular)

*/

/* Begin rules for elements */

body {
/*	background-color: white; */
	color: #4E6D95; /* text blue */
	font-size: 69%; /* tested sizes are 60%, 62.5%, 69%, 76%. Anything else requires testing (espcially on a Mac) */
}
	
p, ol, li, dd, table {
	font-size: 1em; /* this should stay as 1em. anything else will lead to potential problems with nested elements. Adjust font size in the body tag, or define a class for exceptions */
	line-height: 1.4em;
	margin: 0 0 1em 0;	
	text-align: left; /* compensates for an IE 6 bug */
}
p { line-height: 1.7em; }

h1, h2, h3, h4, h5, h6 {
	color: #4E6D95; /* text blue */
	font-family: Verdana, Arial;
	margin: 0 0 1em 0;
	background-color: transparent;
}

h1 {
	color: #485D69; /* title gray */
	font-size: 1.75em;
	font-weight: normal;
	line-height: 1.4em;
	/*letter-spacing: -1px;*/
	margin-bottom: 0.6em;	
}
h2 {
	font-size: 1.3em;
	margin-bottom: 1em;
}
h3 {
	font-size: 1.0em;
}
h4, h5, h6 {
	font-size: 1.0em;
}
h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* same as body text */
}
h5 {
	color: #666; /* same as body text */
}
h6 {
	font-weight: normal;
}


tr, td {
	vertical-align: top;
}
td, th {
	text-align: left;
}
th, th p {
	font-size: 1.0em;
	font-weight: bold;
}

ul {
	margin: 1em 0 1.5em 0;
	padding-left: 1.5em;
}
li {
	margin-bottom: 0.3em;
}
	
img {
	border: 0;
}

hr {
	background: #ccc; /* used by Gecko, Opera browsers */
	border: 0; 
	color: #ccc; /* incorrectly used by IE */
	height: 1px;
	margin: 0 0 1em 0;	
}

/* Begin content markup classes */

.center {
	text-align: center;
}

.txtSmall {
	font-size: 0.9em;
/*	color: #959595; */
}	

.accent {
	color: #F8A123;
}

h3 span.accent {
	font-weight: normal;
}

.required {
	font-weight: bold;
	color: #F8A123;
}

.noWrap {
	white-space:nowrap;
}

/* use imgLeft and txtLeft to have text beside a left-aligned image, not wrapping around it */
img.imgLeft {
	float: left;
/*	display: inline; */
	padding: 0 30px 1em 0;
}

.txtLeft {
/*	float: left; */
}

.shadowBar {
	background: #70B3DE url(../images/bkgTitleBarCustomers.gif) 0px bottom repeat-x;
	color: white;
	font-weight: bold;
	padding: 6px 20px 20px 20px;
}

h2.shadowBar {
	margin-bottom: 0.6em;
}
h3.shadowBar {
	margin-bottom: 0.8em;
}
.pdfLink a {
	background: #fff url(../images/iconPdf.gif) 0px 6px no-repeat;
	padding: 12px 0 6px 30px;
}
.pdfLink .CFOTour{
	background: #fff url(../images/iconPpt.gif) 0px 6px no-repeat;
	padding: 12px 0 6px 30px;
}
h3.pdfLink {
	margin-top: 2em;
}
.indent {
	padding-left: 30px;
}

.newsDate {
	color: #F8A123;
	font-weight: bold;
/*	padding-top: 0.4em; */
}
div.newsDate {
	float: left;
	width: 96px;
	padding-top: 0.5em;
}
div.newsItem {
	float: left;
	left: 108px;
	padding-top: 0.5em;
}
div.newsItem h3 {
	line-height: 1.4em;
	background: transparent url(../images/iconArrowBlue.gif) 4px 4px no-repeat;
	padding-left: 16px;
}
div.newsItem p {
	padding-left: 16px;
}

div.event {
	margin-bottom: 1em;
}
div.event p.eventLabel {
	float: left;
	width: 66px;
	vertical-align: top;
	font-weight: bold;
	margin: 0;
	padding: 0 12px 0.5em 0;
}
div.event p.eventInfo {
	float: left;
	width: 200px;
	vertical-align: top;
	margin: 0;
	padding: 0 0 0.5em 0;
}
div.event .left {
	width: 270px; /* 290px minus 20px padding */
	background: #fff url(../images/imgDottedLineVer.gif) right 0px repeat-y;
	padding-right: 20px;
}
div.event .right {
	width: 260px; /* 290px minus 30px padding */
	background: #fff url(../images/imgDottedLineVer.gif) 0px 0px repeat-y;
	margin-left: -1px;
	padding-left: 30px;
}

/* End content markup classes */

form {
	margin: 0;
	padding: 0;
}

/* End rules for elements */

/* Begin content markup classes */

.center {
	text-align: center;
}

.txtSmall {
	font-size: 0.9em;
/*	color: #959595; */
}	

.accent {
	color: #F8A123;
}

h3 span.accent {
	font-weight: normal;
}

.required {
	font-weight: bold;
	color: #F8A123;
}

.noWrap {
	white-space:nowrap;
}

ul.iconList {
	list-style-type: none;
	margin: 20px 0;
	padding-left: 0;
}	
ul.iconList li {
	background: url(../images/global/iconPdf.gif) no-repeat 0 0;
	line-height: 1.6em;
	margin: 0 0 0.6em 0;
	padding-left: 25px;
}
ul.iconList li.pdf { }
ul.iconList li.doc { background-image: url(../images/global/iconDoc.gif); }
ul.iconList li.exc { background-image: url(../images/global/iconExc.gif); }
ul.iconList li.ppt { background-image: url(../images/global/iconPpt.gif); }
ul.iconList li.swf { background-image: url(../images/global/iconSwf.gif); }
ul.iconList li.xls { background-image: url(../images/global/iconXls.gif); }
ul.iconList li.zip { background-image: url(../images/global/iconZip.gif); }
ul.iconList li.noIcon { background-image: none; }

/* End content markup classes */