/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 28 February 2019 23:42:49
*/


@charset "utf-8";
/* CSS Document */

/* --------------------------
Cascading Style Sheets
-------------------------- */


/* ==========================================================================
   HTML > BODY
   SCREEN STYLES
   WRAPPERS
   SECTIONS
   LAYOUT
   OTHER
   FORMS
   CUSTOM ALERTS
   BACK TO TOP
   FANCYBOX
   FONT AWESOME
   MENU
   MOBILE
   ========================================================================== */


/* ==========================================================================
   HTML > BODY
   ========================================================================== */
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
}
/*.wf-active body,*/
body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    /*overflow: auto;
    overflow-y: scroll;*/
    /*overflow: -moz-scrollbars-vertical;*/
    /*-webkit-overflow-scrolling: touch;*/
    overflow-x: hidden;
}
html.mobile_active, body.mobile_active {overflow:hidden;}


/* ==========================================================================
   SCREEN STYLES
   ========================================================================== */
/*====Font Classes====*/
h1, .h1, h1 a, .h1 a {color:#749e48;font-size:30px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:120%;} h1 a, .h1 a {color:#749e48;}
#information h1, #information .h1, #information h1 a, #information .h1 a {margin:0 0 15px;}

h2, .h2, h2 a, .h2 a {color:#427e94;font-size:20px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:120%;} h2 a, .h2 a {color:#427e94;}
/*#information h2, #information .h2, #information h2 a, #information .h2 a {margin:0 0 15px;}*/
.vote_project + h2, .vote_project + .h2, .vote_project + h2 a, .vote_project + .h2 a {clear:both;}

#information h3, #information .h3, #information h3 a, #information .h3 a {color:#00364d;font-size:18px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:120%;} #information h3 a, #information .h3 a {color:#00364d;}
h3, .h3, h3 a, .h3 a {color:#333333;font-size:16px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:120%;} h3 a, .h3 a {color:#333333;}
.contentleft h3, .contentleft .h3 {display:inline-block;width:100%;margin:15px 0 15px 0;}

h4, .h4, h4 a, .h4 a {color:#27828a;font-size:14px;font-weight:bold;margin:0 0 15px;padding:0;text-decoration:none;line-height:120%;} h4 a, .h4 a {color:#27828a;}

p, .p {color:#333333;font-size:14px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:140%;max-height:9999999999px;}
#information h1 + h2 + p {margin:0 0 20px;}

/*====Link Classes====*/
a {color:#2f872f;text-decoration:none;}
a:hover {color:#333;text-decoration:none;}
#section a {color:#2f872f;text-decoration:none;border-bottom:1px solid #bad4a0;
    /* Transition */
    -webkit-transition: 0.10s;
    -moz-transition: 0.10s;
    -ms-transition: 0.10s;
    -o-transition: 0.10s;
    transition: 0.10s;
}
#section a:hover {color:#2f872f;text-decoration:none;border-bottom:2px solid #2f872f;}

/*hover effect*/
/*a img, a img:hover {border:none;cursor:pointer;} a img:hover {filter:alpha(opacity=70);opacity:0.70;-moz-opacity:0.70;-khtml-opacity:0.70;}*/

/*====Tables====*/
table {display:table !important;height:auto !important;}
td {padding:0 5px 5px 0;line-height:140%;}
.contentleft table {margin:0 0 15px;}
.contentleft thead td {background-color:#eee;font-weight:bold;padding:5px 10px;}
.contentleft td {padding:5px 10px;line-height:140%;border:1px solid #eee;}
th, td {vertical-align:top;}
th p:last-child, td p:last-child {margin:0px;}

/*====List Classes====*/
ul {display:block;margin:0px 0px 15px 0px;padding:0px;text-decoration:none;list-style:disc outside none;}
ol {display:block;margin:0px 0px 15px 0px;padding:0px;text-decoration:none;background:none;}
ul ul, ol ol,
ul ul ul, ol ol ol {margin:10px 0px 10px 0px;}
ul ol, ol ul,
ul ol ul, ol ul ol {margin:10px 0px 10px 0px;}
li {color:#333;font-size:14px;line-height:140%;background:none;margin:0px 0px 10px 18px;padding:0px 0px 0px 0px;}
ul.multiple li, li.multiple {float:left;width:40%;padding:0 5% 0 0;}
.form-list-styles ul li {display:inline;} 
/* list style types */
ul ul {list-style:outside none circle;}
ol ol {list-style:outside none lower-alpha;}
/*ol li ul li {padding:0 0 0 13px;}*/
ul.disc {list-style-type:disc;}
ul.circle {list-style-type:circle;}
ul.square {list-style-type:square;}
ul.lower-roman {list-style-type:lower-roman;}
ul.upper-roman {list-style-type:upper-roman;}
ul.lower-alpha {list-style-type:lower-alpha;}
ul.upper-alpha {list-style-type:upper-alpha;}

/*====Font Size Classes====*/
.fs8 {font-size:8px !important;} .fs9 {font-size:9px !important;} .fs10 {font-size:10px !important;} .fs11 {font-size:11px !important;} .fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;} .fs14 {font-size:14px !important;} .fs15 {font-size:15px !important;} .fs16 {font-size:16px !important;} .fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;} .fs19 {font-size:19px !important;} .fs20 {font-size:20px !important;} .fs21 {font-size:21px !important;} .fs22 {font-size:22px !important;}
.fs23 {font-size:23px !important;} .fs24 {font-size:24px !important;} .fs25 {font-size:25px !important;} .fs26 {font-size:26px !important;} .fs27 {font-size:27px !important;}
.fs28 {font-size:28px !important;} .fs29 {font-size:29px !important;} .fs30 {font-size:30px !important;} .fs31 {font-size:31px !important;} .fs32 {font-size:32px !important;}
.fs33 {font-size:33px !important;} .fs34 {font-size:34px !important;} .fs35 {font-size:35px !important;} .fs36 {font-size:36px !important;} .fs37 {font-size:37px !important;}
.fs38 {font-size:38px !important;} .fs39 {font-size:39px !important;} .fs40 {font-size:40px !important;} .fs41 {font-size:41px !important;} .fs42 {font-size:42px !important;}
.fs43 {font-size:43px !important;} .fs44 {font-size:44px !important;} .fs45 {font-size:45px !important;} .fs46 {font-size:46px !important;} .fs47 {font-size:47px !important;}
.fs48 {font-size:48px !important;} .fs49 {font-size:49px !important;} .fs50 {font-size:50px !important;} .fs51 {font-size:51px !important;} .fs52 {font-size:52px !important;}

 /*====Line Height====*/
.lineh100 {line-height:100% !important;} .lineh105 {line-height:105% !important;} .lineh110 {line-height:110% !important;} .lineh115 {line-height:115% !important;}
.lineh120 {line-height:120% !important;} .lineh125 {line-height:125% !important;} .lineh130 {line-height:130% !important;} .lineh135 {line-height:135% !important;}
.lineh140 {line-height:140% !important;} .lineh145 {line-height:145% !important;} .lineh150 {line-height:150% !important;} .lineh155 {line-height:155% !important;}
.lineh160 {line-height:160% !important;} .lineh165 {line-height:165% !important;} .lineh170 {line-height:170% !important;} .lineh175 {line-height:175% !important;}
.lineh180 {line-height:180% !important;} .lineh185 {line-height:185% !important;} .lineh190 {line-height:190% !important;} .lineh195 {line-height:195% !important;}
.lineh200 {line-height:200% !important;}

/*====Color Classes====*/
.black {color:#000000 !important;} .white {color:#FFFFFF !important;} .red {color:#FF0000 !important;}
.orange {color:#e4a613 !important} .green {color:#749e48 !important;} .blue {color:#00364d !important;} .blue2 {color:#48849a !important;} .blue3 {color:#d0e0e9 !important;}

/*====Misc Classes====*/
p:empty {display:none !important;border:0px none !important;width:0px !important;height:0px !important;margin:0px !important;padding:0px !important;}
a:empty, a.anchoronly
{border:0px none !important;width:0px !important;height:0px !important;margin:0px !important;padding:0px !important;}
img {border:0px;} a img {border:0px !important;
    /* Box Shadow - CSS SCREEN FIX */
    /*-webkit-box-shadow: 0 5px 0 0 #FFF;
    -moz-box-shadow: 0 5px 0 0 #FFF;
    -ms-box-shadow: 0 5px 0 0 #FFF;
    -o-box-shadow: 0 5px 0 0 #FFF;
    box-shadow: 0 5px 0 0 #FFF;*/
} .noborder {border:0px none !important;
    /* Box Shadow - CSS SCREEN FIX */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.nobg {background:none !important;} .none, .hide {display:none !important;visibility:hidden !important;}
.imgleft {float:left !important;margin:0px 20px 20px 0px !important;} .imgright {float:right !important;margin:0px 0px 20px 20px !important;}
.left {float:left !important;} .right {float:right !important;} .clearleft {clear:left !important;} .clearright {clear:right !important;} .clearboth {clear:both !important;}
.uppercase {text-transform:uppercase !important;} .lowercase {text-transform:lowercase !important;} .capitalize {text-transform:capitalize !important;}
.bold, .strong {font-weight:bold !important;} .italic {font-style:italic !important;} .normal {font-weight:normal !important;font-style:normal !important;}
.relative {position:relative !important;} .absolute {position:absolute !important;} .fixed {position:fixed !important;} .static {position:static !important;}
.inline {display:inline !important;} .block {display:block !important;} .inlineblock, .inline-block {display:inline-block !important;}
.widthauto {width:auto !important;} .heightauto {height:auto !important;} .marginauto {margin:0 auto !important;}
.textleft {text-align:left !important;} .textright {text-align:right !important} .textcenter {text-align:center !important}

/*widths*/
.width0 {width:0% !important;} .width10 {width:10% !important;} .width15 {width:15% !important;} .width20 {width:20% !important;} .width25 {width:25% !important;}
.width30 {width:30% !important;} .width35 {width:35% !important;} .width40 {width:40% !important;} .width45 {width:45% !important;} .width50 {width:50% !important;}
.width55 {width:55% !important;} .width60 {width:60% !important;} .width65 {width:65% !important;} .width70 {width:70% !important;} .width75 {width:75% !important;}
.width80 {width:80% !important;} .width85 {width:85% !important;} .width90 {width:90% !important;} .width95 {width:95% !important;} .width100 {width:100% !important;}
.max500 {max-width:500px !important;}

/*margin*/
.margin0 {margin:0px !important;} .margin5 {margin:5px !important;}
.margin10 {margin:10px !important;} .margin15 {margin:15px !important;}
.margin20 {margin:20px !important;} .margin25 {margin:25px !important;}
.margin30 {margin:30px !important;} .margin35 {margin:25px !important;}
.margin40 {margin:40px !important;} .margin45 {margin:45px !important;}
.margin50 {margin:50px !important;} .margin55 {margin:55px !important;}
/*top*/
.mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;} .mt55 {margin-top:55px !important;}
/*right*/
.mr0 {margin-right:0px !important;} .mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;} .mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;} .mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;} .mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;} .mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;} .mr55 {margin-right:55px !important;}
/*bottom*/
.mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;} .mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;} .mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;} .mb55 {margin-bottom:55px !important;}
/*left*/
.ml0 {margin-left:0px !important;} .ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;} .ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;} .ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;} .ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;} .ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;} .ml55 {margin-left:55px !important;}

