﻿body 
{
	margin:0px;
	font-family:Verdana;
	font-size:16px;
	color:#535353;	
    /*line-height:24px;*/
    
}

.galleryColumn {
    float:left;
    width:100%;
    padding-left:2%;
    padding-right:2%;
}

@media (min-width: 650px) {
    .galleryColumn {
        width: 50%;
    }
}

@media (min-width: 1000px) {
    .galleryColumn {
        width: 33%;
    }
}

/* VOUCHERS PAGE */

.divVoucherItem
{
    float:left;
    width:100%;
    clear:both;
    margin-bottom:20px;
}

.voucherImg
{
    float:left;
    width:24%;
    margin-left:5%;
    margin-right:5%;
}

.voucherTitle
{
    float:left;
    width:50%;
}

.voucherDdl
{
    float:left;
    width:44%;
    margin-right:6%;
    height:30px;
}

.voucherBtn
{
    float:left;
    width:13%;
    padding-right:1%;
    padding-left:1%;
    height:30px;
    font-size:14px;
}

@media (max-width: 650px) {
    .voucherImg
    {
        width:29%;
        margin-left:0%;
        margin-right:5%;
    }

    .voucherTitle
    {
        width:66%;
        padding:0px;
        margin:0px;
    }

    .voucherDdl
    {
        width:66%;
        padding:0px;
        margin:0px;
    }

    .voucherBtn
    {
        width:26%;
        padding:0px;        
        margin:0px;
        margin-left:40%;
    }
}

@media (max-width: 420px) {
    .divVoucherItem
    {
        margin-bottom:40px;
    }

    .voucherImg
    {
        width:90%;
        margin-left:5%;
        margin-right:5%;
    }

    .voucherTitle
    {
        width:100%;
        padding:0px;
        margin:0px;
    }

    .voucherDdl
    {
        width:100%;
        padding:0px;
        margin:0px;
    }

    .voucherBtn
    {
        width:40%;
        padding:0px;        
        margin-right:30%;
        margin-left:30%;
        margin-top:10px;
    }
}

.subBannerSpecial
{
    width:100%;
    padding:20px;
    background-color:#ffcee3;
    font-size:18px;
    background-image:url('/images/floralbg.png');
    background-repeat:repeat;
    background-position: top center;
}

.subBannerSpecial h2 {
    color:#D44F88;
    margin:5px;
    padding:5px;
}

.newsRepeaterItem
{
    float:left; max-width:300px; margin:20px;
}

.newsRepeaterImage
{
    max-width:50px; max-height:100px;
}

.newsItemContent li
{
    margin-left:20px;
}

.newsItemContent p
{
    margin:0px; padding:0px;
}

.blink_me {
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: blinker;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

        .scrollerImage1
        {
            height:80px;
            /*max-height:90px;*/
            padding-left:50px !important; 
            padding-right:50px !important; 
            max-width:300px;
            margin-top:5px !important;
        }

        .scrollerImage2
        {
            height:60px;
            /*max-height:90px;*/
            padding-left:50px !important; 
            padding-right:50px !important; 
            max-width:300px;
            margin-top:15px !important;
        }

		#makeMeScrollable1
		{
            margin-left:2%;
            margin-right:2%;
			width:36%;
			height: 90px;
			position: relative;
            margin-bottom:10px;
            max-width:700px;
            float:left;
            border:2px solid #be8f1e;
		}

        #makeMeScrollable2
		{
			margin-left:2%;
            margin-right:2%;
            width:56%;
			height: 90px;
			position: relative;
            margin-bottom:10px;
            max-width:1100px;
            float:left;
            border:2px solid #999999;
		}
		
		/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
		#makeMeScrollable1 div.scrollableArea img, #makeMeScrollable1 div.scrollableArea a, #makeMeScrollable2 div.scrollableArea img, #makeMeScrollable2 div.scrollableArea a
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
            vertical-align:middle !important;
		}


@-moz-keyframes blinker {
  0% {
    opacity: 1.0; }

  50% {
    opacity: 0.0; }

  100% {
    opacity: 1.0; } }
@-webkit-keyframes blinker {
  0% {
    opacity: 1.0; }

  50% {
    opacity: 0.0; }

  100% {
    opacity: 1.0; } }
@keyframes blinker {
  0% {
    opacity: 1.0; }

  50% {
    opacity: 0.0; }

  100% {
    opacity: 1.0; } }

.mapLabels
{
    color:white;
    font-weight:bold;
}

.bgHome
{
    /*background-image:url('images/bg.jpg');*/
}

.sustainingMembersCSS 
{
    line-height:14px;
    font-size:11px;	
}

.bgContent
{
    /*background-image:url('../images/bg-content.jpg');*/
}

