../../cmsfiles/widgets/widgets.css/*********************************** */
/* ----------- widgets css ------------ */
/* ********************************* */

/*.widget .veryLargeText { font-size:180%; }
.widget .largeText { font-size:180%; }
.widget .largeText { font-size:180%; }*/

a img { border:0; }

#mobileMenuButton 			{ display:none; }
#bannerMobile	 			{ display: none; }

.slideshowTall div 			{ background: #fff; }
.slideshowShort div 		{ background: #fff; }
.slideshowShort div 		{ background: #fff; }

.slideshowSlide { background: #fff; }

.slideshowSlide img { max-width: 100%; }

.slideshowPlay { display:none !important; }
.slideshowPause { display:none !important; }

/*---- twitter ----*/
#twitter-widget-0 { width: 100% !important;  }

/*---- slideshow ----*/
.slideshowShort				{ clear:both; height:300px; overflow:hidden; width:100%; }
.slideshowNormal			{ clear:both; height:400px; overflow:hidden; width:100%; }
.slideshowTall				{ clear:both; height:500px; overflow:hidden; width:100%; }

.slideshowTall img,.slideshowNormal img, .slideshowShort img {
	position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;
}

.slideshowMenu 				{ display:none; margin:10px 0 0 0; padding:10px; font-weight: bold; }
.slideshowMenu a:visited,
.slideshowMenu a:active,
.slideshowMenu a 			{ text-decoration: none; margin:0 5px 0 0; }
.slideshowMenu a:visited:hover,
.slideshowMenu a:hover 		{ text-decoration: underline; }



.slideshowTitle 			{ font-weight:bold; font-size:150%; }
.slideshowContent 			{ font-size:120%; padding:10px 0 0 0; }

.slideshowImageLeft			{ }
.slideshowImageLeft	.slideshowText { padding:10px 70px 0 0; }
.slideshowImageRight		{  }
.slideshowImageRight .slideshowText { padding:10px 0 0 70px; }

.slideshowCaption { position: absolute; color:#fff; bottom:0px; left:0px; width:100%; padding:4px; background:#000; opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */ }

/*---- list ----*/
.list 						{ clear:both; padding:0 0 10px 0; }
.listItem					{ float: left; padding:6px 0 0 0; margin:0 0 3px 0; width: 100%; }

.listItemContentHolder		{ float: left; padding:0 0 10px 0; width: 100%; }
.listItemContent			{ margin-left: 105px; padding:0 0 4px 0; }
.listItemTitle				{ clear:both; font-weight:bold; padding:0 0 2px 0; word-wrap: break-word; }
.listItemTitle.large        { font-size:140%; }
.listItemSubtitle			{ clear:both; font-style:italic; }
.listItemText				{ clear:both; }
.listItemMore				{ clear:both; font-weight:bold; display: }
.listItemDate               { clear:both; font-style:italic; }

.listItemImage				{ float: left; padding:0 0 3px 0; text-align:center; width: 88px !important; margin-left: -100%; }
.listItemImage img			{ max-width:88px; max-height:120px; }

.listItemFeatured			{ float: left; padding:6px 0 10px; margin:0 0 3px 0; }
.listItemFeatured.pad 		{ padding-left:10px; } 
.listItemFeaturedImage 		{ text-align:center; border:4px solid #333; margin:0 0 10px 0; }
.listItemFeaturedImage img 	{ max-height:100%; }

@media screen and (max-width: 480px){
    .listItemFeatured.pad{ padding-left:0px; } 
    .listItemFeatured{ width: 100% !important;} 
    .listItemFeaturedImage { margin: auto;}
}

.listItemFeaturedSpacer { border-bottom:1px solid #333; }

/*---*/

.slimDate { font-style:italic; }

/*---- list image ---*/
.listImage					{ clear:none; float:left; padding:10px 10px 10px 10px; }
.listImageThumb				{ border:4px solid #333; text-align:center; }
.listImageThumb img			{ border:0; }
.listImageTitle				{ clear:both; font-weight:bold; padding:5px 0 0 0; }

/*---- tileItem ----*/

.tileList					{  }
.tileListItem				{ clear:none; float:left; padding:0 3px 6px 3px; }

.tileListItem a				{ background:0; border:0; display:block; text-align:center; height:108px;  width:108px;  }
.tileListItem.cmsThumbLogin a { height:158px; }
.tileListItem img			{ border:4px solid #fff; max-height:100px; max-width:100px;  }

.tileListItem.larger a	 	{ height:178px; width:178px;  }
.tileListItem.larger.cmsThumbLogin a { height:228px; }
.tileListItem.larger img 	{ max-height:170px; max-width:170px; }

@media screen and (max-width: 480px){
    .tileListItem.larger { width: 48%; padding: 0 1%; }  
}


.tileListItem .selected	img	{ border:4px solid #333; }

/*---- gallery ----*/
.galleryImage 				{ padding:0 0 20px 0; }
.galleryImageMenu 			{ clear:both; padding:10px 0 10px 0; text-align:center; }

/*---- simpleItem ----*/
.simpleList					{ clear:both; }
.simpleItem					{ border-bottom:1px solid #8DCDF5; clear:both; padding:4px 0 8px 0; }
.simpleItemImage			{ border:4px solid #8DCDF5; clear:none; float:left; margin:0 8px 0 0; }

.title						{ clear:both; font-weight:bold; }

/*---- button ----*/
.button						{ clear:both; font-weight:bold; padding:10px 0 10px 0; }
.button a:visited,
.button a:active,
.button a					{ padding:4px 8px; text-decoration:none; }
.button a:visited:hover,
.button a:hover				{ text-decoration:underline; }
.button.large				{ font-size:140%; }

button						{ background:#8DCDF5; border:0; color:#202545; padding:4px 8px; text-decoration:none; }
button :hover				{ text-decoration:underline; }

/*---- pagination ----*/
.pagination					{ clear:both; padding:10px 0 10px 0; }
.pagination a:visited,
.pagination a:active,
.pagination a				{ padding:2px 4px; margin:0 2px 0 0; text-decoration:none; }
.pagination a:visited:hover,
.pagination a:hover			{ text-decoration:underline; }
.pagination .selected		{  }

.formCaptcha				{}
.formCaptcha img			{ border:1px solid #333; }

/*---- search form ----*/
.searchForm 				{ clear:both; padding:12px 0 12px 0; }

/*--- form ----*/
.formError 					{ color: #ff0000; }
.formField .formError 		{ padding:0 0 3px 129px; }
.formField label			{ text-align:right; padding-right:10px; padding-top:4px; font-size:120%; width:120px; }
.columnThreeLeft label,
.columnThreeRight label 		{ text-align:left; }

.formField input			{ border-radius:5px; padding:3px 5px; font-size:120%; border:1px solid #666; }
.formField textarea			{ border-radius:5px; padding:3px 5px; font-family:Arial; font-size:120%; border:1px solid #666; }
.formButton 				{ padding:10px 0 0 130px !important; }

.formFieldWider label       {text-align:right; padding-right:10px; padding-top:4px; font-size:120%; width:140px;}
.formButtonWider                 { padding:10px 0 0 147px !important; }
.formFieldWider .formError      { padding:0 0 3px 147px; }

.columnThreeLeft .formButton,
.columnThreeRight .formButton 		{ padding:10px 0 0 0; }


.formButton button			{ font-size:120%; font-weight:bold; }
.formCaptcha img 			{ margin-bottom:5px; border-radius:5px; }

@media screen and (max-width: 480px){
    .formField label { text-align: left;}
    .formField input, .formField textarea { float: left; clear:both; }
    .formButton, .formField .formError { padding-left: 0 !important;}
}

/*--- subscribeform ----*/
.subscribeField .formError 	{ clear:both; padding-bottom:4px; font-weight:bold; }
.subscribeField 			{ clear:both; padding:0 0 10px 0; }
.subscribeField label		{ clear:both; display:block; text-align:left; padding-bottom:5px; font-weight:bold; font-size:120%; }
.subscribeField input		{ border-radius:5px; padding:3px 5px; font-size:120%; border:1px solid #666; }
.subscribeField textarea	{ border-radius:5px; padding:3px 5px; font-family:Arial; font-size:120%; border:1px solid #666; }
.subscribeButton 			{ clear:both; padding:10px 0 0 0; margin-bottom: 1em; }
.subscribeButton button 	{ font-size:120%; font-weight:bold; cursor: pointer; }

.subscribeTags span 	{
    white-space: nowrap;
    line-height: 25px;
    width: 28%;
    display: inline-block;
}
.subscribeTags input 	{ margin-right: 3px;}

.subscribeTags {
    display: block;
    clear: both;
}

.halfCol{
    width: 50%;
    float: left;
}

@media screen and (max-width: 480px){
    .halfCol{
        width: 100%;
    }
}

/*---- housesystem ---*/
.houseItem 					{ clear:both; padding:8px 3% 4px; margin-bottom: 1%; font-size:122%; color: #fff; font-weight: bold; }
.houseItemTitle 			{ clear:none; float:left; }
.houseItemPoints 			{ clear:none; float:right; font-weight: bold; font-size:112%; }
.houseItemBadge 			{ display: inline-block; height: 16px; width:16px; background: #fff; opacity: 0.5 }

/*--- calendarlist ---*/
.calendarSmall 				{ width:48%; }
.calendarSmall th 			{ padding:3px; }



/* ********************************* */
/* ----------- formats --------------*/
/* ********************************* */

.floatLeft					{ clear:none; float:left; }
.floatRight					{ clear:none; float:right; }

.bold						{ font-weight:bold; }

.textLeft					{ text-align:left; }
.textCenter					{ text-align:center; }
.textRight					{ text-align:right; }

/*---- widths ----*/
.width250					{ width:250px; }

/*---- align ----*/
.alignLeft					{ text-align:left; }
.alignCenter				{ text-align:center; }
.alignRight					{ text-align:right; }

/*---- padding ----*/
.padding10					{ padding:10px; }
.padding20					{ padding:20px; }

/*---- margin ----*/
.marginBottom10				{ margin-bottom:10px; }


/*********************************** */
/* ----------- articles ------------ */
/* ********************************* */

/*============ fadeshow ============ */
.fadeshowHolder				{ clear:both; position:relative; width:100%; }
.fadeshow					{ position:absolute; left:0; top:0; z-index:100; }
.fadeshow img				{ position:absolute; z-index:101; }
.fadeshowTitle				{ position:absolute; z-index:102; }

/*---- staff ----*/
.staff						{ clear:none; float:left; padding:0 8px 20px 8px; }
.staffImage					{ clear:both; }
.staffTitle					{ clear:both; font-weight:bold; }
.staffJob					{ clear:both; }

/*---- staff list ----*/

.stafflist { width: 98.30%; border-bottom: 2px solid #ccc; margin-bottom: 20px; }
.stafflist:last-child {  border-bottom: none; }
.staffListImage { float: left; }
.staffListMain { float: left; font-size: 120%; margin-left: 50px; width: 70%;}
.staffListMain .staffTitle { font-size:125%; padding-bottom:10px; }

.stafflistTwoCol { width: 48%; float; left;}
.stafflistTwoCol .staffListMain {  margin: 0 15px; width: 60%; } /*-- normal image two cols --*/
.stafflistTwoCol .staffListMainLarImg { float: right; font-size: 130%;  margin: 0 15px; width: 45%; } /*-- large image two cols --*/

@media screen and (max-width: 480px){
    .staffListMain, .staffListMainLarImg, .stafflistTwoCol { margin: 0 !important; width: 95% !important; }
}

/*---- calendar ----*/
.calendar					{ clear:both; }
.calendar td				{ padding:0; }
.calendar .month			{ padding:6px 10px 6px 10px; }
.calendar .number			{ clear:both; padding:3px 6px 3px 0; }
.calendar .event			{ border-bottom:1px solid #ccc; clear:both; padding:2px 2px 2px 2px; }

/*---- calendarsmall ----*/
.calendarSmall					{ clear:none; float:left; }
.caldenarSmall th				{ padding:0 !important; }
.calendarSmall td				{ padding:0 !important; }
.calendarSmall .month			{ padding:6px 10px 6px 10px; }
.calendarSmall .number			{ clear:both; padding:3px 6px 3px 0; }
.calendarSmall .event			{ border-bottom:1px solid #ccc; clear:both; padding:2px 2px 2px 2px; }

.calendarWarning { text-align: center; font-size: 80%;}

/*---- newsthumbnail ----*/
.newsthumbnails .box 			{ padding:4px; margin:0 8px 8px 0; }

/*---- page links ----*/
.largeList { list-style:none; margin:0; padding:0 0 12px 0 !important; }
.largeList li { padding:0 0 8px 0; }
.largeList a:visited,
.largeList a:active,
.largeList a { background:#666; color:#fff !important; display:block; font-weight:bold; padding:10px 10px; font-size:150%; text-decoration:none !important; }
.largeList a:visited:hover,
.largeList a:hover { color:#fff !important; text-decoration:underline; }

/*----- slider -----*/
#sliderContentSlider			{ clear:both; overflow:hidden; position:relative; width:960px; }
#sliderSlidesSlider				{ height:300px; position:absolute; left:0px; width:12000px; }
.slide							{  clear:none; float:left; width:980px; }

#sliderStatusSlider				{  }
#sliderStatusSlider a:visited,
#sliderStatusSlider a:active,
#sliderStatusSlider a			{ background:#fff; clear:none; float:left; display:block; width:15px; height:15px; margin:0 10px 0 0; overflow:hidden; text-indent:-1000px; }
#sliderStatusSlider a:visited:hover,
#sliderStatusSlider a:hover		{  }

.sliderControls					{ clear:both; padding:15px 0 0 0; }
#sliderStatusSlider .slideSelected { background:#333; }

.sliderButtonSlider				{ clear:none; float:left; padding:0 15px 0 0; }
.sliderButtonSlider #sliderPlay { clear:none; float:left; display:none; }
.sliderButtonSlider #sliderStop	{ clear:none; float:left; }

.slideLeft { background:#fff; clear:none; float:left; width:48%; }
.slideRight { background:#fff; clear:none; float:right; text-align:center; width:50%; }

/*---- short ----*/
.sliderHeightShort { height:300px; position: relative; }
.sliderHeightShort #sliderSlidesSlider	{ height:300px; }
.sliderHeightShort .slideLeft { height:300px; }
.sliderHeightShort .slideRight { height:300px; }

/*---- normal ----*/
.sliderHeightNormal { height:400px; position: relative; }
.sliderHeightNormal #sliderSlidesSlider	{ height:400px; }
.sliderHeightNormal .slideLeft { height:400px; }
.sliderHeightNormal .slideRight { height:400px; }

/*---- tall ----*/
.sliderHeightTall { height:500px; position: relative; }
.sliderHeightTall #sliderSlidesSlider { height:500px; }
.sliderHeightTall .slideLeft { height:500px; }
.sliderHeightTall .slideRight { height:500px; }

.formSuccess { font-size:110%; font-weight:bold; }
.formSuccessLarge { font-size:110%; font-weight:bold; }
.formSuccessSmall { font-size:90%; font-weight:bold; }

.buttonBottomRight { position:absolute; bottom:0; right:0; z-index:100; }


.noticeboardSpacer { border-bottom:1px solid #666666; margin:0 0 10px 0; font-size:0; line-height:0; }

.pageLinkBoxHolder { list-style:none; }
.pageLinkBox { border:1px solid #666; clear:none; float:left; font-weight:bold; margin:10px 10px; text-align:center; padding:10px 0; min-height:188px; }
.pageLinkBoxImg { margin-bottom: 5px; }
.pageLinkBoxImg a { border:0;  } 
.pageLinkBoxImg img { vertical-align:central; border:0; }

.boxNo3 {min-height: 300px;}
.boxNo4 {min-height: 255px;}
.boxNo5 {min-height: 181px;}
.boxNo6 {min-height: 151px;}
.boxNo7 {min-height: 129px;}

.linkboxWarning { text-align: center; font-size: 80%;}

.subscribeSuggestion { clear:both; padding:5px; }
.subscribeSuggestion a:visited,
.subscribeSuggestion a:active,
.subscribeSuggestion a { color:#FF0004; text-decoration:underline; }
.subscribeSuggestion a:visited:hover,
.subscribeSuggestion a:hover { color:#FF0004; text-decoration:none; }
/*********************************** */
/* -------------- news ------------- */
/* ********************************* */

.newsImage					{ clear:both; text-align:center; margin:0 0 15px 0; }


.updateSlideshow { clear:both; padding:5px 0 0 0; }
.updateSlideshow a:visited,
.updateSlideshow a:active,
.updateSlideshow a { background:#333; color:#fff; display:block; padding:3px 0; text-align:center; text-decoration: none; width:100%; }
.updateSlideshow a:visited:hover,
.updateSlideshow a:hover { background:#666; color:#fff; text-decoration: none; }

.resizeBox { 
	position: relative;
    width: 100%;
    background-color: #e2e2e2;
    overflow: hidden;	
}
.resizeIcon{
	background:#999;
	border:2px solid #999;
	position: absolute;
	z-index: 300;
   	width: 100%;
   	height: 5px;
   	left: 0;
   	background-image: url(http://www.swdsites.com/resizeicon.png);
   	cursor: n-resize;
}


#bannerMobile { display:none; }

.month.fontLarge { font-size:140%; }

/*======================================================================*/
/*======================================================================*/

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 42%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev {
	background:url(../../cmsfiles/images/slideshow.png) no-repeat -123px -30px !important;
	width:55px !important;
	height:55px !important;
	
}

.slick-next {
	background:url(../../cmsfiles/images/slideshow.png) no-repeat -65px -30px !important;
	width:55px !important;
	height:55px !important;
	
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    
}
[dir='rtl'] .slick-prev:before
{
    
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{

}
[dir='rtl'] .slick-next:before
{

}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-slide img { max-width:98%; max-height:98%; }

.menu2Cols { width:400px !important; }


.menu2ColsItem { clear:none; float:left; width:50%; }

/*---- survey monkey ----*/
.smcx-embed,.smcx-embed>.smcx-iframe-container { width:100% !important; min-height:500px !important; }

.newsCol1 { clear:none; float:left; width:100%; }
.newsCol2 { clear:none; float:left; width:47%; padding:0 1%; }
.newsCol3 { clear:none; float:left; width:31%; padding:0 1%; }
.newsCol4 { clear:none; float:left; width:22%; padding:0 1%; }

.newsCol1 .darkBorder, .newsCol2 .darkBorder, .newsCol3 .darkBorder, .newsCol4 .darkBorder{
    width: 98%;
}

.newsCol1 img, .newsCol2 img, .newsCol3 img, .newsCol4 img{
    max-width: 100%;
}



@media screen and (max-width: 480px ){
    .newsCol1, .newsCol2, .newsCol3, .newsCol4{
        width: 99%;
    }

    .newsCol1 .darkBorder, .newsCol2 .darkBorder, .newsCol3 .darkBorder, .newsCol4 .darkBorder{
        height: auto !important;
    }
}

/*---------- TICKER --------------*/
/* liScroll styles */
/*.tickercontainer {
  width: 300px;  the plugin works for responsive layouts so width is not necessary 
  overflow: hidden;
  border:1px solid #ccc;
}*/
.tickercontainer { /* the outer div with the black border */
background: #D11418; 
color:#fff;
width: 100%; 
height: 20px; 
margin: 0; 
padding: 10px 0; 
overflow: hidden; 
}
.tickerDiv { position:relative; }
#tickerresume{ display: none;}
.pauseResume { position: absolute; top:0; display: none;}
.pauseResume a { border-right: 1px solid #fff; padding: 2px 4px; display: block;}
@media screen and (max-width:480px){
    .pauseResume { display: block;}
}
/*.tickercontainer .mask { that serves as a mask. so you get a sort of padding both left and right 
position: relative;
left: 0px;
top: 8px;
width: 100%;
overflow: hidden;
}
ul.newsticker {  that's your list 
position: relative;
left: 400px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left;  important: display inline gives incorrect results when you check for elem's width 
margin: 0;
padding: 0 10px;
}
ul.newsticker a:visited,ul.newsticker a:active,ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #fff;
} 
ul.newsticker a:hover,ul.newsticker a:visited:hover {
	color: #fff;
}

ul.newsticker span {
margin: 0 10px 0 0;
} */

/*--- liscroll v1.1 ---*/
    /*
    jquery.liScroll
-----------------------------------------------*/
.liScroll-container { /* the outer div with the black border */
    /*border: 1px solid #ccc;
    background: #fff; 
*/    height: 20px; 
   /* margin: 0 0 15px; */
    padding: 2px 5px 2px 5px; /*for buttons: padding: 2px 85px 2px 5px;*/
    position: relative;
    overflow: hidden; 
    font-size:14px;
    font-family: sans-serif;
}
.liScroll-container .liScroll-mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    overflow: hidden;
}
    .liScroll-ticker { /* that's your list */
        position: relative;
        left: 300px;
        list-style: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
    }
        .liScroll-ticker ul {
            list-style: none;
            list-style-image: none;
            margin: 0;
            padding: 0;            
        }
        .liScroll-ticker li {
            float: left; /* important: display inline gives incorrect results when you check for elem's width */
            list-style: none;
            list-style-image: none;
            margin: 0;
            padding: 0;
            /*background: #fff;*/
        }
            .liScroll-ticker a {
                color: #b21226;
                white-space: nowrap;
                padding: 0;
                margin: 0 50px 0 0;
                text-decoration: none;
            } 
                .liScroll-ticker a:hover {
                    text-decoration: underline;
                }
            .liScroll-ticker span {
                margin: 0 10px 0 0;
            } 

    .liScroll-container .liScroll-prev,
    .liScroll-container .liScroll-play,
    .liScroll-container .liScroll-next {
        background: url(sprites.gif) no-repeat 1px 2px;
        cursor: pointer;
        height: 25px;
        position: absolute;        
        text-align: left;
        text-indent: -9999px;
        top: 0px;
    }
    .liScroll-container .liScroll-prev {
        right: 55px;
        width: 25px;
    }
    .liScroll-container .liScroll-play {
        background-position: -25px -24px;
        right: 25px;
        width: 25px;
    }
    .liScroll-playing .liScroll-play {
        background-position: -25px 2px;
    }
    .liScroll-container .liScroll-next {
        background-position: -100px 2px;
        right: 0px;
        width: 25px;
    }

/*--- liscroll end ---*/


.fromRequired { display:none; }

/*--- homework table style ---*/

.homeworkHolder { width: 19.75%; float: left; border: 1px solid; }
.homeworkDate { padding: 10px 15px; }
.homeworkInnerWrapper { margin-bottom: 5px; padding: 10px 15px; border-top: 1px solid; }
.homeworkFullDetails { padding: 10px 15px; border: 1px solid;}
#classTable, #subjectTable { padding: 5px 10px; margin-bottom: 10px; }
.homeworkTitle { font-weight: bold}
.homeworksubject { font-style: italic;}
.homeworkclasses span { color: #fff; padding: 2px 4px; margin: 5px 5px 0 0; display: inline-block; border-radius: 5px; font-size: 85%; }
.homeworkDownload { float: right; }
.homeworkHolderSmall { width: 99.7% !important;}

.homeworkFullDetails .homeworkTitle { font-size: 140%; }
.homeworkFullDetails .homeworksubject { font-size: 110%; }
.homeworkFullDetails .homeworkContent { border-top: 1px solid; padding: 20px 0;}
.homeworkFullDetails .homeworkDueDate { padding: 10px 0; font-size: 90%;}
.homeworkAttach { border: 1px solid; margin-top: 15px; padding: 15px 15px;}
.homeworkFullDetails .homeworkContent { font-size: 120%; }

.homeworkcontentLoading, .homeworktableLoading { text-align: center; }

.homeworkTableManage { float: right;}

@media screen and (max-width: 480px){
    .homeworkHolder { width: 99%;}    
}

/*--- school survey ---*/
.surveyForm {font-size: 16px;}
.surveyForm fieldset { border: none; padding: 10px 15px; margin-bottom: 20px;}
.surveyForm label { font-size: 148%; display: inline-block; margin-bottom: 20px;}
.surveyForm input[type="submit"] { border: 1px solid #ccc; border-radius: 5px; padding: 5px 10px; font-size: 100%;}
.surveyForm input[type="text"], .surveyForm select { width: 97.71%; border: 1px solid #ccc;  border-radius: 5px; padding: 5px 1.04%; /*5px 10px*/ font-size: 16px;}
.surveyForm input[type="text"] { float: left;}
.surveyForm select { width: 100%;}
.surveyForm textarea { border: 1px solid #ccc;  border-radius: 5px; padding: 5px 1.04%; /*5px 10px*/ width: 97.71%; height: 100px;}
.surveyForm input[type="radio"], .surveyForm input[type="checkbox"] {margin: 0 10px 0px 0; float: left; zoom: 1.75;}
.surveyForm .inputVal { float: left; color: #666666; font-size: 100%;}
.surSelection { clear: both; padding-bottom: 15px;}
#optionsVaules, .addSurvey, .otherDropdown, #checktextHolder { display: none;}
.optionsValue { width: 50% !important;}
#surveyEdit, .addSurvey { background: #ebeaea; padding: 10px; border-radius: 10px; border:3px solid #666;}
.addSurveyQus { display: none;}
.deleteQuestionOption img { float: left; width: 30px; height: 30px;}
.questionOpt { height: 30px; margin-bottom: 30px;}
.surveyDoc {padding-bottom: 30px;}
.scale {float: left; width: 50px; text-align: center;}
.scale .inputVal { float: none;}
.scale input[type="radio"]{ margin-right: 0; float: none;}
#scaleVaules, #scaleEditVaules { display: none;}
.scaleText { float: left; padding-top: 20px; color: #666666; }
.surveyodd { background: #fbfbfb;}
.surveySubmit { font-size: 160% }
.surveyForm .formSuccess { margin: 20px 15px;}
.surveyTitleField { font-size: 212%; font-weight: bold; border-bottom: 4px solid #000; padding: 10px; margin-bottom: 20px;}
.questionTextarea button { background: transparent !important; }
.addSurveyQues { text-align: center}
.addSurveyQues input[type="submit"]{ background: #F26899; color: #fff; margin:2px 0; font-size: 200%; cursor: pointer; }
.addSurveyQues input[type="submit"]:hover { background: #E94982;}
#qustEditType, #qustType { font-size: 160%;}
#commentSection,#commentEditSection,#compactBox,#editCompactBox { display: none;}
.compactLabel{ width: 25% !important; float: left !important; margin-bottom: 0 !important;}
.compactField{ width: 70% !important; float: right !important;}
.surveySubTitleField {font-size: 190%; font-weight: bold; border-bottom: 4px solid #000; padding: 10px; margin-bottom: 20px;}
.surveyDateField .compactLabel { margin-top: 10px;}
.surveyDate { float: left; width: 50px; text-align: center; margin-right: 15px; }
.surveyDate .inputVal { float: none;}
.surveyDate input[type="text"] { text-align: center; }
.rating { float: left; }
.rating > input { display: none; } 
.rating > label:before { margin: 5px; font-size: 40px; display: inline-block; content: "★"; }
.rating > label { color: #ddd; float: right; }

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700; cursor: pointer;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85; cursor: pointer;  } 

.checktextInfo input[type="checkbox"] { float: none; position: relative; top: 4px;}

@media screen and (max-width: 480px){
    .compactLabel{ width: 100% !important; float: left !important; margin-bottom: 0 !important;}
    .compactField{ width: 97.71% !important; float: right !important;}
}

/*----- vertical align ----*/
.verticalAlignHelper { display: inline-block; height: 100%; vertical-align: middle; }
.verticalAlign { vertical-align: middle; display:inline-block; }


/*--- School App Widget ---*/

.schoolAppWidget { max-width: 450px; margin: 0 auto; }
.schoolAppWidget img { max-width: 100%; }
#schoolAppPhone { width: 45%; float: left;}
#schoolAppPhoneIcon { padding: 10px 0; text-align: center; }
#schoolAppDownload { width: 55%; float: right;}
.downloadIcon { margin-bottom: 15px }
/*.schoolAppWidget.schoolappSmallWidth, .schoolappSmallWidth #schoolAppPhone, .schoolappSmallWidth #schoolAppDownload { width: 100%; text-align: center;}*/
.schoolappSmallWidth #schoolAppDownload ul, .schoolappSmallWidth #schoolAppDownload p { display: none;}
.schoolappSmallWidth  #schoolAppDownload { width: 50%; padding-top: 10px; }

@media screen and (max-width: 480px){ 
    #schoolAppDownload ul { list-style: none; padding-left: 0}
}

/*--- Login Shortcut ---*/

#loginshortcut { width: 700px; position: fixed; z-index: 9; background: red; left: 50%; margin-left: -350px; top: 200px; color: #fff;}
.shortcuts { width: 30%; float: left; }
#shortcutskip { clear: both; width: 100%; text-align: center;}

/*--- Awards / Sponsors ---*/

.awardsHolder {display:inline-block; padding: 10px; width:140px; text-align:center; height: 100px;}
.sponsors { text-align: center}

/*--- Posters ---*/

.posterHolder { margin-bottom: 10px; text-align: center; clear: both; position: relative; }
.posterHolder img { max-width: 100%;}
.posterManageButton { float: left;}
.fullPoster { position: absolute; bottom: 15px; right: 15px;}

.classImage { padding:0 0 10px 0; }
.classImage img { max-width:100%; }

/*--- Title Art ---*/

.titleArt { text-align: center; border-radius: 10px; margin-bottom: 15px;}
.starsleft {background:url(../../cmsfiles/images/widgets/titleart/titleartstarsleft.png) no-repeat 2% 10px;}
.starsright {background:url(../../cmsfiles/images/widgets/titleart/titleartstarsright.png) no-repeat 98% 10px; padding: 10px 120px; height: 100px}
.cupsleft {background:url(../../cmsfiles/images/widgets/titleart/titleartstarsleft.png) no-repeat 2% 10px;}
.cupsright {background:url(../../cmsfiles/images/widgets/titleart/titleartstarsright.png) no-repeat 98% 10px;  padding: 10px 120px; min-height: 100px}
.tennisleft {background:url(../../cmsfiles/images/widgets/titleart/titleartstarsleft.png) no-repeat 2% 10px;}
.tennisright {background:url(../../cmsfiles/images/widgets/titleart/titleartstarsright.png) no-repeat 98% 10px;  padding: 10px 120px; min-height: 100px}
.starsright p, .cupsright p, .tennisright p { font-size: 140%;}

@media screen and (max-width: 480px){
    .titleArt { text-align: left;}
    .starsright{ background-image: none; padding-right: 0; min-height: 100px; height: auto;}
    .widget_titleart .verticalAlignHelper { height: 0; display: block; }
    .widget_titleart .verticalAlign {display: block;}
    .starsright p, .cupsright p, .tennisright p { font-size: 100%;}
}

/*--- linkbox ---*/

.linkboxHolder { float: left;}
.box a { transform: scale(1.0); transition: transform .4s ease-in-out; -webkit-transform: scale(1.0); -webkit-transition: -webkit-transform .4s ease-in-out; -moz-transform: scale(1.0); -moz-transition: -moz-transform .4s ease-in-out; -ms-transform: scale(1.0); -ms-transition: -ms-transform .4s ease-in-out;}
.box a:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2);}

/*--- Calendar (mobile) ---*/
.mobileCalDay { display: none;}
@media screen and (max-width: 480px){
    .mobileCalDay { display: inline;}
}

a.spamcheck{
    font-size: 12px !important;
}

.messageAlert{
    position: fixed;
    top: 38px;
    margin-left: -200px;
    margin-right: auto;
    width: 400px;
    background-color: #fff;
    color: #f04124;
    padding: 10px;
    z-index: 9999;
    right: 50%;
    left: 50%;
    border: 1px solid #999;
    border-radius: 10px;
    text-align: center;
}
.messageAlert.good{
    color: #00AB13;
}
.messageAlert:before{
    content: 'x';
    display: block;
    float: right;
    color: #999;
}

/*==== app banner ===*/
#AppBanner { padding:10px 0; background:#fff; width:100%; }
.AppBannerTop { position:relative; border-bottom:2px solid #222; }
.AppBannerBottom { position:fixed; bottom:0; left:0; z-index:1200; border-top:2px solid #222; }
#AppBannerInner { width:980px; margin:0 auto; }
#AppBannerText { float:left; font-size:18px; padding:12px 20px 0 0; }
#AppBannerButtons { clear:none; float:left; }
#AppBannerTextClose { clear:none; float:right; padding:6px 0 0 20px; }
/*--- Booking Resourcer ---*/

.bookedRes { text-align: center}
.notBookableRes {text-align:center; background: #f9b6b6;}
.bookableRes {text-align:center; background: #cef9d0;}
.bookedRes img, .bookableRes img, .notBookableRes img { width: 24px; height: auto;}
.bookerTable { margin-bottom: 0 !important;}
.resourceBox {border: 1px solid; border-top: none; padding: 10px 15px;}
.resourceDate { width: 100%; display: block; margin-bottom: 10px; text-align: left;}
.calNav { margin-bottom: 0; font-size: 120%; }
.calNav th { text-align: center; border-bottom: 0; font-size: 140%}
.calNav td { border-bottom: 0; }
.calNav td:nth-child(2) { text-align: center; font-weight: bold; }
.calNav td:last-child { text-align: right; }
.clickDay { background: #ccc; } 
@media screen and (max-width: 480px){
    #resourceMonthView td, #resourceMonthView th { display: block; width: 91%;}
    #resourceMonthView th { padding-right: 12px;}
    .emptyDate, #calLabel { display: none !important;}
    .resourceDate, #resourceMonthView .mobileCalDay{ text-align: right; display: block;}
    .calNav td { text-align: center !important;}
}

/*--- Buttons Icon ---*/

.buttonsIconImg{ width: 16px; height: auto; padding-right: 5px; }
.large .buttonsIconImg{ width: 21px; height: auto; padding-right: 5px; }

@media screen and (max-width: 480px){ 
    .buttonsIcon{ display: block}
}

/*--- FAQ ---*/

.faqHolder { border-bottom: 4px dotted;}
.faqQus { font-size: 160%; font-weight: bold; margin-top: 12px; }
.faqAns { font-size: 120%; }
@media screen and (max-width: 480px){
    .faqAns{ display: none; }
}

/*--- poll ---*/

.poll { text-align: center}
.pollTtile { font-weight: bold; font-size: 140%; }
.pollButton { border-radius: 5px; border: 1px solid #000; width: 96.80%; max-width: 500px; display: block; padding: 10px 1.60%; text-align: center; cursor: pointer; margin: 10px auto; text-decoration: none;}
.pollButton:hover { text-decoration: underline; }

/*-- Calendar color background --*/

.redCalBg { background: #fa573c; }
.orangeCalBg { background: #ffad46; }
.yellowCalBg { background: #fbe983; }
.greenCalBg { background: #b3dc6c; }
.purpleCalBg { background: #b99aff; }
.pinkCalBg { background: #f691b2; }
.blueCalBg { background: #9fc6e7; }
.brownCalBg{ background: #ac725e; }

/*--- news slider ---*/
.newsSlideText { position: absolute; bottom: 10px; background: rgba(255,255,255,0.9); border: 1px solid #ccc; padding: 10px 2.13%; width: 92.53%; text-align: left; left: 1.5%;}
.newsSlideTitle { font-size: 140%; font-weight: bold; }
.newsSlideDate { font-size: 120%; font-weight: bold; font-style: italic; }
.newsSlideMainText { font-size: 110%; }

@media screen and (max-width: 480px){
    .newsSlideTitle { font-size: 305%; }
    .newsSlideDate { font-size: 215%; }
    .newsSlideMainText { display: none; }
    .newsSlideText .listItemMore { font-size: 255%}
}

/*--- featured link ---*/
.widget_featurelink { border-radius: 10px; }
.featuredlinkHolder { padding: 24px 10px; display: table;}
.featuredlinkImg { width:100%; text-align: center;}
.featuredlinkImg img { max-width: 100%;}
.featuredlinkText { display: table-cell; vertical-align: middle; padding-left: 2%; text-align: center; font-size: 230%; }
.featuredlinkText a, .featuredlinkText a:visited, .featuredlinkText a:active{ text-decoration: none;}
.featuredlinkText a:hover, .featuredlinkText a:visited:hover{ text-decoration: underline;}
.linkTextNoImgHolder { display: block; padding: 24px 10px;  }
.linkTextNoImg { text-align: center; font-size: 230%;}

/*--- IOS disbale contentmenu ---*/
img, .thumbDisable { -webkit-touch-callout: none; }

/*--- google translate ---*/

#google_translate_element{ height: 24px;}

/*---- dropdown right align ----*/
.dropdownright ul { right: 0 !important; left: auto !important;}
.dropdownright ul a { width: 312px !important;}
.dropdownright ul ul { left: -332px !important;}

@media screen  and (max-width: 480px){
    .dropdownright ul ul { left: auto !important;}
}

/*--- Compact Text ---*/

.compactTextHolder { border-bottom: 4px dotted;}
.compactTextQus { font-size: 160%; font-weight: bold; margin: 12px 0; cursor: pointer; }
.compactTextAns { display: none; }
.compactTextAns img { float: right; padding: 0 0 10px 10px; }
.compactTextQus a { text-decoration: none; }
.compactTextQus a:hover { text-decoration: underline; }
.plusMinus { float: right;}

#branch-banner-iframe { position: fixed !important; }

/*--- scroll to top button ---*/
#backto-top { position: fixed; bottom: 3.8em; right: 2em; display: none; opacity: 0.4; cursor: pointer;}

/*--- Policies ---*/

#policies { text-align: center; padding: 10px 0 20px;}
#policies ul { list-style: none; padding-left: 0;}
#policies li { display: inline; padding-left: 5px; border-right: 1px solid #fff; }
#policies li:last-child { border-right: none; }
#policies a { padding-right: 5px; }

/*--- widget inner ---*/
.widgetInner{ word-wrap: break-word; }

/*--- news preview ---*/

#newsPreviewMode {text-align: center; background: #e7d962; padding: 10px; margin-bottom: 10px; }

.docContent{margin-top: 10px;}

/*--- contact form small column ---*/

.formField.smallForm  input, .formField.smallForm  textarea { width: 95.80%; }
.formField.smallForm  label { text-align: left; width: 95%; }
.smallForm .formError { padding-left: 0; }

/*--- featured news ---*/
.widget_featurednews { padding: 20px 90px; color: #000;}
#featuredNewsOuter { margin: 1.5% 0; }
#featuredFullNewMain {width: 100%;}
#featuredNewMain { float: left; width: 450px;}
#featuredNewTitle a:visited, 
#featuredNewTitle a:active, 
#featuredNewTitle a { font-weight: bold; font-size: 235%; margin-bottom: 20px; color: #000; text-decoration: none; }
#featuredNewTitle a:visited:hover,
#featuredNewTitle a:hover { color: #000; text-decoration: underline; }
#featuredNewContent { font-size: 125%; font-style: italic; line-height: 30px;}
#featuredNewImage { float: right;}
#featuredNewImage img { border: 6px solid #fff}

@media screen and (max-width: 480px){
    .widget_featurednews { padding: 20px 10px;}
    #featuredNewMain { width: 100%;}
    #featuredNewImage { float: left; width: 100%; }
}

/*--- text image ---*/

.txtImgLeft { float:left;  padding:0 10px 10px 0; }
.txtImgLeft img {padding:0 10px 10px 0px;}
.txtImgRight { float:right;  padding:0 0 10px 10px; }
.txtImgRight img {padding:0 0px 10px 10px;}
.txtImgTop { text-align: center; margin: 0 auto; }
@media screen and (max-width: 480px){
    .txtImgRight, .txtImgLeft, .txtImgTop { width: 100%; max-width: 100% !important; }
    .txtImgRight img, .txtImgLeft img, .txtImgTop img { width: 100%; max-width: 100% !important; padding-left: 0 !important; }
    .txtImgLeft { padding:0 0px 10px 0; }
    .txtImgRight { padding:0 0 10px 0px; }
}

/*--- user protected login ---*/

.userProContainer{ width: 230px; margin: 0 auto; }
.userProContainer .loginfielddiv input { background: #e5e5e5; width: 95.18%; font-size: 100%; border: 2px solid #ddd; border-radius: 5px; color: #444; padding: 7px  1.72%;  margin-bottom: 15px ; }
.userProContainer .loginfieldtitle {  text-align: left; font-size: 160%; font-weight: normal; }
.userProContainer .loginButtons .buttonPink button, .userProContainer .loginButtons .buttonPink button:hover { border: none; color: #fff;  font-size: 25px !important; padding: 5px 10px !important; width: 141px; border-radius: 0 !important;}

/*--- link list ---*/

.linkListHolder { float: left; width: 100%; }
.boxlist { background: #fff !important; clear: both; float: left; padding: 7px; margin: 0 5px 10px 5px; width: 100%; }
.boxListTitle { font-weight: bold; }
@media screen and (max-width: 480px){
    .boxListTitle { margin: 0 !important; padding-top: 10px;  clear: both; }
}

/*--- link list button ---*/
.buttonListHolder { clear: both; }

/*--- Document Two Col ---*/
.docCol1 { padding-right: 2%; }
.docTwoCol { width: 48%; float: left;}
@media screen  and (max-width: 480px){
    .docCol1 { padding-right: 0%; }
    .docTwoCol { width: 100%; }
}

/*--- letter/document tranlate button ---*/
.translateBtn { display: inline-block; margin-bottom: 7px;}

/*--- image grid ---*/
.imageGridHolder img { float: left; padding: 10px 8px; }

/*--- Jobs ---*/
.jobHolder { border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.jobHolder:last-child { border-bottom: none;  }
.jobTitle { font-size: 260%;  font-weight: bold; margin-top: 10px; }
.jobSubtitle { font-size: 160%; margin-bottom: 10px; }
.jobDesc { font-size: 120%; }

/*--- quotes ---*/
.quoteText { font-size: 130%; }
.quoteImage { float: right; padding: 0 0 5px 5px;}
.quoteName { font-style: italic; }
.quotesHolder { position: relative; padding: 15px 20px 15px 45px; border-bottom: 1px solid #ccc; }
.quotesHolder:last-child { border-bottom: none;  }
.quotesHolder::before{ content: "\201C"; font-size: 60px;font-weight: bold;color: #999;font-family: Georgia, serif;position: absolute;left: 10px;top:5px; }
.quotesHolder::after{ content: ""; }

.disclaimer {text-align: center; background: #e7d962; padding: 10px; margin-bottom: 10px; clear: both; }


.goog-te-gadget-simple .goog-te-menu-value span { color: #000000;}/*---- config ----*/
html						{ font-family: Geneva, Verdana, sans-serif; }
*							{ margin:0; padding:0; }

.clearBoth					{ clear:both; font-size:0; line-height:0; }

.noPrint					{ }
.hide						{ height: 0; left: -40000px; overflow: hidden; position: absolute; width: 0; }
.hideTab 					{ font-size: 1.6em; left: -40000px; overflow: hidden; position: absolute; width: 200px; }
#accessKeys					{ left: 0; position: absolute; top: 0; z-index: 100; }

a:visited,
a:active,
a							{ text-decoration:underline; }
a:visited:hover,
a:hover						{ text-decoration:underline; }


/*---- site ----*/
#accessBar					{ clear:both; width:100%; }
#accessBarMain				{ margin:0 auto; text-align:right; padding:4px 10px 4px 10px; width:960px; }
#accessBar ul				{ clear:none; float:left; padding:2px 0 0 0; list-style:none; }
#accessBar li				{ clear:none; float:left; }
#accessBar a				{ padding:0px 9px 0 9px; }
#accessSearch				{ clear:none; float:right; padding:0 0 0 10px; }
#accessSearch input			{ width:140px; }

#site						{ clear:both; margin:0 auto; position:relative; width:980px; }

#banner						{ clear:both; position:relative; }
#banner		 				{ background:url(../../assets/images/newbanner.png) #7fd2fe no-repeat 0px 0px; }
#bannerTop					{ position:absolute; left:37px; top:11px; z-index:302; }
#bannerTop a:visited,
#bannerTop a:active,
#bannerTop a:visited:hover,
#bannerTop a:hover,
#bannerTop a				{ background:url(../../assets/images/crest.png) no-repeat 0 0; display:block; height:185px; overflow:hidden; text-indent:-1000px; width:185px; }
#bannerBack					{ position:absolute; left:0; top:0; z-index:301; }

/*---- breadcrumb ----*/
#breadcrumb					{ clear:both; padding:5px 10px 6px 5px; margin:0 0 10px 0; }
#breadcrumb ul				{ list-style:none; margin:0; padding:0; }
#breadcrumb li				{ clear:none; float:left; padding:0 10px 0 5px; }

#main						{ clear:both; }


.footerColumns 				{ clear:both; padding:1%; }
.footerCol 					{ clear:none; float:left; width:31%; padding:1%; }

#footer						{ clear:both; margin:0 auto; padding:0px; width:980px; padding-bottom:8px }
#footerMain					{ clear:both; padding: 0; width:980px; }

/*---- menu ----*/
/*DROP DOWN MENU*/

.menu 						{ width:100%; position:relative; z-index:99; padding-bottom: 10px }
* html .menu 				{ width:100%; w\idth:100%;}
.menu ul 					{ padding:0; margin:0; list-style-type:none; text-align:center; }

/*--------first level----------*/
.menu						{ clear:both; }
.menuBottom					{ clear:both; height:3px; width:100%; }
.menu a, 
.menu a:visited 			{ float:left; clear:none; display:block; text-decoration:none; padding:15px 10px; line-height:16px; } /*width:100%;*/
.menu a.last,
.menu a:visited .last 		{ display:block; border:0; }
* html .menu a, 
* html .menu a:visited 		{  } /*width:100%; w\idth:100%;*/
.menu li 					{ float:left; clear:none; position:relative; margin-bottom: 5px; }

/*--------second level---------*/
.menu ul ul 				{ width:200px; text-align:left; z-index:100; }
.menu ul ul a.drop,
.menu ul ul a.drop:visited 	{  }
.menu ul ul a.drop:hover	{  }
.menu ul ul :hover > a.drop {  }
.menu ul ul ul a,
.menu ul ul ul a:visited 	{  }
.menu ul ul ul a:hover 		{  }
.menu ul ul li 				{ border-right:0; margin: 0;  }

.menu ul ul 				{ visibility:hidden; position:absolute; height:0; top:59px; left:0; width:200px; }
* html .menu ul ul 			{ top:57px; t\op:57px; }

.menu ul ul ul				{ left:216px; top:-1px; width:200px; }
.menu ul ul ul.left 		{ left:-216px; }

.menu table 				{ position:absolute; top:0; left:0; border-collapse:collapse; }

.menu ul ul a,
.menu ul ul a:visited 		{ height:auto; line-height:1em; padding:5px 10px; width:330px;border-width:0 1px 1px 1px; font-weight:normal; }
* html .menu ul ul a,
* html .menu ul ul a:visited { width:150px; w\idth:128px; }

/*MOUSEOVER*/
.menu a:hover,
.menu ul ul a:hover			{  }
.menu :hover > a,
.menu ul ul :hover > a 		{  }
.menu :hover > a.last,
.menu ul ul :hover > a 		{ border:0; }

.menu ul li:hover ul,
.menu ul a:hover ul 		{ visibility:visible; }
.menu ul :hover ul ul 		{ visibility:hidden; }
.menu ul :hover ul :hover ul { visibility:visible; }

.menu .active a 			{  }
.menu .active a.last 		{ border:0; }
.menu ul li.active ul li a 	{  }
.active 					{  }

.menu a span { display:block; clear:both; font-weight:normal; padding-top:5px; }

/*---- elements ---*/
h1 							{ clear:both; padding:3px 0px 4px 20px; }
h2							{ clear:both; padding:3px 0px 4px 20px; }
h3							{ clear:both; padding:0 0 12px 0; }
h4							{ clear:both; padding:0 0 12px 0; }
h5							{ clear:both; padding:0 0 12px 0; }
h6							{ clear:both; padding:0 0 12px 0; }

p							{ padding:0 0 12px 0; }

.content ul					{ padding:4px 0 12px 20px; }
.content ol					{ padding:4px 0 12px 20px; }
.content li					{  }

/*.content img				{ padding:10px 10px 0 10px; }*/

/*---- layout ---*/
.columnOne					{ clear:both; padding:1%; width:98%; }

.columnTwo					{ clear:both; padding:1% 0 1% 0; width:100%; }
.columnTwoLeft				{ clear:none; float:left; padding:0 0 0 1%; width:48%; }
.columnTwoRight				{ clear:none; float:right; padding:0 1% 0 0; width:48%; }

.columnThree				{ clear:both; padding:1% 0 1% 0; width:100%; }

.columnThreeLeft			{ clear:none; float:left; padding:0 1% 0 1%; width:32%; }
.columnThreeMiddle			{ clear:none; float:left; padding:0 0 0 0; width:32%; }
.columnThreeRight			{ clear:none; float:right; padding:0 1% 0 0; width:32%; }

.columnDoubleHolder			{ clear:none; float:left; width:65%; }
.columnThreeDoubleLeft		{ clear:none; float:left; width:65%; padding:0 0 0 1%; }
.columnThreeDoubleRight		{ clear:none; float:right; width:65%; padding:0 1% 0 0; }


/*---- list ----*/
.list 						{ clear:both; }
.listItem					{ float: left; padding:6px 0 0 0; margin:0 0 3px 0; width: 100%; }

.listItemContentHolder		{ float: left; padding:0 0 10px 0; width: 100%; }
.listItemContent			{ margin-left: 100px; padding:0 0 4px 0; }
.listItemTitle				{ clear:both; font-weight:bold; padding:0 0 2px 0; }
.listItemSubtitle			{ clear:both; font-weight:bold; }
.listItemText				{ clear:both; font-style: italic; }
.listItemMore				{ clear:both; font-weight:bold; margin-top: 7px; }

.listItemImage				{ float: left; width: 100px; margin-left: -100%; }
.listItemImage img			{  }

/*.columnThreeRight .listItemContent { width:202px; }
.columnThreeLeft .listItemContent { width:202px; }
.columnTwo .listItemContent	{ width:370px; }*/

/*---- simpleItem ----*/
.simpleList					{ clear:both; }
.simpleItem					{ border-bottom:1px solid #8DCDF5; clear:both; padding:4px 0 8px 0; }
.simpleItemImage			{ border:4px solid #8DCDF5; clear:none; float:left; margin:0 8px 0 0; }

.title						{ clear:both; font-weight:bold; }

/*---- tileItem ----*/

.tileList					{  }
.tileListItem				{ clear:none; float:left; padding:0 3px 6px 3px; }
.tileListItem a				{ background:0; border:0; display:block; height:108px; text-align:center; width:108px; }
.tileListItem img			{ border:4px solid #fff; }
.tileListItem .selected	img	{ border:4px solid #333; }



/*==== form ====*/
.formField					{ clear:both; padding:10px 0 0 0; }
.formField label			{ clear:none; float:left; width:120px; }
.formButton					{ clear:both; padding:10px 0 0 120px; }



/*---- button ----*/
.button						{ clear:both; font-weight:bold; padding:10px 0 10px 0; }
.button a:visited,
.button a:active,
.button a					{ background:#8DCDF5; color:#202545; padding:4px 8px; text-decoration:none; }
.button a:visited:hover,
.button a:hover				{ text-decoration:underline; }

button						{ background:#8DCDF5; border:0; color:#202545; padding:4px 8px; text-decoration:none; }
button :hover				{ text-decoration:underline; }

/*---- slideshow ----*/
.slideshowShort				{ clear:both; height:250px; overflow:hidden; width:100%; }
.slideshowShort div			{ height:250px; }
.slideshowTall				{ clear:both; height:450px; overflow:hidden; width:100%; }
.slideshowTall div			{ height:450px; }

.slideshowMenu 				{ display:none; }

/*---- box ----*/
.box						{ background:#8DCDF5; clear:none; float:left; padding:7px; margin:0 5px 10px 5px; }
.boxTitle					{ font-weight:bold; padding:8px 0 0 0; }

/*---- gallery ----*/
.galleryImageMenu			{ clear:both; text-align:center; padding:10px 0; width:100%; }
.galleryImage				{ clear:both; text-align:center; padding:0 0 15px 0; width:100%; }



#contentwrapper{
float: left;
width: 100%;
}
 
#contentcolumn{
margin-left: 90px; /*Set left margin to LeftColumnWidth*/
}
 
#leftcolumn{
float: left;
width: 90px; /*Width of left column*/
margin-left: -100%;
background: #C8FC98;
}


.pagination					{ clear:both; padding:10px 0 10px 0; }
.pagination a:visited,
.pagination a:active,
.pagination a				{ background:#DEEFF7; border:1px solid #94C6E7; padding:2px 4px; margin:0 2px 0 0; text-decoration:none; }
.pagination a:visited:hover,
.pagination a:hover			{ background:#0073BD; color:#fff; text-decoration:underline; }
.pagination .selected		{ background:#0073BD !important; color:#fff; }

.newsImage					{ clear:both; padding:10px 0 0 0; text-align:center; }
.newsImageTitle				{ clear:both; padding:2px 0 0 0; text-align:center; }


/*---- banners ----*/
.banners					{ clear:both; height:341px; padding:0 0 12px 0; position:relative; width:980px; z-index:100; }
.banners .banner			{ height:341px; position:absolute; overflow:hidden; width:980px; }
.banners .bannerBox			{ background:url(../../assets/images/banner_bluebox.png); color:#fff; position:absolute; bottom:0; height:64px; padding:18px 0 0 60px; right:0; width:476px; }
.bannerTitle				{ font-weight:bold; padding:0 0 4px 0; }
.bannerText					{  }

/*---- footer ----*/
.creditLinks				{ clear:both; padding:70px 0 251px 0; margin:0px auto 0 auto; text-align:center; width:100%; }
.creditLinks p				{ padding-bottom:10px; }

.backLink					{ clear:both; padding:0 0 10px 0; }




/* ********************************* */
/* ----------- formats --------------*/
/* ********************************* */

.bold						{ font-weight:bold; }

.textLeft					{ text-align:left; }
.textCenter					{ text-align:center; }
.textRight					{ text-align:right; }

/*---- widths ----*/
.width250					{ width:250px; }

/*---- align ----*/
.alignLeft					{ text-align:left; }
.alignCenter				{ text-align:center; }
.alignRight					{ text-align:right; }

/*------ staff -----*/
.staff						{ padding:0 8px 10px 8px; }
.staffTitle					{ padding:6px 0 0 0; }


/* ********************************* */
/* ----------- cms --------------*/
/* ********************************* */
.cmsButton						{  }
.cmsButton a:visited,
.cmsButton a:active,
.cmsButton a					{ background:#061E66 !important; color:#fff !important; font-size:11px; padding:3px 6px; text-decoration:none; }
.cmsButton a:visited:hover,
.cmsButton a:hover				{ color:#fff !important; text-decoration:underline; }

.cmsButtonLong					{ clear:both; display:block; padding:8px 0 5px 0; }
.cmsButtonLong a:visited,
.cmsButtonLong a:active,
.cmsButtonLong a				{ background:#061E66; color:#fff; clear:both; display:block; font-size:11px; font-weight:bold; padding:6px 0; text-align:center; text-decoration:none; width:100%; 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 6px #ccc;
	-webkit-box-shadow:0px 0px 6px #ccc;
	box-shadow:0px 0px 6px #ccc;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ }
.cmsButtonLong a:visited:hover,
.cmsButtonLong a:hover			{ color:#fff; text-decoration:underline; }

/*---- Featured ----*/





html						/*{ background:#fefefe url(../../assets/images/newbackground.png) repeat-x; } /*#021F6B url(../../assets/images/background.jpg)*/
body            { background:#40609b url(../../assets/images/background.jpg) repeat-x; }
#site           { background: #fff; }
.borderRight				{ border-right:1px solid #fff; }

a:visited,
a:active,
a							{ color:#152941; }
a:visited:hover,
a:hover						{ color:#152941; text-decoration:none; }

/*----*/
.darkBg						{ background:#cccccc; } /* old font = background:#152941 !important*/
.lightBg					{ background:#D0F0FF !important; }

.darkBorder					{ border-color: #161439!important; }
.lightBorder				{ border-color:#aef7aa !important; }

.darkText					{ color:#152941 !important; }
.lightText					{ color:#D0F0FF !important; }


.content					{ color:#000000; }
.content h1					{ font-family: 'Ranchers', cursive; color:#fff; background: #151339 url(../../assets/images/h2-bg.jpg) no-repeat top left; line-height: 35px; font-weight: normal; }
.content h2					{ font-family: 'Ranchers', cursive; color:#fff; background: #151339 url(../../assets/images/h2-bg.jpg) no-repeat top left; line-height: 35px; font-weight: normal; }
/*.content h3					{ background:#89CBF6 url(../../assets/images/heading_bg.jpg) repeat-x 0px 0px; margin:0 0 12px 0; padding:6px 0 10px 12px; }*/

.widget						{  }
.widgetInner				{ padding:10px; background-color: #fff;}
.widgetWrapper      { background: #fff}
.widget_slideshow .widget .widgetInner /*{ border: 3px solid #e8e8f4;}*/
.widget_calendarlist { margin-top: 10px;}

#accessBar					{ color:#152941; }
#accessBarMain				{ background:#6db0ff; }
#accessBar a:visited,
#accessBar a:active,
#accessBar a				{ color:#fff; }
#accessBar a:visited:hover,
#accessBar a:hover			{ color:#fff; }

#accessBar .button			{ background:#152941; border:0; color:#fff; padding:2px 4px; }
#accessBar .field			{ padding:2px 4px; }

/*.columnRightBg				{ background:url(../../assets/images/rightcol_bg.jpg); }
.columnLeftBg				{ background:url(../../assets/images/leftcol_bg.jpg); }*/

/*---- menu colors url(../../assets/images/menu_bg.jpg) ----*/
.menu						{ background: #15133a url(../../assets/images/nav-bg.jpg) top no-repeat; }
.menuBottom					{ background: #ffffff; }
.menu ul ul li 				{ /*border-top:1px solid #FFF;*/ background:#005F01;  }
.menu li					{ font-family: 'Ranchers', cursive; font-weight: 500; border-right: 2px solid #7c819e; }

.menu a:visited,
.menu a:active,
.menu a						{ color:#fff;  font-family: 'Ranchers', cursive; }
.menu a:visited:hover,
.menu a:hover				{ background:#ffa600; color:#fff; }

.menu :hover > a, .menu ul ul :hover > a { background:#ffa600; color:#fff; }

.menu ul ul a:visited,
.menu ul ul a:active,
.menu ul ul a				{ background:#ffa600; color:#fff; }
.menu ul ul a:visited:hover,
.menu ul ul a:hover			{ background:#0350b8; color:#fff; }

/*.dropdown a   {padding-right:22px !important;}*/

.dropdown a {background: url(../../assets/images/arrow.png) no-repeat center bottom; }

.menu a span { font-family:Arial, Helvetica, sans-serif; font-style:italic; }

#main   { background: #fff;}

/*---- Colour Menu ----*/

/*.whiteMenu a { background: #fff; color: #ff4a4e !important; }
.menu :hover > a,
.whiteMenu a:hover,
.whiteMenu a:visited:hover,
.whiteMenu ul a { color: #fff !important; }

.whiteMenu a:hover { color: #fff !important; }
.yellowMenu  { background: #ebc73f;}
.pinkMenu  { background: #e24a97;}
.greenMenu  { background: #54a546;}
.purpleMenu  { background: #65355d;}
.redMenu  { background: #e2403d;}
.blueMenu { background: #8ecdf6;}
.orangeMenu  {background: #ff854a}
*/
.menuitem a { background: #83ca00; color: #fff;}

/*---- crumb ----*/
.crumbArrow					{ background:url(../../assets/images/crumbarrow.gif) no-repeat right 2px; padding:0 5px 0 5px !important; }

#breadcrumb					{ color:#000; border-bottom:1px solid #fff; background: #fff }
#breadcrumb a:visited,
#breadcrumb a:active,
#breadcrumb a				{ color:#000; }
#breadcrumb a:visited:hover,
#breadcrumb a:hover			{ color:#000; }	
#breadcrumb li        { color: #000;}			


/*---- banner ----*/

/*---- footer ----*/
.footerColumns { background:#fefefe; color:#152941;  }
.footerColumns h2 { color:#fff; }

.footerColumns a:visited,
.footerColumns a:active,
.footerColumns a { color:#152941; }
.footerColumns a:visited:hover,
.footerColumns a:hover { color:#152941; }

#footer						{ background: #111153 url(../../assets/images/footer.jpg) top no-repeat;}
#footerMain					{ text-align:center; }
#footer a:visited,
#footer a:active,
#footer a					{ color:#fff; }
#footer a:visited:hover,
#footer a:hover				{ color:#fff; }

.creditLinks				{ color: #fff; }

/* ********************************* */
/* ----------- common --------------*/
/* ********************************* */

.listItem					{ border-bottom:1px solid #d8d8d8; }
.listItemTitle a       {  color: #15143c; font-weight: normal; font-family: 'Ranchers', cursive; }
.listItemSubtitle   { color: #333;}
.listItemImage img			{ border:3px solid #fe4a4d; }
.listItemMore a { background: #ffa600; padding: 5px; color: #fff; font-weight: normal; text-decoration:none; font-family: 'Ranchers', cursive; font-size: 120%; text-transform: uppercase; }
.button a					{ background:#ffa600 !important; color:#fff !important; font-weight: normal; font-family: 'Ranchers', cursive; font-size: 120%; text-transform: uppercase; }
button						{ background:#fea700 !important; color:#fff !important; }

.pagination a:visited,
.pagination a:active,
.pagination a				{ background:#061E66; border:1px solid #061E66; color:#fff; }
.pagination a:visited:hover,
.pagination a:hover			{ background:#061E66; color:#fff; text-decoration:underline; }
.pagination .selected		{ background:#222 !important; border:1px solid #222; color:#fff; }

/*---- button ----*/
.button						{  }
.button a:visited,
.button a:active,
.button a					{ background:#005F01; color:#fff; }
.button a:visited:hover,
.button a:hover				{ color:#fff; }

button						{ background:#005F01; color:#fff; }
button :hover				{  }



.box						{ background:#fff !important; }

/*---- tables ----*/
table						{ border-left: 1px solid #c5e0fe; border-collapse: collapse; margin:0 0 12px 0;}

td{
  color: #000000;
  border-right: 1px solid #c5e0fe;
  border-bottom: 1px solid #c5e0fe;
  border-top: 1px solid #c5e0fe;
  padding: 6px 12px 6px 12px;
}

th{
  background-color:#c5e0fe;
  color:#18113a;
  border-right: 1px solid #c5e0fe;
  border-bottom: 1px solid #c5e0fe;
  border-top: 1px solid #c5e0fe;
  padding: 6px 6px 6px 12px;
	text-align:left;
}

/*---- featured ----*/
.featured .widgetInner { background:#ffa600 !important; margin-bottom: 5px; color: #fff; }
.featured .listItemTitle a, .featured .listItemSubtitle { color: #fff;}
.featured .listItemMore a, .featured .button a { background: #6db0fe !important;}
/*----Google Search Bar----*/
.goog-te-gadget-simple .goog-te-menu-value span { color: #000000;}

/*---- footer text ----*/
#location{ float: left; color: #121037; font-size: 25px; margin-left: 20px; text-align: left; line-height: 35px; font-family: 'Ranchers', cursive;}
#swd  { float: left; clear: both; width: 100%; text-align: center; margin-top: 200px}/* CSS Document */

html { font-size:100%; }
		
#accessBar			{ font-size:85%; }

.menu				{ font-size:114%; }
.menu a span		{ font-size:80%; } 

.content			{ font-size:85%; }

#breadcrumb			{ font-size:90%; }

.creditLinks		{ font-size:80%; }

.content h1			{ font-size:170%; }
.content h2			{ font-size:170%; }
.content h3			{ font-size:118%; }

.listItemTitle		{ font-size:129%; }

.sideTitle			{ font-size:120%; }

.title				{ font-size:120%; }

.footerColumns 		{ font-size:90%; }

.fontSmall			{ font-size:82%; }
.fontLarge			{ font-size:118%; }

.staffJob			{ font-size:90%; }