/*padding*/
.padding0 {padding:0px !important;} .padding5 {padding:5px !important;}
.padding10 {padding:10px !important;} .padding15 {padding:15px !important;}
.padding20 {padding:20px !important;} .padding25 {padding:25px !important;}
.padding30 {padding:30px !important;} .padding35 {padding:25px !important;}
.padding40 {padding:40px !important;} .padding45 {padding:45px !important;}
.padding50 {padding:50px !important;} .padding55 {padding:55px !important;}
/*top*/
.pt0 {padding-top:0px !important;} .pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;} .pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;} .pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;} .pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;} .pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;} .pt55 {padding-top:55px !important;}
/*right*/
.pr0 {padding-right:0px !important;} .pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;} .pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;} .pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;} .pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;} .pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;} .pr55 {padding-right:55px !important;}
/*bottom*/
.pb0 {padding-bottom:0px !important;} .pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;} .pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;} .pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;} .pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;} .pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;} .pb55 {padding-bottom:55px !important;}
/*left*/
.pl0 {padding-left:0px !important;} .pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;} .pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;} .pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;} .pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;} .pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;} .pl55 {padding-left:55px !important;}

/*========Other========*/
.col2 {display:block;width:46%;float:left;clear:none;margin:0 4% 15px 0;}

.hr, .hr-small {display:block;width:100% !important;height:1px !important;margin:30px 0 30px 0 !important;padding:0;border-bottom:1px solid #eee;float:none;clear:both;/*background:url(mysource_files/hr.png) left top scroll repeat-x transparent;*/}
.hr-small {/*background:url(mysource_files/hr-small.png) left top no-repeat;*/}
hr {display:block;width:100% !important;height:1px;margin:0 0 15px;padding:0;border:0;float:left;clear:both;}

sup, sub {font-size:0.75em;}

.wordwrap {
    width: 300px;
    height:18px;
    white-space: nowrap;
    word-wrap: break-word;      /* for IE, Firefox since 3.5 and Opera since 10.5 */
    overflow: hidden;           /* required for text-overflow */
    text-overflow: ellipsis;    /* for IE and WebKit (Safari, Chrome) */
    -o-text-overflow: ellipsis; /* for Opera since 9.0 */
}

.search-results {padding-bottom:20px;}

/*Lightbox*/
#lightbox, #ibox {z-index:99999;}
#overlay, #ibox_w {z-index:9999;}

/*Text Shadows*/
/*.{text-shadow:#FFFFFF 1px 1px 1px;filter:Shadow(Color=#FFFFFF,Direction=135,Strength=1);}*/

/*====Transparency Effect====*/
/*a#logo:hover, #search input.search-btn:hover, #social a:hover, #menu ul li a:hover, #rightSub ul li a:hover {filter:alpha(opacity=70);opacity:0.70;-moz-opacity:0.70;-khtml-opacity:0.70;}*/

/*====Extra Non-CMS compatible styles====*/
/*a[href^="/"]:after {
   content: " (http://www.website.com.au" attr(href) ") ";
}*/

/*====Blockquotes====*/
/*
q:before {
    color: #ccc;
    content: "“";
    display: block;
    font: italic 400%/1 Georgia,"Times New Roman",serif;
    height: 0;
    margin: -15px 0 0 -30px;
    float: left;
}
q {
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    width: auto;
    padding: 15px 10px 15px 30px;
    border: 0px 0px 0px solid #ddd;
    border-left: 6px solid #ddd;
    color:#333;font-size:14px;font-weight:normal;margin:0 0 15px;padding:0;text-decoration:none;line-height:140%;
}
*/


/* ==========================================================================
   WRAPPERS
   ========================================================================== */
/* Wrappers & Containers */
.body {
    display: block;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    float: none;
    clear: none;
    overflow: hidden;
}
.wrapper {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
    clear: both;
}
.container {
    display: block;
    width: 100%;
    max-width: 1024px;
    height: inherit;
    margin: 0 auto;
    padding: 0;
    float: none;
    clear: both;
    position: relative;
}
.info {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    float: none;
    clear: both;
}


/* ==========================================================================
   SECTIONS
   ========================================================================== */
/* Header */
header {
    display: block;
    width: 100%;
    height: 260px;
    margin: 0 auto;
    padding: 0;
    float: none;
    clear: both;
    position: relative;
    /*overflow: hidden;*/
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/150798/header_bg.png?v=0.4.1) center -400px scroll no-repeat transparent/*#00344d*/;
    z-index: 99;
}
#header {
    display: block;
    width: 100%;
    height: inherit;
    margin: 0;
    padding: 0;
    float: none;
    clear: both;
    position: relative;
    /*overflow: hidden;*/
    background: none;
}

