@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800";
body{
    background:#fdfcfb;
    margin:0
}
body.loading *{
    transition:none!important;
    animation:none!important
}
html,body{
    max-width:100%;
    max-height:100%;
    overflow-x:hidden;
    position:relative
}
.homepage{
    max-width:100%;
    max-height:100%
}
body,select,textarea{
    color:#555;
    font-family:'Open Sans',sans-serif;
    font-size:14px;
    font-weight:300;
    line-height:1.65em
}
a{
    color:#215a8d;
    text-decoration:underline
}
strong,b{
    font-weight:700
}
em,i{
    font-style:italic
}
.show-menu{
    display:none
}
#show-menu{
    display:none
}
.checkbox{
    display:none
}
p,ul,ol,dl,table,blockquote{
    margin:0 0 2em
}
p{
    line-height:1.5em;
    font-size:1em;
    color:#3d414d;
    text-shadow:0 1px #fff;
    font-weight:400
}
p.medium{
    font-size:1.4em
}
h1,h2,h3,h4,h5,h6{
    color:inherit;
    font-weight:600;
    text-shadow:0 1px #fff
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit;
    text-decoration:none
}
h12{
    color:#3d414d;
    font-size:1.7em
}
h3{
    font-size:1.5em;
    color:#215a8d
}
h4{
    font-size:1.25em
}
sub{
    font-size:.8em;
    position:relative;
    top:.5em
}
sup{
    font-size:.8em;
    position:relative;
    top:-.5em
}
hr{
    border-top:1px solid #82b440;
    border:0;
    margin-bottom:1.5em
}
blockquote{
    border-left:.5em solid #82b440;
    font-style:italic;
    padding:1em 0 1em 2em
}
section.special,article.special{
    text-align:center
}
#banner h1{
    font-size:40px;
    color:#FFF;
    text-shadow:0 1px 1px rgba(0,0,0,0.2)
}
#banner p{
    font-size:20px;
    color:#FFF;
    font-weight:400;
    text-shadow:0 1px 1px rgba(0,0,0,0.4);
    line-height:33px
}
.logo{
    height:45px;
    width:275px;
    padding-top:50px;
    float:left
}
/* .wrapper.style0{
    background:url(/layouts/tcw3sub/images/tarset-summer1.jpg) no-repeat #222;
    background-size:cover;
    height:700px
} */
.wrapper.style1{
    background:#fdfcfb;
    height:420px
}
.wrapper.style1 #container-event{
    margin-left:auto;
    margin-right:auto;
    width:960px
}
.wrapper.subpage{
    background:#fdfcfb
}
.wrapper.subpage #container-subpage{
    margin-left:auto;
    margin-right:auto;
    width:960px
}
.wrapper.style2{
    background:url(/layouts/tcw3sub/images/bg-banners.jpg) 0 0 /cover no-repeat scroll #222;
    min-height:380px
}
.wrapper.style2 .container{
    margin-left:auto;
    margin-right:auto;
    width:960px
}
.wrapper.style3{
    //background:url(/layouts/tcw3sub/images/bg-council.jpg) no-repeat #222;
    //background-size:cover;
    height:390px
}
.wrapper.style3 .container{
    margin-left:auto;
    margin-right:auto;
    width:960px
}
.wrapper.style4{
    background:url(/layouts/tcw3sub/images/bg-three.jpg) no-repeat #222;
    background-size:cover;
    height:400px
}
.wrapper.style4 .container{
    margin-left:auto;
    margin-right:auto;
    width:960px
}
#searchsubmit{
    background:url(/layouts/tcw3sub/images/search-icon.png) no-repeat scroll 0 0 rgba(0,0,0,0);
    border:medium none;
    display:inline-block;
    float:right;
    font-size:0;
    height:16px;
    left:140px;
    position:relative;
    top:29px;
    width:16px;
    cursor:pointer
}
#header{
    color:#fff;
    height:125px;
    background:rgba(255,255,255,0.3)
}
#header .container{
    position:relative;
    width:960px;
    margin-left:auto;
    margin-right:auto
}
#header-sub{
    background:url(/layouts/tcw3sub/images/banner.jpg) no-repeat #222;
    box-shadow:0 2px 4px rgba(0,0,0,0.19);
    background-size:cover;
    color:#fff;
    height:125px
}
#header-sub .container{
    position:relative;
    width:960px;
    margin-left:auto;
    margin-right:auto
}
.topNav{
    position:absolute;
    top:66px;
    right:-6px;
    height:100px
}
#nav > ul{
    margin-top:50px;
    float:right
}
.topNavItem{
    border-radius:4px;
    display:inline-block;
    margin-left:.4em;
    padding:0 .4em
}
.topNavItem a{
    color:#FFF;
    text-decoration:none;
    font-weight:400
}
.topNavItem a:hover{
    color:#FFF;
    text-decoration:none;
    font-weight:400;
    border-bottom:3px solid #FFF
}
.topNavSelected{
    border-radius:4px;
    display:inline-block;
    margin-left:.4em;
    padding:0 .4em
}
.topNavSelected a{
    color:#FFF;
    text-decoration:none;
    border-bottom:3px solid #FFF;
    font-weight:400
}
#nav > ul > li a{
    color:inherit;
    line-height:4em;
    text-decoration:none;
    font-weight:400;
    font-size:.9em
}
#nav > ul > li a:hover{
    border-bottom:3px solid #FFF
}
#nav > ul > li:first-child{
    margin-left:0
}
#nav > ul > li.active a{
    color:#fff;
    border-bottom:3px solid #FFF
}
#nav > ul > li > ul{
    display:none
}
#banner{
    text-align:center;
    color:#fff;
    padding:3em 0 0
}
#banner .container{
    margin-right:auto;
    margin-left:auto;
    width:980px
}
#banner h1{
    font-size:40px;
    color:#fff;
    text-shadow:0 1px 1px rgba(0,0,0,0.75)
}
#banner p{
    font-size:18px;
    color:#fff;
    text-shadow:0 1px 1px rgba(0,0,0,0.75)
}
#banner p a{
    font-size:18px;
    color:#FFF;
    text-shadow:0 1px 1px rgba(0,0,0,0.5);
    padding:0 4px;
    transition:.5s;
    border:transparent 1px solid;
    border-bottom:1px solid
}
#banner p a:hover{
    background:none 0 0 repeat scroll transparent;
    border:#FFF solid 1px
}
.events{
    float:left;
    margin-top:30px
}
.event{
    margin:0 2% 4% 0;
    float:left;
    width:23%;
     height:100px;
}
.date{
    width:30%;
    float:left;
    cursor:pointer
}
.month{
    background:#215a8d;
    text-transform:capitalize;
    color:#FFF;
    text-align:center;
    box-shadow:0 2px 4px rgba(0,0,0,0.19)
}
.day{
    background:#fff;
    font-weight:800;
    font-size:2em;
    color:#3d414d;
    text-align:center;
    padding:10px 0;
    box-shadow:0 2px 4px rgba(0,0,0,0.19);
    border-bottom:1px solid rgba(33,90,141,0.6)
}
.time{
    background:#fff;
    color:#3d414d;
    text-align:center;
    background:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,0.19)
}
.info{
    width:65%;
    float:right
}
.title a{
    font-size:1em;
    font-weight:500;
    text-decoration:none;
    color:#215a8d;
    text-shadow:0 1px #fff
}
.venue{
    background:url(/layouts/tcw3sub/images/venue.png) no-repeat;
    background-repeat:no-repeat;
    background-position:0 0;
    padding-left:14px
}
.more-event{
    line-height:1.5em;
    float:right;
    width:112px;
    margin-right:56px
}
.col-left{
    width:auto;
    float:left;
    margin-top:40px
}
.col-right{
    float:right;
    margin-top:40px
}
.col-right img{
    background-color:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,0.19)
}
.col-right p{
    margin-top:0
}
#containermisc5{
    margin-top:60px;
    margin-right:92px
}
.adv2{
    margin-top:20px;
    text-shadow:none
}
.adv1 img{
    background-color:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,0.19);
    width:100%
}
.adv2 img{
    background-color:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,0.19);
    width:100%
}
.council img{
    border:#fff solid 10px;
    background-color:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,0.19)
}
.button{
    clear:both;
    cursor:pointer;
    color:#FFF;
    font-size:1em;
    margin:.5em 0;
    text-decoration:none;
    padding:.3em .6em;
    max-width:173px;
    display:block;
    width:100%;
    transition:all .35s 0 ease-in-out;
    font-weight:500;
    background:url(/layouts/tcw3sub/images/button-arrow.png) no-repeat;
    background-position:95% 50%;
    background-repeat:no-repeat;
    background-color:#215A8D;
    text-shadow:none
}
.button:hover{
    color:#fff;
    cursor:pointer;
    background-color:#152430
}
.col-1{
    width:32%;
    float:left;
    margin-top:32px
}
.col-1 img{
    border:#fff solid 10px;
    background-color:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,0.19)
}
.col-2{
    float:left;
    width:32%;
    margin-top:32px;
    margin-left:2%
}
.col-2 img{
    border:#fff solid 10px;
    background-color:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,0.19)
}
.col-3{
    float:right;
    width:32%;
    margin-top:32px
}
.col-3 ul{
    list-style-type:none;
    padding:0;
    margin:0
}
.col-3 ul li{
    line-height:1.8em;
    background:url(/layouts/tcw3sub/images/dot.png) no-repeat;
    background-repeat:no-repeat;
    background-position:0 center;
    padding-left:15px
}
.col-3 ul li a{
    color:#215a8d;
    text-decoration:none;
    font-weight:400
}
.col-3 ul li a:hover{
    content:'';
    width:100%;
    left:0;
    bottom:1px;
    border-width:0 0 1px;
    border-style:solid
}
#header{
    color:#fff;
    height:125px;
    background:rgba(255,255,255,0.3)
}
#footer{
    background:#152430;
    text-align:left;
    color:#fff;
    height:147px;
    float:left;
    width:100%
}
#footer .container{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:960px
}
#footer p{
    color:#fff;
    font-size:.8em;
    text-shadow:0 0 #fff
}
.copyright{
    width:50%;
    float:left;
    margin-top:30px;
    color:#fff;
    font-size:.8em;
    font-weight:100
}
.copyright a:hover{
    text-decoration:underline
}
.footer-links{
    float:right;
    margin-top:30px
}
.footer-links a{
    color:#fff;
    font-size:.8em;
    font-weight:100
}
.footer-links a:hover{
    text-decoration:underline
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{
    margin:0;
    padding:0;
    border:0;
    list-style:none;
    line-height:1;
    display:block;
    position:relative
}
#cssmenu{
    float:left;
    width:20%;
    font-family:'Open Sans',sans-serif;
    color:#15232f;
    padding-top:45px
}
#cssmenu ul ul{
    display:none
}
#cssmenu ul li.has-sub li.active ul{
    display:inherit
}
.align-right{
    float:right
}
#cssmenu > ul > li > a{
    padding:10px;
    cursor:pointer;
    z-index:2;
    font-size:14px;
    text-decoration:none;
    color:#15232f;
    text-shadow:0 1px 1px rgba(0,0,0,0.35);
    box-shadow:0 1px 0 rgba(255,255,255,0.15) inset
}
#cssmenu > ul > li > a:hover,#cssmenu > ul > li.active > a,#cssmenu > ul > li.open > a{
    color:#fdfcfb;
    background:#215a8d
}
#cssmenu > ul > li.open > a{
    box-shadow:0 1px 0 rgba(255,255,255,0.15) inset,0 1px 1px rgba(0,0,0,0.15);
    border-bottom:1px solid #215a8d
}
#cssmenu > ul > li.first > a{
    border-bottom:1px solid #215a8d;
    color:#215a8d;
    font-size:18px
}
#cssmenu > ul > li.first > a:hover{
    border-bottom:1px solid #215a8d;
    color:#fdfcfb;
    font-size:18px
}
#cssmenu > ul > li:last-child > a,#cssmenu > ul > li.last > a{
    border-bottom:0 solid #215a8d
}
.holder{
    width:0;
    height:0;
    position:absolute;
    top:0;
    right:0
}
.holder::after,.holder::before{
    display:block;
    position:absolute;
    content:"";
    width:6px;
    height:6px;
    right:20px;
    z-index:10;
    transform:rotate(-135deg)
}
.holder::after{
    top:12px;
    border-top:1px solid #215a8d;
    border-left:1px solid #215a8d
}
#cssmenu > ul > li > a:hover > span::after,#cssmenu > ul > li.active > a > span::after,#cssmenu > ul > li.open > a > span::after{
    border-color:#fdfcfb
}
.holder::before{
    top:12px;
    border-top-width:1px;
    border-top-style:solid;
    border-left-width:1px;
    border-left-style:solid;
    border-top-color:inherit;
    border-left-color:inherit
}
#cssmenu ul ul li a{
    cursor:pointer;
    padding:10px 25px;
    z-index:1;
    text-decoration:none;
    font-size:13px;
    color:#14232e;
    background:#fdfcfb;
    box-shadow:0 1px 0 rgba(255,255,255,0.1) inset
}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.open > a,#cssmenu ul ul li.active > a{
    background:#215a8d;
    color:#fdfcfb
}
#cssmenu ul ul li:first-child > a{
    box-shadow:none
}
#cssmenu ul ul ul li:first-child > a{
    box-shadow:0 1px 0 rgba(255,255,255,0.1) inset
}
#cssmenu ul ul ul li a{
    padding-left:40px
}
#cssmenu > ul > li > ul > li:last-child > a,#cssmenu > ul > li > ul > li.last > a{
    border-bottom:1px solid #215a8d
}
#cssmenu > ul > li > ul > li.open:last-child > a,#cssmenu > ul > li > ul > li.last.open > a{
    border-bottom:1px solid #215a8d
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a{
    border-bottom:1px solid #215a8d
}
#cssmenu ul ul li.has-sub > a::after{
    display:block;
    position:absolute;
    content:"";
    width:5px;
    height:5px;
    right:20px;
    z-index:10;
    top:11.5px;
    border-top:1px solid #215a8d;
    border-left:1px solid #215a8d;
    transform:rotate(-135deg)
}
#cssmenu ul ul li.active > a::after,#cssmenu ul ul li.open > a::after,#cssmenu ul ul li > a:hover::after{
    border-color:#fdfcfb
}
.content-sub{
    float:right;
    padding-top:45px;
    width:78%
}
.content-sub img{
    margin:auto
}
.content-sub li{
    margin-bottom:40px
}
.circle3{
    position:relative;
    width:11px;
    height:11px;
    border-radius:50%;
    background-color:#fdfcfb;
    box-shadow:0 0 3px rgba(115,150,182,0.9) inset;
    float:left;
    margin:7px
}
.circle4{
    position:absolute;
    top:29%;
    left:29%;
    display:block;
    width:5px;
    height:5px;
    border-radius:50%;
    background-color:#215a8d;
    box-shadow:0 0 3px rgba(89,85,78,0.75) inset
}
.addEvent{
    float:left
}
.addEvent p{
    margin:0
}
label[for="frmSearchTerm"]{
    display:none
}
#weathercontainer{
    width:260px;
    height:248px;
    border:#ccc solid 1px;
    margin:0;
    background-color:#ededed;
    font-family:Tahoma,Geneva,Verdana,sans-serif;
    position:relative
}
#icon,#datadisplay{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
#icon{
    z-index:10;
    color:#fff;
    font-size:130px;
    line-height:100%;
    position:absolute;
    top:35px;
    left:30px
}
#datadisplay{
    z-index:20;
    line-height:100%
}
#title{
    font-size:24px;
    font-weight:400;
    position:absolute;
    top:10px;
    left:9px
}
#date{
    font-size:12px;
    font-weight:400;
    position:absolute;
    top:35px;
    left:10px
}
#temperaturelabel{
    font-size:12px;
    position:absolute;
    top:58px;
    left:10px
}
#temperature{
    font-size:24px;
    font-weight:400;
    position:absolute;
    top:76px;
    left:10px
}
#humiditylabel{
    font-size:12px;
    position:absolute;
    top:58px;
    left:155px
}
#humidity{
    font-size:24px;
    font-weight:400;
    position:absolute;
    top:76px;
    left:155px
}
#narrativelabel{
    font-size:12px;
    position:absolute;
    top:100px;
    left:10px
}
#narrative{
    width:92%;
    font-size:12px;
    line-height:150%;
    position:absolute;
    top:115px;
    left:10px
}
.textLight{
    color:gray
}
.textModerate,.textTitle{
    color:#666
}
.textDark{
    color:#333
}
a{
    color:inherit;
    text-decoration:none
}
.adv1{
    width:630px;
    min-height:110px;
    color:#FFF
}
.adv2{
    width:630px;
    min-height:110px
}
.adv1 p{
    text-shadow:none;
    margin-top:0;
    margin-bottom:0;
    color:#FFF;
    font-size:17px
}
.adv2 p{
    text-shadow:none;
    margin-top:0;
    margin-bottom:0;
    color:#FFF;
    font-size:17px
}
.adv1 img{
    width:100%
}
.adv2 img{
    width:100%
}
.adv1-text{
    position:absolute;
    top:1288px;
    left:450px
}
.adv1-text p{
    color:#FFF;
    font-weight:400
}
.adv2-text{
    position:absolute;
    top:1421px;
    left:100px
}
.adv2-text p{
    color:#FFF;
    font-weight:400
}
#banner .container a.smoothScroll{
    background:none!important;
    border:none
}
#banner .container a.smoothScroll:hover{
    border:none!important
}
#frmSearchTerm{
    background:none 0 0 repeat scroll transparent;
    border:#fff solid 1px;
    color:#fff;
    height:25px;
    outline:medium none;
    padding-left:10px;
    width:132px;
    background-repeat:no-repeat;
    background-position:120px;
    margin-top:22px;
    float:right
}
a,img{
    border:none;
    outline:none
}
input[type="checkbox"].menu-box{
    display:none
}
label{
    cursor:pointer
}
input[type="checkbox"].menu-box:checked ~ ul.navdynamichorizontal li{
    display:block
}
input[type="checkbox"].menu-box:checked ~ .topNav div{
    display:block
}
input[type="checkbox"].menu-box:checked + .topnav{
    display:block
}
input[type="checkbox"].menu-box:checked + .topnav div{
    display:block
}
#frmEventDescription{
    width:424px;
    border:1px solid #CCC;
    height:180px;
    font-size:14px;
    font-weight:400;
    color:#555;
    text-shadow:0 1px #fff
}
label{
    cursor:inherit;
    display:block
}
#eventSubmit{
    float:right;
    border:medium none;
    width:82px;
    text-align:left;
    font-weight:400;
    background-position:68px 8px;
    margin-left:22px;
    clear:both
}
#eventCancel{
    background-color:#e3e3e3;
    background-position:72px 8px;
    border:medium none;
    clear:both;
    color:#215a8d;
    float:right;
    font-weight:400;
    margin-left:22px;
    text-align:left;
    text-decoration:underline;
    width:90px
}
#itemEventTitle{
    margin-bottom:15px
}
#itemEventDescription{
    margin-bottom:15px
}
#itemEventCategory{
    margin-bottom:15px
}
#frmEventTitle{
    width:300px;
    height:25px;
    border:1px solid #CCC;
    font-size:14px;
    font-weight:400;
    color:#555;
    font-family:"Open Sans",sans-serif;
    text-shadow:0 1px #fff
}
#frmVenue{
    width:300px;
    height:25px;
    border:1px solid #CCC;
    font-size:14px;
    font-weight:400;
    color:#555;
    font-family:"Open Sans",sans-serif;
    text-shadow:0 1px #fff
}
.eventform{
    border:medium none;
    background-color:#E3E3E3;
    margin-bottom:15px;
    padding:15px
}
#itemEventDate1{
    float:left;
    font-weight:400;
    line-height:1.9em;
    height:25px
}
#itemEventTime1{
    float:left;
    margin-right:0;
    font-weight:400;
    line-height:1.9em;
    height:25px;
    margin-left:20px
}
#itemEventDate2{
    margin-left:20px;
    float:left;
    margin-right:0;
    font-weight:400;
    line-height:1.9em
}
#itemEventTime2{
    margin-left:20px;
    float:left;
    margin-right:15px;
    font-weight:400;
    line-height:1.9em
}
div.mandatory{
    background-image:url(/layouts/tcw3sub/images/mandatorymarker.gif);
    background-repeat:no-repeat;
    background-position:2px 5px;
    padding-left:20px;
    padding-right:0
}
#frmCategory{
    height:25px;
    border:1px solid #CCC;
    font-size:14px;
    font-weight:400;
    color:#555;
    font-family:"Open Sans",sans-serif;
    text-shadow:0 1px #fff;
    width:427px
}
#frmDate1,#frmDate2{
    height:25px;
    border:1px solid #CCC;
    font-size:14px;
    font-weight:400;
    color:#555;
    font-family:"Open Sans",sans-serif;
    text-shadow:0 1px #fff;
    width:110px
}
.medium{
    font-weight:400
}

