/*	
		IOOF site redesign
		Martin Young
		May-July 2005

---------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

.showAndPrint {}

.hideAndNoPrint {
	display: none;
}

a {
	text-decoration: none;
}

body {
	font: 100%/1.4 arial;
	text-align: center;
	color: #352b27;
	background: #fff url(../../images/corpWeb/bg.gif) top right no-repeat;
}

#container {
	margin: 0;
	text-align: left;
	background: transparent;
}

/*---------------------------------------------------------*/




/*---------------------- header ---------------------------*/

.accessibilityOptions {
	display: none;
	visibility: hidden;
}

#header {
	height: 100px;
	background: transparent;
}
#header img.logo {
	margin: 0 10px 0 0;
	float: left;
}

#header a img.logo,#header a img.tagline {
	border: 0;
}

#header img.tagline {
	position: absolute;
	top: 70px;
}

#header .finePrint ul {
	display: none;
	visibility: hidden;
}

.siteSearch {
	display: none;
	visibility: hidden;
}


/*---------------------------------------------------------*/






/*--------------------- mainMenu --------------------------*/

#mainMenu {
	display: none;
	visibility: hidden;
}


/*---------------------------------------------------------*/





/*--------------------- theBody ---------------------------*/

#theBody {
	clear: both;
	margin-top: 0;
	background: transparent;
}

#sideBar {
	display: none;
	visibility: hidden;
}

#mainText {
	margin-right: 0;
}

/*---------------------------------------------------------*/







/*----------------------- copy --------------------------*/

#copy {
	margin-bottom: 30px;
}

#copy h1 {
	color: #007229;
	font: bold 1.6em arial;
	padding: 12px 0 20px 5px;
}

#copy h2 {
	font: normal 1.4em arial;
	padding: 20px 0 10px 5px;
	letter-spacing: 0.1em;
	color: #007229;
}

#copy h3 {
	font: bold 1em arial;
	padding: 10px 0 5px 5px;
}

#copy h6 {
	font-size: 1em;
	padding-left: 2px;
	margin-left: 3px;
	border-bottom: 1px dotted #62bd19;
}

#copy p {
	color: #352b27;
	padding: 0 0 15px 5px;
}

#copy p a {
	color: #007229;
	padding: 1px 0;
	border-bottom: 1px solid #7ac043;
}

#copy p.breadcrumb {
	text-align: right;
	margin: -13px 0 15px 0;
	padding: 0;
	font-size: 0.9em;
	color: #777;
}

#copy p.breadcrumb a {
	border: 0;
}

#copy ul a,#copy ol a {
	color: #007229;
	border-bottom: 1px solid #7ac043;
}

#copy ul.stdList,#copy ol.stdList {
	margin: 0 40px 20px 40px;
}

#copy ul.stdList li,#copy ol.stdList li {
	padding: 1px 0;
}

#copy ul.specialList {
	margin: 0 40px 40px 40px;
}

#copy ul.specialList li {
	padding: 0 10px 0 0;
	margin: 5px 0;
}

#copy ul.specialList li a {
	padding: 1px 0;
}

#copy ul.optionList {
	margin: 0 40px 20px 5px;
	list-style: none;
}

#copy ul.optionList li {
	padding: 3px 0;
}

#copy ul.lifestageList {
	margin: 30px 80px 20px 40px;
}

#copy ul.lifestageList li {
	margin-bottom: 20px;
}



#copy ul.sitemap {
	list-style: none;
	margin: 5px 0 30px 5px;
	font-size: 0.95em;
}

#copy ul.sitemap li {
	margin: 3px 0;
}

#copy ul.sitemap a {
	margin: 0 5px;
}



#copy .storySummary {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #62bd19;
}

#copy .storySummary h3.title a {
	border: 0;
	color: #007929;
}

#copy .storySummary p {
	line-height: 1.3em;
	padding-bottom: 5px;
	margin-left: 90px;
}

#copy .storySummary p.author {
	color: #888;
	margin-top: 5px;
	margin-left: 90px
}

#copy .storySummary img.authorImg {
	float: left;
	margin: 10px 0 0 10px;
	padding: 1px;
	border: 1px solid #62bd19;
}

#copy .storySummary img.icon {
	float: left;
	margin: 15px 0 0 10px;
}

#copy .storySummary ul.format {
	list-style: none;
	margin-left: 95px;
}

#copy .storySummary ul.format li {
	display: inline;
	margin-right: 50px;
}



#copy .standout {
	float: right;
	width: 200px;
	line-height: 1.2em;
	border: 1px solid black;
	margin: 0 0 20px 20px;
}

#copy .standout h5 {
	background: #dfdcd8 url(../../images/corpWeb/greyStandoutQuestionTop.gif) top left no-repeat;
	padding: 10px 10px 0 15px;
	font-size: 1.1em;
}

