/****** FILE: themes/ucc/css/form.css *****/
/* FORMS
/*********************************/

fieldset, #ContactDetails {
    border:none;
    margin: 10px 0;
    padding: 5px;
    background: #F7F7F7 none repeat scroll 0% 0%;
    padding: 15px;
    border-radius: 5px;
}

#UserDefinedForm .Actions {
    display: inline-block;
}

#ContactDetails {
    box-sizing: border-box;
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
}

.submitbutton, .action, .button {
    box-sizing: border-box;
    float: right;
    display: inline-block;
    min-width: 158px;
    margin-top: 15px;
    padding: 12px 20px;
    background-color: white;
    border: 2px solid #003556;
    color: #003556!important;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.postcode.button {
    float: left;
    min-width: auto;
    padding: 4px 10px;
    margin: 0 0 1em;
    font-size: 14px;
}


.submitbutton:hover, .action:hover, .button:hover{
    background-color: #003556;
    color: white!important;
    text-decoration: none;
    cursor:pointer;
}

.typography .field {
    margin-bottom: 8px;
}

form.appnitro
{
    margin:0;
    padding:0;
}

/**** Form Section ****/
.step-navigation .step-button-wrapper {
    padding: 0;
}

#Remember label, #ForgotPassword {
    font-size: 1.5em;
}

.appnitro li
{
    width:100%;
    padding: 0;
}

#JoinUsForm_JoinUsForm_Postcode_Holder:after,
#JoinUsForm_RenewalForm_Postcode_Holder:after,
#JoinUsForm_UpdateForm_Postcode_Holder:after {
    content: ' ';
    display: table;
    clear: both;
}

#JoinUsForm_JoinUsForm_ReferralData li {
    display: flex;
    float: left;
    width: auto;
    margin-right:15px;
}

#JoinUsForm_JoinUsForm_ReferralData li label {
    clear: none;
    float: left;
}

#JoinUsForm_JoinUsForm_ReferralData:after {
    content: ' ';
    display: table;
    clear: both;
}

#ReferralOtherDiv {
    clear: both;
}

#JoinUsForm_Form_ReferralOther{
 float:left;
}

#ReferralOtherDiv label{
    float:left;
    width: 100px;
}

.appnitro h3,
.appnitro p {
    font-size: 1.3em;
}

#ProcessForm {
    margin: 0;
}

form ul
{
    font-size:100%;
    margin:0;
    padding:0;
    width:100%;
    list-style: outside none none;
}

form li
{
    display:block;
    margin:0;
    padding:4px 5px 2px 10px;
    position:relative;
    min-height: 35px;
}

form .optionset li,
form .checkboxset li{
    display: flex;
    align-items: center;
    padding-left: 0;
}

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

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

.buttons
{
    clear:both;
    display:block;
    margin-top:10px;
}

.typButton, .typButton:visited{
    display: inline-block;
    padding: 10px;
    color: #000;
    background-color: #003556;
    border-radius: 10px;
    margin: 10px 10px 0 0;
}

.typButton:hover {
    background-color: #b58a26;
    color: #FFF;
}


* html form li
{
    height:1%;
}

* html .buttons
{
    height:1%;
}

* html form li div
{
    display:inline-block;
}

form li div
{
    color:#444;
    margin:0 4px 0 0;
    padding:0 0 8px;
}

form li span
{
    color:#444;
    float:left;
    margin:0 4px 0 0;
    padding:0 0 8px;
}

.floatNone {
    float: none;
}

form li div.left
{
    display:inline;
    float:left;
    width:48%;
}

form li div.right
{
    display:inline;
    float:right;
    width:48%;
}

form li div.left .medium
{
    width:100%;
}

form li div.right .medium
{
    width:100%;
}

.clear
{
    clear:both;
}

form li div label
{
    clear:both;
    color:#444;
    display:block;
    font-size:1.2em;
    margin:0;
    padding-top:3px;
    line-height: 1.5em;
}

form li span label
{
    clear:both;
    color:#444;
    display:block;
    margin:0;
    padding-top:3px;
    font-size: 1.2em;
    line-height: 1.5em;
}

form li .datepicker
{
    cursor:pointer !important;
    float:left;
    height:16px;
    margin:.1em 5px 0 0;
    padding:0;
    width:16px;
}

.form_description
{
    border-bottom:1px dotted #ccc;
    clear:both;
    display:inline-block;
    margin:0 0 1em;
}

.form_description[class]
{
    display:block;
}

.form_description h2
{
    clear:left;
    font-size:160%;
    font-weight:400;
    margin:0 0 3px;
}

.form_description p
{
    font-size:95%;
    line-height:130%;
    margin:0 0 12px;
}

form hr
{
    display:none;
}

form li.section_break
{
    margin-top:9px;
    padding-bottom:0;
    padding-left:9px;
    padding-top:13px;
    width:97% !important;
}

form ul li.first
{
    border-top:none !important;
    margin-top:0 !important;
    padding-top:0 !important;
}

form .section_break h3
{
    font-size:110%;
    font-weight:400;
    line-height:130%;
    margin:0 0 2px;
}

form .section_break p
{
    font-size:85%;

    margin:0 0 10px;
}

/**** Buttons ****/
input.button_text
{
    overflow:visible;
    padding:0 7px;
    width:auto;
}

.buttons input
{
    font-size:120%;
    margin-right:5px;
}

/**** Inputs and Labels ****/

label.right {
    display: block;
    margin:5px 0 0;
}

input.text-input {
    margin:4px 8px 4px 0;
    width:280px;
    height:15px;
    padding:5px 2px;
    border:solid 1px #e4e4e4;
    vertical-align:middle;
}

textarea.text-input {
    margin:0 8px 4px 0;
    padding:5px 2px;
    border:solid 1px #e4e4e4;
    vertical-align:top;
    width:380px;
}

input.text-input {
    width:320px;
    margin:3px 0 6px;
}

textarea.text-input {
    width:320px;
    margin:0;
}

input.button {
    background-color:#f6f6f6;
    background-repeat:no-repeat;
    background-position:right;
    color:#333333!important;
    padding:5px 10px 8px 13px;
    width:100px;
    text-align:left;
    height:30px;
    display:block;
    margin-top:10px;
    border:0;
    cursor:pointer;
}

label.description,
span.description
{
    border:none;
    color:#222;
    display:block;
    font-size:1.5em;
    font-weight:normal;
    padding:0 0 1px;
}

label.description {
    padding: 10px 0px 1px;
    margin-top: 25px;
    border-top: 1px solid #ccc;
}

label.description.name {
    margin-top: 0;
}

span.symbol
{
    font-size:115%;
    line-height:130%;
}

input.text,
form li div.password input.text
{
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #555;
    font-size:100%;
    box-sizing: border-box;
    padding: 5px;
    outline: 0px none;
    transition: all 0.3s ease-in-out 0s;
    line-height: 19px;
    width: 100%;
    max-width: 280px;
}
input.text:focus,
form li div.password input.text:focus{
    color:#333;
    box-shadow: 0 0 3px #003556;
    border: 1px solid #003556;
}

input.day,
input.month,
input.year {
    max-width: 60px;
}

input.file
{
    color:#333;
    font-size:100%;
    margin:0;
    padding:2px 0;
}

textarea.textarea {
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    color:#555;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    margin:0;
    width:100%;
    max-width: 280px;
}

textarea.textarea:focus {
    color:#333;
    box-shadow: 0 0 3px #003556;
    border: 1px solid #003556;
}

select.select
{
    color:#333;
    font-size:100%;
    margin:1px 0;
    padding:1px 0 0;
    background:#fff url(/themes/ucc/images/shadow.gif) repeat-x top;
    border:1px solid #ccc;
}

.typography select{
    width: 100%;
    max-width: 280px;
    height: 28px;
}

.typography select[name="DegreeYear"] {
    width: auto;
}

