/* Global styles */

/* Set all the default headings to green */
h1,h2,h3,h4,h5,h6{
	color: rgb(0,130,0);}

/* Set the font-size for the header */
h1 {font-size: 200%;}
h2 {font-size: 125%;}
h3 {font-size: 100%;}

/* Set the font size and style for specific items e.g. disclaimer text */
.disclaimer{font-size:65%;}

/* Get rid of all the margins and add 10px padding both sides */
h1,h2,h3,h4,h5,h6,p,img{
	padding-left:10px;
	padding-right: 10px;
	margin:0;}

/* Set the main attributes for the pages - background, font-family, size and padding */
body{
	background-color: rgb(128,128,128);
	font-family: arial,sans-serif;
	text-align: justify; 
	font-size: 80%;
	padding:0;
	margin:0;
	border: none;}

/* The all container contains all the page content, is set to 800px wide and is centered */

#all{
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;}

/* Header section is common to all pages */

#header{
	float:left;
	clear: both;
    background-color: green;
	color: white;
    width: 100%;
    height: 31px;
	padding: 0;
	margin:0;}



#header_left img{
	float: left;
	margin:0;
	margin-left:10px;
	margin-right:10px;
	padding:0;}

#header_left h1{
	color:white;
	font-weight: bolder;
	font-family: serif;
	line-height:31px;
	height:25px;
	padding:0;
	margin:0;
	float:left;}

#top_menu{
	float:right;
	clear: right;
    background-color: green;
	height:31px;
	padding:0;
	margin:0;
	margin-top:auto;
	margin-bottom:auto;}
 
#top_menu ul{
	vertical-align:middle;
	height:100%;
	padding:0;
	margin:0;}

#top_menu li{
	height:100%;
    float: right;
	display: block;
    list-style-type: none;
	vertical-align: middle;
	padding:0;
	margin:0;
    }

#top_menu a{
	height:100%;
    text-decoration: none;
	line-height:31px;
	text-align: right;
	color: white;
	font-weight:bold;
	display: inline;
	vertical-align:0%;
	padding:0;
	margin:0;
	margin-left:8px;
	margin-right:2px;
	}

#top_menu a:visited{
    text-decoration: none;}

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

#home_main_picture{
	float:left;
	clear: both;
    background-image: url('Home_Files/Perth_Skyline_2.jpg');
	height:327px;
    width: 100%;}

div.other_main_picture{
	float:left;
	clear: both;
    background-image: url('Common_Files/SmallGradedBackground.jpg');
	background-repeat: repeat-x;
	height:60px;
    width: 100%;}	

#mainbody{
    background-color: white;
	width: 100%;
    float:left;
    clear: both;}

#left_column{
    float:left;
    clear:left;
    }

#right_column{
    float:left;
    }

.columnsixwidth{width: 100%;}
.columnfourwidth{width: 65%;}
.columntwowidth{width:33%;}
.columnthreewidth{width:49%;}	
.columnfivewidth{width: 81%;}
.columnonewidth{width: 17%;}	

div.columnblock{
	float:left;
	border: none;
	margin-left:1%;
	margin-right:1%;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: white;
	width: 98%;
	}

#contactform{
	float:left;
	clear:left;
	background-color: #888888;
	color: white;
	width:100%;
	}
#contactform h3{
	background-color:green;
	color: white;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}

.formlabel{
	float: left;
	clear: left;
	font-weight: bold;}

#paymentcalculator input{
	width:35%;
	float: right;
	margin-right:10px;}

#contactform p.formlabel{width:35%;}

#contactform input{
	width:55%;
	float: right;
	margin-right:10px;}

#contactform textarea{
	width:55%;
	float: right;
	margin-right:10px;}


#paymentcalculator{
	float:left;
	clear:left;
	background-color: #888888;
	color: white;
	width:100%;
	}
	
#paymentcalculator p.formlabel{width:55%;}


	
.formline{
	width:100%;
	float:left;
	clear:left;
	padding-top:5px;
	padding-bottom:5px;
}

#paymentcalculator h3{
	background-color:green;
	color: white;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}


.forminput{
	width:35%;
	float: right;
	margin-right:10px;}

#divOutputText{
	float:left;
	clear: left;
	font-weight: bold;
	width:100%;
	margin-bottom:10px;}

#divButtonsSection{
	float:left;
	clear: left;
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;}

.leftbutton{
	width:35%;
	float:left;
	clear:left;
	margin: 10px;
	 }

.rightbutton{
	width:35%;
	float:right;
	clear:right;
	margin:10px 10px 10px 0px;}