#copy .standout p {
	padding: 5px 15px;
	background: #dfdcd8;
}

#copy .standout p.last {
	background: #dfdcd8 url(../../images/corpWeb/greyStandoutBottom.gif) bottom left no-repeat;
	padding-bottom: 10px;
}





#copy .newsStory {
	padding-bottom: 20px;
	margin-right: 10px;
}

#copy .newsStory h2 {
	margin-left: 150px;
	padding-top: 0;
}

#copy .newsStory p,#copy .newsStory h3 {
	margin-left: 150px;
}

#copy .newsStory ul {
	margin-left: 170px;
}

#copy .newsStory p.author {
	font-weight: bold;
	margin-top: 5px;
	margin-left: 150px
}

#copy .newsStory img.authorImg {
	float: left;
	margin: 5px 0 0 10px;
	padding: 1px;
	border: 1px solid #62bd19;
}

#copy .newsStory img.icon {
	float: left;
	margin: 5px 0 0 10px;
}

#copy .newsStory img.logo {
	margin-left: 150px;
}

#copy .storyDisclaimer {
	border-top: 1px solid #62bd19;
	margin: 20px 0 20px 150px;
	padding-top: 30px;
}

#copy .storyDisclaimer p {
	font-size: 0.9em;
	color: #777;
	margin-left: 0;
}






#copy .exclamation {
	width: 90%;
	margin-bottom: 30px;
}

#copy .exclamation img {
	float: left;
}

#copy .exclamation p,#copy .exclamation h2,#copy .exclamation h3 {
	margin-left: 80px;
}

#copy .exclamation h2 {
	padding-top: 20px;
	margin-bottom: 20px;
}

#copy .exclamation ul {
	margin-left: 85px;
}


#copy .question {
	width: 180px;
	float: right;
	margin-right: 10px;
	background: #fff url(../../images/corpWeb/question.gif) no-repeat top left;
	padding: 5px 0 5px 70px;
}

#copy .question p {
	margin: 0;
	padding: 5px 0;
	line-height: 1.3em;
}



#copy ul.searchResults {
	list-style: none;
	margin-left: 5px;
	margin-top: 10px;
	width: 80%;
}

#copy ul.searchResults li {
	margin-bottom: 20px;
}

#copy ul.searchResults li a {
	color: #007929;
	font-size: 1.4em;
	font-weight: normal;
}

#copy ul.searchResults li em {
	font-style: normal;
	color: #aaa;
}

#copy .sectionHeadingCorpWeb {
	font: normal 1.6em arial;
	padding: 20px 0 10px 5px;
	letter-spacing: 0.1em;
	color: #007229;
}

/*---------------------------------------------------------*/






/*------------------- product tables ----------------------*/

#copy table.products {
	border-collapse: collapse;
	border: 1px solid black;
	margin: 10px 0 40px 5px;
	background: #F6F5F4;
	width: 98%;
	font-size: 0.95em;
}

#copy table.products th {
	font: bold 1em/1.3 arial;
	border: 1px solid black;
	color: #fff;
	background: #62bd19;
	padding: 10px;
}

#copy table.products td {
	vertical-align: top;
	line-height: 1.3em;
	padding: 10px;
	border: 1px solid black;
}

#copy table.products td a {
	color: #007229;
	padding: 1px 0;
	border-bottom: 1px solid #007929;
}

#copy table.products td a img {
	border: 0;
}

#copy table.products a:hover {
	background: #7ac043;
	color: #fff;
}

#copy table.products td.rightAlign {
	text-align: right;
}

table.products table.maxLoan {
	border: 1px solid #999;
	border-collapse: collapse;
	margin: 10px 0;
	background: #fff;
}

table.maxLoan td {
	text-align: center;
	border: 1px solid #999;
}

#copy form.feedback {
	margin-left: 5px;
}

#copy table.feedback {
	border-collapse: collapse;
	margin: 10px 0 40px 0;
	background: #F6F5F4;
	font-size: 0.95em;
	width: 70%;
}

#copy table.feedback td.tdTopFirst {
	background: url(../../images/corpWeb/tables/tableTopLeft.gif) top left no-repeat;
	padding-top: 20px;
}
	
#copy table.feedback td.tdTopLast {
	background: url(../../images/corpWeb/tables/tableTopRight.gif) top right no-repeat;
	padding-top: 20px;
}

#copy table.feedback td {
	vertical-align: top;
	line-height: 1.3em;
	padding: 10px;
}

#copy table.feedback td.tdBottomFirst {
	background: url(../../images/corpWeb/tables/tableBottomLeft.gif) bottom left no-repeat;
	padding-bottom: 20px;
}

#copy table.feedback td.tdBottom {
	background: url(../../images/corpWeb/tables/tableBottomMiddle.gif) bottom left no-repeat;
	padding-bottom: 20px;
}
	