/* Section*/
section {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    float: none;
    clear: both;
    position: relative;
    background:#FFF;
}
#section {
    display: block;
    width: 100%;
    max-width: 1024px;
    height: auto;
    margin: 0;
    padding: 0 0 320px;
    float: left;
    clear: both;
    position: relative;
    /*overflow: hidden;*/
    background: none;
}

/* Footer */
footer {
    display: block;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    padding: 0;
    float: none;
    clear: both;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/150793/footer_bg.png?v=0.4.1) center bottom scroll no-repeat transparent;
}
#footer {
    display: block;
    width: 100%;
    max-width: 1024px;
    height: inherit;
    margin: 0;
    padding: 0;
    float: none;
    clear: both;
    position: relative;
    overflow: hidden;
    background: none;
}


/* ==========================================================================
   LAYOUT
   ========================================================================== */
#logo {
    display: block;
    width: 250px;
    height: 126px;
    margin: 30px 0 0;
    padding: 0;
    float: left;
    clear: none;
    position: relative;
    overflow: hidden;
    background: none;
    border: 0px none;
    /*background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0009/150948/logo.png?v=0.3.1) center top scroll no-repeat transparent;
    background-size: 100% auto;
    text-indent: -999999px;*/
    z-index: 9;
} #logo img {width:auto;max-width:100%;}
#logo_footer {
    display: block;
    width: 125px;
    height: 125px;
    margin: 50px 0 0;
    padding: 0;
    float: left;
    clear: none;
    position: relative;
    overflow: hidden;
    background: none;
    z-index: 9;
}
#logo img,
#logo_footer img {
    /* Shadow */
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}
#footer p {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding:;
    float: none;
    clear: none;
    position: absolute;
    left: 0;
    top: 190px;
    background: none;
    color: #FFF;
    font-size: 12px;
}
#footer a {color:#FFF;text-decoration:none;}
#footer a:hover {color:#FFF;text-decoration:underline;}
.contentleft,
#contentleft {
    display: block;
    width: 65%;
    max-width: 684px;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    float: left;
    clear: none;
    position: relative;
    background: none;
}
.contentright,
#contentright {
    display: block;
    width: 35%;
    max-width: 300px;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    float: right;
    clear: none;
    position: relative;
    background: none;
}
.key_dates,
#key_dates {
    display: block;
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    max-width: 300px;
    height: auto;
    margin: 0 auto;
    padding: 40px 20px 40px;
    float: right;
    clear: none;
    position: relative;
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0009/150939/key_dates_bg.png?v=0.3.1) 100px 140px scroll no-repeat #d0e0e9;
    background-size: 280px auto;
}
#key_dates h3, .key_dates h3 {color:#00364d;font-weight:bold;}
#key_dates.topcontent, .key_dates.topcontent {margin:-290px auto 20px !important;padding:290px 20px 40px !important;}
.topcontent {margin:-130px auto 20px !important;}
.bluebox,
.greenbox {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 20px;
    float: none;
    clear: both;
    position: relative;
    background: #d0e0e9;
    border: 0px none !important;
    text-decoration: none;
}
.greenbox {background:#58822c;}
.bluebox:hover {}
.greenbox:hover {background:#4c6a2c;color:#FFF;}
.vote_project {
    display: none;
    width: auto;
    height: auto;
    margin: 0 0 20px;
    padding: 10px 20px;
    float: left;
    clear: both;
    position: relative;
    background: #58822c;
    border: 0px none !important;
    text-decoration: none;
    font-weight: bold;
    color: #FFF !important;
}
.vote_project:hover {background:#4c6a2c;color:#FFF;}
.larger_img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 20px 20px 0;
    padding: 0;
    float: left;
    clear: none;
    position: relative;
    /* Transition */
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.larger_img:hover {
    /* Box Shadow */
    -webkit-box-shadow: 0px 0px 10px #d0e0e9;
    -moz-box-shadow: 0px 0px 10px #d0e0e9;
    -ms-box-shadow: 0px 0px 10px #d0e0e9;
    -o-box-shadow: 0px 0px 10px #d0e0e9;
    box-shadow: 0px 0px 10px #d0e0e9;
}
.larger_img img {border:0px none;
    /* Transition */
    /*-webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;*/
}
.larger_img:hover img {
    /* Opacity */
    /*filter: alpha(opacity=70);
    -khtml-opacity: 0.70;
    -webkit-opacity: 0.70;
    -moz-opacity: 0.70;
    -ms-opacity: 0.70;
    -o-opacity: 0.70;
    opacity: 0.70;*/
}
.nominations {
    display: block;
    width: 179px;
    height: auto;
    min-height: 240px;
    margin: 0 20px 20px 0;
    padding: 10px;
    float: left;
    clear: none;
    position: relative;
    background: #FFF;
    overflow: hidden;
    border: 1px solid #E5F1F8 !important;
    /* Box Shadow */
    -webkit-box-shadow: inset 0px 0px 10px #d0e0e9;
    -moz-box-shadow: inset 0px 0px 10px #d0e0e9;
    -ms-box-shadow: inset 0px 0px 10px #d0e0e9;
    -o-box-shadow: inset 0px 0px 10px #d0e0e9;
    box-shadow: inset 0px 0px 10px #d0e0e9;
    /* Animation */
    -webkit-animation: shadowFadeOut 0.25s;
    -moz-animation: shadowFadeOut 0.25s;
    -ms-animation: shadowFadeOut 0.25s;
    -o-animation: shadowFadeOut 0.25s;
    animation: shadowFadeOut 0.25s;
}
.nominations:hover {
    /* Box Shadow */
    -webkit-box-shadow: 0px 0px 10px #d0e0e9;
    -moz-box-shadow: 0px 0px 10px #d0e0e9;
    -ms-box-shadow: 0px 0px 10px #d0e0e9;
    -o-box-shadow: 0px 0px 10px #d0e0e9;
    box-shadow: 0px 0px 10px #d0e0e9;
    /* Animation */
    -webkit-animation: shadowFade 0.25s;
    -moz-animation: shadowFade 0.25s;
    -ms-animation: shadowFade 0.25s;
    -o-animation: shadowFade 0.25s;
    animation: shadowFade 0.25s;
}
@-webkit-keyframes shadowFade {
    0% { box-shadow: inset 0 0 10px #d0e0e9; }
    50% { box-shadow: none; }
    100% { box-shadow: 0 0 10px #d0e0e9; }
}
@-webkit-keyframes shadowFadeOut {
    0% { box-shadow: 0 0 10px #d0e0e9; }
    50% { box-shadow: none; }
    100% { box-shadow: inset 0 0 10px #d0e0e9; }
}
@-moz-keyframes shadowFade {
    0% { box-shadow: inset 0 0 10px #d0e0e9; }
    50% { box-shadow: none; }
    100% { box-shadow: 0 0 10px #d0e0e9; }
}
@-moz-keyframes shadowFadeOut {
    0% { box-shadow: 0 0 10px #d0e0e9; }
    50% { box-shadow: none; }
    100% { box-shadow: inset 0 0 10px #d0e0e9; }
}
@-ms-keyframes shadowFade {
    0% { box-shadow: inset 0 0 10px #d0e0e9; }
    50% { box-shadow: none; }
    100% { box-shadow: 0 0 10px #d0e0e9; }
}
@-ms-keyframes shadowFadeOut {
    0% { box-shadow: 0 0 10px #d0e0e9; }
    50% { box-shadow: none; }
    100% { box-shadow: inset 0 0 10px #d0e0e9; }
}
@-o-keyframes shadowFade {
    0% { box-shadow: inset 0 0 10px #d0e0e9; }
    50% { box-shadow: none; }
    100% { box-shadow: 0 0 10px #d0e0e9; }
}
@-o-keyframes shadowFadeOut {
    0% { box-shadow: 0 0 10px #d0e0e9; }
    50% { box-shadow: none; }
    100% { box-shadow: inset 0 0 10px #d0e0e9; }
}
@keyframes shadowFade {
    0% { box-shadow: inset 0 0 10px #d0e0e9; }
    50% { box-shadow: none; }
    100% { box-shadow: 0 0 10px #d0e0e9; }
}
@keyframes shadowFadeOut {
    0% { box-shadow: 0 0 10px #d0e0e9; }
    50% { box-shadow: none; }
    100% { box-shadow: inset 0 0 10px #d0e0e9; }
}
.nominations img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    float: none;
    clear: both;
    border: none;
    /* Transition */
    /*-webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;*/
}
.nominations:hover img {
    /* Opacity */
    /*filter: alpha(opacity=70);
    -khtml-opacity: 0.70;
    -webkit-opacity: 0.70;
    -moz-opacity: 0.70;
    -ms-opacity: 0.70;
    -o-opacity: 0.70;
    opacity: 0.70;*/
}
.arcdes {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    float: none;
    clear: both;
    color: #666;
    font-size: 15px;
    line-height: 120%;
    font-weight: bold;
    text-decoration: none;
    border: 0px none;
}
.proadd {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    float: none;
    clear: both;
    color: #666;
    font-size: 12px;
    line-height: 120%;
    font-weight: normal;
    font-style: italic;
    text-decoration: none;
    border: 0px none;
}
.shortlisted {
    display: none;
    width: 100%;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    float: none;
    clear: both;
    color: #427e94;
    font-size: 13px;
    line-height: 100%;
    font-weight: bold;
}
.awards {
    display: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
    clear: both;
    color: #2f872f;
    font-size: 13px;
    line-height: 100%;
    font-weight: normal;
}


# {
    display: block;
    width: 100%;
    max-width: 1024px;
    height: auto;
    min-height: 100px;
    margin: 0 auto;
    padding: 0;
    float: none;
    clear: both;
    position: relative;
    overflow: hidden;
    background: none;
}

. {
    display: block;
    width: 100%;
    max-width: 1024px;
    height: auto;
    min-height: 100px;
    margin: 0 auto;
    padding: 0;
    float: none;
    clear: both;
    position: relative;
    overflow: hidden;
    background: none;
}


/* ==========================================================================
   OTHER
   ========================================================================== */
/* Responsive */
img.responsive, .responsive > * {max-width:100% !important;width:auto !important;}

/* Hover */
.social:hover {
    /* Opacity */
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
}

/* Columns */
.leftcol {
    display: block;
    float: left;
    width: 70%;
}
.rightcol {
    display: block;
    float: right;
    width: 25%;
}
.fullcol {
    display: block;
    float: left;
    width: 100%;
    clear: both;
}
#leftcol {
    display: block;
    width: 45%;
    height: auto;
    margin: 0 5% 0 0;
    padding: 0;
    float: left;
    clear: none;
    position: relative;
    background: none;
}
#rightcol {
    display: block;
    width: 45%;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
    clear: none;
    position: relative;
    background: none;
}
#fullcol {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    position: relative;
    background: none;
}


/* ==========================================================================
   FORMS
   ========================================================================== */
.item,
.sq-form-question
{
    display: block;
    width: -moz-calc(100% - 30px) !important;
    width: -webkit-calc(100% - 30px) !important;
    width: calc(100% - 30px) !important;
    height: auto;
    margin: 0 0 10px;
    padding: 15px 15px 0;
    float: left;
    clear: both;
    position: relative;
    background: none repeat scroll 0 0 transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
   -webkit-transition: 0.5s;  
   -moz-transition: 0.5s;  
   -o-transition: 0.5s;  
   transition: 0.5s;
}
.item:hover,
.sq-form-question:hover
{
    background: none repeat scroll 0 0 #eee;
}
.item.focus,
.sq-form-question.focus
{
    background: none repeat scroll 0 0 #eee/*#D6D38C*/;
}
.item p,
.sq-form-question p
{margin:0 0 5px 0;}
label {
    display: inline-block;
    /*width: 100%;
    float: left;
    clear: both;*/
    font-size: 14px;
    line-height: 140%;
    color: #333;
    margin: 0 0 10px;
}
form ul li label
{margin:0;}
.sq-form-question-title,
.sq-form-section-title
{font-weight:bold;margin:0 0 5px 0;}
.sq-form-required-field
{color:#F00;}
input[type="text"],
input[type="date"],
input[type="file"],
input[type="email"],
input[type="password"],
textarea,
select
{
    display: block;
    width: 95%;
    height: 20px;
    margin: 0 0 15px;
    padding: 10px 2%;
    background: #FFF;
    float: left;
    clear: both;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    border: 1px solid #00364d;
    color: #333;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
input[type="text"][readonly="readonly"] {background-color:#FFFFF0/*ebebe4*/;}
input[type="file"] {border:0px none;}
select {width:99%;height:40px;padding:5px 2%;cursor:pointer;}
.options select {display:inline-block;width:auto;float:none;clear:none;margin:0 5px 15px 0;}
select option {font-size:15px;padding:5px 10px;}
textarea {height:124px;}
input.cat_textbox_small,
textarea.cat_listbox_small  {width:56%;}
input[type="checkbox"],
input[type="radio"]
{
    clear: none;
    display: inline-block;
    float: none;
    margin: 0 5px 0 0;
    width: auto !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus
{
    /* Box Shadow */
    -webkit-box-shadow: 0 0 3px 0 #00364d/*, 0 1px 3px #003767 inset*/;
    -moz-box-shadow: 0 0 3px 0 #00364d/*, 0 1px 3px #003767 inset*/;
    -ms-box-shadow: 0 0 3px 0 #00364d/*, 0 1px 3px #003767 inset*/;
    -o-box-shadow: 0 0 3px 0 #00364d/*, 0 1px 3px #003767 inset*/;
    box-shadow: 0 0 3px 0 #00364d/*, 0 1px 3px #003767 inset*/;
}
input[type="checkbox"] {
    display: inline;
}
input[type="checkbox"] + label {
    /*width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);*/
    display: inline;
    margin: 0 0 5px;
}
[type="submit"]
{
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 30px;
    padding: 10px 20px;
    float: left;
    clear: none;
    cursor: pointer;
    border: 0px none;
    /*text-indent: -999999px;
    line-height: 999999px;
    *padding-left: 999999px;
    font-size: 0;
    overflow: hidden;*/
    background: #58822c;
    font-size: 14px;
    line-height: 140%;
    font-weight: bold;
    color: #FFF;
    /*text-transform: uppercase;*/
    font-family: Arial, Verdana, Helvetica, sans-serif;
    -webkit-appearance: none;
    
    /* Transition */
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
input.cat_button:hover,
[type="submit"]:hover
{color:#FFF;background:#4c6a2c;}

#form_processing.processing {
    display: block;
    min-width: 24px;
    min-height: 24px;
    margin: 10px 0 36px 15px;
    padding: 2px 0 0 34px;
    float: left;
    clear: none;
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0014/151070/form_processing.gif?v=0.2.1) top left scroll no-repeat transparent;
}

form ul {
    margin: 0 0 20px !important;
    padding: 0 !important;
    list-style: none none;
}
form ul li {
    margin: 0 0 10px !important;
    padding: 0 !important;
}
form .treemenu,
form [class*="treemenu"],
form ul.form-ul
{
    list-style: disc outside none !important;
    margin: 0 0 15px 14px !important;
}
form .form-ul.ml0 {
    margin: 0 0 15px 0px !important;
}
form .list
{
    list-style: disc outside none;
    width: 70% !important;
    float: none !important;
    margin: 0 0 15px 30% !important;
}
form [class*="info_message"] .list
{
    list-style: disc outside none;
    width: -moz-calc(100% - 14px) !important;
    width: -webkit-calc(100% - 14px) !important;
    width: calc(100% - 14px) !important;
    margin: 0 0 15px 14px !important;
    float: none !important;
}
form [class*="info_message"] .list li
{
    margin: 0 0 15px !important;
}
form [class*="info_message"] .list ul
{
    display: block;
    list-style: circle outside none;
    margin: 15px 0 10px 0% !important;
    float: left; clear: both;
}
form [class*="info_message"] .list ul li
{
    margin: 0 0 15px 14px !important;
}
form .list.treemenu li,
form .list[class*="treemenu"] li,
form .list.form-ul li
{
    margin: 0 0 10px 0px !important;
}
form .list li
{
    margin: 0 0 10px 14px !important;
}
form .treemenu ul,
form [class*="treemenu"] ul,
form .list ul
{
    margin: 10px 0 30px 14px !important;
}

.item.checkbox_label ul,
.sq-form-question.checkbox_label ul
{float:left;clear:both;margin:0 !important;}
.item.checkbox_label ul li,
.sq-form-question.checkbox_label ul li
{float:left;clear:both;margin:0 0 15px !important;}
.item.checkbox_label label,
.sq-form-question.checkbox_label label
{
    width: -moz-calc(100% - 25px) !important;
    width: -webkit-calc(100% - 25px) !important;
    width: calc(100% - 25px) !important;
    float: left;
    margin: 0 0 0 10px;
}
.item.checkbox_label input[type="checkbox"],
.item.checkbox_label input[type="radio"],
.sq-form-question.checkbox_label input[type="checkbox"],
.sq-form-question.checkbox_label input[type="radio"]
{float:left;margin:4px 0 0;}

.col2 .item , .form.col2 .item, .webform.col2 .item {width:46%;clear:none;margin-right:4%;}

.error_messages p {

}
.error_messages ul, .assetform ul {
    clear: both;
    display: block;
    float: left;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}
.error_messages ul li, .assetform ul li, .error_messages p {
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0004/150961/icons-error.png?v=0.2.1) no-repeat scroll 10px 5px #ffb1b1;
    display: block;
    width: -moz-calc(100% - 45px) !important;
    width: -webkit-calc(100% - 45px) !important;
    width: calc(100% - 45px) !important;
    list-style: outside none none;
    margin: 0 0 5px !important;
    padding: 6px 5px 6px 40px !important;
}
.error_messages p  {line-height:150%;margin: 0 0 15px !important;}


/* ==========================================================================
   CUSTOM ALERTS
   ========================================================================== */
div#alertBox {
    background-color: #FFF;
    color: #666;
    display: none;
    font-size: 12px;
    line-height: 16px;
    margin: 0px;
    padding: 12px 16px;
    position: fixed;
    top: 25px;
    right: 20px;
    min-width: 250px;
    max-width: 500px;
    z-index: 999999;
    
    /* Border Radius */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    
    /* Shadow */
    -webkit-box-shadow: 1px 2px 3px #CCC;
    -moz-box-shadow: 1px 2px 3px #CCC;
    -ms-box-shadow: 1px 2px 3px #CCC;
    -o-box-shadow: 1px 2px 3px #CCC;
    box-shadow: 1px 2px 3px #CCC;
    
    /* Transition */
    /*-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;*/
}
div#alertBox:hover {
    -webkit-box-shadow: 1px 2px 3px #999;
    -moz-box-shadow: 1px 2px 3px #999;
    -ms-box-shadow: 1px 2px 3px #999;
    -o-box-shadow: 1px 2px 3px #999;
    box-shadow: 1px 2px 3px #999;
}
div#alertBox .close {
    display: block;
    width: 12px;
    height: 12px;
    margin: 0px;
    padding: 4px;
    position: absolute;
    top: -10px;
    left: -10px;
    color: #FFF;
    background: #CCC;
    text-decoration: none;
      text-align: center;
    font-size: 16px;
    /*line-height: 12px;
    text-indent: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;*/

    /* Border Radius */
    -webkit-border-radius: 1024px;
    -moz-border-radius: 1024px;
    -ms-border-radius: 1024px;
    -o-border-radius: 1024px;
    border-radius: 1024px;

    /* Shadow */
    -webkit-box-shadow: 1px 1px 1px #999;
    -moz-box-shadow: 1px 1px 1px #999;
    -ms-box-shadow: 1px 1px 1px #999;
    -o-box-shadow: 1px 1px 1px #999;
    box-shadow: 1px 1px 1px #999;
    
    /* Transition */
    /*-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;*/
}
div#alertBox .close:hover {
    color: #666;
    background: #FFF;
    
    /* Shadow */
    -webkit-box-shadow: 1px 1px 1px #999;
    -moz-box-shadow: 1px 1px 1px #999;
    -ms-box-shadow: 1px 1px 1px #999;
    -o-box-shadow: 1px 1px 1px #999;
    box-shadow: 1px 1px 1px #999;
}


/* ==========================================================================
   BACK TO TOP
   ========================================================================== */
#back-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
}
#back-top a {
    width: 50px;
    display: block;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
    color: #CCC;
    
    /* Transition */
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    
    /* Position */
    /*-webkit-transition: top 0.5s;*/ /* Safari and Chrome */
    /*-moz-transition: top 0.5s;*/ /* Firefox 4 */
    /*-ms-transition: top 0.5s;*/ /* Opera */    
    /*-o-transition: top 0.5s;*/ /* Opera */    
    /*transition: top 0.5s;*/
}
#back-top a:hover {
    color: #999;
    cursor: pointer;
}
/* arrow icon (span tag) */
#back-top span {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 0 5px;
    background: url(mysource_files/btns/arrow-up.png) center center scroll no-repeat #CCC;
    
    /* Border Radius */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    
    /* Transition */
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#back-top a:hover span {
    background-color: #999;

    /*-webkit-box-shadow: 1px 1px 1px #FFF;
    -moz-box-shadow: 1px 1px 1px #FFF;
    -ms-box-shadow: 1px 1px 1px #FFF;
    -o-box-shadow: 1px 1px 1px #FFF;
    box-shadow: 1px 1px 1px #FFF;*/
}

/************************************************************/   
/* ---- //Styles for adding icons to links// -----*/
/************************************************************/
a[href*='.docx'],
a[href*='.DOCX']
{
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/153854/icon-msword.gif?v=0.1.1) right center scroll no-repeat transparent;
    padding-right: 16px;
}
a[href*='.pdf'],
a[href*='.PDF']
{
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/153858/icon-pdf.gif?v=0.1.1) right center scroll no-repeat transparent;
    padding-right: 16px;
}

/* Use for adding icons to links in a list */
ul.pdf-bullet li,
ul.webform-bullet li,
ul.MSWord-bullet li,
ul.rss-feed li,
ul.pdf-bullets li,
ul.webform-bullets li,
ul.MSWord-bullets li,
ul.rss-feeds li
{
    list-style: none none !important;
    background: none !important;
    margin: 0 0 10px !important;
}

/* class lists */
ul.pdf-bullet li,
ul.pdf-bullets li
{
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/153858/icon-pdf.gif?v=0.1.1) no-repeat !important;
}
ul.webform-bullet li,
ul.webform-bullets li
{
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/153853/icon-webform.gif?v=0.1.1) no-repeat !important;
}
ul.MSWord-bullet li,
ul.MSWord-bullets li
{
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/153854/icon-msword.gif?v=0.1.1) no-repeat !important;
}
ul.rss-feed li,
ul.rss-feeds li
{
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0009/153855/icon-feed.gif?v=0.1.1) no-repeat !important;
}
ul.pdf-bullet li a,
ul.webform-bullet li a,
ul.MSWord-bullet li a,
ul.rss-feed li a,
ul.pdf-bullets li a,
ul.webform-bullets li a,
ul.MSWord-bullets li a,
ul.rss-feeds li a
{
    padding: 0 0 0 16px !important;
    background: none !important;
}

/* no bullet lists */
.no-bullet,
.no-bullet ul,
.no-bullets,
.no-bullets ul
{
    background: none;
    list-style: none none;
}
.no-bullet li,
li.no-bullet,
.no-bullets li,
li.no-bullets
{
    list-style: none none !important;
    background: none !important;
    margin: 0 0 10px !important;
}
.no-bullet li a,
li.no-bullet a,
.no-bullets li a,
li.no-bullets a
{
    padding: 0 0 0 16px !important;
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0007/153853/icon-webform.gif?v=0.1.1) no-repeat !important;
}
.no-bullet li a[href*='.docx'],
li.no-bullet a[href*='.docx'],
.no-bullets li a[href*='.docx'],
li.no-bullets a[href*='.docx'],
.no-bullet li a[href*='.DOCX'],
li.no-bullet a[href*='.DOCX'],
.no-bullets li a[href*='.DOCX'],
li.no-bullets a[href*='.DOCX']
{
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0008/153854/icon-msword.gif?v=0.1.1) no-repeat !important;
}
.no-bullet li a[href*='.pdf'],
li.no-bullet a[href*='.pdf'],
.no-bullets li a[href*='.pdf'],
li.no-bullets a[href*='.pdf'],
.no-bullet li a[href*='.PDF'],
li.no-bullet a[href*='.PDF'],
.no-bullets li a[href*='.PDF'],
li.no-bullets a[href*='.PDF']
{
    background: url(https://www.woollahra.nsw.gov.au/__data/assets/image/0003/153858/icon-pdf.gif?v=0.1.1) no-repeat !important;
}

/*ul.pdf-bullet li a span,
ul.webform-bullet li a span,
ul.MSWord-bullet li a span,
ul.pdf-bullets li a span,
ul.webform-bullets li a span,
ul.MSWord-bullets li a span
{
    border-bottom: 1px solid #b5cfe6;
}
ul.pdf-bullet li a:hover span,
ul.webform-bullet li a:hover span,
ul.MSWord-bullet li a:hover span,
ul.pdf-bullets li a:hover span,
ul.webform-bullets li a:hover span,
ul.MSWord-bullets li a:hover span
{
    border-bottom: 2px solid #003767;
}*/
/* ---- //End of Styles for adding PDF icon to link to PDFs// -----*/

/*
.pdf, a.pdf[href $='.pdf'] { 
   padding:2px 0 2px 20px;
   background:url(mysource_files/icon_pdf.gif) no-repeat scroll center left transparent;
}
.doc, a.doc[href $='.doc'] { 
   padding:2px 0 2px 20px;
   background:url(mysource_files/icon_doc.gif) no-repeat scroll center left transparent;
}
.xls, a.xls[href $='.xls'] { 
   padding:2px 0 2px 20px;
   background:url(mysource_files/icon_xls.gif) no-repeat scroll center left transparent;
}
.pps, a.pps[href $='.pps'] { 
   padding:2px 0 2px 20px;
   background:url(mysource_files/icon_pps.gif) no-repeat scroll center left transparent;
}
.phone { 
   padding:2px 0 2px 20px;
   background:url(mysource_files/icon_phone.png) no-repeat scroll center left transparent;
}
*/


/* ==========================================================================
   FANCYBOX
   ========================================================================== */
/*! fancyBox v3.0.47 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-enabled {
  overflow: hidden; }

.fancybox-enabled body {
  overflow: visible;
  height: 100%; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992; }

.fancybox-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0f0f11;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
/*
.fancybox-container--ready {
  backface-visibility: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  xopacity: 1;
}
*/
.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  z-index: 99994;
  transition: opacity .2s;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  direction: ltr; }

.fancybox-show-controls .fancybox-controls {
  opacity: 1; }

.fancybox-infobar {
  display: none; }

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all; }

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  pointer-events: all; }

.fancybox-show-buttons .fancybox-buttons {
  display: block; }

.fancybox-slider-wrap {
  overflow: hidden;
  direction: ltr; }

.fancybox-slider-wrap,
.fancybox-slider {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  z-index: 99993;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent; }

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box; }

.fancybox-slide.fancybox-slide--image {
  opacity: 0;
  /*-moz-transition: all 0.01s ease;
  -o-transition: all 0.01s ease;
  -webkit-transition: all 0.01s ease;
  transition: all 0.01s ease;*/
  overflow: hidden; }
.fancybox-slide.fancybox-slide--image.fancybox-slide--complete {
  opacity: 1;
  /*-moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;*/ }
.fancybox-container.opened .fancybox-slide.fancybox-slide--image {
  opacity: 1; }
.fancybox-slide.fancybox-slide--image img {
  opacity: 0;
    /* Transition */
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s; }
.fancybox-container.opened .fancybox-slide.fancybox-slide--image img {
  opacity: 1; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-content {
  display: inline-block;
  position: relative;
  margin: 44px auto;
  padding: 0;
  border: 0;
  width: 80%;
  height: calc(100% - 88px);
  vertical-align: middle;
  line-height: normal;
  text-align: left;
  white-space: normal;
  outline: none;
  font-size: 16px;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
  background: transparent; }

.fancybox-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%; }

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-error {
  position: absolute;
  margin: 0;
  padding: 40px;
  top: 50%;
  left: 50%;
  width: 380px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer; }

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .2s;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus:after {
  outline: 1px dotted #888; }

.fancybox-slide--video .fancybox-close-small {
  top: -36px;
  right: -36px;
  background: transparent; }

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee; }

/* Caption */
.fancybox-caption-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  z-index: 99998;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none; }

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; text-align: center; }

