/**
 * dk yellow: #c9d19c
 * dk green: #348562
 * v.dk green: #4a6957
 * lt yellow: #e2f19d
 * lt green: #beffda
 * red: #900
 * box border: #adadad
 */
* {margin: 0; padding: 0}
body {background: #c9d19c url('../img/front_bg_top_tile.png') repeat-x top; font-family: Tahoma, sans-serif; color: #444; font-size: 16px}
h1, h2, h3 {font-weight: bold; font-family: Cambria, Georgia, serif; margin-bottom: 0.5em}
h1 {font-size: 32px}
h2 {font-size: 24px}
h3 {font-size: 18px}
h4 {font-size: 16px}
h5 {font-size: 14px}
h6 {font-size: 10px; text-transform: uppercase; letter-spacing: 1px}
a:link {color: #f00; font-weight: bold}
a:visited {color: #900}
a:hover {color: #f66}
a img {border: 0}
hr {border: dotted #baa; border-width: 1px 0 0 0}
li {margin-left: 1.5em; line-height: 1.3; margin-bottom: 0.5em}
img, input[type="image"] {vertical-align: top}
input {font-family: tahoma}
#username, #password {width: 175px}
.centered {text-align: center}

#header, #body, #footer, #lead {width: 920px; margin: 0 auto}
#header {background: url('../img/front_ausphil.png') no-repeat left top; height: 99px}

#nav a {text-decoration: none}
#nav ul {
	margin: 0;
	position: relative;
	top: 72px;
	height: 25px;
	background: url(../img/tab_inactive.png) no-repeat left;
	padding-left: 2px;
}
#nav li {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 0;
	background: url(../img/tab_inactive.png) no-repeat right;
	font-size: 11px;
	padding: 0 15px;
	text-align: center;
	text-transform: uppercase;
}
#nav li.active {
	background: url(../img/tab_active.png) no-repeat right;
}
#nav a {
	color: #fff;
}
#nav .active a {
	color: #9fe;
}
#nav a:hover {
	color: #6fd;
	text-decoration: none;
}
#nav a:visited {
    font-weight: bold;
}

#lead-container {background: #4a6957 url('../img/lead_top_tile.png') repeat-x top}
#lead-container .wrapper {background: url('../img/lead_bottom_tile.png') repeat-x bottom; padding: 10px 0; border-bottom: 1px solid #f1f3e6}
#lead {background: url('../img/lead_image.png') no-repeat 100% 50%; min-height: 265px}
#lead h1 {color: #e2f19d}
#lead p, #lead li {font: 18px Tahoma, Helvetica, Arial, sans-serif; color: #beffda; line-height: 1.3; margin-bottom: 10px}
#lead #learnmore {line-height: 1.2; font-size: 13px}
#learnmore-btn {}

#body {background: url('../img/front_content_top_tile.png') no-repeat left top; height: 100px}
#content {padding: 15px 0 0}
#findout {font-size: 21px; text-align: center; color: #348562; border: solid #4a6957; border-width: 2px 0; margin-bottom: 15px; padding: 5px}

.primary {float: left; width: 620px; margin-right: 25px}
.secondary {float: left; width: 275px}

#content .primary {width: 600px; margin-right: 10px}
#content .secondary {width: 310px}

.calc-field input {border: 0}
.calc-field label {}
.calc-field {border: 1px solid #adadad; background: #fff; display: inline-block; padding: 3px 0}

.box {border: 1px solid #adadad; margin-bottom: 10px}
.box .wrapper {border: 1px solid #fff; padding: 10px 15px}

.primary .box {background: #f2ffc2}
.primary h2 {border-bottom: 1px dotted #baa; color: #000}
.primary h3 {color: #900; padding-bottom: 5px; border-bottom: 1px dotted #baa}
.primary h6 {color: #348562; margin: 5px 0}

.secondary .box {background: #ecefd1}
.secondary .wrapper {padding: 0}
.secondary .box-title {background: url('../img/box_title_tile.png') repeat-x top; height: 35px; vertical-align: bottom}
.secondary .box-title h6 {background: url('../img/box_title_bg.png') no-repeat 0 0; font-size: 12px; text-align: center; line-height: 35px}
#calc-title {background-image: url('../img/box_title_tile_green.png')}
#calc-title h6 {background-image: url('../img/box_title_bg_green.png')}
.secondary .box-body {padding: 5px 0; font-size: 11px}
.secondary small strong {font-size: 14px}

#frm_login, #signup {display: none}
#frm_login dl {clear: both; padding: 5px 0}
#frm_login dt {float: left; width: 65px; margin-left: 10px}
#frm_login dd {float: left; width: 160px}
#frm_login dt.action {width: 100%; margin-left: 0; margin-top: 5px; text-align: center}

#calculator {margin: 5px 0}
#calculator label, #calculator input {margin: 0 3px; text-align: right}
#aud, #peso {width: 65px}
.note {display: block}

#more-content {background: #fff; border: 1px solid #adadad; padding: 20px 10px 20px 20px; margin-bottom: 25px}
#more-content .primary {width: 600px; font-size: 12px}
#more-content .secondary {margin-left: 10px; width: 250px; font-size: 11px}
#more-content h6 {border: solid #ddd; border-width: 2px 0 1px; padding: 5px 0; margin-bottom: 5px; color: #000}
#more-content p {margin-bottom: 10px; line-height: 1.5}

#numbers {margin-bottom: 10px}
#numbers dt {font-weight: bold}
#numbers dd {position: relative; top: -12px; margin-left: 100px}

.thumb {float: left; text-align: center; background: #ececec; padding: 10px; margin: 10px 25px 10px 0; border: 1px solid #cfcfcf}

#footer-wrap {clear: both; padding-top: 35px}
#footer {font-size: 12px; line-height: 1.5; border-top: 1px dotted #a9b17c; padding-top: 10px}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#announcement {
	padding: 1em;
	border: 1px dotted #900;
	background: #ff9;
	margin-bottom: 1em;
}

#announcement h1 {color: #900;}
#announcement h3 {border: 0}