﻿/*  GLOBAL STYLES  */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6,pre,ul, li, ol, form,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, iframe,dl, dt, dd, fieldset, form, label, legend, span, b,table, caption, tbody, tfoot, thead, tr, th, td, div, span, img{
	border-style: none;border-color: inherit;border-collapse:collapse;border-width: 0;border:0;
    margin: 0;padding: 0; outline: 0; color:white;font-family: 'Open Sans',sans-serif;font-size: 100%;
	background: transparent; vertical-align:top;  line-height:100%;
    }
.hide{display:none}
iframe{background:transparent}


a{border:0}
a:link{text-decoration:none; color:inherit;border:0;}   
a:visited{text-decoration:none;color:inherit; border:0;}   

img, span{vertical-align:middle;border:0}
html {font-size:15px}
hr{width:100%; height:2px;  padding:0; border:0; margin: 5px 0; background:url(../images/gradient_gray.png) repeat;-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1);text-align:center;box-shadow: 0px 1px 3px rgba(0,0,0,.1);}
::-ms-clear, ::-ms-clear{
    display: none;
}
/****** NEWS ARCHIVE SCROLLER  ******/
.divArchiveResult{font-size:110%; margin: 2px 0; padding:5px; cursor:pointer}
.divArchiveResult:hover{background: url(../images/gradient_light.png) repeat; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.2);-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.2); box-shadow: 0px 1px 3px rgba(0,0,0,.2);}


/*  MOBILE ONLY STYLES  */
.next {float: right}
.prev {float: left}
.navMobileLeft{float:none}


