/* Begin typography and colours */

body {
    font-size: 75%;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;
    background: url(http://www.nsf.com.au/ssl/images/background.jpg);
    background-attachment: fixed;
}

#page {
    background-color: white;
    text-align: left;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

#header {
    text-align: center;
}

#menu {
    text-align: center;
}

#content {
    font-size: 1.2em;
}

h1, h2, h3 {
    font-family: Arial;
    clear: both;
}

h1 {
    text-align: center;
}

h2 {
    border-bottom: 1px solid;
    padding-bottom: 0.5ex;
}

div.context {
    border: 1px solid #ff6666;
    background-color: #ffcccc;
}

ul { list-style-image: url(http://www.nsf.com.au/ssl/images/nsf-bullet.jpg); }

a {
    text-decoration: none;
    color: #0000bb;
}
a:visited { color: #4f4d9c; }
a:hover { text-decoration: underline; }

a.context {
    color: red;
    font-size: 80%;
    vertical-align: middle;
}

.menu, .menu ul {
    list-style: none;
}

.menu a,
.menu li:hover a,
.menu li:hover a#currentsection,
.menu li:hover a#currentpage
{ background-color: transparent; color: white; }
.menu li:hover li a,
.menu li:hover li a#currentpage
{ background-color: #00002c; color: white; }
.menu li a:hover,
.menu li li:hover a,
.menu li a#currentpage,
.menu li a#currentpage:hover,
.menu li a#currentsection,
.menu li a#currentsection:hover,
.menu li li a#currentpage:hover
{ background-color: white; color: black; }

.menu a:visited,
.menu li:hover li a:visited,
.menu li:hover a#currentsection:visited
{ color: #999999; }
.menu li a:visited:hover,
.menu li li:hover a:visited,
.menu li a#currentsection:visited,
.menu li a#currentsection:hover:visited
{ color: #444444; }

.menu a, .menu a:hover { text-decoration: none; }

.menu a#currentpage { font-weight: bold; }

/*.menu a:hover {
    background-color: #dddddd !important;
}*/

.red { color: red; }

.special {
    font-size: 150%;
    color: red;
    font-weight: bold;
    text-align: center;
}

/* End typography and colours */




/* Begin Structure */

body {
    margin: 0;
    padding: 0;
}

#page {
    margin: 0 auto;
    padding: 0;
    width: 700px;
}

#header {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    background-image: url(http://www.nsf.com.au/ssl/images/title.jpg);
    background-repeat: no-repeat;
}

#filler {
    width: 700px;
    height: 110px;
    margin: 0;
    padding: 0;
}

#menu {
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

#content {
    padding: 2ex 3ex 5ex 3ex;
}

.menu {
    padding: 0.75ex 1px;
    margin: 0;
}

.menu li {
    display: inline;
    position: relative;
    margin: 0;
    padding: 0;
}

.menu a {
    margin: 0;
    padding: 0.75ex 1ex;
}

.menu ul {
    position: absolute;
    padding: 0;
    margin: 0;
/*    top: 3.035ex;
    top: expression("120%"); */
    left: 0;
    text-align: left;
    background-color: expression("white"); /* because IE can't hover over transparent elements, and leaves gaps between list items */
    z-index: 0;
}

.menu ul.above {
    bottom: 3.035ex;
    bottom: expression("80%");
}

.menu ul.below {
    top: 2.75ex;
    top: expression("80%");/* IE7 */
    _top: expression("120%");/* IE < 7 */
}

.menu li:hover, .menu li li:hover, .menu li li:hover a { z-index: 5; }
.menu li a#currentpage { z-index: 1; }

.menu li li {
    position: static;
}

.menu li li a {
    display: none;
}

.menu li:hover li a, .menu li li a#currentpage {
    display: block;
}

div.context {
    position: relative;
    display: none;
    padding: 1.5ex;
}

div.comment {
    position: relative;
    padding-left: 1.5ex;
}

a.contexthide {
    position: absolute;
    bottom: 1px;
    right: 1px;
}

a span.contextnormal, a:hover span.contexthover { display: inline; }
a:hover span.contextnormal, a span.contexthover { display: none; }
a:hover { background-color: transparent; /* hack for IE */ }

/* ie bugfix */
/* \*/
* html div.context {height: 1%;}
/* */

/* End Structure */




/* Begin misc settings */

/* interest rates table */
#interest_rates_table td, #interest_rates_table th {
    text-align: center;
    border: 1px solid black;
}

div.centerbox {
    text-align: center;
}

#adddirector1, #adddirector2 { display: none; }

/* End misc settings */




/* Begin img section */

img#harbour { float: right; }
img#tractor { float: right; margin-right: 2em; }
img#house { float: right; margin-right: 2em; }
img#car { float: right; margin-right: 5em;}
img#carloan { float: right; margin: 1em 4em; }
img#carsmall { float: left; margin: 0 1em 1em; }
img#pool { float: right; margin: 1em; }

/* End img section */




/* Begin form settings */

#privacy { font-size: 10pt; }

table {
    width: 100%;
}

fieldset {
    padding: 1ex;
}
legend { font-weight: bold; }
fieldset fieldset legend { font-weight: normal; }

.label {
    float: left;
    text-align: right;
    width: 40%;
    padding-right: 1ex;
}

input.indent {
    margin-left: 20%;
}

/*table#managetable, #managetable tr, #managetable td {
    text-align: center;
}*/

/* End form settings */