#staffprofilelist{}

#staffprofilelist ul{}

#staffprofilelist li{
    list-style-type: none;}

#lenderslist{width: 100%;}

#lenderslist ul{}

#lenderslist li{
	float: left;
    list-style-type: none;
	width:25%;
	text-align: center;
	vertical-align: middle;
	margin-top:auto;
	margin-bottom:auto;}

#lenderslist p{
	padding-top: 5px;
	padding-bottom: 5px;
	width:100%;
	float: left;
    margin-left:auto;
	margin-right:auto;
	}

#lenderslist p.fixedheight{
	width:100%;
	height: 50px;
	float: left;
    margin-left:auto;
	margin-right:auto;
	}

#communitysupportlist{
	padding: 1em 0 0 0;
	width: 100%;}

#communitysupportlist ul{}

#communitysupportlist li{
	float: left;
    list-style-type: none;
	width:33%;
	text-align: center;
	vertical-align:  middle;
	margin-top:auto;
	margin-bottom:auto;
	height: 200px;}

#communitysupportlist p{
	padding-top: 5px;
	padding-bottom: 5px;
	width:100%;
	float: left;
    margin-left:auto;
	margin-right:auto;
	}

#communitysupportlist p.fixedheight{
	width:100%;
	height: 110px;
	float: left;
    margin-left:auto;
	margin-right:auto;
	}

#serviceslist{width:100%;}

#serviceslist ul{width:100%;}

#serviceslist li{
	margin-top:5px;
	clear:left;
	float:left;
    list-style-type: none;
	width:100%;}

#serviceslist p{
	
    }

#potylist{}

#potylist ul{}

#potylist li{
	margin-top:5px;
	clear:both;
	float:left;
    list-style-type: none;}

#potylist p.points{
	float:left;
	width:1em;
	
    }

#potylist p.names{
	float:left;
	padding:0;
	text-align:left;
    }

#potyweeklylist div{float:left;clear:both;width:100%}

#potyweeklylist ul{}

#potyweeklylist li{
	margin-top:5px;
	clear:both;
	float:left;
    list-style-type: none;}

#potyweeklylist p.points{
	float:left;
	width:1em;
	
    }

#potyweeklylist p.names{
	float:left;
	padding:0;
    }

#potyweeklylist2 div{float:left;clear:both;width:100%}

#potyweeklylist2 ul{}

#potyweeklylist2 li{
	margin-top:5px;
	clear:both;
	float:left;
    list-style-type: none;}

#potyweeklylist2 p.points{
	float:left;
	width:1em;
	
    }

#potyweeklylist2 p.names{
	float:left;
	padding:0;
    }

/* CSS for the ContactUs Page - the contact list mostly */
#contactdetailslist{width:100%;}

#contactdetailslist ul{width:100%;
	}

#contactdetailslist li{
	list-style-type:none;
	width:100%;}

p.contact_label{
	float: left;
	clear: left;
	width:25%;
	margin-bottom:10px;}

p.contact_detail{
	float: left;
	margin-bottom:10px;
	padding-left:0;
}
/* End of CSS for the ContactUs Page */
p.italics{font-style: italic;}

#footer{
    float: left;
    clear: both;
    width:100%;
	color:white;
    background-color: green;
	text-align: center;}
	
#footer a{
	text-decoration: none;
	color:white;
	font-weight: bold;
	}

#footer a:visited{
	text-decoration: none;
	color:white;}

#footer a:hover{
	text-decoration: underline;
	color:white;
	}

#subfooter{
    float: left;
    clear: both;
    width:100%;
	color:white;
	font-weight:lighter;
	font-size: 75%;}

#subfooter p{margin-top: 3px;}



.right_align{float: right; padding-left: 10px;}
.left_align{float: left; padding-right: 10px;}

li,dd,dt{
	padding: 0 0 1em 0;
	margin:0;}

.black{color: black;}
.normalweight{font-weight:normal;}
.bold{font-weight: bold;}
.smallfont{font-size:75%;}
.lendertag{
	font-weight: bold;
	font-size:80%;
	}
	
.floatleft{float:left;clear:left;}	
	
ul,ol,dl{
	padding: 0;
	margin:0;}

a.morehyperlink{
	font-size: 75%;
	font-style: italic;}

div.rightborder{border-right: solid 1px silver;}
div.bottomborder{border-bottom: solid 1px silver;}
li.bottomborder{border-bottom: solid 1px silver;}

.disclaimer{font-size:75%;}