body {
margin: 0;
padding: 0;
font-family: 'Lato', sans-serif;
font-size:12pt;
line-height:18pt;
color:#666;
}
a{
color:#00adeb;
}
a:hover{
color:#0093c7;
}
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
color:#5f4f36;
text-transform:uppercase;
}
h1{

}
h1, h2{
font-weight:normal;
}
h1{
font-size:32pt;
line-height:34pt;
padding:0;
margin:0.4em 0 0.67em 0px;
}
h2{
font-size:24pt;
line-height:26pt;
padding:0;
margin:0.83em 0px;
}
h3{
font-size:18pt;
line-height:20pt;
padding:0;
margin:1em 0px;
}
h4{
font-size:14pt;
line-height:16pt;
padding:0;
margin:1.33em 0px;
}
#header-spacer{
height:120px;
}
#header{
width:100%;
min-width:980px;
background:rgba(255,255,255,1);
padding:0px;
color:#FFF;
min-width:960px;
border-top:5px solid #00adeb;
border-bottom:10px solid #EFEFEF;
position:fixed;
top:0;
z-index:5000;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#logo{
float:left;
margin:10px 0px 0px 10px;
position:relative;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#logo img{
width:90px;
border:0;
position:absolute;
left:0;
top:-6px;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#logo #site-name{
width:350px;
margin-left:100px;
display:block;
font-size:22pt;
line-height:24pt;
color:#000;
text-transform:uppercase;
font-weight:700;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#logo #site-tagline{
width:350px;
margin-left:100px;
display:block;
font-size:12pt;
line-height:14pt;
color:#999;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
a#site-name, a#site-name:hover
a#site-tagline, a#site-tagline:hover{
color:#000;
}

#header ul{
list-style:none;
padding:0;
margin:0;
text-align:right;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#header ul li{
display:inline-block;
}
#header ul li a{
display:block;
color:#00adeb;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#header ul li a:hover{
color:#0093c7;
}

ul#top-navigation{
margin-top:20px;
}
#top-navigation a{
font-size:12pt;
line-height:14pt;
padding-right:15px;
}
#top-navigation a .fa{
color:#287fd0;
display:inline-block;
margin-right:5px;
}

ul#navigation{
margin:20px 0px 20px 0px;
}

ul#navigation a{
padding-right:20px;
font-size:16pt;
line-height:18pt;
font-weight:700;
}
@media screen and (max-width: 1300px) {
	ul#navigation{
	margin-top:30px;
	}
	ul#top-navigation{
	margin-top:30px;
	}
	#top-navigation a{
	font-size:10pt;
	line-height:12pt;
	}
	ul#navigation a{
	font-size:14pt;
	line-height:16pt;
	}
	#header-spacer{
	height:138px;
	}
}


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

	#logo #site-name,
	#logo #site-tagline{
		width:250px;
	}
	#logo #site-name{
	font-size: 14pt;
	line-height: 18pt;
	}
	#logo #site-tagline{
	font-size: 9pt;
	line-height: 11pt;
	}
	ul#top-navigation a{
	padding-right:8px;
	}
	#top-navigation a .fa{
	margin-right: 2px;
	}
	ul#navigation{
	margin-top:10px;
	}
	#header-spacer{
	height: 123px;
	}
}



#header #news-navigation{
position:absolute;
width:100%;
bottom:-74px;
text-align:right;
padding:0;
margin:0;
list-style:none;
background:rgba(0,0,0,0.75);
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#header #news-navigation li{
display:inline-block;
}
#header #news-navigation li a{
color:#FFF;
text-transform:uppercase;
padding:20px 20px;
font-weight:bold;
font-size:14pt;
}
#header #news-navigation li a:hover{
color:#ffe520;
}
#header #news-navigation li a .fa{
display:inline-block;
padding-right:5px;
color:#ffe520;
}
#header #news-navigation li.cn-logo{
position:absolute;
left:20px;
top:20px;
width:150px;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#header #news-navigation li.cn-logo img{
width:100%;
}