.bgContent1
{
    /*background-image:url('../images/bg-content-1.jpg');*/
}

.bgContent2
{
    /*background-image:url('../images/bg-content-2.jpg');*/
}

.bgContent3
{
    /*background-image:url('../images/bg-content-3.jpg');*/
}

.bgContent4
{
    /*background-image:url('../images/bg-content-4.jpg');*/
}

.bgContent5
{
    /*background-image:url('../images/bg-content-5.jpg');*/
}

.bgContent6
{
    /*background-image:url('../images/bg-content-6.jpg');*/
}

.bgContent7
{
    /*background-image:url('../images/bg-content-7.jpg');*/
}

h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-family:'Source Sans Pro', sans-serif; }

h1, h2 { color: #2a1b3d; font-family:'Source Sans Pro', sans-serif; }

.rightColBG h1, .rightColBG h2 { color: #696969; }

h3, h4 { color: #888888; font-weight:bold; }

h1 { font-size:24px; }

h2 { font-size:18px; }

h3 { font-size:1.4em; }

h4 { font-size:12px; }

a
{
	color:#D44F88;
	text-decoration:none;
}

a:hover
{
	color:#D44F88;
	text-decoration:underline;
}

.rightColBG a
{
	color:#696969;
}

.rightColBG a:hover
{
	color:#696969;
}

table, div, p
{
	margin:0 auto;
	padding:0px;
}

.regoFormBG
{
    padding-left:40px; padding-bottom:120px;
}

.calendarTitle
{
    background-image:url("images/calendar-bg.gif");
    background-position:top center;
    background-repeat:repeat-x;
}

.gridViewRowStyle td
{
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.gridViewHeaderStyle
{
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#ddddee;
}

.gridViewHeaderStyle td
{
	padding-right:20px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#ddddee;
}

/* Navigation */
.navMenu
{
	margin:0px; 
	padding:0px;
	background-image:url('images/nav-bg.gif');
}

.navMenu td
{
	margin:0px; padding:0px;
}

.navBG
{
	/*background-image:url('images/nav-bg.gif');*/
}

.nav
{
	/*height:50px;
	background-image:url('images/nav-bg.gif');
	margin:0px;
	padding-right:20px;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:0px;
	border-left:none;
	border-right:1px solid #e1dfec;
	border-top:none;
	border-bottom:none;*/
}

.nav a
{
	background:none;
	font-family:Verdana;
	font-size:14px;
	color:White;
	text-decoration:none;
}

.nav a :hover
{
	background:none;
	font-family:Verdana;
	font-size:14px;
	color:White;
	text-decoration:none;
}

.nav td
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.nav td a
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.navHover
{
	height:40px;
	background-image:url('images/nav-bg-hover.gif');
	background-position:top;
	background-repeat:repeat-x;
	margin:0px;
	padding-right:20px;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:0px;
}

.navHover a
{
	background:none;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.navHover td
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.navSel
{
	height:40px;
	background-image:url('images/nav-bg-sel.gif');
	background-position:top;
	background-repeat:repeat-x;
	margin:0px;
	padding-right:20px;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:0px;
	border-left:none;
	border-right:1px solid #e1dfec;
	border-top:none;
	border-bottom:none;
	font-weight:bold;
}

.navSel a
{
	background:none;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.navSel td
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.navSel td a
{
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Verdana;
	font-size:14px;
	color:White;
}

.footerBG
{
	background-image:url('images/footer.gif');
	background-position: 0px 0px;
	background-repeat:no-repeat;
}

.radWatermarkCSSentryResponsive
{
	/*background-color:#d1e3f0 !important;
	border: 1px solid #3f647e !important;
	padding:10px !important;
	margin:2px !important;*/
    background-color:rebeccapurple;
}

.radWatermarkCSSresponsiveUname
{
    background-color:red;
}

/*.radWatermarkCSS
{
	font-style:italic !important;
	background-color:#d1e3f0 !important;
	border: 1px solid #3f647e !important;
	padding:10px !important;
	margin:2px !important;
}*/

.radWatermarkCSSNotEmpty
{
	background-color:#ffeef5 !important;
	border: 1px solid #cf9eb3 !important;
    float:left;
    width:31%;
    padding:10px !important;
    margin-bottom:10px;
    margin-left:1%;    
    margin-right:1%;
}

.radWatermarkCSS
{
	font-style:italic !important;
	background-color:#ffeef5 !important;
	border: 1px solid #cf9eb3 !important;
    float:left;
    width:31%;
    padding:10px !important;
    margin-bottom:10px;
    margin-left:1%;    
    margin-right:1%;
}

.radWatermarkCSSMulti
{
	font-style:italic !important;
	background-color:#ffeef5 !important;
	border: 1px solid #cf9eb3 !important;
    float:left;
    width:70%;
    margin-left:15%;
    margin-right:15%;
    margin-top:20px;
    margin-bottom:20px;
    height:80px;
}

.radWatermarkCSSMultiNotEmpty
{
	background-color:#ffeef5 !important;
	border: 1px solid #cf9eb3 !important;
    float:left;
    width:70%;
    margin-left:15%;
    margin-right:15%;
    margin-top:20px;
    margin-bottom:20px;
    height:80px;
}

.orderFormDiv
{
    width:60%;
    margin-left:20%;
    margin-right:20%;
}

.orderRecipientDetails
{
    float:left; width:100%; clear:both;
}

.orderPurchaserDetails
{
    float:left; width:100%; clear:both;
}

.orderFormCaptcha
{
    float:none; width:180px; clear:both; margin-top:20px; margin:auto;
}

.orderFormCaptchaCode
{
    width:100%; clear:both; margin-top:10px; margin-bottom:10px; text-align:center;
}

.orderFormButtonLabel
{
    float:right; width:100%; clear:both; margin-bottom:40px; text-align:center;
}

.radWatermarkCSSentry
{
	background-color:#d1e3f0 !important;
	border: 1px solid #3f647e !important;
	padding:10px !important;
	margin:2px !important;
}

.radWatermarkCSSguests
{
	font-style:italic !important;
	/*background-color:#d1e3f0 !important;*/
	border: 1px solid #546c80 !important;
	padding-left:10px !important;
	margin-right:2px !important;
}

.radWatermarkCSSguestsStraight
{
	/*font-style:italic !important;*/
	/*background-color:#d1e3f0 !important;*/
	border: 1px solid #546c80 !important;
	padding-left:5px !important;
	margin-right:2px !important;
}

.chkBoxAlign input
{
    display:block;
    float:left;
    margin:0px;
    margin-top:2px;
}

.chkBoxAlign label
{
    display:block;
    float:left;
    margin:0px;
    margin-bottom:3px;
    font-size:11px;
}

.searchCSS
{
	font-style:italic !important;
	padding-left:5px !important;
}

.searchCSSsel
{
	padding-left:5px !important;
}

/* ACCORDION */
.accordionHeader { color:white; background-color:#7d6d31; cursor:pointer; padding:10px; font-weight:bold; font-family:Verdana;
				border-bottom:solid #0e2d4b 1px; border-right:solid #1e3d6b 1px; border-left:solid #1e3d6b 1px; border-top:solid #766935 1px; }
.accordionHeaderSelected { color:White; background-color:#ac953d; cursor:pointer; padding:10px; font-weight:bold; font-family:Verdana;
                           border-bottom:solid #0e2d4b 1px; border-right:solid #1e3d6b 1px; border-left:solid #1e3d6b 1px; border-top:solid #766935 1px; }
.accordionContent { background-color:#e3e0d7; padding:10px; border-left:solid #5e7d8b 1px; border-right:solid #5e7d8b 1px; border-bottom:solid #5e7d8b 1px; font-family:Verdana; font-size:12px; }


.modalBackground { background-image:url('images/transBG.png'); background-repeat:repeat; }

.hidden { color:White; border:none; background-color:White; }

.fbTextBoxTopMargin
{
	border:1px solid #546c80;
	padding:5px;
	margin-top:5px;
}


.fbTextBox
{
	border:1px solid #546c80;
	padding:5px;
}

.fbTextBoxPadded
{
	border:1px solid #546c80;
	padding:20px;
}

.fbTextBoxNoPadding
{
	border:1px solid #546c80;
	padding:2px;
}

.fbTextBoxBG
{
	border:1px solid #546c80;
	background:#e0eaf0;
	padding:2px;
}

.fbTextBoxReadonly
{
	border:1px solid #dddddd;
	background:#ffffff;
	color:#606a70;
	font-weight:bold;
	padding:2px;
}

.cssBordered
{
	border: 1px solid #546c80;
}


/* MOBILE RESPONSIVE UPGRADE */

.footerWhiteResponsive
{
    background-color:#ffffff;
    padding-bottom:15px;
}

@media (min-width: 800px) {
.footerWhiteResponsive
    {
        padding-bottom:0px;
        padding-top:15px;
    }    
}

.footerBlueResponsive
{
    background-image:url("images/footer-image.jpg");
	margin-top:2em;
}

/* BLUE FOOTER */
.footerBlueLeft
{

}

.footerBlueRight
{
    float:left;
    width:100%;
    min-width:300px;
    text-align:center;
    padding:10px;
    padding-top:20px;
    padding-bottom:0px;
}


/* WHITE FOOTER */
.footerWhiteLeft
{
    float:left;
    width:100%;
    min-width:300px;    
    text-align:center;
    padding:10px;
    padding-bottom:0px;
}

.footerWhiteRight
{
    float:none;
    width:100%;
    min-width:300px;
    text-align:center;
    padding:20px;
    padding-top:0px;
    max-width:310px;
}

.whiteFooterImage
{
    width:46%;
    max-width:183px;
}

@media (min-width: 800px) {
    .footerWhiteLeft {
        width: 60%;
    }

    .footerWhiteRight {
        width: 40%;
        float: left;
    }
}

.content2col em {
    color:#333333 !important;
}

.content2col ol, .content2col ul {
    padding: 0px 0px 0px 40px !important;
}

.servicesDiv
{
    float:left;
    width:21%;
    min-height:220px;
    padding-left:2%;
    padding-right:2%;
    font-weight:bold;
}

.servicesDiv img {
    width:100%;
}

.allServices
{
    clear:both;
    padding-top:20px;
}

@media (max-width: 1300px) {
    .servicesDiv {
        width:29%;
        padding-left:2%;
        padding-right:2%;
    }
}

@media (max-width: 800px) {
    .servicesDiv {
        width:42%;
        padding-left:4%;
        padding-right:4%;
    }
}

@media (max-width: 430px) {
    .servicesDiv {
        width:86%;
        padding-left:7%;
        padding-right:7%;
    }
}

/* MEMBER LOGIN */

.footerMemLoginTxt1
{
    float:left;
    width:124px;
    height:30px;
    text-align:left;
}

.footerMemLoginTxt2
{
    float:left;
    width:130px;
    height:30px;
    text-align:left;
}

.footerMemLoginBtn
{
    float:left;
    width:40px;
    height:30px;
    text-align:left;
}

.footerMemLoginChk
{
    margin-top:5px;
    float:left;
    width:180px;
    color:#666666;
    text-align:left;
}

.footerMemLoginTitle
{
   float:left;
   width:124px;
   text-align:left;
}

/* HEADER */
.headerResponsive
{
    /*background-image:url('images/top-banner-bg.png');*/
    background-position:bottom center;
    max-height:200px;
    background-repeat:repeat-x;
}

.headerLeft {
    float: right;
    padding-left: 4%;
    padding-right: 4%;
    width: 100%;
    min-width: 280px;
    background-color: #F2F2F2;
    padding-top: 20px;
    text-align: center;
    border-bottom: 1px solid #cccccc;
}

.headerCenter
{
    padding-top:20px;
    float:right;
    width:100%;
    min-width:195px;
    text-align:center;
    background-color:#d6e3ea;
    padding-bottom:20px;
}

.headerRight
{
    float:right;
    width:100%;
    text-align:center;
    padding-top:20px;
    min-width:280px;
    background-color:#F2F2F2;
}

.headerButton {
    width: 40%;
    max-width: 100px;
}

@media (min-width: 510px) {

    .headerLeft {
        width: 50%;
        text-align: center;
        padding-top: 0px;
        min-width: 205px;
        height: 150px;
    }

    .headerCenter {
        width: 50%;
        background-color: #F2F2F2;
        padding-top: 30px;
        text-align: left;
        height: 150px;
        border-bottom: 1px solid #cccccc;
    }

    .headerRight {
    }

    .mainLogo {
        max-width: 200px;
    }
}

@media (min-width:800px)
{
    .showOnMobile
    {
        display:none;
        visibility:hidden;
        height:0px !important;
        margin:0px !important;
        padding:0px !important;
    }
}

@media (min-width: 900px) {

    .headerLeft {
        width: 25%;
        text-align: center;
        min-width: 205px;
        padding-left: 1%;
        padding-right: 1%;
        height: 125px;
        padding-top: 10px;
    }

    .headerCenter {
        width: 25%;
        padding-top: 30px;
        text-align: center;
        height: 125px;
        padding-top: 40px;
    }

    .headerRight {
        width: 50%;
        height: 125px;
        padding-top: 30px;
        border-bottom: 1px solid #cccccc;
    }
}


@media (min-width: 1320px) {

    .headerLeft {
        width: 40%;
        text-align: center;
        padding-top: 0px;
    }

    .headerCenter {
        width: 15%;
    }

    .headerRight {
        width: 45%;
        text-align: left;
        padding-left: 50px;
    }

    .mainLogo {
        width: 50%;
        max-width: 320px;
    }
}

/* NAV */

/*#topmenu{margin:0 auto; width:960px;}*/

/* HOME CALENDAR */

.homeCalendar
{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#dcdcdc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
    max-width:1000px;
    margin:0px;
    float:none;
    padding:30px;
}

.homeCalLeft
{
    float:left;
    width:100%;
    text-align:left;
}

.homeCalCenter
{
    margin-top:15px;
    float:left;
    width:100%;
    text-align:center;
}

.homeCalRight
{
    margin-top:20px;
    float:left;
    width:100%;
    text-align:center;
}

/* CONTENT */

@media (min-width: 0px) {
    .contentWrapper {
        background-color: #ffffff;
        margin: 0%;
        border: none;
        padding: 10%;
    }
}

@media (min-width: 460px) {
    .contentWrapper {
        background-color: #ffffff;
        -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.26);
        -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.26);
        box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.26);
        border-radius: 15px;
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 50px;
        border: 1px solid #d0d0d0;
        padding: 40px;
    }
}

.contentResponsive
{
    padding-top:0px;
}

@media (min-width: 460px) {
    .contentResponsive {
        padding-top: 30px;
    }
}

    @media (min-width: 900px) {
        .contentResponsive {
            padding-top: 50px;
        }
    }

.homePageContentAreaTop {
    height: 10px;
    margin: 0px;
    /*background-color: #d3e5f1;*/
}

.homePageContentArea {
    margin: 0px;
    /*background-color: #d3e5f1;*/
    padding-right: 13%;
    padding-left: 13%;
    /*padding-bottom: 15px;*/
}

.contentPageContentAreaTop {
    height: 10px;
    margin: 0px;
    /*background-color: #d3e5f1;*/
}

.contentPageContentArea {
    margin: 0px;
    /*background-color: #d3e5f1;*/
    padding-right: 13%;
    padding-left: 13%;
    /*padding-bottom: 15px;*/
    float:left;
    width:100%;
}


@media (max-width: 1200px) {
    .homePageContentArea {
            padding-right: 9%;
            padding-left: 9%;
        }

    .contentPageContentArea {
        padding-right: 9%;
        padding-left: 9%;
    }
}

@media (max-width: 700px) {
    .homePageContentArea {
            padding-right: 6%;
            padding-left: 6%;
        }

    .contentPageContentArea {
        padding-right: 6%;
        padding-left: 6%;
    }
}

@media (min-width: 990px) {
    .homePageContentAreaTop 
    {
        background-color:transparent;
        /*background-image: url('images/homecontentbg-top.png');
        background-position:top center;
        background-repeat:repeat-x;*/
        height:10px;
        margin:0px;
    }

    .contentPageContentAreaTop {
        background-color: transparent;
        /*background-image: url('images/homecontentbg-top.png');
        background-position:top center;
        background-repeat:repeat-x;*/
        height: 10px;
        margin: 0px;
    }
}

.content1col {
    width: 98%;
    float: left;
    padding: 20px 1% 20px 1%;
    min-width: 95px;
}

.content2col {
    width: 98%;
    float: left;
    padding: 20px 1% 20px 1%;
    min-width: 190px;
}

@media (min-width: 600px) {
    .content1col {
        width: 30%;
        float: left;
        padding: 20px 1% 20px 2%;
        min-width: 95px;
    }

    .content2col {
        width: 63%;
        float: left;
        padding: 20px 2% 20px 1%;
        min-width: 190px;
    }
}

.contentPageRightColumn 
{
    float:left;
    width:100%;
}

.contentPageLeftColumn 
{
    float: left;
    width: 70%;
}
    
.content2col .tblOurTeam td:nth-child(2n) {
    float: left;
    width: 70% !important;
}

.content2col .tblOurTeam td:nth-child(2n+1) {
    float:left;
    width:30% !important;
}

@media (max-width: 900px) {
    .content2col .tblOurTeam td:nth-child(2n) {
        width:100% !important;
    }

    .content2col .tblOurTeam td:nth-child(2n+1) {
        width:100% !important;
    }
}

.content2col td img {
    width:100% !important;
}

.contentWrapper dfn, .contentWrapper em, .contentWrapper .em {
  font-style:italic;
  color:inherit;
  font-weight:inherit;
}

.contentWrapper ol, .contentWrapper ul
{
    padding:0px 0px 0px 40px;
}

.contentWrapper a, .contentWrapper a:hover
{
    color:blue;
}

.execListing
{
    margin-top:40px !important;
    width:100%;
    float:left;
}

    @media (min-width: 1000px) {        

        .execListing
        {
            width:50%;
            float:left;
        }
    }

    @media (min-width: 1400px) {
       
        .execListing
        {
            width:33%;
            float:left;
        }
               
    }

    .execImg
    {
        border:1px solid #666666;
        width:100%;
        min-width:90px;
        max-width:140px;
    }

.content1col p, .content2col p
{
    margin:0px;
    padding:0px;
}

.content1col i, .content2col i
{
    color:#333333;
}

.bgimage
{
    /*background-image:url('images/bgACSV.jpg');
    background-position:top center;
    background-repeat:repeat-x;
    background-color:#d3e5f1;*/
}

@media (min-width: 460px) {

    .homeCalendar
    {
        -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.26);
        -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.26);
        box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.26);
        border-radius: 15px;
        margin-left:auto; 
        margin-right:auto;
        border:1px solid #d0d0d0;
    }

    .homeCalLeft
    {
        float:left;
        width:100%;
        text-align:left;
    }

    .homeCalCenter
    {
        float:left;
        width:100%;
        text-align:center;
    }

    .homeCalRight
    {
        float:left;
        width:100%;
        text-align:center;
    }

    .homeCalWrapper
    {
        padding-left:40px;
        padding-right:40px;
    }    
}

@media (min-width: 650px) {

    .homeCalendar
    {
    }

    .homeCalLeft
    {
    }

    .homeCalCenter
    {
        width:50%;
    }

    .homeCalRight
    {
        width:50%;
    }

    .homeCalWrapper
    {
    }    
}

@media (min-width: 990px) {

    .homeCalendar
    {
    }

    .homeCalLeft
    {
        width:45%;
    }

    .homeCalCenter
    {
        width:23%;
        margin-left:3%;
        margin-right:2%;
        margin-top:5px;
    }

    .homeCalRight
    {
        width:27%;
    }

    .homeCalWrapper
    {
    }    
}

/* FORM FIELDS */

.formFieldDDL
{
    font-style:normal;
	background-color:#e6f0f7 !important;
	border: 1px solid #7fa4be !important;
	padding:7px !important;
	margin:3px !important;
    width:90%;
}

.formFieldLarge{
    float:left;
    width:100%;
    /*max-width:338px;*/
    clear:both;
}

.formFieldSmall{
    float:left;
    width:100%;
    /*max-width:160px;*/
}

.regPanel {
	float:left;
	min-width:250px;
	margin-bottom:10px;
	width:100%;
}

@media (min-width: 750px) 
{
    .regPanel {
        width:33%;
    }
}

.formFieldReg {
    float:left;
    min-width:250px;	
    padding-bottom:15px;
    width:100%;
}

@media (min-width: 750px) 
{
    .formFieldReg
	{
        width:33%;
	}
}

.formFieldCapture{
        float:left;
    max-width:200px;
    clear:both;
    margin-top:10px;
    padding:0px;
}

.formFieldCapture img {
    margin:0px;
    padding:0px;
}

.formFieldCaptureText{
        float:left;
    width:90%;
    max-width:100px;
    clear:both;
}

.formFieldButton{
    float:left;
    clear:both;
    margin-top:10px;
    margin-top:30px;
}

.formFieldLabel{
    float:left;
    clear:both;
}

.formFieldText{
    margin-top:10px;
    float:left;
    clear:both;
}

.contactPanelResponsive
{
    float:left;
    min-width:240px;
    width:100%;
    padding-left:2%;
}

@media (min-width: 750px) {
    .contactPanelResponsive {
        width: 40%;
        padding-left:5%;
    }
}

@media (min-width: 1730px) {
    .contactPanelResponsive {
        width: 30%;
        padding-left:5%;
    }
}

.radWatermarkCSSResponsiveEmpty
{
    /*font-style:italic !important;*/
	background-color:#fff !important;
	border: 2px solid #8d86a6 !important;
	padding:7px !important;
	margin:3px !important;
    width:90%;
}

.radWatermarkCSSResponsive
{
    /*font-style:normal;*/
	background-color:#ebebeb !important;
	border: 1px solid #8d86a6 !important;
	padding:7px !important;
	margin:3px !important;
    width:90%;
}

.contentLabelPartial
{
    float:left;
    width:100%;
}

@media (min-width: 870px) {
    .contentLabelPartial {
        float: left;
        width: 60%;
    }
}

/* EVENTS CALENDAR */

.calDate
{
    float:left;
    width:100%;
}

.calShort
{
    float:left;
    width:100%;
}

@media (min-width: 800px) {

    .calDate
    {
        float:left;
        width:20%;
    }

    .calShort
    {
        float:left;
        width:80%;
    }
}

.eventLeft
{
    float:left;
    width:100%;
    padding:0px;
}

.eventRight
{
    float:left;
    width:100%;
    background-color:#E0E6ED;
    padding:20px;
    text-align:center;
}

@media (min-width: 990px) 
{
    .eventLeft
    {
        width:58%;
    }

    .eventRight
    {
        width:39%;
        min-width:270px;
        margin-left:3%;
        min-height:600px;
    }
}

.eventCostGrid
{
    float:left;
    width: 70px;
}

.eventRegTitle
{
    float:left;
    clear:both;
}

.eventRegDetails
{
    background-color:#e0e6ed;
    float:left;
    clear:both;    
    width: 100%;
}

.eventRegDetails1 
{
    float:left;
    width:25%;
    min-width:210px;
    padding:15px;
}

.eventRegDetails2 
{
    float:left;
    width:25%;
    min-width:210px;
    padding:15px;
}

.eventRegDetails3 
{
    float:left;
    width:25%;
    min-width:210px;
    padding:15px;
}

.eventRegDetails4 
{
    float:left;
    width:25%;
    min-width:210px;
    padding:15px;
}

.divContact {
    padding: 10% 5% 10% 5%;
	width:100%;
	
}

.divTicketPricing {
	background-color:#e0e6ed;
    float:left;
    clear:both;    
    width: 100%;
}

.divTicketPricingLeft {
	float:left;
    width:33%;
    min-width:210px;
    padding:15px;
}

.divTicketPricingCenter {
	float:left;
    width:33%;
    min-width:210px;
    padding:15px;
}

.divTicketPricingRight {
	float:left;
    width:33%;
    min-width:210px;
    padding:15px;
}

.divTicketPricingFinal {
	float:left;
    width:100%;
    min-width:210px;
    padding:15px;
    clear:both;
    text-align:center;
}

/* SUSTAINING MEMBERS */
.sustainingMemberFull
{
    float:left;
    width:100%;
}

.sustainingMemberLogo
{
    float:left;
    width:100%;
}

.sustainingMemberDetails
{
    float:left;
    width:100%;
    margin-bottom:20px;
    padding-bottom:20px;
    padding-left:15px;
    font-size:12px;
}

@media (min-width: 400px) {
    .sustainingMemberFull
    {
        width:100%;
    }

    .sustainingMemberLogo
    {
        width:40%;
    }

    .sustainingMemberDetails
    {
        width:60%;        
    }
}

@media (min-width: 800px) {
    .sustainingMemberFull
    {
        width:50%;
    }

    .sustainingMemberLogo
    {
        width:40%;
    }

    .sustainingMemberDetails
    {
        width:56%;
        margin-right:10px;
    }
}

.srHeading
{
    background-color:#707a80;
    color:White;
    font-weight:bold;
    float:left;
    text-align:left;
    vertical-align:top;
    padding:10px;
    width:100%;    
}

.srRefCol 
{
	width:40px;
	text-align:left;
	vertical-align:top;
	padding:10px;
	font-weight:bold;
}

.srDetails 
{
	text-align:left;
	vertical-align:top;
	padding:10px;
	padding-left:0px;
}

.srCompany 
{
    font-weight:bold;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.srPhone 
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.srAddress 
{
	float:left;
	margin-right:5px;
}

.srSuburb 
{
	float:left;
	margin-right:5px;
}

.srPostcode 
{
	float:left;
	margin-right:20px;
    margin-bottom:10px;
}

.srMap 
{
    float:left;
    margin-right:20px;
    clear:both;
}

.srEmail 
{
	float:left;
	margin-right:20px;
}

.srWebsite 
{
    float:left;
    margin-right:20px;
}

.oddRow 
{
    background-color:#e0eaf0;
}

@media (min-width: 900px) 
{
    .srCompany 
    {
        width:25%;
        margin:0px;
        padding-right:2%;
    }

    .srPhone 
    {
        width:22%;
        margin:0px;
        padding-right:1%;
    }

    .srAddress 
    {
        width:27%;
        margin:0px;
    }

    .srSuburb 
    {
        width:15%;
        margin:0px;
    }

    .srPostcode 
    {
        width:8%;
        margin:0px;
    }

}

@media (min-width: 1050px) 
{
    .srCompany 
    {
        width:25%;
        margin:0px;
        padding-right:2%;
    }

    .srPhone 
    {
        width:18%;
        margin:0px;
        padding-right:1%;
    }

    .srAddress 
    {
        width:31%;
        margin:0px;
    }

    .srSuburb 
    {
        width:15%;
        margin:0px;
    }

    .srPostcode 
    {
        width:8%;
        margin:0px;
    }

}


@media (min-width: 1200px) 
{
    .srCompany 
    {
        width:23%;
        margin:0px;
        padding-right:2%;
    }

    .srPhone 
    {
        width:15%;
        margin:0px;
    }

    .srAddress 
    {
        width:19%;
        margin:0px;
    }

    .srSuburb 
    {
        width:14%;
        margin:0px;
    }

    .srPostcode 
    {
        width:7%;
        margin:0px;
    }

    .srMap 
    {
        width:6%;
        margin:0px;
        clear:none;
    }

    .srEmail 
    {
        width:6%;
        margin:0px;
    }

    .srWebsite 
    {
        width:6%;
        margin:0px;
    }

}

/* BANNER */

.bannerLeft {
    /*text-align:center;
    width:30%;
    float:left;
    background-color:#cecece;
    line-height:16px;*/
  /*  padding-left:5%; 
    padding-top:10px;
    float:left;
    width:45%;
    /*background-image:url('images/topleft.png');*/
 /*   background-position:top left;
    background-repeat:no-repeat;*/
	text-align:center;
}

.bannerLeft a {
    font-size:20px; 
    font-weight:bold;
    color:#c10003;
}

.bannerRight {
    /*text-align: right;
    width: 70%;
    float: left;
    background-image: url('images/cabinet-bg.jpg');
    min-height: 300px;
    background-size: cover;
    color:white;
    font-weight:bold;
    text-shadow: 2px 3px 2px rgba(50, 50, 50, .5);
    padding-top:190px;
    padding-right:1%;*/
	position:absolute;
	top:0.5em;
	right:0.5em;
    width:50%;
    text-align:right;
    color:#d44f88;
    font-size:16px;
    padding-top:2.5%;
}



.subBannerTopResponsive {
}

.subBannerTop {
    position:relative;
	overflow:hidden;
	max-width:100%;
	z-index:-99;
}

.subBannerTop img {
	max-width:none;
	width:100%;
	height:auto;
	min-height:225px;
}


.subBannerTopWording {
    color:white;
    font-size:3.6em;
    position:absolute;
    top:120px;
    padding-left:6%;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
    font-weight:bold;
    font-family:Tahoma;
}

@media (max-width: 1600px) {
    .subBannerTopWording {
        font-size:2.6em;
        top:80px;
        padding-left:6%;
    }
}

@media (max-width: 1200px) {
    .subBannerTopWording {
        font-size:2.1em;
        top:80px;
        padding-left:6%;
    }
}

@media (max-width: 860px) {
    .subBannerTopWording {
        font-size:1.8em;
        padding:0px;
        text-shadow: none;
        color:#d44f88;
        top:auto;
        text-align:center;
        margin:20px 30px 0px 30px;
        position:inherit;
    }
}

.fullBanner {
    clear: both;
    background-color: #ffffff;
    line-height:18px;
}

.toggleMenu em {
    font-size: 18px;
}

@media (max-width: 980px) {
    .bannerLeft a {
        font-size: 16px;
    }
}

@media (max-width: 750px) {
    .bannerLeft {
        width: 100%;
        /*min-height:300px;*/
    }

    .bannerRight {
		position:relative;
        text-align: center;
        width: 100%;
        padding-top:0px;
        /*min-height:200px;*/
    }
}

.greentext { color:#c0d94c; }

.phoneph {
    font-size:24px;
}

.phoneLink, .phoneLink:hover {
    color:#d44f88;
    text-decoration:none;
    font-size:24px;
}

.col6 {
    float:left;
    width:50%;
}

.col6left {
    float:left;
    width:48%;
    padding-right:2%;
}

.col6right {
    float:left;
    width:48%;
    padding-left:2%;
}

.col4left {
    float:left;
    width:31.33%;
    padding-right:2%;
}

.col8right {
    float:left;
    width:64.67%;
    padding-left:2%;
}

.cf {
    clear:both;
}

@media (max-width: 750px) {
    .col6left {
        width:100%;
    }

    .col6right {
        width:100%;
    }

    .col4left {
        width:100%;
    }

    .col8right {
        width:100%;
    }
}


.recentWork {
    width:100%;    
}

.recentWorkBlock {
    float:left;
    width:20%;
    text-align:center;
    min-width:170px;
}

.recentWorkBlock img, .recentWorkBlock a {
    width:100%; 
    max-width:160px;
    width:160px;
    height:160px;
    margin-bottom:20px;
}

@media (max-width: 900px) {
    .recentWorkBlock {
        width:33.3%;
    }
}


@media (max-width: 600px) {
    .recentWorkBlock {
        width:50%;
    }
}

@media (max-width: 430px) {
    .recentWork {
        text-align:center;
    }

    .recentWorkBlock {
        width:100%;
    }

    .recentWorkBlock img, .recentWorkBlock a {
        margin-bottom:10px;
        margin-top:10px;
    }
}

.iframeVid {
    width:100%;
}

.rightColBG {
    background-color:#e9e8ef;
    padding:30px;
    border-radius:15px;
    border:1px solid #bdb8c7;
}