.fancybox-caption a,
.fancybox-caption button {
  pointer-events: all; }

.fancybox-caption a {
  color: #fff;
  text-decoration: underline; }

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  background: transparent;
  color: #fff;
  box-sizing: border-box;
  vertical-align: top;
  outline: none; }

/*.fancybox-button:empty {
  width: 44px !important;
  height: 44px !important; }*/

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none; }

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6); }

.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8); }

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  border-color: #fff;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block; }

.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
  opacity: 0.5; }

.fancybox-button--left::after {
  left: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.fancybox-button--right::after {
  right: 20px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--left {
  border-bottom-left-radius: 5px; }

.fancybox-button--right {
  border-bottom-right-radius: 5px; }

.fancybox-button--close {
  float: right; }

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px); }

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Loading spinner */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-controls {
    text-align: left; }
  .fancybox-button--left,
  .fancybox-button--right,
  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important; }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0; } }

/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: 15px;
  top: 16px;
  border: 2px solid;
  background: none; }

/* Slideshow button */
.fancybox-button--play::before {
  top: 16px;
  left: 18px;
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  background: transparent; }

.fancybox-button--pause::before {
  top: 16px;
  left: 18px;
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
  background: transparent; }

/* Thumbs */
.fancybox-button--thumbs span {
  font-size: 23px; }