input.currency
{
    text-align:right;
}

input.checkbox,
input.radio
{
    float: left;
    display: table-cell;
    vertical-align: bottom;
    width:13px;
    height:20px;
}

.typography .checkbox label,
.radio label,
.optionset label{
    display: table-cell;
    text-align: left;
    padding-left: 3px;
    vertical-align: top;
}

.checkbox label {
    width: calc(100% - 19px);
}

span.readonly {
    display: block;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #ddd;
    color: #000;
    font-size: 100%;
    margin: 0 0 5px 0;
    box-sizing: border-box;
    padding: 5px;
    outline: 0px none;
    transition: all 0.3s ease-in-out 0s;
    line-height: 19px;
    width: 100%;
    max-width: 320px;
}

label.choice
{
    color:#444;
    display:block;
    font-size:100%;
    line-height:1.4em;
    margin:-1.55em 0 0 25px;
    padding:4px 0 5px;
    width:90%;
}

select.select[class]
{
    margin:0;
    padding:1px 0;
}

*:first-child+html select.select[class]
{
    margin:1px 0;
}

.safari select.select
{
    font-size:120% !important;
    margin-bottom:1px;
}

input.small
{
    width:25%;
}

select.small
{
    width:25%;
}

select.medium
{
    width:50%;
}

input.large
{
    width:99%;
}

select.large
{
    width:100%;
}

.password {
    width: 100%;
}

textarea.small
{
    height:5.5em;
}

textarea.medium
{
    height:10em;
}

textarea.large
{
    height:20em;
}

/**** Errors ****/
#error_message
{
    background:#fff;
    border:1px dotted red;
    margin-bottom:1em;
    padding-left:0;
    padding-right:0;
    padding-top:4px;
    text-align:center;
    width:99%;
}

#error_message_title
{
    color:#DF0000;
    font-size:125%;
    margin:7px 0 5px;
    padding:0;
}

#error_message_desc
{
    color:#000;
    font-size:100%;
    margin:0 0 .8em;
}

#error_message_desc strong
{
    background-color:#FFDFDF;
    color:red;
    padding:2px 3px;
}


form label.ok{
    display:none;
}

form li.error, form input.error
{
    background-color:#FFDFDF !important;
    border-bottom:1px solid #EACBCC;
    border-right:1px solid #EACBCC;

}

form textarea.error{
    border: 1px solid #DF0000;
}

form li.error label, form label.error
{
    color:#DF0000 !important;
}

form p.error
{
    clear:both;
    color:red;
    font-size:10px;
    font-weight:700;
    margin:0 0 5px;
}

form .required label {
    color:#222;
}

form .required label::before {
    color: red;
}

form .required input {
    color: #39F;
}


label.required-field::before {
    content: "*";
    color: red;
    padding-right: 2px;
}

form .composite {
    width: 100%;
}

form .composite p,
form .composite span{
    margin:0;
}

/**** Guidelines and Error Highlight ****/
form li.highlighted
{
    background-color:#fff7c0;
}

form .guidelines
{
    background:#f5f5f5;
    border:1px solid #e6e6e6;
    color:#444;
    font-size:80%;
    left:100%;
    line-height:130%;
    margin:0 0 0 8px;
    padding:8px 10px 9px;
    position:absolute;
    top:0;
    visibility:hidden;
    width:42%;
    z-index:1000;
}

form .guidelines small
{
    font-size:105%;
}

form li.highlighted .guidelines
{
    visibility:visible;
}

form li:hover .guidelines
{
    visibility:visible;
}

.no_guidelines .guidelines
{
    display:none !important;
}

.no_guidelines form li
{
    width:97%;
}

.no_guidelines li.section
{
    padding-left:9px;
}

/* messages */
.message {
    background-color: #31708f;
    display: block;
    padding: 1em;
    text-align: center;
    border-bottom: 1px solid #D3D4B6;
    color: white;
    a {
        color: white;
    }
    border-radius: 5px;
}

span.message,
p.message {
    margin: 1rem 0;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.field span.message {
    margin-top: 0.5em;
    display: block;
    padding: 1em;
}

.field .middleColumn .message {
    margin-left: 0px;
}

p.message.bad,
span.bad,
span.error,
span.required {
    background-color: #a94442;;
    color: white;
}

p.message.good,
span.good,
span.good {
    background-color: #3c763d;;
    color: white;
}


/*** Success Message ****/
.form_success
{
    clear: both;
    margin: 0;
    padding: 90px 0pt 100px;
    text-align: center
}

.form_success h2 {
    clear:left;
    font-size:160%;
    font-weight:normal;
    margin:0pt 0pt 3px;
}

/*** Password ****/
ul.password{
    margin-top:60px;
    margin-bottom: 60px;
    text-align: center;
}
.password h2{
    color:#DF0000;
    font-weight:bold;
    margin:0pt auto 10px;
}

#li_captcha{
   padding-left: 5px;
}


#li_captcha span{
    float:none;
}

/** Embedded Form **/

.embed #form_container{
    border: none;
}

.embed #top, .embed #bottom, .embed h1{
    display: none;
}

.embed #form_container{
    width: 100%;
}

.embed #footer{
    text-align: left;
    padding-left: 10px;
    width: 99%;
}

.embed #footer.success{
    text-align: center;
}

.embed form.appnitro
{
    margin:0px 0px 0;

}

@media screen and (max-width: 767px) {
    form .composite {
        width: 100%;
        max-width: 270px;
    }
}

.ecomquantityfield {min-width: 65px;}


/****** FILE: themes/ucc/css/typography.css *****/
/**
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

.typography  h4 {
}

.typography  h3,
.typography  h5 {
    font-weight: bold;
}

.typography  h6 {
}

.typography  strong,
.typography  b {
    font-weight: 600;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES
*********************************/
.typography .left {
    text-align: left;
}
.typography .center {
    text-align: center;
}
.typography .right {
    text-align: right;
}

/* IMAGES
*********************************/
.typography img {
    border: none;
    float: none;
    display: block;
    margin: 0 auto;
}

/* LINK ICONS - shows type of file
    ------------------------------------ */
    .typography a[href$=".doc"],
    .typography a[href$=".DOC"],
    .typography a.doc {
        padding: 2px;
        padding-left: 20px;
        background: url(/themes/ucc/images/icons/page_word.png) no-repeat left center;
    }
    .typography a[href$=".xls"],
    .typography a[href$=".XLS"],
    .typography a.xls {
        padding: 2px;
        padding-left: 20px;
        background: url(/themes/ucc/images/icons/page_excel.png) no-repeat left center;
    }
    .typography a[href$=".gz"],
    .typography a[href$=".GZ"],
    .typography a[href$=".gzip"],
    .typography a[href$=".GZIP"],
    .typography a[href$=".zip"],
    .typography a[href$=".ZIP"],
    .typography a.archive {
        padding: 2px;
        padding-left: 20px;
        background: url(/themes/ucc/images/icons/page_white_zip.png) no-repeat left center;
    }
    .typography a[href$=".exe"],
    .typography a[href$=".EXE"],
    .typography a.application {
        padding: 2px;
        padding-left: 20px;
        background: url(/themes/ucc/images/icons/application.png) no-repeat left center;
    }

    .typography a.print {
        padding: 2px;
        padding-left: 20px;
        background: url(/themes/ucc/images/icons/print.png) no-repeat left center;
    }

/* TABLES
*********************************/
.typography table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.typography td,
.typography th {
    padding: 0;
}

.typography th.firstThreeCols,
.typography td.firstThreeCols,
.typography td.title {
    text-align: left;
}

