/* layout containers */
/*------------------------------------------------------*/
#contentWrapper {
	float: left;
	width: 780px;
	font-size: .7em;
	margin-bottom: 10px;
}
#contentWrapper h1 {
	background-image:url(images/grad-bg-blue.gif);
	background-repeat:repeat-x;
	font-size: 16px;
	margin: 0;
	padding: 6px 15px 6px 15px;
	color: #fff;
}
#contentWrapper h2 {
	background-color: #eec7eb;
	border-bottom: 1px #c68ac1 solid;
	font-size: 14px;
	margin: 0;
	padding: 4px 15px 4px 15px;
	color: #8a1080;
}
#layout1 #layout1Left {
	margin-top: 10px;
	float: left;
	width: 541px;
	padding: 15px;
	border: 1px #a1b7c8 solid;
	background-color: #cce9fe;
	color: #155383;
}
#layout1 #layout1Middle {
	/* empty */
}
#layout1 #layout1Right {
	margin-top: 10px;
	float: right;
}
#layout1 #layout1Right img {
	border: 1px #a1b7c8 solid;
	margin-bottom: 10px;
}
#layout1 #downloadsPanel {
	width: 165px;
	/*margin-top: 10px;*/
	float: left;
	padding: 15px;
	border: 1px #a1b7c8 solid;
	background-color: #f5f5f5;
	color: #155383;
}
#layout2 #layout2Left {
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	width: 353px;
	padding: 15px;
	border: 1px #a1b7c8 solid;
	background-color: #cce9fe;
	color: #155383;
}
#layout2 #layout2Middle {
	/* empty */
}
#layout2 #layout2Right {
	margin-top: 10px;
	float: right;
	width: 353px;
	padding: 15px;
	border: 1px #a1b7c8 solid;
	background-color: #cce9fe;
	color: #155383;
}
#layout2Right #downloadsPanel {
	width: 229px;
	/*margin-top: 10px;*/
	float: left;
	padding: 15px;
	border: 1px #a1b7c8 solid;
	background-color: #f5f5f5;
	color: #155383;
	margin-top: 10px;
}
#layout3 #layout3Left {
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	width: 221px;
	padding: 15px;
	border: 1px #a1b7c8 solid;
	background-color: #cce9fe;
	color: #155383;
}
#layout3 #layout3Middle {
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	width: 222px;
	padding: 15px;
	border: 1px #a1b7c8 solid;
	background-color: #cce9fe;
	color: #155383;
}
#layout3 #layout3Right {
	margin-top: 10px;
	float: right;
	width: 251px;
}
#layout3 #layout3Right img {
	border: 1px #a1b7c8 solid;
}
#layout3Right #downloadsPanel {
	width: 219px;
	/*margin-top: 10px;*/
	float: left;
	padding: 15px;
	border: 1px #a1b7c8 solid;
	background-color: #f5f5f5;
	color: #155383;
	margin-top: 10px;
}
#layout4 #layout4Left {
	margin-top: 10px;
	float: left;
	width: 748px;
	padding: 15px;
	border: 1px #a1b7c8 solid;
	background-color: #cce9fe;
	color: #155383;
}
#layout4 #layout4Middle {
	/* empty */
}
#layout4 #layout4Right {
	/* empty */
}
#layout4Right #downloadsPanel {
	width: 748px;
	/*margin-top: 10px;*/
	float: left;
	padding: 15px;
	border: 1px #a1b7c8 solid;
	background-color: #f5f5f5;
	color: #155383;
	margin-top: 10px;
}
/* common blue content panel (all styles work for any layour, adding this extra div class avoids duplication) */
/*------------------------------------------------------*/
.blueContentPanel p:first-child {
	font-weight:bold;
	margin-top: 0px;
}
.blueContentPanel h3 {
	background-color: #0a909b;
	font-size: 1.2em;
	padding: 4px 10px 4px 10px;
	color: #fff;
}
.blueContentPanel h3 {
	margin-top: 0px;
}
.blueContentPanel h4 {
	background-color: #1b69a5;
	font-weight: normal;
	font-size: 1em;
	padding: 4px 10px 4px 10px;
	color: #fff;
}
.blueContentPanel img {
	margin: 0px 0px 10px 10px;
}
.blueContentPanel .pictureThumb {
	float: left !important;
	margin: 3px 3px 3px 0px;
}
.blueContentPanel .pictureThumb img {
	border: 1px #0a909b solid;
}
.blueContentPanel ol li {
	margin-bottom: 5px;
}
.blueContentPanel ul li {
	list-style-image:url(images/bullet-orange.gif);
	margin-bottom: 5px;
	list-style-type: none;
}
.blueContentPanel ul ul li {
	list-style-image:url(images/bullet-green.gif);
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-type: none;
}
.blueContentPanel ul ul ul li {
	list-style-image:url(images/bullet-pink.gif);
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-type: none;
}
.blueContentPanel a:link {
	color: #e26e00;
}
.blueContentPanel a:hover {
	color: #fff;
	background-color: #e26e00;
}
.blueContentPanel a:visited {
    color: #e26e00;
}
.blueContentPanel a:visited:hover {
	color: #fff;
	background-color: #e26e00;
}
.blueContentPanel .book {
	padding: 10px;
	border: 1px solid #a1b7c8;
}
.blueContentPanel .book img {
	float: left !important;
	margin: 0px 10px 0px 0px !important;
}
/* quotation panel */
/* (!important; used here to over-ride parent img attributes) */
/*------------------------------------------------------*/
.quotePanelTop {
	background-image:url(images/quote-panel-top-bg.gif);
	background-repeat:no-repeat;
	height: 12px;
}
.quotePanelContent {
	background-color: #1c6ca7;
	padding: 0px 12px 0px 12px;
	font-size: 1.4em;
	font-weight:bold;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	color: #fff;
}
.quotePanelContent .credit {
	font-size: .8em;
	font-weight:normal;
	font-style:normal;
	padding-top:7px;
}
.quotePanelBottom {
	background-image:url(images/quote-panel-bottom-bg.gif);
	background-repeat:no-repeat;
	height: 12px;
	margin-bottom:20px;
}
.quoteLeft {
	margin: 0px 5px 0px 0px !important;
	float: none !important;
	border: none !important;
}
.quoteRight {
	margin: 0px 0px 0px 5px !important;
	float: none !important;
	border: none !important;
}
.quoteSpacer {
	background-color: #49afe7;
	padding: 8px 12px 8px 12px;
}
.quoteSpacer {
	background-color: #49afe7;
	padding: 8px 12px 8px 12px;
}
.quoteSpacer hr {
	height: 1px;
	color: #fff;
}
.corner {
	float: right !important;
	margin: 0 !important;
	border: none !important;
}
/* download panel */
/*------------------------------------------------------*/
.downloadContentPanel h3 {
	background-color: #6a6a6a;
	font-size: 1.2em;
	padding: 4px 10px 4px 10px;
	color: #fff;
}
.downloadContentPanel h3:first-child {
	margin-top: 0px;
}
.downloadContentPanel a:link {
	color: #e26e00;
}
.downloadContentPanel a:hover {
	color: #fff;
	background-color: #e26e00;
}
.downloadContentPanel a:visited {
    color: #e26e00;
}
.downloadContentPanel a:visited:hover {
	color: #fff;
	background-color: #e26e00;
}