.fancybox-button--thumbs::before {
  top: 20px;
  left: 21px;
  width: 3px;
  height: 3px;
  box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }

.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 220px; }

/* CUSTOM: Thumbnails opened at Bottom of screen */
.fancybox-thumbs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  width: 220px;
  margin: 0;
  padding: 5px 5px 0 0;
  background: #fff;
  z-index: 99993;
  word-break: normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box; }

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  /*position: relative;*/
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  left: 0%; right: 0;
  -webkit-transform: translate(0%, 0px);
  -ms-transform: translate(0%, 0px);
  transform: translate(0%, 0px);
  font-size: 0; text-align: center; }

.fancybox-thumbs > ul > li {
  float: none/*left*/; display: inline-block;
  overflow: hidden;
  max-width: 50%;
  padding: 0;
  margin: 0;
  width: 100% !important;
  max-width: 105px !important;
  height: 75px !important;
  position: relative;
  cursor: pointer;
  outline: none;
  border: 5px solid #fff;
  border-top-width: 0;
  border-right-width: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box; }

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important; }
  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap,
  .fancybox-container--thumbs .fancybox-caption-wrap {
    right: 0; } }
    
.fancybox-thumbs {
  top: auto;
  width: 100%;
  bottom: 10px;
  left: 0;
  right : 0;
  bottom: 0;
  height: 105px/*80px*/;
  background: transparent;
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-thumbs > ul > li {
  border-color: transparent;
}

.fancybox-container--thumbs .fancybox-controls, 
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 0;
  bottom: 115px/*90px*/;
}