@media screen and (max-width: 1300px) {
	#header #news-navigation li a{
	padding:20px 10px;
	font-size:12pt;
	}
}

#header.tiny{
background:rgba(255,255,255,0.95);
border-bottom:5px solid #EFEFEF;
}
#header.tiny #logo{

}
#header.tiny #logo img{
width:50px;
}
#header.tiny #logo #site-name{
margin-left:60px;
font-size:16pt;
line-height:18pt;
padding-top:6px;
}
#header.tiny #logo #site-tagline{
position:absolute;
top:-1000px;
}
#news-template #header.tiny #logo img{
width: 30px;
padding-top:5px;
}
#news-template #header.tiny #logo #site-name{
margin-left: 40px;
padding-top: 2px;
}

#header.tiny ul#top-navigation{
margin-top:8px;
}
#header.tiny ul#top-navigation a{
font-size:10pt;
line-height:12pt;
}
#header.tiny ul#navigation{
margin-top:5px;
margin-bottom:5px;
}
#header.tiny ul#navigation a{
font-size:14pt;
line-height:16pt;
}
@media screen and (max-width: 1300px) {
	#header.tiny #logo #site-name{
	font-size:12pt;
	line-height:14pt;
	padding-top:0;
	}
	#header.tiny ul#top-navigation a{
	font-size:10pt !important;
	line-height:12pt !important;
	}
	#header.tiny ul#navigation{
	margin-top:10px;
	}
	#header.tiny ul#navigation a{
	font-size:14pt !important;;
	line-height:16pt !important;;
	}
}
#header.tiny #news-navigation{
bottom: -49px;
}
#header.tiny #news-navigation li a{
font-size:12pt;
padding:10px 15px;
}
#header.tiny #news-navigation li.cn-logo{
width: 100px;
top: -18px;
left:20px;
}

#header #news-navigation ul{
background: rgba(0, 0, 0, 0.75);
text-align:left !important;
top:64px;
width:300px;
padding:10px 0px;
}
#header.tiny #news-navigation ul{
top:44px;
}
#header #news-navigation ul li{
padding:0px;
display:block;
}
#header #news-navigation ul li a,
#header.tiny #news-navigation ul li a{
font-size:10pt;
padding:5px 20px;
display:block;
}

#home-slideshow{
margin-bottom:0;
/*margin-bottom:40px;*/
}

#home-slideshow,
#home-slideshow .slider,
#home-slideshow .slider .slider-item{
height:800px !important;
}
/*
@media screen and (min-width: 1500px) {
	#home-slideshow,
	#home-slideshow .slider,
	#home-slideshow .slider .slider-item{
	height:700px !important;
	}
}
*/
#news-slideshow{
padding:75px 0px 0px 0px;
background:url('/art/cocopah-now-bg.jpg') top center repeat-x;
}
#news-slideshow,
#news-slideshow .slider,
#news-slideshow .slider .slider-item{
height:551px !important;
}

#news-interior{
padding-top:180px;
background:url('/art/cocopah-now-interior-bg.jpg') top center repeat-x;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#news-interior .container{
background:rgba(255,255,255,0.5);
padding:10px 25px;
}

@media screen and (min-width: 1350px) {
	#news-interior{
	padding-top:100px;
	background:url('/art/cocopah-now-interior-bg.jpg') top center repeat-x;
	}
}


.announcement-item{
position:relative;
}
.interior-video-items{
position:relative;
}

.announcement-item .image{
float:right;
}

.interior-video-items .announcement-item{
border:1px solid #CCC !important;
padding:20px !important;
margin:10px !important;
-webkit-box-shadow: 0 2px 12px 1px rgba(0,0,0,0.1);
box-shadow: 0 2px 12px 1px rgba(0,0,0,0.1);
}
#news-home .announcement-item{
margin: 10px 0px !important;
padding: 10px 0px !important;
border:0 !important;
background:#FFF;
border-top:1px dotted #CCC !important;
}
.announcement-item .title{
font-size:16pt;
line-height:18pt;
position:relative;
padding-right:40px;
}
#news-detail .title{
padding-right:50px;
}