.typography table > thead > tr > th,
.typography table > tbody > tr > th,
.typography table > tfoot > tr > th,
.typography table > thead > tr > td,
.typography table > tbody > tr > td,
.typography table > tfoot > tr > td {
    padding: 6px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.typography table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.typography table > caption + thead > tr:first-child > th,
.typography table > colgroup + thead > tr:first-child > th,
.typography table > thead:first-child > tr:first-child > th,
.typography table > caption + thead > tr:first-child > td,
.typography table > colgroup + thead > tr:first-child > td,
.typography table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.typography table > tbody + tbody {
    border-top: 2px solid #ddd;
}


.typography address {
    margin: 0;
    font-size: 16px;
    font-style: normal;
    line-height: 1.75;
}

.typography pre {
    font-size: 14px;
    margin: 20px 0px;
}


/****** FILE: themes/ucc/css/style.css *****/
/* GLOBAL RESET
/*********************************/
html, body {
    min-height:100%;
}

body {
    font-family: "Work Sans", sans-serif;
    margin:0 auto;
    padding:0;
    color:#333;
}

* {
    margin:0;
    padding:0;
}

:focus {
    outline:none;
}

.clr {
    clear:both;
}

form {
    margin:0;
    padding:0;
}

hr {
    border:0;
    color:#6b6b6b;
    background-color:#6b6b6b;
    height:1px;
    margin:0 0 10px;
    padding:0;
}


/* DEFAULT ELEMENT STYLES
/*********************************/

/* heading */
h1,h2 {
    margin: 1em 0 0.7em 0;
    font-size:2em;
    font-weight:normal;
}

h1.tcolor {
    margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #003556;
    font-family: 'Trirong', serif;
    font-weight: 300;
}

h3,h5, h4, h5, h6 {
    margin: 1em 0 0.7em 0;
    font-weight:normal;
}

.title {
    margin:0 0 5px;
}

h2.tblue {
    color:#66ccff;
    margin-bottom:8px;
}

h3 {
    font-size: 1.5em;
}

h4 {
    margin-bottom:12px;
    font-weight:normal;
    color:#666666;
    font-size:1em;
}

h5, h6 {
    font-size: 1em;
}

/* links */
a {
    color:#66ccff;
    text-decoration:none;
}

a:hover {
    color: #0180B0;
    text-decoration:underline;
}


a img {
    border:none;
}

.border {
    border:1px solid #c5c5c5;
    padding:3px;
}

.imgleft {
    float:left;
    margin-right:15px;
}

.imgright {
    float:right;
    margin-left:15px;
}

.imgmiddle {
    vertical-align:middle;
    padding-right:6px;
}

.imgleft.lightbox,
.imgright.lightbox,
.imgmiddle.lightbox {
    position: relative;
    width: auto;
}

/* lists, blockquotes and paragraphs */
ul,ol,blockquote {
    margin-bottom:20px;
}

p {
    line-height:1.5;
    margin-bottom:0.7em;
}

li {
    line-height:1.3;
    margin-bottom: 0.5em;
    list-style: circle;
}

ul,ol {
    margin:10px 0 35px 30px;
}

li ol,li ul {
    list-style:square;
    margin-bottom:0;
    margin-top:0;
}

li ol {
    list-style:decimal;
}

blockquote {
    font-style:italic;
    margin:25px 0;
    color:#6b6b6b;
    padding:10px 20px 10px 25px;
    border-left:4px solid #6b6b6b;
}

/* code */
code {
    font-family:Verdana, Arial;
    letter-spacing:1px;
    margin:25px 0;
    display:block;
    font-size:.9em;
    border-left:4px solid #6b6b6b;
    padding:15px 10px;
}

/* BUTTONS
/*********************************/

.linkbutton {
    display:inline-block;
    padding:10px 15px;
    background:#ECECEC;
    border:1px solid #DDDDDD;
    text-transform:uppercase;
}

.linkbutton:hover {
    background:#FFF;
    text-decoration:none;
}


/* LAYOUT
/*********************************/

#top_container {
    width:100%;
}

#content_container {
    width:100%;
    font-size: 16px;
}

#SupporterPage #content_container {
    font-size: 16px;
}

#onethird {
    float: left;
    width:290px;
    padding:20px 20px 0 0;
}

#twothirds {
    width:630px;
}

.half {
    width:450px;
    margin-right:60px;
}

#Form_Form .half{
    width: 440px;
}

.last-half {
    margin-right:0px;
}

.widget {
    margin-top: 1.5em;
}

#MemberLoginForm_LoginForm fieldset{
    box-sizing: border-box;
    height: 242px;
}

body.loggedIn #MemberLoginForm_LoginForm fieldset {
    display: none;
}

#joinnowbox .textContent {
    border: medium none;
    margin: 10px 0px;
    background: #F7F7F7 none repeat scroll 0% 0%;
    padding: 15px;
    border-radius: 5px;
}

#joinnowbox h2 {
    margin: 0 0 0.7em;
    color: #666;
    font-size: 1.5em;
}

#joinnowbox fieldset {
    float: right;
    width: 158px;
    margin: 15px 0;
    padding: 0;
}

#joinnowbox fieldset input{
    margin: 0;
}

.centercolumn {
    width:960px;
    margin:0 auto;
}


/* TOP
/*********************************/

#top {
    width:960px;
    float:left;
    height:155px;
    position: relative;
}

#logo {
    float:left;
    width:500px;
    padding: 35px 0;
}

#logo img {
    width:240px;
    float: left;
}

#topsearch {
    width:440px;
    float:left;
    padding:20px 0 0;
}

#topsearch a {
    float:right;
    text-decoration:underline;
}

#top form {
    margin:10px 0 0;
    float:right;
}

.inputbox {
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:right;
    border:solid 1px #f0f0f0;
    padding:4px 30px 5px 5px;
    width:168px;
    color:#857f7f;
    text-align:left;
}

#featured_container {
    height:324px;
    position:relative;
    border-bottom:solid 5px #e5e5e5;
    margin-bottom:20px;
}


/* SEARCH FIELD
/*********************************/

#SearchForm_SearchForm {
    padding:0;
    width:205px;
    height:45px;
    position: absolute;
    top: auto;
    bottom: -2px;
    right: 0;
}

#SearchForm_SearchForm fieldset {
    background:none;
    border:none;
    margin:0;
    padding:0;
    box-shadow: none;
}

#Search {
    margin-bottom:0px;
}

#SearchForm_SearchForm input {
    background-color:#fff;
    background-image: url(/themes/ucc/images/search.png);
    background-repeat:no-repeat;
    background-size: 24px;
    background-position: 176px 1px;
    border:solid 1px #f0f0f0;
    padding:4px 30px 5px 5px;
    width:100%;
    color:#857f7f;
    text-align:left;
    margin-bottom:0px;
}

#SearchForm_SearchForm_action_results {
    display:none;
}


/* ACCOUNT
/*********************************/

#account {
    margin:0;
    padding:0;
    list-style-type:none;
    z-index:20;
    position:absolute;
    top: 75px;
    right: 0;
}

#account li {
list-style: none;
}
#account li.noborder {
    background-image:none;

}

#account li a {
    float:right;
    text-decoration:none;
    line-height:37px;
}

#account li.noborder a {
    padding-left:0;
}

* html #account li a {
    margin-right:1px;
}

/* ie6 only */
#account li a:hover {
    color: #6DBCD0;
    text-decoration:none;
}

#account li a.active {
    color:#66ccff;
}

#account li li {
    margin-top:0;
    background-image:none;
    padding:0;
    position:relative;
    z-index:10;
    padding:0 10px;
    display:block;
}

#account ul {
    display:none;
    /*left:-100px;*/
    right: 0px;
    position:absolute;
    top:37px;
    width:140px;
    z-index:10;
    border:solid 1px #e6e7df;
    background-color:#fff;
    border-width:0 1px 1px;
    padding:0 10px;
    list-style-type: none;
}

#account li ul a {
    border-bottom:solid 1px #f0f0f0;
    width:115px;
    height:auto;
    float:left;
    text-align:left;
    padding:0;
    text-transform:capitalize;
    font-size:12px;
    font-weight:normal;
    line-height:33px;
    z-index:10;
    color:#333;
}

