/* Colours */
/*
    Green: #004631;
    Gold: #A39145;

    Borders: #DDDDDD;

    Text Color: #797B7F;

    Content Background: rgba (0,0,0,0.85);

*/

/* #Reset & Basics
================================================== */
* { box-sizing: border-box; /* css3 rec */ -moz-box-sizing: border-box; /* ff2 */ -ms-box-sizing: border-box; /* ie8 */ -webkit-box-sizing: border-box; /* safari3 */ -khtml-box-sizing: border-box; /* konqueror -webkit-transition: border linear 0.2s; -moz-transition: border linear 0.2s; -ms-transition: border linear 0.2s; -o-transition: border linear 0.2s; transition: border linear 0.2s; */ }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 16px; font: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: middle; }
strong { font-weight: bold; }
small, .small { font-size: 0.85em; }

/* #Basic Styles
================================================== */
body { background-color: #FFF; color: #FFF; font: 13px "lato", sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; }

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 { color: #FFF; font-family: "trajan-sans-pro", sans-serif; font-weight: normal; line-height: 1em; margin: 0 0 30px 0; text-rendering: optimizeLegibility; text-transform: uppercase; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #A39145; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #FFF; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; font-weight: normal; margin: 0 0 25px 0; }
h3 { color: #A39145; font-size: 1.5em; margin: 0 0 20px 0; }
h4 { font-size: 1.5em; margin: 0 0 15px 0; }
h5 { color: #A39145; font-size: 1.3em; margin: 0 0 10px 0; }
h6 { font-size: 1.1em; margin: 0 0 5px 0; }

p { margin: 0 0 20px 0; line-height: 20px; }
p img { margin: 0; }

em { font-style: italic; }
small { font-size: 80%; }

.divider {  }
hr { border-width: 1px 0 0; clear: both; color: #FFF; margin: 20px 0; opacity: 0.4; }

.centered-text { text-align: center; }

/* #Links
================================================== */
a { color: #A39145; text-decoration: none; outline: 0; transition: color 0.25s linear; }
a:hover { color: #FFF; }

/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: disc outside; }
ol { list-style: decimal; }
ol, ul, ul.square, ul.circle { margin-left: 20px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul, ul ol,
ol ol, ol ul { font-size: 90%; }

ul li { padding: 3px 0 3px 5px; }

ul.clean { list-style: none; margin: 0; }
ul.clean li { margin: 0; padding: 0; }

/* Base 1038 Grid */

.container { max-width: 100%; width: 1072px; margin: 0 auto; padding: 0; }
.container .columns { float: left; display: inline; margin: 0 1.5%; }
.container .columns.sidebar, .container .columns.right { float: right; }

.row { clear: both; display: block; }
.row:after { content: ""; display: table; clear: both; }

/* Nested Column Classes */
.container .columns.full { margin: 0; }

.container .columns img { height: auto; max-width: 100%; }

/* Two Columns */
.twoCol{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 40px; }

/* Base Grid */
.container .columns.full                    { margin-left: 0; margin-right: 0; }
.container .columns.one                     { width: 3.25%; }
.container .columns.one.full                { width: 6.25%; }
.container .columns.two                     { width: 9.5%; }
.container .columns.two.full                { width: 12.5%; }
.container .columns.three                   { width: 15.75%; }
.container .columns.three.full              { width: 18.75%; }
.container .columns.four                    { width: 22%; }
.container .columns.four.full               { width: 25%; }
.container .columns.five                    { width: 28.25%; }
.container .columns.five.full               { width: 31.25%; }
.container .columns.six                     { width: 34.5%; }
.container .columns.six.full                { width: 37.5%; }
.container .columns.seven                   { width: 40.75%; }
.container .columns.seven.full              { width: 43.75%; }
.container .columns.eight                   { width: 47%; }
.container .columns.eight.full              { width: 50%; }
.container .columns.nine                    { width: 53.25%; }
.container .columns.nine.full               { width: 56.25%; }
.container .columns.ten                     { width: 59.5%; }
.container .columns.ten.full                { width: 62.5%; }
.container .columns.eleven                  { width: 65.75%; }
.container .columns.eleven.full             { width: 68.75%; }
.container .columns.twelve                  { width: 72%; }
.container .columns.twelve.full             { width: 75%; }
.container .columns.thirteen                { width: 78.25%; }
.container .columns.thirteen.full           { width: 81.25%; }
.container .columns.fourteen                { width: 84.5%; }
.container .columns.fourteen.full           { width: 87.5%; }
.container .columns.fifteen                 { width: 90.75%; }
.container .columns.fifteen.full            { width: 93.75%; }
.container .columns.sixteen                 { width: 97%; }
.container .columns.sixteen.full            { width: 100%; }

.container .columns.one-third               { width: 30.333%; }
.container .columns.one-third.full          { width: 33.333%; }
.container .columns.two-thirds              { width: 63.666%; }
.container .columns.two-thirds.full         { width: 66.666%; }

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear { clear: both; display: block; }

/* #Images
================================================== */

img.scale-with-grid { max-width: 100%; height: auto; }
.inlineimage { position: relative; top: 3px; }

/* #Forms
================================================== */

/* Rules for the generic form controls */
.basic-control { background-color: #FFF; border: 1px solid #F5CCB6; color: #333; display: block; font: 13px Helvetica, Arial; font-style: italic; outline: none; padding: 10px; transition: border-color 1s ease; }
.basic-control:hover, .basic-control:focus { border: 2px solid #F48A4B; padding: 9px; }

/* Form Results */
.error-list { background-color: #FFC1C2; border: 1px solid #C40000; color: #C40000; display: block; padding: 10px; }
.error-list .heading { color: #C40000; font-size: 1.4em; }
.error-list ul li { margin: 10px 0; }

/* Form Override */

.form .form-item { clear: both; display: block; float: left; margin: 10px 0; width: 100%; }
.form .form-item:after { clear: both; content: ''; display: table; }

.form .form-item label { color: #FFF; display: block; float: left; font-weight: bold; padding: 10px 0 0 0; width: 200px; }
.form .form-item .basic-control { display: block; float: right; max-width: 100%; width: 325px; }

.form .form-item.buttons { text-align: right; }

/* Need a separate rule for checkboxes */
.form input.checkbox { display: inline-block; float: left; height: 20px; margin: 0 0 10px 0px; width: 20px; }
.form input.checkbox.right { float: right; }
.form label.checkbox-label { display: inline-block; float: left; }

.form .form-item label.radio { display: inline-block; float: left; padding: 10px 30px 0 5px; width: auto; }
.form .form-item .basic-radio { display: block; float: left; margin: 13px 5px 0 0; }

.general-validation { background-color: #C6434C; color: #FFF; font-size: 0.9em; font-weight: bold; margin: 10px 0; padding: 10px 20px; }
.general-validation .heading { font-size: 1.2em; font-weight: bold; padding-bottom: 10px; }
.general-validation ul { list-style: disc; margin: 0 0 0 30px; }

.general-validation.success { background-color: #339933; color: #FFF; }
.general-validation p:last-child { margin: 0; }

/* Form Override */
/* #Misc
================================================== */

iframe{ }

.right { float: right; }
.left { float: left; }
.block { display: block; }
.inlineblock { display: inline-block; }

.relative { position: relative; }
.absolute { position: absolute; }

.m5 { margin: 5px!important; } .mt5 { margin-top: 5px!important; } .mr5 { margin-right: 5px!important; } .mb5 { margin-bottom: 5px!important; } .ml5 { margin-left: 5px!important; }
.m10 { margin: 10px!important; } .mt10 { margin-top: 10px!important; } .mr10 { margin-right: 10px!important; } .mb10 { margin-bottom: 10px!important; } .ml10 { margin-left: 10px!important; }
.m15 { margin: 15px!important; } .mt15 { margin-top: 15px!important; } .mr15 { margin-right: 15px!important; } .mb15 { margin-bottom: 15px!important; } .ml15 { margin-left: 15px!important; }
.m20 { margin: 20px!important; } .mt20 { margin-top: 20px!important; } .mr20 { margin-right: 20px!important; } .mb20 { margin-bottom: 20px!important; } .ml20 { margin-left: 20px!important; }
.m25 { margin: 25px!important; } .mt25 { margin-top: 25px!important; } .mr25 { margin-right: 25px!important; } .mb25 { margin-bottom: 25px!important; } .ml25 { margin-left: 25px!important; }
.m30 { margin: 30px!important; } .mt30 { margin-top: 30px!important; } .mr30 { margin-right: 30px!important; } .mb30 { margin-bottom: 30px!important; } .ml30 { margin-left: 30px!important; }
.m35 { margin: 35px!important; } .mt35 { margin-top: 35px!important; } .mr35 { margin-right: 35px!important; } .mb35 { margin-bottom: 35px!important; } .ml35 { margin-left: 35px!important; }
.m40 { margin: 40px!important; } .mt40 { margin-top: 40px!important; } .mr40 { margin-right: 40px!important; } .mb40 { margin-bottom: 40px!important; } .ml40 { margin-left: 40px!important; }
.m50 { margin: 50px!important; } .mt50 { margin-top: 50px!important; } .mr50 { margin-right: 50px!important; } .mb50 { margin-bottom: 50px!important; } .ml50 { margin-left: 50px!important; }
.m60 { margin: 60px!important; } .mt60 { margin-top: 60px!important; } .mr60 { margin-right: 60px!important; } .mb60 { margin-bottom: 60px!important; } .ml60 { margin-left: 60px!important; }
.m70 { margin: 70px!important; } .mt70 { margin-top: 70px!important; } .mr70 { margin-right: 70px!important; } .mb70 { margin-bottom: 70px!important; } .ml70 { margin-left: 70px!important; }
.m80 { margin: 80px!important; } .mt80 { margin-top: 80px!important; } .mr80 { margin-right: 80px!important; } .mb80 { margin-bottom: 80px!important; } .ml80 { margin-left: 80px!important; }
.m90 { margin: 90px!important; } .mt90 { margin-top: 90px!important; } .mr90 { margin-right: 90px!important; } .mb90 { margin-bottom: 90px!important; } .ml90 { margin-left: 90px!important; }

.p5 { padding: 5px!important; } .pt5 { padding-top: 5px!important; } .pr5 { padding-right: 5px!important; } .pb5 { padding-bottom: 5px!important; } .pl5 { padding-left: 5px!important; }
.p10 { padding: 10px!important; } .pt10 { padding-top: 10px!important; } .pr10 { padding-right: 10px!important; } .pb10 { padding-bottom: 10px!important; } .pl10 { padding-left: 10px!important; }
.p15 { padding: 15px!important; } .pt15 { padding-top: 15px!important; } .pr15 { padding-right: 15px!important; } .pb15 { padding-bottom: 15px!important; } .pl15 { padding-left: 15px!important; }
.p20 { padding: 20px!important; } .pt20 { padding-top: 20px!important; } .pr20 { padding-right: 20px!important; } .pb20 { padding-bottom: 20px!important; } .pl20 { padding-left: 20px!important; }
.p25 { padding: 25px!important; } .pt25 { padding-top: 25px!important; } .pr25 { padding-right: 25px!important; } .pb25 { padding-bottom: 25px!important; } .pl25 { padding-left: 25px!important; }
.p30 { padding: 30px!important; } .pt30 { padding-top: 30px!important; } .pr30 { padding-right: 30px!important; } .pb30 { padding-bottom: 30px!important; } .pl30 { padding-left: 30px!important; }
.p35 { padding: 35px!important; } .pt35 { padding-top: 35px!important; } .pr35 { padding-right: 35px!important; } .pb35 { padding-bottom: 35px!important; } .pl35 { padding-left: 35px!important; }
.p40 { padding: 40px!important; } .pt40 { padding-top: 40px!important; } .pr40 { padding-right: 40px!important; } .pb40 { padding-bottom: 40px!important; } .pl40 { padding-left: 40px!important; }
.p50 { padding: 50px!important; } .pt50 { padding-top: 50px!important; } .pr50 { padding-right: 50px!important; } .pb50 { padding-bottom: 50px!important; } .pl50 { padding-left: 50px!important; }
.p60 { padding: 60px!important; } .pt60 { padding-top: 60px!important; } .pr60 { padding-right: 60px!important; } .pb60 { padding-bottom: 60px!important; } .pl60 { padding-left: 60px!important; }
.p70 { padding: 70px!important; } .pt70 { padding-top: 70px!important; } .pr70 { padding-right: 70px!important; } .pb70 { padding-bottom: 70px!important; } .pl70 { padding-left: 70px!important; }
.p80 { padding: 80px!important; } .pt80 { padding-top: 80px!important; } .pr80 { padding-right: 80px!important; } .pb80 { padding-bottom: 80px!important; } .pl80 { padding-left: 80px!important; }
.p90 { padding: 90px!important; } .pt90 { padding-top: 90px!important; } .pr90 { padding-right: 90px!important; } .pb90 { padding-bottom: 90px!important; } .pl90 { padding-left: 90px!important; }