.announcement-item .title:before,
#news-detail .title:before{
position: absolute;
top: -30px;
z-index: 2;
right: -15px;
width: 50px;
height:50px;
content: " ";
background-size: 50px 50px;
}
#news-detail .announcement-item .title:before,
#news-home .announcement-item .title:before{
right:0;
top: -20px;
}
#side-col .announcement-item{
margin:10px 0px;
}
#side-col .announcement-item .title:before{
top: 0px;
}
/*EVENTS*/
.announcement-item.art_type_2 .title:before{
background-image:url('/art/art_type_2.png');
}
/*PEOPLE AND CULTURE*/
.announcement-item.art_type_3 .title:before{
background-image:url('/art/art_type_3.png');
}
/*NEWS*/
.announcement-item.art_type_4 .title:before{
background-image:url('/art/art_type_4.png');
}
/*PUBLIC SERVICE ANNOUNCEMENT*/
.announcement-item.art_type_5 .title:before{
background-image:url('/art/art_type_5.png');
}

.posted{
color:#999;
font-size:10pt;
line-height:12pt;
display:inline-block;
margin-right:20px;
}
.event-category{
color:#999;
font-size:10pt;
line-height:12pt;
}
.event-category:before{
content:"Category: ";
color:#999;
}

.announcement-item .date{
-webkit-border-radius: 5px !important;
border-radius: 5px !important;
border: none !important;
background: url('/art/cocopah-now-interior-bg.jpg') top center no-repeat !important;
}
.announcement-item .date .day{
color: #333 !important;
}
.announcement-item .date .month,
.announcement-item .date .year{
color: #333 !important;
}


.video-item.announcement-item{
width:425px;
}

/* PAGINATION */

.tnt_pagination a:link, .tnt_pagination a:visited{
	border:none !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	background: #00adeb !important;
	color: #FFF !important;
	font-size:12pt !important;
	line-height:14pt !important;
	display:inline-block !important;
	padding:4px 5px !important;
	width:auto !important;
}

.tnt_pagination a:hover {
	background-color:#0093c7 !important;
	border:none !important;
}

.tnt_pagination .active_tnt_link {
	background-color:#0093c7 !important;
	color:#FFF !important;
	border:none !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	font-size:12pt !important;
	line-height:14pt !important;
	padding:4px 5px !important;
	display:inline-block !important;
}

.tnt_pagination .disabled_tnt_pagination {
	border:none !important;
}

/*
@media screen and (min-width: 1000px) {
	#news-slideshow,
	#news-slideshow .slider,
	#news-slideshow .slider .slider-item{
	height:500px !important;
	}
}
@media screen and (min-width: 1200px) {
	#news-slideshow,
	#news-slideshow .slider,
	#news-slideshow .slider .slider-item{
	height:600px !important;
	}
}
@media screen and (min-width: 1400px) {
	#news-slideshow,
	#news-slideshow .slider,
	#news-slideshow .slider .slider-item{
	height:700px !important;
	}
}
@media screen and (min-width: 1600px) {
	#news-slideshow,
	#news-slideshow .slider,
	#news-slideshow .slider .slider-item{
	height:800px !important;
	}
}
*/
#scroll-down{
width:100px;
text-align:center;
position:absolute;
right:10px;
top:150px;
font-size:10pt;
color:#FFF;
text-shadow: 0 0 5px #000000;
cursor:pointer;
font-weight:700;
z-index:1000;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#scroll-down:hover{
color:#f3f3f3;
}
#scroll-down span{
text-shadow:none;
}

#home-video {
  min-width:980px;
  height: 550px;
  position: relative;
}
#home-video #scroll-down{
top:10px;
}