/*  NAVIGATION */
#navCog { display: none}
#navMobileMenuText {color: #555}
.navLeft li, .navMobileLeft li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.navLeft{width:183px}
.navLeft, .navMobileLeft{
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.divNewsDate, .divNewsDateImage {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px;
    font-size: 80%;
    color: #C6E1F2;
}
.divNewsDateImage {
    top: 0;
    color: white;
}
/*SOCIAL MEDIA ICONS*/
    .navLeft li .tileThird img {
        width: 55px;
    }
.navMobileMenu, .navMobileTopBar{display:none; color:black; float:left}
.navMobileMenu{
    color:#555;
    list-style: none;
    list-style-type: none;
    padding: 0;
    font-size:190%;
    margin: 0;
    width:100%; text-align:center;
}
.navMobileMenu li {
    list-style-type: none;
    display:inline-block;
    padding: 0;
    margin: 0;
}

.ulSearchResults  {
    color:#555;
    list-style: none;
    list-style-type: none;
    padding: 0;
    font-size:100%;
    margin: 0;
    width:100%; 
}
.ulSearchResults li {
    list-style-type: none;
    display:block;
    padding: 0;
    margin: 0;
    color:#555;
    padding:12px 0;
}

    .ulSearchResults li a {
        cursor: pointer;
    }

/*  DIV STYLES  */
.alignLeft{float:left}
.alignRight{float:right}
.clickable{cursor:pointer}
div.slide a:link {color:#4D9AD4}
div.slide a:visited {color:#4D9AD4}
.tileSearching { margin: 100px auto; width:500px; height:200px; font-size:500%; color:#555; display:none}
.divErrorLarge{display:none; color: white;width:94%; background: url(../images/gradient_red.png) repeat; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);box-shadow: 0px 1px 3px rgba(0,0,0,.4); margin: 10px 0;}
div.divErrorLarge{padding:15px; font-size:110%; line-height:150% }
.divFontSize{ text-align:left; padding-bottom:5px;}
.divBlock{display:inline-block; line-height:150%}
.divBlockPadded{display:inline-block; padding: 0 8px 0 0; vertical-align:middle;}
.divOverflow{width: 130%; overflow:hidden}

.txtError{background:red}

/*  STANDARD STYLES  */
.block50, .block60, .block40, .block25, .block75 {width: 48%;padding: 10px 0;display: inline-block;}
.block25 {width: 23%}
.block75 {width: 73%}
.block40 {width: 38%}
.block60 {width: 58%}

/*CONTAINERS*/
.maincontainer{position:relative; vertical-align:top; width:915px;margin-left:auto; margin-right:auto; padding-top:50px; min-height:600px}


/*HEADER GREY BAR*/

#headerbar {
    width:100%;
    background-color: #333;
    padding:5px;
    position:fixed; z-index:2000;
}

    .headerContainer {
    width:920px;
        margin: 0 auto;
    color:white
    }
.headerLeft, .headerRight {
    list-style: none;
    display:inline-block;
    list-style-type: none;
    padding: 0;
    font-size:90%;
border:0; 
}
.headerLeft {float: left;}
.headerRight {float: right;}

.headerLeft li img, .headerRight li img{ height:25px; width:25px; margin:4px; vertical-align:middle; display:inline-block}
.break {
    background:url(../images/break.png) no-repeat; display:inline-block; margin:0 5px;
    width: 5px; height:32px;
}


    .headerLeft li, .headerRight li {
        color:white;
        list-style-type: none;
        display: inline-block;
        padding: 0;
        border:0;
        margin: 0;
    font-size:95%;
    border-collapse:collapse;

    padding:3px;
    }
        .headerRight li span a{
            color: white;
        }
     .headerLeft li a, .headerRight li a{
         position:relative;
        vertical-align:middle;
        height:20px;
        padding: 0;
        border:0;
    }
     .headerLeft li.selected{
        background:#555;

    }

/*.headerbar{text-align:center; vertical-align:top; text-align:left; font-size:95%;  }
.headerBarMarginTop{height:5px; background-color: rgb(200,200,200); background-color: rgba(80,80,80,0.6);border-collapse:collapse;}
.headerBarMargin{background-color: rgb(200,200,200);background-color: rgba(80,80,80,0.6); width:30%}
.headerBarTable{border-collapse:collapse}
table.headerbar{padding:0;border-collapse:collapse; margin:0; border:0;text-shadow: 0 0 0.1em #999; color:white;}
table.headerbar tr td{background-color: rgb(200,200,200); background-color: rgba(80,80,80,0.6);}
table.headerbar tr td.selected  {background-color: transparent;  color:black;}
.divNavMain{display:block; padding: 0 5px;border:0; font-size:150%; color: #777; cursor:pointer}
table.headerbar tr td:hover{ background: url(../images/gradient_dark.png) repeat}
.imgNavMain{display:inline-block; width:25px; padding-right:2px; padding:2px}
.imgAccessibility_On{margin:5px; -moz-box-shadow: 0 0 6px 6px #CCA600;-webkit-box-shadow: 0 0 6px 6px#CCA600;box-shadow: 0 0 6px 6px #CCA600; display:inline-block; width:30px; height:30px}
.imgAccessibility{margin:5px; border:5px solid transparent; display:inline-block; width:30px; height:30px}
.tdMenu{cursor:pointer}*/


/*#### POPOPUP STYLES ####*/
.modal-dialog:after {
    top: 0; color:black;
}
.divFieldName{display:inline-block; width:140px; padding:5px; font-size:13px}
#divSearchResults{height:405px}
#searchresults{height:580px; width:100%; display:none; color:#333; }
.SearchResultsContainer{height:520px; vertical-align:top;}
#divSelectedLocation{color:inherit; }
/*.SearchResultsContainer{background: url(../images/gradient_light.png) repeat; height:560px}*/
.tdWidth100{width:100px}
.colGreen{background-color:#A0C534; color:white}


/*#### GOOGLE TRANSLATE ####*/
#google_translate_element {display:inline-block
}
    #google_translate_element div.goog-te-gadget-simple{background-color:transparent; border:0;padding: 0 }
    #google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{color:white; font-size:100%; }
    #google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{color:#fff}
    #google_translate_element img.goog-te-gadget-icon {display:none}
#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value img {
    width: 5px;
}

/*ADMIN*/
.bgIconarticle, .bgIconcategory{width:35px; text-align:center; height:25px; color:#73A7D1; background: url(../images/icon_article.gif) no-repeat; margin:3px; font-size:110%; font-weight:bold; text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white; vertical-align:middle}
.bgIconcategory{background: url(../images/icon_category.gif) no-repeat}
.btnArticle{font-size:90%; line-height:25px}


.divContent:after {color:white 
}
/*TITLES*/
#divContent, #divContent span, #divContent *, #divContent a, #divContent b{color:#111; line-height:125%}
 .spanDateS, .spanFontS, .titleM, .spanFontM,.spanFontXS,.spanFontXXL,.spanFontXL,.spanFontL,.tileTitleLarge, .tileTitleL, .tileTitleXL, .tileTitleXXL, .tileTitleXXXL
{
    color:white }
	
	#divContent a, #divContent a b, #divContent a strong {color:#000099;}  
	
.tileTitleLarge, .tileTitleL{ font-size:145%; padding-left:0;  line-height:130%;
    color:white }
.tileTitleXXXL{ font-size:250%;}
.tileTitleXXL{ font-size:200%;}
.tileTitleXL{ font-size:160%;}
.titleHuge{ font-size:400%;}
.tileTitleM, .parahead{ font-size:160%; padding:5px; padding-left:0;   line-height:100%; }
.spanDateS{font-size:75%; color:#DCE0E8 }
.spanFontS{ font-size:75%;}
.spanFontM{ font-size:90%;}
.spanFontXS{ font-size:60%;}
.spanFontXXL{ font-size:45px}
.spanFontXL{ font-size:22px;}
.spanFontL{ font-size:18px;}
.parahead {
    color: #3d78a4;
}
.tileTitle{ font-size:17px; padding:5px; padding-left:0; display:block; color:white }
.tileBox{float:right; margin:10px; font-weight:bold; color:#25689E; background:#D2E2EF; padding:10px; line-height:135%; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);box-shadow: 0px 1px 3px rgba(0,0,0,.4); width:225px; font-size:175%; float:left}




/*BUTTONS*/
.button{background:#1AC22B; height:45px; color:White;  padding:12px; font-size:120%; text-align:center; border: transparent}
#btnLocationSearch{width:65px; display:inline-block}
#btnSearch {
    margin-right: 0; cursor:pointer;
}
.btnClose{height:60px; float:right; cursor:pointer; text-align:center; font-size:220%; color: #888; padding:10px; background: transparent url(../images/gradient_dark.png) repeat;}
#btnCloseSearchTop{color:White}
#btnCloseSearch{height:60px; cursor:pointer; text-align:center; font-size:220%; color: #888; padding:10px; background: transparent url(../images/gradient_dark.png) repeat;}

#txtLocation {
    border: 2px solid #5CB000;margin:0; border-collapse:collapse;width:77%
}
.button_small{height:30px; overflow:hidden;  text-align:center; display:inline-block; padding:0; margin:2px;}
.buttonInner_small{ line-height:28px; width:100%;text-align:center; height:35px; color:White; background-color:rgba(0,0,0,.1); text-align:center; font-size:11px}
.buttonInner_small_on{ line-height:33px; width:100%;text-align:center; height:35px; color:White;background: #A0C534; text-align:center; font-size:13px}
.menuButton{height:40px; display:inline-block; color:White; text-align:center; font-size: 120%}



/* FIELDS AND FORMS*/
.textboxXS{padding:3px; margin-top:0; color:Gray; height:20px; margin-bottom:3px; font-size:12px; border:0; background-color:white}
.textboxS{padding:4px; margin-top:0; color:Gray; height:30px; margin-bottom:4px; font-size:12px; border:0; width:97%; background-color:white}
.textboxM{padding:5px; margin-top:0; color:Gray; height:40px; margin-bottom:5px; font-size:14px; border:0; width:97%; background-color:white}
.textboxM_selected{color:black; background-color:white}
.textboxLarge, .textboxL, .textboxL_selected{padding:5px; width:97%; margin:0; border-collapse:collapse; color:Gray; height:30px; font-size:16px; border:0; background-color:white; margin-bottom:5px;}
.textboxL_selected{color:#222;}
.drpForm{padding:5px; margin-top:5px; color:Gray; height:40px; margin-bottom:5px; font-size:16px; border:0; width:97%; background-color:white}
.textBoxSearch, .textBoxSearch_selected{display:inline-block;width:175px; border:0; margin:0; height:16px;vertical-align:top; color:black; border:0; font-size:100%; padding: 5px; background:#999; margin:4px 5px 0 5px }
.textBoxSearch_selected{background: white; color:#333;}
.drpFilter{border:0;}
a.dd-selected{padding:5px; color:white;}
.divSearch{display:inline-block; width:48%; height:70px; line-height:25px;  font-size:115%; padding:5px; margin-right:5px; cursor:pointer  }
.divSearch:hover{background: transparent url(../images/gradient_gray.png) repeat; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.2);-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.2); box-shadow: 0px 1px 3px rgba(0,0,0,.2); }
.highlight{color:yellow }
.drpSize{font-size:11px}
#contactform select, input, textarea{padding:5px}
#divContactBack{float:right; display:none; color:Gray;}

/*PAGER*/
.divPager{padding-top:5px;}
.divPages{width:100%; display:block; padding-top:5px; cursor:pointer }

/*FEED*/
#feed{font-size:87%}
.iconFeed{width:30px; height:30px; display:inline-block; padding-right:3px;}
.tweet{padding: 2px 0 2px 0; background: url(../images/gradient_light.png) repeat; cursor:pointer; margin:0 0 10px 0;-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.3);-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.1); box-shadow: 2px 3px 5px rgba(0,0,0,.1); color:white}
.tweetTime, .tweetTimeDark, .tweetTimeBlack{float:right; width: 32px;  height: 32px;-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1); margin:2px;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1);text-align:center;
box-shadow: 0px 1px 3px rgba(0,0,0,.1); background: transparent url(../images/gradient_gray.png) repeat; font-size:100%; line-height:25px}
.tweetTimeDark{background: transparent url(../images/gradient_np.png) repeat;}
.tweetTimeInner{padding-top:5px;}
.tweetTimeBlack{background: transparent url(../images/gradient_black.png) repeat;}

/*IMAGES*/
.imgArticle{ width:255px; }
.divGallery{float:right; max-height:300px;margin:10px 0 0 0 }
/*.divGallery {
    width: 300px; display:block;
}*/
.imgGallery{width:40px; padding:3px; height:40px}
.imgAttachedPhoto{width:110px; height: 110px; margin: 0 20px}
.searchResults{padding-top:15px;}
.boxTitle{font-size:125%; color:White; text-align:left }
.boxPhotoTitle{font-size:125%; color:White; background: url(../images/bg.jpg) repeat; padding:5px; line-height:30px }

/* IOS SLIDER*/

.selectors .selectors{width:100%; margin-left:auto; margin-right:auto}
/*.next, .prev{background: url(../images/arrow_r.png) no-repeat; top:0%; position:absolute; width:25px; height:50px}
.prev{background: url(../images/arrow_l.png) no-repeat;}*/


/* .next{background: url(../images/arrow_r.png) no-repeat; width:65px; height:128px; z-index:1000; right:0; position:fixed;top:300px}*/
/*.next:hover{background: url(../images/arrow_r_on.png) no-repeat;}
.prev:hover{background: url(../images/arrow_l_on.png) no-repeat;}*/
 .selectorsBlock {display:block}
 .selectorsBlock .selectors { background: none;position: relative; vertical-align:middle}
/*text-shadow: 0px 0px 1px #999;filter: dropshadow(color=#c9c9c9, offx=1, offy=1, Positive=1); */
 .selectorsBlock .selectors .item {background: none; display:inline-block; margin-top:0;  margin-right:45px;  font-size:24px; color: #3C4447; line-height:125%; padding-top:10px; vertical-align:middle }/*  background: url(../images/nav_arrow.png) no-repeat; background-position: bottom; */
    .selectorsBlock .selectors .item a {padding: 0;
    }
 .selectorsBlock .selectors .selected {color:#4E9AD4; font-size:32px  }
 .selectorsBlock .selectors .item:hover{background: transparent;color:#4E9AD4;}
 .selectorsBlock .selectors .first { }


/* FOOTER*/
.footer {
    display:none;
    position: static ;
    bottom: 0;
    width: 100%;
    background: #e5e5e5;
    padding: 1%;
    height:20px;
    font-size: 95%;
}
.footerInner{width:930px;margin-left:auto; margin-right:auto;color: #333;}




/*
.imgHover 
{
    min-height:150px; 
    background:white;
    vertical-align:top;
    display: inline-block;
    position: relative;
    border: 1px solid #D1DEEF;  
    -moz-border-radius: 2px;
    border-radius: 2px;
-moz-box-shadow: 0 0 2px 2px #E9E9E9;
-webkit-box-shadow: 0 0 2px 2px #E9E9E9;
box-shadow: 0 0 2px 2px #E9E9E9;
margin:5px;
    
}
.imgHover .hover {
    display: none;
    vertical-align:middle;
    position: absolute;
    right:0;
    z-index: 2;
    -moz-border-radius: 1px;
    border-radius: 1px;
-moz-box-shadow: 0 0 1px 1px #999;
-webkit-box-shadow: 0 0 1px 1px #999;
box-shadow: 0 0 1px 1px #999;
    text-align:center; 
    background: url(../images/gradient.png) repeat
}

		
		*/
		
    
/*#004990 Dark Blue 
#4D9AD4 Light Blue
#FFF200 Yellow
#A0C534 Green
#F36E21 Orange
#7C4199 Purple*/

/* Tiny Scrollbar */
#scrollbar1 { width: 520px; margin-bottom:20px}
#scrollbar1 .viewport { width: 90%; height: 510px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) repeat-y 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) repeat-y 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* Tiny Scrollbar */
#scrollAreaLarge { width: 650px; margin-bottom:20px}
#scrollAreaLarge .viewport { width: 90%; height: 410px; overflow: hidden; position: relative; }
#scrollAreaLarge .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollAreaLarge .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) repeat-y 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollAreaLarge .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) repeat-y 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollAreaLarge .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


/* slider container */
.iosSliderVertical {
	/* required */
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	
	width: 100%;
	height: 530px;
}

/* slider */
.iosSliderVertical .slider {
	/* required */
	width: 95%;
	height: 100%;
}

/* slide */
.iosSliderVertical .slider .slide {
	/* required */
	float: left;
	width: 100%;
	cursor:text;
	line-height:125%; font-size:105%;
	padding-bottom:150px
}
.hide{display:none}


.scrollbar{
				width:21px;
				background: url(../images/gradient_dark.png) repeat;
				position: absolute;
				top: 0;
				bottom: 5px;
				right: 0;
				margin:5px;
			}
			





/****** NEWS ARCHIVE SCROLLER  ******/
.divArchiveResult{font-size:110%; margin: 2px 0; padding:5px; cursor:pointer}
.divArchiveResult:hover{background: url(../images/gradient_light.png) repeat; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.2);-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.2); box-shadow: 0px 1px 3px rgba(0,0,0,.2);}


/****** TILES | INNERS  ******/
.tileInner{  border:0; padding:0; margin:0; border-collapse:collapse; padding:5%; font-size:12px; color:white}
.tileInnerSmaller{  border:0; padding:0; margin:0; border-collapse:collapse; padding:5px; font-size:13px; color:white}
.tilePhotoInner{  border:0; padding:0; margin:0; font-size:95%; border-collapse:collapse;}
/*.tileInner ul, .tileInner li, .tileInner ol {margin-left: 0;list-style-position:outside;list-style-type:square;}*/
/****** TITLES ******/
.titleBox{font-size:225%;text-shadow: 0px 0px 1px #E7E7E7; color:#25689E;line-height: 110%; margin: 0 0 10px 0} 

/****** TILES | GLOBAL SETTINGS ******/
#divContent, .tile, .tileLongThin,.tileFile, .tilePhotoThumb,.tileButtonSmall, .tileSearch, .tileThumb, .tileButtonSize1 , .tileSize1, .tileSize1Purple, .tileSize2,.tileSize3, .tileSize4, .tileFeature, .tileThirdLong, .tileFeatureSmall, .tileFeatureLarge, .tileAdmin, .tileControlSize6, .tileSize6, .tileSize6L, .tileSize9, .tileSize12, .tileSmall, .tileSmaller,.tileThird, .tileSize1Trans, .tileControlSize1, .tileControlSize2, .tileControlSize2, .tileSearch_selected, .tileControlSize4, .tileControlSize9, .tileControlSize12, 
.tileLoading{
opacity: 0.9; background: transparent;  clear:none; float:left; vertical-align:bottom; cursor:pointer; position:relative; overflow:hidden;  display:inline-block; margin:4px;-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
box-shadow: 0px 1px 3px rgba(0,0,0,.4); 
    color:white}
.tile:hover, .tileFile:hover, .tileSearch:hover, .tileThumb:hover, tileButtonSize1:hover, .tileAdmin:hover, .tileSize1:hover, .tileSize1Purple:hover, .tileThirdLong:hover, .tileSize2:hover,.tileSize3:hover, .tileSize4:hover, .tileFeature:hover, .tileButtonSmall:hover, .tileFeatureLarge:hover,.tileFeatureSmall:hover,  .tileSize6:hover, .tileSearch, .tileSize6:hover,  .tileControlSize6:hover, .tileSize9:hover, .tileSize12:hover, .tileSmall:hover, .tileThird:hover, .tileSize1Trans:hover, .tileControlSize1:hover, .tileControlSize2:hover, .tilePhotoThumb:hover, .tileControlSize3:hover, .tileControlSize4:hover, .tileControlSize12:hover { opacity: 0.98; }

/****** TILES | GENERAL ******/

#divContent {background: white;color:#333;margin:0;width:100%; min-height:490px; cursor:default}
.divContentInner {
    padding: 15px; color:#333
}
.divContentInner b, .divContentInner p {color:#333}
.tileControlSize1, .tileControlSize2, .tileControlSize3, .tileControlSize4, .tileControlSize6,  .tileControlSize12  {cursor:default}
.tile, .tileSize1, .tileSize1Trans, .tileButtonSize1, .tileControlSize1{ width: 175px;  height: 175px;}
.tileContentSize12, .tileContentSize9 {clear:none; float:left;vertical-align:bottom; cursor:pointer; position:relative; overflow:hidden;  display:inline-block;background-color:white; color:Black; margin:3px; }
.tileContent {clear:none; float:left;vertical-align:bottom; cursor:pointer; line-height: 125%; position:relative; overflow:hidden;  display:inline-block;background-color:white; color:Black; width:534px; height:600px; margin:3px; }
.tileContentSize9 {width:534px; height:534px}
.tileContentSize12{width:100%; height:534px}
.tileLoading{width:100%; height:534px;margin-left:190px; background:#777; position:absolute; z-index:1000}
.tileLoadingInner{width:75%; text-align:center; position:relative; top:33%}
.tileControlSize3{width:537px; height:356px}
.tileControlSize12, .tileSize12 {clear:none; float:left; vertical-align:bottom; cursor:pointer; position:relative; overflow:hidden;  display:inline-block; width:732px; height:542px; margin:0;-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
-moz-box-shadow:  0 0 0 rgba(0,0,0,0);
box-shadow:  0 0 0 rgba(0,0,0,0);}
.tileControl{width:100%; height:537px; background:transparent; clear:none; padding:0}
.tileControlSize9 {clear:none; float:left; vertical-align:bottom; cursor:pointer; position:relative; overflow:hidden;  display:inline-block; width:537px; height:537px} 

/****** TILES | IMAGES ******/
.tilePhotoImage1, .tilePhotoImage2, .tilePhotoImage4{width:100%; border:0; padding:0; margin:0; border-collapse:collapse; }
.tilePhotoImage1, .tilePhotoImage2{width:100%; height:200px;}
.tilePhotoThumb{width:112px; height:112px;}
.tilePhotoImage4{width:100%; height:400px;}
.tilePhotoThumbCover{ width:100%; height:100%; display:none; padding:45px }
.tilePhotoThumbCoverSelected{ width:100%; height:100%; background: transparent url(images/gradient_green.png) repeat; padding:25px }
.tilePhotoBottom {position: absolute;z-index: 100;width:100%;top: 67%;}
.divTileImage{width:100%; height:145px; border:0; padding:0; margin:0; border-collapse:collapse;}

/****** TILES | CAPTIONS ******/
.tilePhotoCaption1, .tilePhotoCaption4, .tilePhotoCaption2{background: transparent url(../images/gradient_black.png) repeat}
.tileCaption{ width:161px; height:300px;  font-size:18px;background: #004990; padding:7px}
.tilePhotoCaption1, .tilePhotoCaption2, .tilePhotoCaption4{  background: transparent url(images/gradient_black.png) repeat; color:white }
.tilePhotoCaptionSmaller1, .tilePhotoCaptionSmaller4{ width:92%;}
.tilePhotoCaptionSmaller1, .tilePhotoCaptionSmaller2{font-size:12px; padding-top:5px;}
.tilePhotoCaptionSmaller4{font-size:14px; padding-top:10px;}
.tilePhotoCaption1, .tilePhotoCaption2{font-size:135%; line-height:120%; height:175px; padding:7px }
.tilePhotoCaption4{font-size:26px; height:600px; padding:7px }


/****** TILES | CUSTOM ******/
.tileVideoSize2,  .tileVideoSize4 {overflow:hidden;}
.tileVideoCaptionSize2, .tileVideoCaptionSize4 {background: transparent url(../images/gradient_black.png) repeat}
/*WIDTHS*/
.tileTiny, .tileXS, .tileTinyGreen, .tileSmaller{display:inline-block; width: 25px;  height: 25px;-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1); margin:2px;margin-right:5px; 
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1);text-align:center;
box-shadow: 0px 1px 3px rgba(0,0,0,.1); background: transparent url(images/gradient_gray.png) repeat; font-size:110%; line-height:25px}
.tileTinyInner{}
.tileSmallInner{padding:5px}
.tileTinyGreen{background: url(images/gradient_green.png) repeat}
.tileTiny_selected{display:inline-block; width: 25px;  height: 25px;-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.1); margin:2px;margin-right:5px; 
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.1);text-align:center;
box-shadow: 0px 1px 3px rgba(0,0,0,.1); background: transparent url(images/gradient_dark.png) repeat; font-size:110%; line-height:25px}
.tileSmall {width: 84px; height: 84px; display:inline;}
.tileThird {width: 53px; height: 52px; display:inline;}
.tileThird {width: 53px; height: 52px; display:inline;}
.tileThirdLong {width: 175px; height: 53px; display:inline; line-height:125%}
.tileXS {width: 38px; height: 38px; margin-right:8px; margin-top: 3px; display:inline;}
.tileSearch, .tileSearch_selected {width: 53px;height: 52px; background-color:#888 ; display:inline; cursor:pointer}
.tileThumb{width:61px; height:61px}
.tileHr{width:90%; height:1px; padding:0; margin:0; color:white}
.tileSmaller{width:30px; height:30px}
.tileAdmin{width:123px; height:123px}
.tileButtonSize1{background:#03BC13; color:white}
.tileButtonSmall{background:#03BC13; width:95px; height: 35px; line-height:20px; font-size:150%; color:white}
.tileButtonSmall img{padding-right:5px; width:20px}
.tileLongThin{width:99%; height:40px; background: transparent url(images/gradient_white.png) repeat; cursor:auto;}
.tileSize1Purple{width:175px; height:175px; background: #F5DDFF; cursor:default;}
.tileSize2, .tilePhotoImage2{width:357px; height:175px}
.tileFile{width:100%; height:85px}
.tileSize3{width:537px; height:175px}
.tileControlSize2, .tileSize2{width:358px; height:175px;}
.tileControlSize4, .tileSize4{width:358px; height:358px; float:right }
.tileSize4 .tileTitleL{ font-size:200%;}
.tileBack {background: transparent url(../images/gradient_purple.png) repeat; cursor:pointer;}
.tileBack a{color:white; line-height:125%}
.tileFeature, .tileFeatureLarge{width:410px; height:410px; background: transparent url(images/gradient_dark.png) repeat; cursor:auto}
.tileFeatureSmall{width:32%; margin:5px;height:300px; background: transparent url(images/gradient_green.png) repeat; cursor:pointer; text-align:center;}
.tileFeatureLarge{width:100%; height:410px; background: transparent url(images/gradient_lightgreen.png) repeat; cursor:auto;}
.tileSize9{width:532px; height:537px}
.tileSize6, .tileControlSize6{width:358px; height:541px}
.tileSize6L {
  height: 358px;
  width: 541px;
}
.tileSize1Trans{background:transparent; position:relative; overflow:hidden;}
.tileThirdLong img {width: 35px; margin: 5px; float:left; margin-right:8px;}
.tileContentDate { color: Gray; font-size:125%; margin: 10px 0}
.tileMore{position:absolute; right:0; bottom:0 }
.tileIcon{width:30px; height:30px; padding:5px; vertical-align:middle;}
.tileHeader{background:#4C8DAD; color:white; font-size:150%; padding:5px;}
.tdTile{background:#4D9AD4; clear:none; float:left; vertical-align:bottom; cursor:pointer; position:relative; overflow:hidden;  display:inline-block; width: 28px;  height: 28px; margin:2px;-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.4);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.4);
box-shadow: 0px 1px 2px rgba(0,0,0,.4); text-align: center; vertical-align:middle;}
 .tdTile .text{padding:5px; font-size:90%}
.tileFixed {vertical-align:bottom; cursor:pointer; position:relative; overflow:hidden; float:left;  display:inline-block; width: 175px;  height: 175px; margin:3px; }




/****** UNUSED STYLES ******/


/****** VERTICAL SCROLLER  ******/
.archivelist {position: relative;top: 0;left: 0;width: 100%;height: 425px;}/* slider container */
.archivelist .slider {width: 95%;height: 100%}/* slider */
.archivelist .slider .slide {float: left;width: 98%;cursor:text;line-height:125%; font-size:105%;padding-bottom:150px}  /* slide */


.modal-body{color:black}
/*body .modal-content {
    width: 100%;
    margin-left: -375px;
}
*/


/*.modal-dialog{
left: 50%;
margin-left: -312px;
height: 500px;
top: 50%;
margin-top: -50px;
}*/ 
/*.modal-dialog {
margin-top: -2%;
left: 50%;
margin-left: -312px;
position: fixed;
}*/

.example ul li {
            width: 335px;
        }

.carouselTeam {
    padding-top:15px;
}
.carouselTeam ul li .imgTeam {
     padding-right:5px; width:40px; display:inline-block; vertical-align:middle
}
.carouselTeam ul li div { width:215px; height:75px;
    line-height: 130%; font-size:125%; padding:5px; overflow:hidden;
}

.spacer {
    float: left;
    height: 541px;
    width: 175px;
    margin: 4px;
}

#tileLocalName {
    background: url(../images/gradient_purple.png) repeat
}
#tileLocalName .tileInner {
  font-size:250%
}
.ulLocal,  .ulLocal li {  margin-left:0;
    list-style:none;
} .ulLocal li {  margin-bottom:10px;
}

  
/*.tileInner .ulLocal, .tileInner ol, .tileInner li {margin-left: 0;list-style-position:outside;list-style-type:none;}*/
.tileInner .ulLocal, .tileInner ol, .tileInner li {margin-left: 20px;list-style-position:outside;}
#divContent .ulLocal, #divContent ol, #divContent li {margin-left: 20px;line-height: 125%;}
#divContent ul, #divContent ol {margin-bottom: 10px}
.divContentInner {line-height: 125%;}

ul.dd-option.dd-options{
 z-index:3 ; margin:0; padding:0;
}


/*.tileInner .dd-container, ul, ol, li {margin:0;list-style-position:inside;list-style-type:none;}*/


.dd-option-text{
 color:white
}

a.dd-option.dd-option{
font-size: 100%; font-weight:normal; margin:0; padding:7px; color:white
}
    .dd-container{
float:left;  color:white
}

    .dd-selected-text{
    font-size: 120%; padding:3px; font-weight:normal; color:white
}

.txtSCT {
    font-size: 115%;
}

.varTilesSize {
    display: none;
}


.article, .article a, .search {
    color: #333;
}
.articleBreadcrumb {
}
.articleBreadcrumb .tileBack
{ padding:10px; margin-bottom:8px;
}
.articleBreadcrumb .tileBack a{
 color: white; font-size:130%;padding:10px 0;
}

.feedActivity {
    font-size: 15px;
}



.searchPanel {
    margin-bottom: 50px;
}

.liEvent a  {
    color: white;
}

.btnMore {
    padding:10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

#searchPageBlock {float:right; width:200px;
}


.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}

.icon {width:35px
}

.tilePhotoImage2, .tileVideoSize2{width:60%; height:200px; display:inline-block; background: url(../images/tile_arrow_np.png) no-repeat; background-position:100% 45%}
.tileVideoSize4 {
    width: 100%;
    height: 200px;
     background: url(../images/tile_arrow_up_np.png) no-repeat; background-position:50% 100%
}
.tilePhotoImage2 .imgPhotoTile, .imgMultiPhotoTile, .tileVideoSize2 img, .tileVideoSize4 img{ position:absolute; }
.tileSize2 .tilePhotoInner .tilePhotoBottom, .tileVideoCaptionSize2, .tileVideoCaptionSize4 {
    position: relative;
    top: 0;
    padding: 0;
    height: 175px;
    width: 40%;
    display: inline-block;
}
.tileVideoCaptionSize4{
    width: 100%; height: 200px;font-size: 200%;
}
.tileSize2 .tilePhotoInner .tilePhotoBottom .tilePhotoCaption2, .tileVideoCaptionInner{
    position: relative;
    top:0; padding:10px;
    width:90%; display:inline-block
}

/*################
#### CAROUSEL ####
##################*/

.jcarousel-wrapper {
    margin: 0.5%;
    position: relative;
    float:right;
    width: 350px;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    margin:0;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next 
{
    cursor:pointer;
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.jcarousel-control-prev {
    left: -20px;
}

.jcarousel-control-next {
    right: -20px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination 
{
    display:none;
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel-pagination div {
    cursor:pointer;
    text-decoration: none;
    display: inline-block;
    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    
    margin-right: 2px;
    
    opacity: .75;
}

.jcarousel-pagination div.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}




.divVideoIcon{z-index:1; position:absolute;bottom:0; left:0; padding:5%; background: #FFAA00; height:40px; width:40px}


.pantone100{text-align:center; color:#860037; font-size:150%; width:100%; padding: 1% 0;} 


    .tileDiary *{color:#333}
#diary img {height:100px; float:right;-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4); margin:3px; box-shadow: 0px 1px 3px rgba(0,0,0,.4); }
.tileDiary{display:block;width:100%; float:left; margin:5px}
.tileDiaryInner{padding: 10px;  line-height:130% }
    /*.dark{background:#d2cff6;}*/

