/* Design Layout - Jason Earl, 06/2006
 *
 * Works in IE 5, IE5 .5, Mac IE 5.2x, IE 6, Mozilla >1.4, Firefox, Safari
 * Note that Mac IE support isn't perfect, but is pretty good.
 * IE5.x on PC has some flaws
 */

/* Generic layout stuff
-------------------------------------------------------*/

body {
	background: white;
	margin: 0;
	padding: 0;
	font-family: "Arial Unicode MS", "Lucida Grande", Verdana, Sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;
} html>body { font-size: small; }

#outerWrapper {
	background: url("../images/back.gif");
}

#interWrapper {
	background: url("../images/back-top.gif") top repeat-x;
}

#header h1,
.two-column h1 {
	/* No span image replacement common styles */
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: block;
	background-color: black;
	color: white;
}

#header {
	height: 138px;
	width: 729px;
}

#header h1 {
	background: url("../images/logo.gif") no-repeat 0 0;
	padding-top: 60px;
	/* WIN IE5 hack */
	height: 60px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

.hide,
#header h2,
#header img,
#header p {
	display: none;
}

#footer {
	color: #59B !important;
	font-size: 10px;
	padding: 6px 16px;
	background: white;
	border-top: 1px solid #293B45;
	letter-spacing: 0.06em;
	clear: both;
}

#footer a:link,
#footer a:visited {
	color: #59B !important;
	font-weight: bold;
	text-decoration: none;
}

p {
	font-size: 0.8em;
	font-family: Verdana, Sans-serif;
	line-height: 170%;
}

p a {
	font-weight: bold;
}

h2 {
	font-size: 1.2em;
	color: #2D0A58;
	padding: 0;
	margin: 4px 0 12px 0;
	font-weight: normal;
}

a:link,
a:visited {
	color: #2D0A58;
	text-decoration: none;
}

a:hover,
a:active {
	color: #2D0A58;
	text-decoration: none;
	border-bottom: 1px dotted #FFC000;
}

a.page-anchor {
	border-bottom: 0 none !important;
}

.read-more {
	text-align: right;
	padding-bottom: 16px;
}

.outer ul {
	font-size: 0.80em;
	font-family: Verdana, Sans-serif;
	line-height: 170%;
	margin: 0;
	padding: 0;
	margin-left: 48px;
	padding-bottom: 16px;
}

.outer li {
	margin: 0;
	padding: 0;
	color: #1A4D70;
}

.alert {
	color: red;
}

em.alert {
	font-weight: bold;
	color: #A00;
	font-size: 0.9em;
	font-style: normal;
}

/* Forms
-------------------------------------------------------*/

.enquiry_form {
  text-align: center;
  margin: 8px 0;
}

.enquiry_form input {
  padding: 2px 1px;
  font-family: Verdana, Sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  border: 1px solid #ddd;
  background: #fafafa;
  color: black;
}

.enquiry_form input:hover {
  padding: 3px 0 1px 2px;
  border: 1px solid #bbb;
  background: white;
  color: #666;
}


.form-table {
	width: 100%;
	margin-bottom: 16px;
}

.form-table th,
.form-table td {
	vertical-align: top;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-size: 0.8em;
}

.form-table th {
	background-color: #F2F2F2;
	color: #412554;
	padding: 4px 12px 4px 4px;
	text-align: right;
}

.form-table td {
	background-color: #F6F6F6;
	color: #116353;
	padding: 4px 24px;
}

.form-table input,
.form-table textarea {
	width: 100%;
	border: 1px solid #CCC;
	background-color: white;
	padding: 2px;
	font-size: 0.9em;
	letter-spacing: 0.12em;
	font-family: Verdana, Sans-Serif;
}

.form-table textarea {
	margin-bottom: 12px;
}

.form-table th {
	width: 30%;
}

input.submit {
	border: 1px solid white;
	color: #412554;
	background-color: #EEE;
	width: auto;
	font-weight: bold;
	letter-spacing: 0.12em;
	font-size: 0.8em;
	padding: 1px 12px;
	font-family: Verdana, Sans-Serif;
	margin-bottom: 12px;
}

/* Toggleable content using JS
-------------------------------------------------------*/

.togglenav {
	display: none;
	padding-bottom: 6px;
	border-top: 1px solid #DDD;
}

.toggleblock {
	margin-bottom: 24px;
}

.togglenav .prev {
	float: left;
}

.togglenav .next {
	float: right;
	text-align: right;
	width: 49%;
}













/* Layout neutral column styles
-------------------------------------------------------*/

.outer {
	border:solid transparent 0;
	border-left-style: solid;
	border-right-style: solid;
	position: relative;
	z-index: 1000;
}

.inner {
	margin: 0;
	width: 100%;
}

.outer > .inner {
	border-bottom: 1px solid white;
}

.maincol {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 -8px 0 -2px;
}

.leftcol {
	float: left;
	position: relative;
	margin-right: 1px;
}

.rightcol {
	float: right;
	position: relative;
	margin-left: 1px;
}


/* Column clearing
-------------------------------------------------------*/

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