#video-container {
	position: absolute;
}
#video-container {
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}
video {
	position:absolute;
	z-index:0;
}
video.fillWidth {
	width: 100%;
}

#home-content{
margin:0;
padding:0;
font-size:16pt;
line-height:24pt;
min-width:980px;
}


#main-content{
padding:40px 0px 100px 0px;
background:url('../../art/mountains-bg.jpg') bottom center repeat-x;
}
#news-content{
padding:0px 0px 100px 0px;
background:url('../../art/mountains-bg.jpg') bottom center repeat-x;
position:relative;
}

.home-panel-01{
min-width:980px;
background:transparent url('../../art/home-bg-01.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.home-panel-01 .inner-content{
width:50%;
float:right;
padding:40px;
background:rgba(255,255,255,0.85);
-webkit-box-shadow:inset 0 0 50px 0 rgba(215,206,188,0.5);
box-shadow:inset 0 0 50px 0 rgba(215,206,188,0.5);
}
.home-panel-02{
min-width:980px;
background:transparent url('../../art/River1.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.home-panel-02 .inner-content{
width:50%;
float:left;
padding:40px;
background:rgba(255,255,255,0.85);
-webkit-box-shadow:inset 0 0 50px 0 rgba(215,206,188,0.5);
box-shadow:inset 0 0 50px 0 rgba(215,206,188,0.5);
}
.home-panel-03{
min-width:980px;
background:transparent url('../../art/video-bg.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.home-panel-03 .clickable-video-area{
background:rgba(255,255,255,0.25);
width:35%;
height:200px;
border:5px solid #FFF;
display:inline-block;
float:left;
margin:40px 0px 40px 40px;
position:relative;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
}
.home-panel-03 .clickable-video-area:hover{
background:rgba(255,255,255,0.5);
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
.home-panel-03 .clickable-video-area .fa{
position:absolute;
font-size:80pt;
color:#FFF;
width:60px;
margin-left:-30px;
left:50%;
top:50px;
}
.home-panel-03 .inner-content{
width:50%;
float:right;
padding:40px;
background:rgba(255,255,255,0.85);
-webkit-box-shadow:inset 0 0 50px 0 rgba(215,206,188,0.5);
box-shadow:inset 0 0 50px 0 rgba(215,206,188,0.5);
}

#footer-navigation{
min-width:900px;
background:#00adeb;
color:#FFF;
padding:20px 40px;
}
#footer-navigation ul{
text-align:center;
list-style:none;
padding:0;
margin:0;
}
#footer-navigation ul li{
display:inline-block;
margin:0;
padding:0;
}
#footer-navigation ul li a{
color:#FFF;
padding:10px;
font-size:10pt;
line-height:12pt;
}
#footer-navigation ul li a:hover{
color:#e2f0f5;
}

#footer{
min-width:900px;
padding:60px 40px;
color:#bae6f6;
text-align:center;
position:relative;
background:#57c3ea url('../../art/footer-bg.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#footer a{
color:#bae6f6;
}
#footer a:hover{
color:#dcf3fb;
}

#footer .footer-logo{
top:20px;
position:absolute;
left:50%;
margin-left:-50px;
}
#footer .footer-logo img{
width:100%;
}

#home-slideshow .slick-prev,
#home-slideshow .slick-next{
top: 50% !important;
width:48px !important;
height:48px !important;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}

@media screen and (max-height: 650px) {

    #home-slideshow .slick-prev, #home-slideshow .slick-next{
	top:30% !important;
	}
}


#entity-slideshow-container { width: 100%; min-width:980px; height: 100px; background: #f8f8f8; position: relative; z-index:4000; }
#entity-slideshow { width: 100%; min-width:980px; position: fixed; left: 0px; bottom: 0px; background: #777;
border-top:5px solid #00adeb;}