@media (max-width:319px) {#homeBackgroundPanorama {background:url(/files/home-background-default-300x225.jpg) no-repeat #222;background-size:cover;}}
@media (min-width:320px) and (max-width:769px) {#homeBackgroundPanorama {background:url(/files/home-background-default-768x576.jpg) no-repeat #222;background-size:cover;}}
@media (min-width:770px) {#homeBackgroundPanorama {background:url(/files/home-background-default-1024x768.jpg) no-repeat #222;background-size:cover;}}

@media only screen and (min-width:320px) and (max-width:479px) {
    #frmEventTitle,#frmVenue,#frmEventDescription,#frmCategory{
        width:250px
    }
    #weathercontainer{
        margin-right:auto;
        margin-left:0;
        width:299px
    }
    #itemEventDate2{
        margin-left:0;
        margin-top:36px;
        padding-left:17px
    }
    #itemEventTime2{
        margin-top:-50px;
        float:right;
        padding-right:7px;
        margin-right:0
    }
    div.mandatory{
        padding-left:17px;
        padding-right:6px
    }
    .eventform{
        padding:10px;
        width:248px
    }
    #itemEventTime1{
        padding-right:6px;
        float:right;
        margin-top:-20px
    }
    #header .container{
        width:300px;
        position:relative;
        margin-left:auto;
        margin-right:auto
    }
    .logo{
        padding-left:10px;
        padding-top:9px
    }
    #containermisc1{
        padding-top:0;
        margin-right:0
    }
    #header{
        height:140px
    }
    #banner .container{
        width:300px;
        position:initial;
        position:relative;
        margin-left:auto;
        margin-right:auto
    }
    #banner h1{
        font-size:28px;
        line-height:30px
    }
    .wrapper.style0{
        height:843px
    }
    #frmSearchTerm{
        padding-left:0;
        width:197px;
        margin-right:55px;
        margin-top:12px;
        background:175px center no-repeat scroll transparent
    }
    #searchsubmit{
        background:url(/layouts/tcw3sub/images/search-icon.png) no-repeat scroll 0 0 rgba(0,0,0,0);
        border:medium none;
        display:inline-block;
        float:right;
        font-size:0;
        height:16px;
        left:192px;
        position:relative;
        top:20px;
        width:16px
    }
    #containermisc2{
        width:300px
    }
    .adv1{
        width:630px;
        min-height:43px;
        color:#FFF
    }
    .adv2{
        width:630px;
        min-height:54px;
        color:#FFF
    }
    .wrapper.style2{
        min-height:441px
    }
    #show-menu{
        display:none
    }
    .show-menu{
        display:block;
        background:none 0 0 repeat scroll rgba(23,40,56,0.6);
        text-shadow:0 1px 1px rgba(0,0,0,0.5);
        width:100%;
        height:34px
    }
    .more-event{
        margin-right:38px
    }
    #banner{
        padding:0
    }
    #banner p{
        line-height:27px
    }
    .wrapper.style1{
        //height:630px
    }
    .wrapper.style1 #container-event{
        width:300px
    }
    .event{
        width:50%;
        margin:0 0 10%;
        float:left
    }
    .date{
        width:33%;
        float:left
    }
    .day{
        font-weight:500;
        padding:7px 0
    }
    .info{
        width:55%;
        float:right;
        margin-right:12px
    }
    .title a{
        font-weight:500;
        font-size:.8em;
        line-height:1em
    }
    .venue{
        font-size:.84em
    }
    .button{
        margin-left:0
    }
    .adv1{
        width:300px
    }
    .adv2{
        width:300px
    }
    .wrapper.style3 .container{
        width:300px
    }
    .wrapper.style3{
        height:452px
    }
    .col-right{
        margin-top:20px;
        width:100%
    }
    .col-right p{
        margin:0
    }
    .col-left{
        margin-top:30px;
        width:100%
    }
    .wrapper.style2 .container{
        width:300px
    }
    #containermisc4 img{
        width:100%;
        height:100%
    }
    #containermisc4 p{
        margin:0
    }
    #containermisc9 img{
        width:100%;
        height:100%
    }
    #containermisc10 p{
        width:100%;
        height:100%
    }
    #containermisc10 img{
        width:100%;
        height:100%
    }
    #containermisc5{
        margin-top:0;
        margin-right:0
    }
    .wrapper.style4{
        height:740px
    }
    .wrapper.style4 .container{
        width:300px
    }
    .col-1{
        width:100%;
        margin-top:0
    }
    .col-2{
        width:100%;
        margin-top:0
    }
    .col-3{
        width:100%;
        margin-top:0
    }
    #containermisc6 p{
        width:97%;
        height:97%
    }
    #containermisc6 img{
        width:97%;
        height:97%
    }
    #containermisc7 p{
        width:97%;
        height:97%
    }
    #containermisc7 img{
        width:97%;
        height:97%
    }
    #footer .container{
        width:300px
    }
    .copyright{
        width:67%
    }
    .footer-links{
        margin-top:0
    }
    #weathercontainer{
        margin-right:auto;
        margin-left:auto
    }
    .addEvent{
        clear:both
    }
    .navheader{
        text-align:center;
        margin-top:83px;
        font-size:1.3em;
        color:#FFF;
        text-shadow:0 1px 0 rgba(0,0,0,0.4);
        padding-top:7px;
        text-transform:capitalize
    }
    .topnav div a{
        color:#fff;
        border-bottom:1px solid #fff;
        height:36px;
        width:89%;
        padding-left:40px;
        padding-top:4px;
        padding-bottom:0;
        margin-top:0;
        margin-bottom:0
    }
    .topNavSelected{
        margin-left:0;
        border-radius:0;
        background:none 0 0 repeat scroll rgba(255,255,255,0.3);
        text-shadow:0 1px 1px rgba(0,0,0,0.5);
        padding:0
    }
    .topNavSelected a{
        font-weight:400;
        text-align:center;
        background:none 0 0 repeat scroll rgba(255,255,255,0.3);
        display:block;
        height:28px;
        padding-top:7px;
        border-bottom:0 solid #FFF
    }
    .topNav div{
        float:none;
        display:none;
        list-style-type:none;
        font-size:14px;
        text-transform:capitalize;
        background-color:#182939;
        border-right:none
    }
    .topNav{
        position:relative;
        top:0;
        right:0;
        z-index:100
    }
    .topNavItem{
        margin-left:0;
        border-radius:0;
        margin-left:0;
        padding:0
    }
    .topNavItem a{
        color:#FFF;
        text-decoration:none;
        font-weight:400;
        display:block;
        height:28px;
        padding-top:7px;
        text-align:center
    }
    .topNavItem a:hover{
        background:none 0 0 repeat scroll rgba(255,255,255,0.3);
        border-bottom:0 solid #FFF
    }
}
@media only screen and (min-width:480px) and (max-device-width:767px) {
    #itemEventTime2{
        margin:40px 0 0 18px
    }
    #itemEventDate2{
        margin:40px 0 0 21px
    }
    .wrapper.style1 #container-event{
        width:440px
    }
    #frmEventTitle,#frmVenue,#frmEventDescription,#frmCategory{
        width:300px
    }
    .medium{
        width:300px
    }
    #frmDate1,#frmTime1,#frmDate2,#frmTime2{
        width:150px!important
    }
    #header .container{
        width:440px!important;
        position:relative;
        margin-left:auto;
        margin-right:auto
    }
    .logo{
        width:100%;
        padding-top:9px;
        padding-left:83px
    }
    #containermisc1{
        padding-top:0;
        margin-right:0
    }
    #header{
        height:140px
    }
    #banner .container{
        width:440px;
        position:initial;
        position:relative;
        margin-left:auto;
        margin-right:auto
    }
    #banner h1{
        font-size:28px;
        line-height:30px
    }
    .wrapper.style0{
        height:690px
    }
    #frmSearchTerm{
        padding-left:0;
        width:244px;
        margin-right:95px;
        margin-top:12px;
        background:no-repeat scroll 220px center transparent
    }
    #searchsubmit{
        background:url(/layouts/tcw3sub/images/search-icon.png) no-repeat scroll 0 0 rgba(0,0,0,0);
        border:medium none;
        display:inline-block;
        float:right;
        font-size:0;
        height:16px;
        left:238px;
        position:relative;
        top:20px;
        width:16px
    }
    #containermisc2{
        width:440px
    }
    .adv1{
        width:630px;
        min-height:43px;
        color:#FFF
    }
    .adv2{
        width:630px;
        min-height:54px;
        color:#FFF
    }
    .wrapper.style2{
        min-height:441px
    }
    #show-menu{
        display:none
    }
    .show-menu{
        display:block;
        background:none repeat scroll 0 0 rgba(23,40,56,0.6);
        text-shadow:0 1px 1px rgba(0,0,0,0.5);
        height:34px;
        width:92%;
        margin-left:19px
    }
    .more-event{
        margin-right:38px
    }
    #banner{
        padding:0
    }
    #banner p{
        line-height:27px
    }
    .wrapper.style1{
        //height:630px
    }
    .event{
        width:50%;
        margin:0 0 7%;
        float:left
    }
    .date{
        width:33%;
        float:left
    }
    .day{
        font-weight:500;
        padding:7px 0
    }
    .info{
        width:55%;
        float:right;
        margin-right:12px
    }
    .title a{
        font-weight:500;
        font-size:1.2em;
        line-height:1em
    }
    .button{
        margin-left:0
    }
    .adv1{
        width:440px
    }
    .adv2{
        width:440px;
        margin-top:50px
    }
    .wrapper.style3 .container{
        width:440px
    }
    .wrapper.style3{
        height:500px
    }
    .col-right{
        margin-top:20px;
        width:100%
    }
    .col-right p{
        margin:0
    }
    .col-left{
        margin-top:30px;
        width:100%
    }
    .wrapper.style2 .container{
        width:440px
    }
    #containermisc4 img{
        width:100%;
        height:100%
    }
    #containermisc4 p{
        margin:0
    }
    #containermisc9 img{
        width:100%;
        height:100%
    }
    #containermisc10 p{
        width:100%;
        height:100%
    }
    #containermisc10 img{
        width:100%;
        height:100%
    }
    #containermisc5{
        margin-top:0;
        margin-right:0
    }
    .wrapper.style4{
        height:740px
    }
    .wrapper.style4 .container{
        width:440px
    }
    .col-1{
        width:100%;
        margin-top:0
    }
    .col-2{
        width:100%;
        margin-top:0
    }
    .col-3{
        width:100%;
        margin-top:0
    }
    #containermisc6 p{
        width:97%;
        height:97%
    }
    #containermisc6 img{
        width:97%;
        height:97%
    }
    #containermisc7 p{
        width:97%;
        height:97%
    }
    #containermisc7 img{
        width:97%;
        height:97%
    }
    #footer .container{
        width:440px
    }
    .copyright{
        width:67%
    }
    .footer-links{
        margin-top:0;
        float:left
    }
    #weathercontainer{
        width:100%;
        height:201px;
        margin:20px auto
    }
    .addEvent{
        clear:both
    }
    .navheader{
        text-align:center;
        margin-top:83px;
        font-size:1.3em;
        color:#FFF;
        text-shadow:0 1px 0 rgba(0,0,0,0.4);
        padding-top:7px;
        text-transform:capitalize
    }
    .topnav div a{
        color:#fff;
        border-bottom:1px solid #fff;
        height:36px;
        width:89%;
        padding-left:40px;
        padding-top:4px;
        padding-bottom:0;
        margin-top:0;
        margin-bottom:0
    }
    .topNavSelected{
        margin-left:0;
        border-radius:0;
        background:none 0 0 repeat scroll rgba(255,255,255,0.3);
        text-shadow:0 1px 1px rgba(0,0,0,0.5);
        padding:0
    }
    .topNavSelected a{
        font-weight:400;
        text-align:center;
        background:none 0 0 repeat scroll rgba(255,255,255,0.3);
        display:block;
        height:28px;
        padding-top:7px;
        border-bottom:0 solid #FFF
    }
    .topNav div{
        float:none;
        display:none;
        list-style-type:none;
        font-size:14px;
        text-transform:capitalize;
        background-color:#182939;
        border-right:none
    }
    .topNav{
        position:relative;
        top:0;
        right:0;
        z-index:100;
        padding-left:19px;
        padding-right:16px
    }
    .topNavItem{
        margin-left:0;
        border-radius:0;
        margin-left:0;
        padding:0
    }
    .topNavItem a{
        color:#FFF;
        text-decoration:none;
        font-weight:400;
        display:block;
        height:28px;
        padding-top:7px;
        text-align:center
    }
    .topNavItem a:hover{
        background:none 0 0 repeat scroll rgba(255,255,255,0.3);
        border-bottom:0 solid #FFF
    }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
    #weathercontainer{
        width:260px;
        height:238px;
        border:#ccc solid 1px;
        margin:0;
        background-color:#ededed;
        font-family:Tahoma,Geneva,Verdana,sans-serif;
        position:relative
    }
    .logo{
        margin-left:12px
    }
    .topNav{
        right:197px
    }
    #containermisc1{
        margin-right:200px
    }
    #banner .container{
        width:600px
    }
    #banner{
        padding:1em 0 0
    }
    .addEvent{
        clear:both
    }
    .wrapper.style1 #container-event{
        width:700px
    }
    .wrapper.style2 .container{
        width:700px
    }
    .col-left{
        width:60%
    }
    .col-right{
        width:37%
    }
    .adv1{
        width:100%
    }
    .adv2{
        width:100%
    }
    .adv1-text{
        left:214px;
        top:1278px
    }
    .adv2-text{
        top:1372px;
        left:78px;
        width:30%
    }
    #containermisc4 p{
        width:98%;
        height:98%
    }
    #containermisc4 a{
        width:98%;
        height:98%
    }
    .wrapper.style3 .container{
        width:700px
    }
    #containermisc5{
        width:90%;
        margin-left:30px;
        margin-top:61px
    }
    .col-right p{
        margin-top:0
    }
    .wrapper.style4 .container{
        width:700px
    }
    #containermisc6 img{
        width:90%;
        height:90%
    }
    .col-2{
        width:33%;
        margin-left:1%
    }
    .col-1 img{
        border:#FFF solid 5px
    }
    .col-3 ul li{
        padding-left:16px;
        background-position:0 6px;
        line-height:1.5em
    }
    #footer .container{
        width:700px
    }
    .copyright{
        width:30%
    }
}
#containermisc6 IMG{
    max-width:288px;
    max-height:110px
}
#containermisc4 img{
    max-width:445px;
    max-height:224px
}
@media print{
    #banner .container,.container{
        width:auto
    }
    .col-1,.col-2,.col-3,.col-left,.col-right{
        float:none;
        width:100%;
        clear:both
    }
    .style2,.style3,.style4{
        height:auto!important
    }
    body{
        background-color:#FFF;
        color:#000;
        margin:0;
        padding:0
    }
    .breadcrumb{
        background-image:none;
        width:98%;
        margin:0;
        padding:0;
        text-align:left
    }
    .topNav,#footer,.header,.navflatmulti,.rightSub,.search{
        display:none!important
    }
    #header-sub{
        background:#222!important
    }
    .left,.images,.right{
        float:none;
        width:100%;
        margin:0;
        padding:0
    }
    .intro,.right{
        width:481px;
        padding:0
    }
    .right{
        clear:both
    }
    .printHeader{
        display:block;
        width:100%;
        border-bottom:2px solid #BD8B42;
        margin:0 0 20px 6px;
        padding:0 0 6px
    }
    .printFooter{
        display:block;
        width:100%;
        border-top:2px solid #BD8B42;
        margin:10px 0 0 6px;
        padding:0
    }
    h2{
        color:#BD8B42;
        margin-bottom:1em
    }
    a{
        text-decoration:underline;
        color:#000
    }
    a:hover,a:active{
        text-decoration:underline;
        color:#000
    }
    a:visited{
        text-decoration:underline;
        color:#000
    }
    a[href^="http://"],a[href^="https://"]{
        background:none;
        padding-right:0
    }
}