* {font-family: arial, Helvetica,sans-serif;}

body, html {background: #5d6266}
strong {font-weight: bold}
ul, dl {margin: 1em 0em 1.5em 0em}
ul li {padding: 0.4em 0em 0.4em 0em; list-style-type: none;}
p {margin: 1em 0em; line-height: 140%;}
h2 {font-family: "AvantGarde Md BT", arial, Helvetica,sans-serif; letter-spacing: 0.1em; font-weight: bold; font-size: 1.8em; margin: 0.5em 0em 0.5em 0em}
h3 {font-family: "AvantGarde Md BT", arial, Helvetica,sans-serif; letter-spacing: 0.1em; font-weight: bold; font-size: 1.5em; margin: 1em 0em 0.5em 0em}
.specialFont {font-family: "AvantGarde Bk BT", arial, Helvetica,sans-serif; letter-spacing: 0.1em;}
.smaller {font-size: 0.9em; padding-top: 1.5em}
.larger {font-size: 1.2em}
.clear {clear: both;}
.half {width: 50%}
.nounder {text-decoration: none}
.error {font-weight: bold; color: red}
.success {font-weight: bold;}
.centre {text-align:center;}

dt {float: left; font-size: 1.1em; width: 100px; clear: left; margin-bottom: 0.4em; font-weight: bold;}
dd {float: left; width: 370px; margin-bottom: 0.4em; font-weight: bold; }

#masterWrapper {width: 960px; margin: 20px auto; position: relative;}

#stretchWrapper {margin-left: 250px; }
#logoRegion { width: 250px; height: 119px; position: absolute; left: 0px; top: 0px; background: #00b2e0}
#imageRegion {width: 250px; height: 441px; position: absolute; left: 0px; top: 119px;}
#headerStrip {position: relative; height: 119px; background: #00b2e0 url(images/headerStrip.jpg) no-repeat}
#navRegion {height: 24px;}
#contentRegion {min-height: 417px; padding: 0px 20px 0px 270px;}
#mainCol {width: 475px; float: left; padding: 5px 0px 5px 0px; text-align: left; font-size: 0.9em}
#subCol {width: 167px; float: right; padding: 25px 0px 5px 0px; text-align: left; font-size: 0.85em}
#fullCol {width: 100%; padding: 5px 0px 5px 0px; text-align: left; font-size: 0.9em}

.nav {text-align: left; margin: 0em;}
.nav li {height: 24px; width: auto; padding: 0em; display: block; float: left; border-right: 2px solid}
.nav li a {text-decoration: none; padding: 0em 1em; line-height: 24px; font-weight: bold; font-size: 1.3em;}

.bullets li {font-weight: bold; padding-left: 1.5em; background: url(images/yellowbullet.gif) no-repeat 0 0.6em}
.clickStrip {margin: 1em 0em; padding: 0.4em 0.8em; text-align: center; font-size: 1.4em; font-weight: bold;}
.clickStrip a {display: block; width: 100%; height: 100%; text-decoration: none; color: #ffffff}

form.contactForm label {display: block; width: 200px; float: left; clear: left; font-weight: bold;}
form.contactForm input.field, form textarea.field {display: block; width: 250px; float: left; margin-bottom: 0.6em; padding: 0.4em 0.2em; border: 0; background-color: #fdde90}
form.contactForm textarea {height: 50px;}
form.contactForm input.button {clear: both;}

form.largerlabel input[type=text], form.login input[type=text], form.login input[type=password] {display: block; width: 250px; float: left; margin-bottom: 0.6em; padding: 0.4em 0.2em; border: 0; background-color: #fdde90}
form.login label, form.largerlabel label {display: block; width: 150px; float: left; clear: left; font-weight: bold;}
form.logout input.button {margin-left: 0.5em}

/* CHANGEABLE STYLES */
.blue #navRegion {background: #82d4ee}
.blue .nav a {color: #ffffff}
.blue .nav a.active {color: #0069b7}
.blue .nav li {border-right-color: #38bee6}
.blue #imageRegion {background: #00b2e0}
.blue #contentRegion {background: #00b2e0; color: #ffffff}
.blue #contentRegion a {color: #ffffff}
.blue #contentRegion a:hover {color: rgb(130, 212, 238);}
.blue h2, .blue h3, .blue dt {color: #fac809}
.blue .strip {background: url(images/PYG_strip.gif) no-repeat; width: 167px; height: 17px; margin: 1em 0em;}
.blue #bd {background: #00b2e0;}
.blue #contentRegion table td, .blue #contentRegion table th { border-color: #82d4ee}

.pink #navRegion {background: #f287b7}
.pink .nav a {color: #ffffff}
.pink .nav a.active {color: #d2232a}
.pink .nav li {border-right-color: #ec008c}
.pink #imageRegion {background: #ec008c}
.pink #contentRegion {background: #ec008c; color: #ffffff}
.pink h2, .pink h3, .pink dt {color: #fac809}
.pink #contentRegion a {color: #ffffff}
.pink #contentRegion a:hover {color: rgb(242, 135, 183);}
.pink .strip {background: url(images/BYG_strip.gif) no-repeat; width: 167px; height: 17px; margin: 1em 0em;}
.pink #contentRegion table td, .pink #contentRegion table th { border-color: #f287b7}

.yellow #navRegion {background: #fde7ae}
.yellow .nav a {color: #ffffff}
.yellow .nav a.active {color: #e0861b}
.yellow .nav li {border-right-color: #fac82f}
.yellow #imageRegion {background: #fac809}
.yellow #contentRegion {background: #fac809; color: #333333}
.yellow h2, .yellow h3, .yellow dt {color: #ec008c}
.yellow .strip {background: url(images/PBG_strip.gif) no-repeat; width: 167px; height: 17px; margin: 1em 0em;}
.yellow .clickStrip {background-color: #ec008c; color: #ffffff}
.yellow #contentRegion a {color: #000000}
.yellow #contentRegion a:hover {color: #444444;}
.yellow #contentRegion table td, .yellow #contentRegion table th { border-color: #fde7ae}

.work #imageRegion {background: url(images/work2.jpg) no-repeat}
.live #imageRegion {background: url(images/live2.jpg) no-repeat}
.space #imageRegion {background: url(images/space2.jpg) no-repeat}
.mega #imageRegion {background: url(images/mega2.jpg) no-repeat}
.home #imageRegion {background: url(images/home.jpg) no-repeat}
.faq #imageRegion {background: url(images/faq.jpg) no-repeat}
.apply #imageRegion {background: url(images/apply.jpg) no-repeat}


.button { border: 0px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: #47484c 0 1px 0;
    background: #c22d73;color: white;
    background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#db5594), to(#c22d73));
    background-image: -moz-linear-gradient(90deg, #db5594, #c22d73);
}
.button2 { border: 0px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: #47484c 0 1px 0;
    background: #659037; color: white; background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(#8bb85a), to(#659037));
background-image: -moz-linear-gradient(90deg, #8bb85a, #659037);
}
a.button {padding: 7px;}

.livingField .size1 {width: 55px }
.livingField .size2 {width: 105px}
.livingField .size3 {width: 125px}
.livingField .size4 {width: 42px}
.livingField .size5 {width: 128px}
#stage2 .fhLabel, #stage2a .fhLabel, #stage2b .fhLabel {width: 350px;}
#stage3 .fhLabel, #stage4 .fhLabel {width: 250px}
#stage4 .fhField {white-space: nowrap}
.fh4 td, .fh4 th {border: 0px;}
.fh4 fieldset {border: 1px solid #82D4EE; padding: 0em 1em}
.fh4 legend {color: #FAC809; padding: 0em 1em; font-weight: bold}
.fh4 .fhRadio {display: block; width: 49%; float: left;}
.fh4 td.fhLabel {vertical-align: top}

.fh4 table.livingField {margin-bottom: 0em}
.fh4 table.livingField th, .fh4 table.livingField td {text-align: center;}
.fh4 table.livingField .fhLabel {display: none}
.fh4 table.livingField .LV_validation_message {display: none}
#secondary_fh4 {float: right}
.fh4 .reference {width: 100%}
.fh4 .reference .fhlabel {width: 100px; min-width: 100px; max-width: 100px}
.fh4 .reference .fhRequired, .fh4 .reference .LV_validation_message {display: none}

.admin td, .admin th, .fhOutputForm th, .fhOutputForm td {border: 1px solid #82D4EE;}
p.horizontal img {width: 130px; margin: 0px 15px;}
p.vertical img {width: 90px; margin: 0px 1px;}
p.horizontal, p.vertical {text-align: center;}