@media all and (max-width: 800px) {

    .fancybox-thumbs {
        display: none !important;
    }

    .fancybox-container--thumbs .fancybox-controls,
    .fancybox-container--thumbs .fancybox-slider-wrap,
    .fancybox-container--thumbs .fancybox-caption-wrap {
        bottom: 0;
    }

}

/* CUSTOM: Download Button */
.fancybox-download:before {
  top: 14px;
  left: 22px;
  border-left: 2px solid #fff;
  height: 12px;
}

.fancybox-download:after {
  bottom: 18px;
  left: 23px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 8px;
  background: transparent;
  transform: rotate(45deg);
  transform-origin: 0 0;
}


/* ==========================================================================
   FONT AWESOME
   ========================================================================== */
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.woollahra.nsw.gov.au/__data/assets/file/0007/150748/fontawesome-webfont.eot?v=0.4.1?v=4.2.0');
  src: url('https://www.woollahra.nsw.gov.au/__data/assets/file/0007/150748/fontawesome-webfont.eot?v=0.4.1?#iefix&v=4.2.0') format('embedded-opentype'), url('https://www.woollahra.nsw.gov.au/__data/assets/file/0019/150751/fontawesome-webfont.woff?v=0.4.1?v=4.2.0') format('woff'), url('https://www.woollahra.nsw.gov.au/__data/assets/file/0018/150750/fontawesome-webfont.ttf?v=0.4.1?v=4.2.0') format('truetype'), url('https://www.woollahra.nsw.gov.au/__data/assets/file/0008/150749/fontawesome-webfont.svg?v=0.4.1?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* External Links */
a.external:after {
    /*display: inline-block;*/
    font: normal normal normal 1em/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f08e";
    margin-left: 5px;
}
a.non-external:after,
.result_page_links a:after {
    content: "" !important;
    margin-left: 0px !important;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.magnify:before {
    font: normal normal normal 1em/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00e";
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
}


/* ==========================================================================
   MENU
   ========================================================================== */
/*==== Main Menu ====*/
#menu {display:block;width:auto;height:auto;margin:60px 0 0;padding:0;float:right;clear:none;position:relative;background:none;z-index:99;border-bottom:0px solid #FFF;}
#menu.fixed {left:0px;top:0px;bottom:auto;right:auto;}
#menu ul {display:block;max-width:1024px;width:100%;height:auto;margin:0 auto;padding:0;float:none;clear:none;list-style-image:none;list-style-type:none;position:relative;}
#menu ul li {display:block;width:auto;height:auto;margin:0;padding:0;text-decoration:none;float:left;list-style-image:none;list-style-type:none;position:relative;background:none;}
#menu ul li > a {display:block;width:auto;height:16px;margin:0 5px;padding:10px 10px;float:none;cursor:pointer;overflow:hidden;text-decoration:none;font-size:14px;font-weight:bold;color:#FFF;position:relative;line-height:14px;text-transform:uppercase;border:1px solid #7b9ca8;
    /* Transition */
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -ms-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
#menu ul li > a:hover {border:0px none;}

/** :hover ~ .selected ~ .hover **/
#menu ul li > ul {display:none;}
/*#menu ul li.selected > ul,*/
#menu ul li:hover > ul,
#menu ul li.hover > ul {display:block;}
#menu ul li:hover > a
{text-decoration:none;background-color:#e4a613;border:1px solid #e4a613;color:#00364d;}
#menu ul li.selected > a,
#menu ul li.hover > a
{text-decoration:none;background-color:#e4a613;border:1px solid #e4a613;color:#00364d;}

/* Selected */
#menu ul li.selected > a, #menu ul li.selected > a:hover
/*#menu ul li.hover > a, #menu ul li.hover > a:hover*/ {/*cursor:default;*/}

/*==== Submenu ====*/
#menu ul ul {display:none;width:150px;height:auto;margin:0px;padding:0;position:absolute;top:36px;left:0px;background:#999;border:1px solid #333;z-index:999;}
#menu ul ul li {display:block;width:150px;height:auto;margin:0px;padding:0;float:left;clear:both;}
#menu ul ul li > a {display:block;width:130px;height:auto;margin:0px;padding:10px 10px;float:left;clear:both;font-size:13px;border:0px none;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}
#menu ul ul li:hover > a {background:#27828a;text-decoration:none;border:0px none;}
#menu ul ul li.selected > a,
#menu ul ul li.hover > a {border:0px none;margin-bottom:0px;}

/*3rd Level*/
#menu ul ul ul {display:none;width:auto;height:auto;margin:0px;padding:0;position:absolute;top:0px;left:150px;background:#999;}
#menu ul ul ul li {display:block;width:150px;height:auto;margin:0px;padding:0;float:left;clear:both;}
#menu ul ul ul li > a {border:0px none;margin:0;padding:10px 10px;}
#menu ul ul ul li:hover > a {background:#27828a;text-decoration:none;border:0px none;}
#menu ul ul ul li.selected > a,
#menu ul ul ul li.hover > a {border:0px none;margin-bottom:0px;}

/*==== Dropdown ====*/
#menu_dropdown {
    display: none;
    width: 96%;
    /*width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);*/
    height: 28px;
    padding: 10px 2%;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
            user-select: none;
    background: none;
    border: 0px;
    float: left;
    text-align: right;
    font-size: 16px;
    color: #333;
    position: relative;
  }
  #menu_dropdown:hover {
    opacity: 1; }
  #menu_dropdown:active {
    -webkit-transition: 0;
       -moz-transition: 0;
        -ms-transition: 0;
         -o-transition: 0;
            transition: 0; }

#menu_dropdown .lines {
    display: inline-block;
    width: 25px;
    height: auto;
    background: none;
    border-bottom: 2px solid #333;
    border-radius: 0px;
    -webkit-transition: 0.3s;
       -moz-transition: 0.3s;
        -ms-transition: 0.3s;
         -o-transition: 0.3s;
            transition: 0.3s;
    position: relative;
    z-index: 9; }
    #menu_dropdown .lines:before, .lines:after {
        display: inline-block;
        width: 25px;
        height: auto;
        background: none;
        border-bottom: 2px solid #333;
        border-radius: 0px;
        -webkit-transition: 0.3s;
           -moz-transition: 0.3s;
            -ms-transition: 0.3s;
             -o-transition: 0.3s;
                transition: 0.3s;
        position: absolute;
        left: 0;
        content: '';
        -webkit-transform-origin: 0.25rem center;
           -moz-transform-origin: 0.25rem center;
            -ms-transform-origin: 0.25rem center;
             -o-transform-origin: 0.25rem center;
                transform-origin: 0.25rem center; }
  #menu_dropdown .lines:before {
    top: 7px; }
  #menu_dropdown .lines:after {
    top: -7px; }