.outer {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .outer {
	height: 1%;
}

.outer {
	display: block;
}
/* End hide from IE-mac */


/* Triple column configuration
-------------------------------------------------------*/


.three-column .innerWrapper {
	background: white url("../images/3col.gif") repeat-y 0 0;
	width: 729px;
	border-right: 1px solid #BBB;
}

.terms p,
.three-column p {
	text-align: justify;
}

.three-column .outer {
	width: 728px;
	position: relative;
}

.three-column .rightcol {
	/*/*/ width: 210px; /* hack keeps NN4 right column right? */
	margin-right: -242px;
	margin-left: 32px;	/* IE Box model hack */
	text-align: left;	/* IE 4 Bug */
}

.three-column .leftcol {
	/*/*/ width:210px; /* hack keeps NN4 right column right? */
	margin-left: -242px;
}

.three-column .outer {
	/*/*/ margin-left: 258px;		/* left column width. NN4 hack to hide borders */
	/*/*/ margin-right: 258px;		/* right column width. NN4 hack to hide borders */
	width: 211px;
}

.three-column .title {
	position: relative;
	z-index: 1000;
	height: 123px;
}

.three-column .title h1 {
	height: 0 !important;
	margin: 0;
	padding: 0;
	padding-top: 39px;
	display: block;
	overflow: hidden;
	height /**/:39px;
}

/* Double column configuration
-------------------------------------------------------*/

.two-column .innerWrapper {
	background: white url("../images/2col.gif") repeat-y -578px 0;
	width: 729px;
	border-right: 1px solid #BBB;
}

.two-column .outer {
	width: 728px;
	position: relative;
}

.two-column .rightcol {
	display: none;
}

.two-column .leftcol {
	/*/*/ width: 297px; /* hack keeps NN4 right column right? */
	margin-left: -330px;
}

.two-column .outer {
	/*/*/ margin-left: 346px;		/* left column width. NN4 hack to hide borders */
	width: 368px;
}

.two-column p {
	text-align: justify;
}

.two-column img#sidedecor {
	width: 328px;
	height: 246px;
	display: block;
	position: relative;	/* Fix IE negative margin */
	margin: 0 -16px 16px -16px !important;
}

.two-column .leftcol ul {
	margin-left: 16px;
}

.two-column .leftcol li {
	color: #2875AB;
}

.two-column li.long-text {
	padding-bottom: 16px;
}

.two-column h1 {
	width: 100%;
	padding-top: 39px;
	margin: 16px 0;
	/* WIN IE5 hack */
	height: 39px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}

.terms h2,
.two-column h2 {
	font-size: 1em;
	font-weight: bold;
	color: #2D0A58;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #D8C103;
	margin: 4px 0 12px 0;
	letter-spacing: 0.05em;
}

/* IE Peek a boo needs holly hack */
* html .two-column h2 {
	height: 1.3em;
}

/* Main menu
-------------------------------------------------------*/

#navmenu {
	border: 1px solid #D8C103;
	border-left: 0 none;
	border-right: 0 none;
	z-index: 200;
}

#navmenu a,
#navmenu {
	background: #FFEC00;
}

#submenu {
	border-bottom: 1px solid #ACC0C8;
	z-index: 500;
}

#submenu a,
#submenu {
	background: #EBF4F9;
}

#submenu,
#navmenu {
	margin: 0;
	width: auto;
	padding: 5px 8px;
	position: relative;
}

#submenu li,
#navmenu li {
	list-style: none;
	margin: 0 0 0 8px;
	display: inline;
	white-space: nowrap;
}

#navmenu li a:link,
#navmenu li a:visited,
#navmenu li a:hover,
#navmenu li a.current,
#submenu li a:link,
#submenu li a:visited,
#submenu li a:hover,
#submenu li a.current {
	padding: 3px 12px 0 12px;
	padding/**/: 3px 12px 6px 12px;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Sans-Serif;
	color: black;
	border-width: 1px;
	border-style: solid;
	border-color: #FFEC00;
	border-bottom: 0 none;
	position: static;
	voice-family: "\"}\"";
	voice-family:inherit;
	position: relative;
}

#navmenu li a:link,
#navmenu li a:visited,
#navmenu li a:hover,
#navmenu li a.current {
	border-color: #FFEC00;
}

#submenu li a:link,
#submenu li a:visited,
#submenu li a:hover,
#submenu li a.current {
	border-color: #EBF4F9;
}

#submenu li a:hover,
#navmenu li a:hover,
#submenu li a.current,
#navmenu li a.current {
	padding: 3px 12px 7px 12px !important;
}

* html #submenu li a:hover,
* html #navmenu li a:hover,
* html #submenu li a.current,
* html #navmenu li a.current {
	padding: 3px 12px 8px 12px !important;
}

#navmenu li a:hover {
	background: #FFF46B;
	border-color: #D8C103;
}

#submenu li a:hover {
	background: white;
	border-color: #ACC0C8;
}

#navmenu li a.current {
	/* Important used to override effects of :hover */
	background: #EBF4F9 !important;
	border-color: #D8C103 !important;
}

#submenu li a.current {
	/* Important used to override effects of :hover */
	background: #FAFCFF !important;
	border-color: #ACC0C8 !important;
}

.terms {
	margin: 16px;
}

.terms h1 {
	font-weight: normal;
	font-size: 1.8em;
	border-bottom: #888 solid 1px;
}

.term {
	cursor: help;
	font-weight: normal;
	color: #008;
	border-bottom: 1px solid #ddd;
}

.warn {
  color: #c00;
}

.note {
  color: #999;
}

.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea {
  border: 1px solid #d00 ! important;
}

@media tty {
   i{content:"\";/*" "*/}}; @import 'ie50.css'; {;}/*";}
   }/* */