#account ul ul {
    top:auto;
    border-top:none;
    border:solid 1px #e6e7df;
    border-width:1px;
}

#account li ul ul {
    left:123px;
    top:0;
}

#account li:hover ul ul,#account li:hover ul ul ul,#account li:hover ul ul ul ul {
    display:none;
}

#account li:hover ul,#account li li:hover ul,#account li li li:hover ul,#account li li li li:hover ul {
    display:block;
}

#account li ul a {
    border-top:none;
}


/* NAVIGATION
/*********************************/

#topmenu {
    height: 37px;
    float:none;
    clear:right;
    background: #003556;
}

.fixed-menu {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
}

#nav {
    margin:0;
    padding:0;
    list-style-type:none;
    float:left;
    z-index:15;
    position:relative;
    font-weight: bold;
}

#nav ul {
    margin:0;
    padding:0;
    list-style-type:none;
    z-index:16;
    position:relative;
}

#nav li {
    display: inline-block;
    list-style-type:none;
    padding:0;
    margin:0 -2px;
    position:relative;
}

#nav li li {
    margin: 0;
}

#nav li:hover , #nav li.section{
    background-color: #00223d;
}

#nav li.current {
    background: #00223d;
}


#nav li a:hover, #nav li.section > a{
    color: #FFF!important;
}

#nav li.current > a{
    color: #FFF;
}

#nav li li a:hover, #nav li.section li a, #nav li li.current a {
    color: #6CF!important;
}

#MyAccountLink, #account li a {
    color: #000!important;
}

#nav li.noborder {
    background-image:none;
}

#nav li a {
    color:#FFF;
    text-decoration: none;
    text-transform:uppercase;
    float:left;
    padding: 0px 15px;
    line-height: 37px;
    cursor: pointer;
}

#nav li.noborder a {
    padding-left:0;
}

* html #nav li a {
    margin-right:1px;
}

#nav li a.active {
    color:#66ccff;
}

#nav li li {
    margin-top:0;
    background-image:none;
    padding:0;
    background-image:none;
    position:relative;
    z-index:10;
    border-bottom:solid 1px #f0f0f0;
    display:block;
}

#nav li li a{
    display: block;
    margin: 0.7em 0 0;
    line-height: 33px;
    font-size: 0.9em;
}

#nav ul {
    display:none;
    left:0;
    position:absolute;
    top:37px;
    width:105px;
    z-index:10;
    background-color:#fff;
}

#nav li ul a {
    width:100%;
    height:auto;
    float:left;
    padding:0;
    text-align: center;
    text-transform:uppercase;
    font-weight:bold;
    z-index:10;
    background-color: #f3f3f3;
    color:#003556;
}

#nav ul ul {
    top:auto;
    border-top:none;
    border:solid 1px #e6e7df;
    border-width:1px;
}

#nav li ul ul {
    left:123px;
    top:0;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
    display:none;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
    display:block;
}

#nav li ul a {
    border-top:none;
}


/* CONTENT
/*********************************/

#maincontent {
    width:960px;
    padding:60px 0 40px;
}

#maincontent_homepage {
    width:960px;
    padding:20px 0;
}

#content {
    width:625px;
    float:left;
    padding:0 65px 0 0;
}

#content_full {
    width:100%;
}

#sideright {
    width:270px;
    float:left;
    padding:0;
}

#sideright p {
    margin-bottom:15px;
}

.goToCart {overflow: hidden; }

#monthNav {margin-top: 30px;margin-top: 40px;}
.sidebarCartInner #InformationTable {margin-bottom: 0px;}

#sideright h2, .WidgetHolder h3 {
    margin-bottom:10px;
    border-bottom:solid 5px #f5f5f5;
    padding:0 0 8px;
}

#sideright ul {
    margin:0;
    padding:0;
}

#sideright ul li {
    margin: 10px 0;
    font-size:16px;
    list-style-type: none;
}

#join-us-link img {
    margin-top: 20px;
}

.WidgetHolder ul li {
    list-style-type:none;
}

#sideright ul.highlight li, #sideright ul.subnav li, #sideright ul.archiveMonths li{
list-style-type:none;
}

.sidebox {
    position:relative;
    margin-bottom:30px;
}

.imgborder {
    border:solid 3px #cccccc;
}

#boxslideshow {
    margin:0;
    position:relative;
}

#boxslideshow .cycle {
    background-color:#FFFFFF;
}

#boxslideshow .cycle img {
    margin-bottom:5px;
}

#boxslideshow .cycle .tbold {
    font-size:14px;
    font-weight:bold;
}

.floatright {
    float:right;
}

.floatleft {
    float:left;
}

#events-calendar {
    background-color:#CCC;
    height:250px;
}

#gallery-thumbnails a img {
    padding:11px;
    margin:5px;
    background:#E1E1E1;
}

#gallery-thumbnails a:hover img {
    background:#FFF;
}


/* BENEFITS
/*********************************/
#benefits {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    background: #CCC;
    padding: 20px;
}

#benefits .memberbenefits {
    padding-bottom: 20px;
    margin: 10px 0;
}

@-moz-document url-prefix(){
    #benefits .memberbenefits:first-of-type {
        margin-top: 0;
    }
}

.memberbenefits {
    /* this is a global grey box... */
    background: #FFDC82;
    padding:15px;
    box-sizing: border-box;
    font-size: 0.8em;
    background-color: #FFF;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #999;
}

.memberbenefits fieldset {
    margin-top:0;
}

.memberbenefits {
    overflow:hidden;
     -webkit-column-break-inside: avoid;
}

.memberbenefits h2 a {
    color:#666666;
}

.memberbenefits h2 {
    clear: both;
    margin-top: 0;
    padding-top: 15px;
    font-size: 1.5em;
    text-align: center;
    text-transform:uppercase;
}

.benefitsContent {
    clear: both;
}

.benefitsImage {
    width: 100px;
    margin: 0 auto;
}

/* SEARCH RESULTS
/*********************************/

.search h2.title {
    margin-bottom: 15px;
}

.search .memberbenefits h2 {
    text-align: left;
}

#SearchResults {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    background: #CCC;
    padding: 20px;
}

/* SPONSOR
/*********************************/
#SupporterPage #bottom_container {
    display: none;
}

.sponsorbox {
    border-top:1px dotted #999;
    padding-top:20px;
    margin-bottom:40px;
}

.sponsorbox h2 {
    margin: 10px 0 5px;
    text-align: center;
    font-size: 1.5em;
}

.sponsorbox p {
    margin-top: 1em;
}

.sponsorbox h2 {
    margin: 10px 0 5px;
    text-align: center;
    font-size: 1.5em;
}

.sponsorbox p {
    margin-top: 1em;
}

.sponsorbox-left {
    height: 40px;
    margin: 0 auto;
}

.sponsorbox-left img {
    max-width: 292px!important;
    padding: 3px;
    border: 1px solid #ccc;
}

.sponsorbox-left img:hover {
    border: 1px solid #000;
}

.sponsorbox-right {
    float:left;
    width:100%;
}

#sponsor_container {
    margin-top:20px;
    text-align:center;
}

#sponsor_container h3 {
    text-align:center;
}

#sponsor_container ul {
    max-width: 600px;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}

#sponsor_container ul li {
    display: inline-block;
    list-style-type: none;
}

#sponsor_container img {
    padding:5px;
}

#sponsor_container a img {
    max-width: 290px;
    border: 1px solid #CCC;
}


.sponsor-type {
    display:block;
    font-size: 1em;
    color: #888888;
    margin-bottom: 10px;
    text-align: center;
}

.tier2,
.tier3,
.tier4,
.tier5 {
    margin-right: 0px;
}

.tier2.last-half,
.tier3.last-half,
.tier4.last-half,
.tier5.last-half {
    clear: both;
    margin-right: 30px;
}
/* ADDITIONS
/*********************************/