#menu_dropdown:hover {
  opacity: 1; }
  #menu_dropdown:hover .lines:before {
    top: 0.6rem; }
  #menu_dropdown:hover .lines:after {
    top: -0.6rem; }

#menu_dropdown.menu_active {background-color:#d0e0e9;}

#menu_dropdown.menu_active .lines {
  border: 0px none; }
  #menu_dropdown.menu_active .lines:before, #menu_dropdown.menu_active .lines:after {
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    top: 0;
    width: 25px; }
  #menu_dropdown.menu_active .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
       -moz-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
         -o-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg); }
  #menu_dropdown.menu_active .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
       -moz-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
         -o-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg); }

#menu_dropdown.menu_active.explorer .lines {}
#menu_dropdown .menu {
    display: block;
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    height: 16px;
    margin: 0;
    padding: 16px 50px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 0px solid #333;
    z-index: 9;
}


/* ==========================================================================
   MOBILE
   ========================================================================== */

/****************** RESET: All ******************/

@media all and (min-width : 1024px) {
    header,
    section,
    footer
    {
    width: -moz-calc(100% - 4%);
    width: -webkit-calc(100% - 4%);
    width: calc(100% - 4%);
    padding:0 2%;
    }

    #menu ul {display:block;}
    #menu_dropdown {display:none;}
}