.home-scroll{

}
.home-scroll .scroll-item{
position:relative;
}
.home-scroll .scroll-item img{
width:100%;
}
.home-scroll .scroll-item a{
display:block;
position:absolute;
z-index:3;
width:100%;
height:100%;
-webkit-box-shadow:inset 0 0 50px 0 rgba(0,0,0,0);
box-shadow:inset 0 0 50px 0 rgba(0,0,0,0);
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.home-scroll .scroll-item a:hover{
-webkit-box-shadow:inset 0 0 50px 0 rgba(0,0,0,0.25);
box-shadow:inset 0 0 50px 0 rgba(0,0,0,0.25);
}
.home-scroll .scroll-item a .scroll-tooltip{
width:160px;
margin-left:50%;
left:-85px;
position:absolute;
display:block;
text-align:center;
padding:10px;
background:#333;
color:#CCC;
font-size:10pt;
line-height:12pt;
-webkit-border-radius: 5px;
border-radius: 5px;
z-index:-4;
top:10px;
opacity: 0;
filter: Alpha(opacity=0); /* IE8 and earlier */
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.home-scroll .scroll-item a:hover .scroll-tooltip{
top:-50px;
opacity: 0;
filter: Alpha(opacity=0); /* IE8 and earlier */
}
.home-scroll .scroll-item a .scroll-tooltip:after{
content:'';
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: solid 10px #333;
border-left: solid 10px transparent;
border-right: solid 10px transparent;
}

.big-button,
input[type=submit]{
font-family: 'Lato', sans-serif;
font-weight:normal;
text-shadow: 0 0 0 #FFF;
background:#00adeb;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adeb', endColorstr='#00adeb',GradientType=0 ); /* IE6-9 */
padding:8px 15px;
color:#FFF;
display:inline-block;
margin:3px;
-webkit-border-radius: 0;
border-radius: 0;
border:0;
}
.big-button:hover,
input[type=submit]:hover{
font-family: 'Lato', sans-serif;
text-shadow: 0 0 0 #FFF;
font-weight:normal;
background:#0093c7;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093c7', endColorstr='#0093c7',GradientType=0 ); /* IE6-9 */
color:#FFF;
-webkit-border-radius: 0;
border-radius: 0;
border:0;
}
.big-button:active,
input[type=submit]:active{
text-shadow: 0 0 0 #FFF;
background:#0093c7;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093c7', endColorstr='#0093c7',GradientType=0 ); /* IE6-9 */
padding:9px 15px 7px 15px;
}

input[type=submit].disabled,
input[type=submit].disabled:hover,
input[type=submit].disabled:active{
background:#CCC;
padding:8px 15px;
cursor:default;
}

.delete-button{
background:#bd0707;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd0707', endColorstr='#bd0707',GradientType=0 ); /* IE6-9 */
padding:8px 15px;
color:#FFF;
}
.delete-button:hover{
background:#990000;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
color:#FFF;
}

#side-col h4{
margin:5px 0px;
}

.ui-dialog .ui-dialog-content
{
     position: relative;
     border: 0;
     padding: 0;
     overflow:hidden;
}
.ui-widget-content
{
     padding:0;
     border:none;
}
.overlay
{
     background:rgba(0,0,0,0.3);
     display:none;
     width:100%;
     height:100%;
     position:fixed;
     top:0;
     left:0;
     z-index:100;
}
.loadVideo
{
     width: 272px;
     height: 153px;
}

.job-sidebar{
width:30%;
float:left;
padding:10px 0px 10px 10px;
}
.job-main{
width:65%;
border-left:1px solid #CCC;
float:right;
padding:10px 10px 10px 20px;
}
.job-field-01{
width:20%;
display:inline-block;
vertical-align:top;
font-weight:bold;
}
.job-field-02{
width:75%;
display:inline-block;
vetical-align:top;
}

/* RESPONSIVE VIDEO */

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* */

#photo-display{
background:#EFEFEF;
padding:40px;
text-align:center;
}

fieldset{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:1px solid #CCC;
}
fieldset legend{
color:#5f4f36;
text-transform:uppercase;
font-size:16pt;
line-height:20pt;
padding:0px 10px;
}