/* SOCIAL MEDIA ICONS
/*********************************/
#social-media-links {
    position: absolute;
    top: 10px;
    right: 0;
}

#social-media-links a {
    display:block;
    width:32px;
    height:32px;
    margin:0 4px 0 0;
    float:left;
}

#social-media-links a:last-of-type {
    margin: 0;
}

/* EVENTS
/*********************************/

/* box product */
.prodbox {
    width:290px;
    float:left;
    margin:0 20px 20px 0;
    border:1px solid #ebebeb;
}

.prodbox2 {
    width:290px;
    float:left;
    margin:0 0 20px;
    border:1px solid #ebebeb;
}

.pad_box {
    padding:15px 20px;
}

.pad_box .price {
    margin:0;
    padding:0;
}

.pad_box p {
    margin-bottom:5px;
}

.pad_box a,.pad_box a:visited {
    font-size:12px;
    text-decoration:underline;
}

.pad_box a:hover {
    text-decoration:none;
}

.prod_title {
    font-size:16px;
    line-height:18px;
    padding-bottom:6px;
}

/* box product list */
.boxprodlist {
    float:left;
    background-repeat:repeat-x;
    background-position:left bottom;
    width:625px;
    padding-bottom:25px;
    margin-bottom:25px;
    margin-top: 50px;
}

.box_pl_left {
    float:left;
    width:158px;
}

.box_pl_right {
    float:left;
    width:442px;
}

.box_pl_right h2 {
    margin:0;
    font-size:20px;
}

.box_pl_right p {
    margin-bottom:5px;
}

.box_pl_right .price {
    float:left;
}

.nav-pl {
    float:right;
    text-align:right;
    padding-top:11px;
}

.nav-pl a,.nav-pl a:visited {
    font-size:12px;
    text-decoration:underline;
}

.nav-pl a:hover {
    text-decoration:none;
}

.nav-pl a:first-of-type {
    margin-right: 5px;
}

/* additions */
.boxprodlist h2 a {
    color:#666666;
}

/* Event Detail */
.box_description h2 {
    margin-bottom:0;
}

#description {
    width:625px;
    float:left;
    margin-top:20px;
}

.box-price {
    width:600px;
}

.box-price .price {
    float:left;
}

.nav-des {
    float:right;
    display:block;
    margin-top:14px;
}

.event a.imgleft img, .box_pl_left a img{
    display:block;
    padding:10px;
    border:1px dotted #CCC;
}

.event a.imgleft span{
    display:block;
    color: #666666;
    font-size: 10px;
    text-align: center;
}

.event a.imgleft:hover{
    text-decoration:none;
}


/* GALLERY
/*********************************/

/*Portfolio*/
ul.pf {
    margin:0;
    padding:0;
    list-style-type:none;
}

ul.pf li {
    float:left;
    background-color:#f4f4f4;
    width:270px;
    min-height: 388px;
    border:solid 1px #e5e5e5;
    padding:14px;
    margin:0 20px 20px 0;
}

ul.pf li.nomargin {
    margin-right:0;
}

ul.pf h2 {
    margin:5px 0;
}

ul.pf h2 a {
    color:#333;
}

ul.pf p {
    margin-bottom:10px;
}

.navigation {
    text-align:right;
}

.navigation a,.navigation a:visited {
    padding:0 6px;
    background-color:#fefefe;
    border:solid 1px #f5f5f5;
    margin:0 3px;
    padding:5px;
    color:#333;
}

.navigation a.active {
    background-color:#ededed;
    border:solid 1px #f5f5f5;
}


/* EVENT CALENDAR STYLE OVERRIDES
/*********************************/

#gallery-thumbnails .gallery-layout li {
    padding:0;
}

#gallery-thumbnails .gallery-layout li:hover {
    background:none;
}

#sideright #calendar-sidebar {
    width:100%;
}


.goToCart {overflow: hidden; }

.sidebarCartInner #InformationTable {margin-bottom: 0px;}


#monthNav {
    text-align: center;
    background: #DEDEDE none repeat scroll 0% 0%;
    padding: 8px 0px;
    margin: 10px 0px 22px;
    border-radius: 3px;
}

.calendar-widget {
    padding: 5px 4px;
    font-family: Verdana,sans-serif;
}

.calendar-widget-table tbody td {
    font-size: 0.7em!important;
    border: 1px solid #666;
    padding: 3px 0;
}

.calendar-widget-table thead th, #monthNav p {
    font-size: 0.8em!important;
    margin-bottom: 0;
}

.calendar-widget .calendar-widget-table thead th a{
    color: #39F;
}

.calendar-widget .calendar-widget-table .calendar-header td:last-of-type {
    background: none;
    border-right: 0px;
}

.calendar-widget .calendar-widget-table td.calendar-header-day {
    background: #989898 none repeat scroll 0% 0%;
    border: 1px solid #666;
    font-weight: 400;
    padding: 3px 0;
}

table.calendar-widget-table > tbody > tr > td,
table.calendar-widget-table tbody .calendar-day {
    padding: 3px 0;
    text-align: center;
}

.calendar-widget-table tbody .hasEvent {
    background-image: url("")!important;
}

.calendar-widget-table tbody .hasEvent{
    color: #FFF;
    background: #555 none repeat scroll 0% 0%;
}

.calendar-widget-table .hasEvent:hover {
    background:#333333!important;
}

/* MESSAGE BOXES
/*********************************/

#MessageMessage {
    background:none repeat scroll 0 0 #FFFFEA;
    color:#333;
    margin:0;
    padding:5px;
    position:fixed;
    top:0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: rgba(0,0,0,0.7);
    font-size: 20px;
    height: 33px;
    line-height: 1.7;
    z-index:99;
}


#SuccessMessage {
    color:#333;
    background:#D1FFBC;
    border-color:#8FD68C;
    width: 930px;
    margin: 10px auto 0;
    padding: 5px;
}

ul.warning.message, .submitErrors ul {
    box-sizing: border-box;
    padding: 10px 30px;
    margin: 0;
    text-align: left;
    border: 1px solid #FFBBBB;
    border-radius: 3px;
    color:#333;
    background:#FFDFDF;
}

.submitErrors ul li {
    margin: 0;
    list-style: disc;
    font-weight: bold;
}

.message {
    padding-bottom: 20px;
}

.message a.close {
    display: none;
}

.message a:hover {
    color: white;
}

#MemberLoginForm_LoginForm_error {
    font-size: 1.4em;
}

#MessageMessage a {
    display: block;
    width: calc(100% - 30px);
    color: yellow!important;
}

#MessageMessage a.close {
    display: block;
    border: 0 none!important;
    width: 20px;
    position: absolute;
    font-size: 34px;
    font-weight: bold;
    color: white!important;
    right: 15px;
    top: -9px;
}

/* INVOICE TABLES
/*********************************/

/* Table */
#Invoices table {
    border:none;
    margin:0;
    padding:0;
}

#Invoices thead tr th {
    margin:0;
    border-bottom:1px dotted #e5e5e5;
    font-size:14px;
    padding:12px;
}

#Invoices tbody tr td {
    padding-left:12px;
    padding-bottom:12px;
    padding-right:12px;
    padding-top:12px;
    list-style-type:none;
    line-height:normal;
    color:#707070!important;
}

#Invoices tbody tr.odd {
    background-color:#fafafa;
}


/* SIDEBAR CONTENT DIV
/*********************************/

#sidebar-content {
    margin-top:10px;
}

#sideright #social-media-links:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}


/* CALENDAR
/*********************************/

div.calendar { position: relative; }

.calendar table {
    cursor:pointer;
    border:1px solid #ccc;
    font-size: 11px;
    color: #000;
    background: #fff;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button {
    text-align: center;
    padding: 2px;
}

.calendar .nav {
    background:#f5f5f5;
}