/****************** ALL: Adjustments ******************/

@media all and (max-width : 767px) {
    header,
    section,
    footer
    {
    width: -moz-calc(100% - 4%);
    width: -webkit-calc(100% - 4%);
    width: calc(100% - 4%);
    padding:0 2%;
    }
    header {height:200px;padding-top:20px;background:#00344d;}
    section {padding-top:20px;padding-bottom:20px;}
    footer {background:#00344d;}
    
    #banner {padding-bottom:25px;}
    #menu {position:relative;top:auto;left:auto;float:left;clear:both;width:100%;margin:0;padding:0;z-index:9;border:0px;background:#FFF;}
    #menu ul {display:none;border-bottom:1px solid #333 !important;}
    #menu_dropdown {display:block;width:96%;padding:10px 2%;}
    
    #menu.fixed {width:100%;margin:0;padding:0;left:0px;top:0px;bottom:auto;right:auto;/*overflow-x:hidden;*/}
    html.mobile_active #menu, body.mobile_active #menu {height:100%;overflow:hidden;overflow-y:scroll;}
    
    /*--------------------------------------------------------- START: Menu --*/    
    #menu ul,
    #menu ul li,
    #menu ul li > a,
    
    #menu ul ul,
    #menu ul ul li,
    #menu ul ul li > a,
    
    #menu ul ul ul,
    #menu ul ul ul li,
    #menu ul ul ul li > a {
        width: 100%;
        position: relative;
        float: left;
        clear: both;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        color: #000;
        text-align: center;
        border: 0px none;
    }
    #menu {
        /*width: -moz-calc(104% - 2px);
        width: -webkit-calc(104% - 2px);
        width: calc(104% - 2px);*/
        width: 104%;
        margin: 0 -2%;
    }
    
    #menu ul li > a,
    #menu ul ul li > a,
    #menu ul ul ul li > a {
    margin: 0px;
    padding: 15px 2%;
    width: 96%;
    background: #FFF;
    }
    
    #menu ul li:hover > a,
    #menu ul ul li:hover > a,
    #menu ul ul ul li:hover > a,
    #menu ul li.hover > a,
    #menu ul ul li.hover > a,
    #menu ul ul ul li.hover > a,
    #menu ul li.selected > a,
    #menu ul ul li.selected > a,
    #menu ul ul ul li.selected > a
    {
    margin: 0px;
    border: 0px none;
    }
    /*--------------------------------------------------------- END: Menu --*/
    
    .leftcol {width:100%;float:none;clear:both;margin:0 0 20px;}
    .rightcol {width:100%;float:none;clear:both;margin:0 0 20px;}
    
    #logo {float:none;margin:0 auto;}
    #logo_footer {float:none;margin:25px auto 0;}
    #footer p {width:260px;left:50%;margin-left:-130px;top:170px;}
    #contentleft, .contentleft {width:100%;max-width:100%;float:none;clear:both;}
    #contentright, .contentright {width:100%;max-width:100%;float:none;clear:both;}
    #key_dates, .key_dates {float:none;margin:0px auto 0px;padding:40px 20px 40px;max-width:260px;background-position:100px -80px;}
    #key_dates.topcontent, .key_dates.topcontent {margin:0 auto 20px !important;padding:40px 20px !important;}
    .topcontent {margin:0 auto 20px !important;}
    
    .col2 {width:100%;clear:both;margin:0 0 15px 0;}
}

@media all and (min-width : 768px) and (max-width : 1023px) {
    header,
    section,
    footer
    {
    width: -moz-calc(100% - 4%);
    width: -webkit-calc(100% - 4%);
    width: calc(100% - 4%);
    padding:0 2%;
    }
    #menu ul li > a {
    font-size: 13px;
    }
    #contentleft, .contentleft {width:60%;}
    #contentright, .contentright {width:35%;}
    #key_dates, .key_dates {
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    }
}

.mobile-hide        { display: none; }
.mobile-only         { display: block; }


/*  ================================ Mobile Devices ============================================  */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    .fixed            { width:100%; background:green; }

/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* @end */