#copy table.feedback td.tdBottomLast {
	background: url(../../images/corpWeb/tables/tableBottomRight.gif) bottom right no-repeat;
	padding-bottom: 20px;
}






#copy table.wealthSavingRetirement {
	border-collapse: collapse;
	width: 99%;
	margin: 20px 0;
}

#copy table.wealthSavingRetirement th {
	text-align: center;
	padding-bottom: 20px;
	width: 33%;
}

#copy table.wealthSavingRetirement td {
	padding: 0 15px;
	vertical-align: top;
}

#copy table.wealthSavingRetirement p {
	margin: 7px 0;
	padding: 0;
}

#copy table.wealthSavingRetirement ul {
	margin: 15px 5px 0 0;
	list-style: none;
}

#copy table.wealthSavingRetirement li {
	margin: 0 0 8px 0;
	padding: 0 0 0 25px;
	line-height: 1.3em;
}

#copy table.wealthSavingRetirement a,#copy table.wealthSavingRetirement a img {
	border: 0;
}


/*---------------------------------------------------------*/




/*------------------------ bios ---------------------------*/

#copy table.simple {
	border-collapse: collapse;
	margin: 0 0 10px 5px;
	width: 85%;
}

#copy table.simple td,#copy table.simple th {
	text-align: left;
}

#copy table.simple td {
	padding: 5px 5px 5px 0;
	vertical-align: top;
}

#copy table.simple a {
	color: #007929;
	border-bottom: 1px solid #007929;
	padding: 1px 0;
}

#copy table.simple a:visited {
	color: #007929;
	border-bottom: 1px solid #007929;
}

#copy table.simple a:hover {
	background: #7ac043;
	color: #fff;
}

#copy .bio {
	background: #dfdcd8 url(../../images/corpWeb/tables/bioTopLeft.gif) top left no-repeat;
	margin: 20px 0 40px 5px;
	border-bottom: 6px solid #62bd19;
	width: 90%;
}

#copy .bio img {
	float: right;
	padding: 3px;
	border: 1px solid #7ac043;
	margin: 40px 20px 20px 60px;
	background: #fff;
}

#copy .bio h3 {
	margin: 0 0 0 10px;
	padding-top: 30px;
	padding-bottom: 10px;
	background: url(../../images/corpWeb/tables/bioTopRight.gif) top right no-repeat;
}

#copy .bio p {
	margin: 0 20px 0 10px;
	font: 0.9em/1.3 arial;
}

#copy .bio li {
	margin: 0 20px 0 45px;
	font: 0.9em/1.3 arial;
}

#copy .performance,#copy .unitPrices {
	width: 46%;
	background: #f7f6f5;
	padding: 5px 10px;
}

#copy .performance {
	float: left;
}

#copy .unitPrices {
	float: right;
}

#copy .performance a img {
	border: 0;
	padding: 0;
}

#copy .performance a {
	border: 0;
}









/*----------------------- ticker --------------------------*/

#ticker {
	clear: both;
	text-align: center;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	padding: 1px;
}

#ticker p {
	background: url(../../images/corpWeb/pattern.gif) top left repeat-x;
	line-height: 1.5em;
}

/*---------------------------------------------------------*/






/*----------------------- footer --------------------------*/

#footer {
	clear: both;
	margin-top: 10px;
	margin-bottom: 40px;
	border-top: 4px solid #81C549;
	background: transparent;
}
#footer .finePrint ul {
	display: none;
	visibility: hidden;
}

#footer .finePrint a {
	color: #888;
}

#footer .finePrint a:hover {
	border-bottom: 1px solid #888;
}

#footer .genDisclaimer {
	width: 50%;
	margin: 5px 0;
	padding-bottom: 10px;
	font-size: 0.85em;
	color: #888;
}

#footer .genDisclaimer a {
	color: #888;
	text-decoration: underline;
}

/*---------------------------------------------------------*/











/*---------------------- basics ---------------------------*/
.cursorhelp {
	border-bottom: 1px dashed #777;
	cursor: help;
}
.clear {
	clear: both;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
#copy .red {
	color: red;
}
.smallNote {
	color: #888;
	font-size: 0.85em;
}
.centred {
	text-align: center;
}
.right {
	text-align: right;
}
.note {
	color: #777;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

img.illustrative {
	margin: 10px 10px 20px 5px;
}

img.decorative {
	margin: 0 0 30px 40px;
	float: right;
	padding: 1px;
}
hr {
	display: none;
	visibility: hidden;
}
#copy p.smallPrint {
	font-size: 0.9em;
	color: #777;
	margin: 50px 100px 20px 0;
}



.CorpHeadingBig {
	font-size: 2.6em;
	font-family: Arial Narrow;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #225533;
}
.CorpHeadingSmall {
	font-size: 2.0em;
	font-family: Arial Narrow;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	color: #225533;
}



/*---------------------------------------------------------*/