.calendar thead .title {
    font-weight: bold;
    text-align: center;
    background: #dedede;
    color: #000;
    padding: 2px 0 3px 0;
}

.calendar thead .headrow {
    background: #f5f5f5;
    color: #444;
    font-weight:bold;
}

.calendar thead .daynames {
    background: #fff;
    color:#333;
    font-weight:bold;
}

.calendar thead .name {
    border-bottom: 1px dotted #ccc;
    padding: 2px;
    text-align: center;
    color: #000;
}

.calendar thead .weekend {
    color: #666;
}

.calendar thead .hilite {
    background-color: #444;
    color: #fff;
    padding: 1px;
}

.calendar thead .active {
    background-color: #d12f19;
    color:#fff;
    padding: 2px 0px 0px 2px;
}


.calendar tbody .day {
    width:1.8em;
    color: #222;
    text-align: right;
    padding: 2px 2px 2px 2px;
}

.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #bbb;
}

.calendar tbody .day.othermonth.oweekend {
    color: #fbb;
}

.calendar table .wn {
    padding: 2px 2px 2px 2px;
    border-right: 1px solid #000;
    background: #666;
}

.calendar tbody .rowhilite td {
    background: #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
    background: #FFF1AF;
}

.calendar tbody td.hilite {
    padding: 1px 1px 1px 1px;
    background:#444 !important;
    color:#fff !important;
}

.calendar tbody td.active {
    color:#fff;
    background: #529214 !important;
    padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected {
    font-weight: bold;
    border: 1px solid #888;
    padding: 1px 1px 1px 1px;
    background: #f5f5f5 !important;
    color: #222 !important;
}

.calendar tbody td.weekend {
color: #666;
}

.calendar tbody td.today {
    font-weight: bold;
    color: #529214;
    background:#D9EFC2;
}

.calendar tbody .disabled {
    color: #999;
}

.calendar tbody .emptycell {
    visibility: hidden;
}

.calendar tbody .emptyrow {
    display: none;
}

.calendar tfoot .footrow {
    text-align: center;
    background: #556;
    color: #fff;
}

.calendar tfoot .ttip {
    background: #222;
    color: #fff;
    font-size:10px;
    border-top: 1px solid #dedede;
    padding: 3px;
}

.calendar tfoot .hilite {
    background: #aaf;
    border: 1px solid #04f;
    color: #000;
    padding: 1px;
}

.calendar tfoot .active {
    background: #77c;
    padding: 2px 0px 0px 2px;
}

.calendar .combo {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 4em;
    border: 1px solid #ccc;
    background: #f5f5f5;
    color: #222;
    font-size: 90%;
    z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .hilite {
    background: #444;
    color:#fff;
}

.calendar .combo .active {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #dedede;
    font-weight: bold;
}

form li div.middleColumn {
    margin:0;
    padding:0;
}

form li div .field {
    color:#444;
    float:left;
    margin:0 4px 0 0;
    padding:0;
}


form li div.password label {
    font-weight:normal;
    clear:both;
    color:#444;
    display:block;
    font-size:1.2em;
    line-height: 1.5em;
    margin:0;
    padding-top:3px;
}

form li span.separator {
    float:none;
}

#PageCommentInterface_Form_PostCommentForm_action_postcomment {
    background-color:#f6f6f6;
    background-repeat:no-repeat;
    background-position:right;
    color:#333333!important;
    padding:5px 10px 8px 13px;
    width:100px;
    text-align:left;
    height:30px;
    display:block;
    margin-top:10px;
    border:0;
    cursor:pointer;
}

/* BLOG
/*********************************/

#PageCommentInterface_Form_PostCommentForm #NameView,#PageCommentInterface_Form_PostCommentForm #CommenterURL,#PageCommentInterface_Form_PostCommentForm #Comment label {
    display:none;
}

#PageCommentInterface_Form_PostCommentForm_Comment {
    width:400px;
    height:100px;
    display: block;
}

#PageCommentInterface_Form_PostCommentForm fieldset {
    background:transparent;
    margin-top:0;
}

ul.actionLinks {
    overflow:hidden;
}

ul.actionLinks li {
    display:inline-block;
    margin:0 5px 0 0;
    padding: 4px 6px !important;
    font-size:11.5px;
}

ul.actionLinks li a {
    display:block;
    padding:3px 5px;
}

.post {
    margin-bottom:40px;
}

.post img {
    margin-bottom:8px;
}

.post h2 {
    margin-bottom:0;
}

.post h2 a,.post h2 a:visited {
    color:#666;
}

.post .metadata a,.post .metadata a:visited {
    color:#999999;
}

.post .metadata {
    color:#999999;
    font-size:11px;
    text-align:right;
    padding:0 0 10px;
}

.post .author {
    text-align:left;
    float:left;
}

.comments {
    padding:20px;
    background:#F4F4F4;
    border:1px solid #999;
}

.comments ul li {
    margin:10px 0;
    padding:20px;
    background:white;
}

.comments ul li li {
    background:#F4F4F4;
}

.comments ul li li li {
    background:white;
}

.comments ul {
    list-style:none;
    margin:0;
    padding:0;
    background:none;
}


.comments i,em {
    font-style:normal;
    color:#999;
}

.addthis_toolbox{
    margin: 0 0 16px;
}


/* COMMITTEE PAGE
/*********************************/

#comitteeProfiles .committeeBox {
    overflow:hidden;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #999;
}

#comitteeProfiles .committeeBox img {
    float: right;
    border: 2px solid #FFF;
    margin: 0 0 7px 7px;
}


#comitteeProfiles .committeeBox h2 {
    margin: 0 0 8px 0;
}

#comitteeProfiles .committeeBox h2,
#comitteeProfiles .committeeBox h3{
    margin-top: 0px;
    color:#fff;
}

#comitteeProfiles .committeeBox p {
    color:#000;
    font-size: 0.9em;
}


.social-small {
    overflow:hidden;
    padding:14px 5px 7px;
}

.social-small a {
    height:20px;
    width:20px;
    display:block;
    float:left;
    margin:0 2px;
}

.social-small a.youtube {
    background-position:-1px 0;
}

.social-small a.vimeo {
    background-position:-24px 0;
}

.social-small a.rss {
    background-position:-47px 0;
}

.social-small a.facebook {
    background-position:-70px 0;
}

.social-small a.linkedin {
    background-position:-93px 0;
}

.social-small a.twitter {
    background-position:-116px 0;
}

.networkSiteLogo {
    width: auto;
    height: 62px;
}

/* CONTACT PAGE
/*********************************/

#Form_ContactForm fieldset {
    padding:0;
}

#Form_ContactForm input.text {
    width:50%;
}

#Form_ContactForm textarea {
    width:60%;
    height:280px;
}

#Form_ContactForm label.error {
    display:block;
}

#contactPage .col1 {
    width:480px;
}

#contactPage .col2 {
    width:440px;
}

/* contact */

#contact_form {
    margin:0 auto;
    position:relative;
}

label.sp {
    width:3px;
}


#message p {
    margin:6px 0;
}


/* REGISTER PAGE STUFF
/*********************************/

#RegisterPage .register-menu {
    padding: 0;
}

#RegisterPage .register-menu ul {
    margin: 0;
}

#RegisterPage .register-menu ul li{
    display: inline-block;
    list-style-type: none;
}

#RegisterPage .register-menu ul li a {
    min-width: auto;
    margin-top: 0;
    padding: 8.5px;
}

#register {
    margin-top: 40px;
}



/* FOOTER
/*********************************/

#bottom_container a,#bottom_container a:visited {
    color:#333;
}

#bottom_container {
    padding:0 0 10px;
    width:100%;
    min-height:100px;
    margin-top: 60px;
}

* html #bottom_container {
    height:200px;
}

/* ie6 only */
.bottom_box {
    width:270px;
    float:left;
    position:relative;
}

.bottom_box2 {
    width:625px;
    float:left;
    position:relative;
}

.bottom_box h2 {
    border-bottom:solid 5px #f5f5f5;
    padding:0 0 8px;
    margin:0 0 5px;
}

.bottom_box .date {
    color:#999999;
    font-size:11px;
}

.bottom_box ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

.bottom_box ul li {
    list-style-type:none;
    margin:0;
    padding:0 0 0 15px;
    line-height:30px;
    border-bottom:solid 1px #f5f5f5;
    background-repeat:no-repeat;
    background-position:left;
}

.spacer {
    width:65px!important;
    float:left;
    display:block;
}

.bottom_box .ticker ul li {
    background-image:none;
    padding:0;
    border-bottom:0;
    min-height:130px;
}

a.next_item,a.prev_item {
    width:13px;
    text-indent:-9999px;
    position:absolute;
}

a.next_item {
    background-repeat:no-repeat;
    top:10px;
    right:20px;
}

a.prev_item {
    background-repeat:no-repeat;
    top:10px;
    right:0;
}

.bottom_box .ticker2 ul li {
    background-image:none;
    padding:0;
    border-bottom:0;
    min-height:130px;
}

.bottom_box .ticker2 ul li p img {
    float:left;
    padding:10px;
    margin:0 10px 10px 0;
    border:1px dotted #CCC;
}

a.next_item2,a.prev_item2 {
    width:13px;
    text-indent:-9999px;
    position:absolute;
}

a.next_item2 {
    background-repeat:no-repeat;
    top:10px;
    right:20px;
}

a.prev_item2 {
    background-repeat:no-repeat;
    top:10px;
    right:0;
}

#footer {
    clear:both;
    width:100%;
    margin-top: 50px;
}

#footer-hero {
    padding: 50px 0;
    background-color: #f8f8f8;
}

#footer-hero .address-holder, #footer-hero .logo {
    display: block;
    text-align: center;
}

#footer-hero .address-holder h2 {
    margin-top: 0;
}

#footer-hero .address-holder hr {
    width: 300px;
    margin: 10px auto;
    background-color: #ccc;
}


#UserDefinedForm #footer-hero .address-holder {
    visibility: hidden;
}


#footer_container {
    padding: 10px 0;
    background-color: #003556;
    color: white;
}

#footer_container p {
    margin: 0;
}


#foot,#siteseals {
    text-align:center;
    padding:20px 0 0;
    color:#666666;
}

#foot {
    margin-bottom: 30px;
}


/* SERVICES  ***
/*********************************/

.service_box {
    width:420px;
    float:left;
    margin:10px 100px 30px 0;
}

.service_box.nomargin {
    margin-right:0;
}

.more a{
    display: block;
    padding:6px 6px 6px 20px;
    margin:20px 0 0;
}

.more a:hover{
    background-color: #f4f4f4;
}


/* MISC
/*********************************/
.link:hover {
    cursor:pointer;
}

#Birthday label.error {
    display:inline;
}

.grey_box {
    background-color:#f5f5f5;
    padding:10px 20px 5px;
    margin:15px 0 20px;
}

ul.team {
    margin:15px 0 0;
    padding:0;
    list-style-type:none;
}

ul.team li {
    margin-bottom:20px;
}

.tbold {
    font-weight:bold;
    font-size:14px;
}

ul.nolist li {
    background-image:none!important;
    padding:0!important;
    margin:0!important;
}

/* TABLE do we use this?
/*********************************/

.table_box_container {
    width:960px;
}

.table_box_container ul {
    margin:0;
    border-bottom:1px dotted #e5e5e5;
    float:left;
}

.table_box_container ul li {
    float:left;
    list-style-type:none;
    padding:12px 0;
    line-height:normal;
    color:#707070!important;
}

.table_box_container ul li h4 {
    margin:0;
    font-size:14px;
}

.table_box_container ul li.one {
    width:455px;
    padding-left:20px;
}

.table_box_container ul li.two {
    width:150px;
    text-align:center;
    border-left:1px dotted #e5e5e5;
}

.table_box_container ul li.three {
    width:150px;
    text-align:center;
    border-left:1px dotted #e5e5e5;
}

.table_box_container ul li.four {
    width:150px;
    text-align:center;
    border-left:1px dotted #e5e5e5;
}

ul.table_header li {
}

ul.tbl_odd {
    background-color:#fafafa;
    float:left;
}

ul.tbl_odd li.one {
    width:465px;
    padding-left:10px;
}

ul.tbl_new {
    background-color:#FFFFFF;
}

ul.tbl_new li.one {
    width:465px;
    padding-left:10px;
}

ul.tbl_price {
    border:0;
    font-size:18px;
}

ul.tbl_price a,ul.tbl_price a:visited {
    color:#707070;
    text-decoration:underline;
    font-size:12px;
}

ul.tbl_price a:hover {
    text-decoration:none;

}

/*Fix the box width*/
#Form_ProfileForm_Biography{
    width: 100%;
    height: 200px;

}

/***Processing***/
.processing{
    background-image: url(/membership/images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center 50%;
    background-size: 50px;
    text-indent: -3000px;
    white-space: nowrap;
}

/**
 * event tickets
 */
#EventTickets ul {
    list-style-type: none;
    margin: 0 0 20px;
}

.eventTicket {
    box-sizing: border-box;
    border: 2px dashed;
    border-radius: 15px;
    padding: 20px;
    width: 100%;
    background-color: #eee;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.eventTicket img {float: right; padding: 10px;}
.eventTicket ul, .eventTicket li {margin: 0; padding: 0; list-style: none;}
.eventTicket li  {margin-bottom: 1em;}
.eventTicket li li {list-style: disc; margin-left: 20px;}
.eventTicket li time {text-decoration: underline;}


#ActionLinksOuter {display: none;}

#ContactDetails h2 {
    margin: 0 0 20px 0;
}

@media screen and (max-width: 767px) {
    /* heading */
    h1 {
        font-size:1.7em;
    }

    h1,h2 {
        margin: 1em 0 0.7em 0;
        font-weight:normal;
    }

    h1.tcolor {
        margin: 0.5em 0 1em 0;
        font-weight: 900;
    }

    h3,h5, h4, h5, h6 {
        margin: 1em 0 0.7em 0;
        font-weight:normal;
    }

    #logo {
        padding: 10px 0;
    }

    #logo img {
        width:120px;
        float: left;
    }

    #benefits, #SearchResults {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media screen and (min-width: 768px) {
    #social-media-links {
        top: 35px;
    }
}

@media screen and (min-width: 960px) {

    #social-media-links {
        float: right;
    }

    #footer-hero .centercolumn {
        display: flex;
        align-items: center;
    }

    #footer-hero .address-holder, #footer-hero .logo {
        float: left;
    }

    #footer-hero .logo {
        width: 210px;
    }

    #footer-hero .address-holder {
        box-sizing: border-box;
        width: calc(100% - 420px);
        margin: 0;
        padding: 0 35px;
        text-align: left;
    }

    #footer-hero .address-holder hr {
        margin: 10px 0;
    }

}

@media screen and (min-width: 1200px) {

    #footer-hero .logo {
        width: 250px;
    }

    #footer-hero .address-holder {
        width: calc(100% - 500px);
        padding: 0 80px;
    }
}


/****** FILE: themes/ucc/css/event-tickets.css *****/
/**
 * event tickets
 */
#EventTickets ul {
    list-style-type: none;
    margin: 0 0 20px;
    > li:before {
        content: '';
    }
}

.eventTicket {
    box-sizing: border-box;
    border: 2px dashed;
    border-radius: 15px;
    padding: 20px;
    width: 100%;
    background-color: #eee;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.eventTicket img {float: right; padding: 10px;}
.eventTicket ul, .eventTicket li {margin: 0; padding: 0; list-style: none;}
.eventTicket li  {margin-bottom: 1em;}
.eventTicket li li {list-style: disc; margin-left: 20px;}
.eventTicket li time {text-decoration: underline;}
.eventTicket .ticketCode span{font-size: 28px!important;}


/* event ticket options on the events page */


#TicketSection{
    height: auto;
    overflow: auto;
    margin-bottom: 12px;
}

#TicketOptions {
    margin: 0;
    padding-left: 0;
}

#TicketOptions > li {
    display: block;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    list-style-type: none;
}

#TicketOptions > li:first-child {
    border-top: 1px solid #ddd;
}

#TicketOptions > li:before {
    content: '';
}

#TicketOptions > li .productTitleAndPrice {
    width: 100%;
    margin-bottom: 15px;
}

#TicketOptions > li .ecomquantityfield {
    display: inline;
}

#TicketOptions .productActions {
    display: block;
    align-items: center;
    width: 100%;
}

#TicketOptions .productActions  ul {
    display: inline-block;
    vertical-align: top;
    min-width: 239px;
    margin-left: auto;
    padding: 0;
}

#TicketOptions .productActions ul li {
    float: right;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

#TicketOptions .productActions ul li a {
    float: right;
    margin: 0;
}

#TicketOptions .productActions ul li a.ajaxRemoveFromCartLink {
    margin: 0 5px 0 0;
    color: #000;
    line-height: 1;
    font-size: 52px;
    font-family: sans-serif;
    text-decoration: none;
}

#TicketOptions .productActions ul li a.ajaxRemoveFromCartLink:hover {
    color: $Accent1Colour;
}

#TicketOptions .ecomquantityfield {
    display: inline;
}

#BuyTickets, .RSVP {
    float: right;
}

#BuyTickets{
    margin: 10px 0 0 10px;
}

@media (min-width: 750px)  {

    #TicketOptions > li .productTitleAndPrice {
        margin-bottom: 0;
    }

    #TicketOptions .productActions {
        display: flex;
    }
}


/****** FILE: themes/ucc/css/layout.css *****/


/****** FILE: themes/ucc/css/s3slider.css *****/

#box-s3slder{width: 960px; }

#slider_container {
    margin-top: 30px;
}

#s3slider{
    width: 960px; /* important to be same as image width */
    height: 290px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}

#s3sliderContent {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin: 0;
}
.s3sliderImage {
    float: left;
    position: relative;
    display: none;
}

.s3sliderImage img{margin-top: -26px; border:0px; }

.s3sliderImage div {
    position: absolute;
    padding:32px 32px 0px 48px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

#s3slider .left {
    top: 0;
    left: 0;
    width: 202px !important;
    height: 290px;

}



#s3slider .left h1{ font-size:24px; line-height:26px; color:#fff; text-transform:uppercase;}
#s3slider .left h4{ color:#fff; font-size:16px; line-height:23px;}


/****** FILE: themes/ucc/css/autocomplete.css *****/

.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


/****** FILE: themes/ucc/css/cyp-responsive.css *****/
#calendar-sidebar {
    clear: both;
}

/* BLOG STYLES */
.typography img, .post img {
    max-width: 100%;
    height: auto;
}

#EventHolder #content .featured-image img {
    width: 100%;
}

#Event #ShoppingCart {
    font-size: 18px;
}

@media screen and (min-width: 1024px) {
    #MobileNav, #mobile-navigation {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    /* TOUCH SCREEN NAVIGATION */
    #topmenu {
        height: 44px;
        margin: 0;
        width: 100%;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebb630+90 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(-45deg,  #ffffff 0%, #003556 90%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#003556 90%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg,  #ffffff 0%,#003556 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#003556',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    #top_container {
        height: 190px;
    }

    #navigation #nav {
        display: none;
    }

    #MobileNav {
        display: inline;
        float: right;
        margin: 6px 10px;
    }

    #MobileNav span img{
        height: 32px;
    }

    #mobile-navigation {
        background-color: rgba(0, 53, 86, 0.9);
    }

    #mobile-navigation a {
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        padding: 10px 25px;
        height: 30px;
        color: #FFF;
        font-size: 14px;
    }

    #sidebar-wrapper {
        position: relative;
        height: 100%;
        overflow: auto;
        margin-top: 20px;
    }

    #sidebar-wrapper ul {
        margin: 0;
    }

    #sidebar-wrapper ul a{
        position: relative;
        z-index: 999;
        padding: 10px 35px;
    }

    #sidebar-wrapper ul div {
        display: none;
        margin: 0 0 0 30px;

    }

    #sidebar-wrapper ul div ul{
        list-style-type: none;
    }

    #sidebar-wrapper ul div ul li{
        display: block;
    }

    #sidebar-wrapper ul div ul a{
        position: relative;
        z-index: 9999;
    }

    #box-s3slder, #s3slider {
        width: 100%;
    }

    #uvTab {
        display: none;
    }

    .centercolumn {
        width: calc(100% - 50px);
    }

    #top, #logo, #maincontent, #maincontent_homepage, #content, #sideright,
    .bottom_box, #contactPage .col1, #contactPage .col2, .sponsorbox,
    #onethird, #twothirds, #comitteeProfiles .half{
        width: 100%;
    }

    #EventHolder #content {
        width: calc(100% - 270px);
        padding: 0;
    }

    #EventHolder #sideright {
        float: left;
        width: 270px;
    }

    .boxprodlist,
    .box_pl_left,
    .box_pl_right {
        max-width: 100%;
    }

    .sponsorbox-right{
        max-width: 100%;
    }

    #maincontent #content, #register {
        margin-top: 10px;
    }

    #maincontent #content_full{
        margin-top: 5px;
    }

    #maincontent #content h2,
    #maincontent #content_full h2{
        margin-top: 10px;
    }

    .fb_iframe_widget {
        float: right;
    }

    #sponsor_container a {
        float: none!important;
        margin: 0 auto!important;
    }

    /* IMAGE GALLERY PAGE */
    ul.pf, #gallery-list {
        text-align: center;
    }

    ul.pf li, #gallery-list li {
        display: inline-block;
        float: none;
        box-sizing:border-box;
        max-width: 100%;
        margin: 0px 10px 20px 10px;
    }

    ul.pf li img, #gallery-list li img {
        max-width: 100%;
    }

    #lightbox-container-image-box {
        max-width: 100%;
    }

}

@media screen and (max-width: 767px) {

    .centercolumn {
        width: calc(100% - 20px);
    }

    #EventHolder #content,
    #EventHolder #sideright,
    .half {
        width: 100%;
    }

    .boxprodlist,
    .box_pl_left,
    .box_pl_right {
        width: 100%;
    }

    #slider_container{
        display: none;
    }

    #boxslideshow {
        margin: 0px auto;
        position: relative;
        width: 270px;
    }

    #content_container, #register {
        margin-top: 5px;
    }

    #content_container h2{
        margin-top: 10px;
    }

    #MessageMessage {
        height: auto;
        overflow: auto;
    }

    /* CONTACT PAGE */
    #Form_ContactForm input.text, #Form_ContactForm textarea {
        width: 100%;
        max-width: 272px;
    }

    /* BLOG STYLES */
    .post .author {
        width: 100%;
    }

    /* CHECKOUT AND ORDER CONFIRMATION PAGES */
    #CheckoutPage ol, #OrderConfirmationPage ol {
        padding-bottom: 0px;
    }

    #CheckoutPage ol li, #OrderConfirmationPage ol li {
        height: 48px;
    }

    /* IMAGE GALLERY PAGE */
    ul.pf li {
        min-height: auto;
    }
}

@media screen and (max-width: 479px) {
    #CheckoutPage ol li, #OrderConfirmationPage ol li {
        font-size: 11px;
    }

    .typButton {
        width: 200px;
        margin: 5px 0;
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    ul.pf li.nomargin {
        margin-right: 10px;
    }
}