﻿a:link
{
   color: #085994;
}

.cccd_rec{
	width:1180px;
    margin-left:auto;
    margin-right:auto;
}

#cccd_header .top .cccd_rec{
	position:relative;
}


#cccd_header>.top>.cccd_rec>ul{
	float:right;
}
#cccd_header .top ul>li{
	float:left;
}

#cccd_search_bar{
	width:160px;
    height:20px;
    padding-top:2px;
    float:right;
    background-color:white;
    margin-top:6px;
}
#cccd_search_bar a{
	cursor: pointer;
    overflow: hidden;
}
#cccd_search_bar input{
   margin:0px 0px;
   padding:0px 0px;
   border:0px white none;
   width:133px;
   height:20px;
   color:#002d62;
   font-size:.8em;
   margin-left:5px;
   vertical-align:top;
}
#cccd_footer .top{
    height:5px;
    background-color:#c1d82f;
}

#cccd_footer .bottom{
    background-color:#002d62;
	height:100px;
    font-size:.8em;
}
    #cccd_footer .bottom .cccd_rec {
        margin-top: 10px;
    }

    #cccd_footer .bottom .span4:nth-child(2) {
        text-align:center;
    }
    .right-align{
        text-align:right;
    }

#cccd_footer .bottom a:link{    
    color: #fff;
    text-decoration:none;
}
#cccd_footer .left{
	float:left;
}
#cccd_footer .left>ul>li{
	float:left;
    margin-top:10px;
    padding-left:10px;
    padding-right:10px;
}
#cccd_footer .left>ul>li > a {
    text-decoration: none;
    font-size:1em;
    color:#fff;
}
#cccd_footer .left>ul>li:first-child{
/*  Add back in when you add a second item next to Academic Calendar on HP */
/*	border-right:1px white solid; */
}
#cccd_footer .right{
	float:right;
    margin-top:10px;
}
#cccd_footer .right span{
	font-size:1em;
    color:#fff;
}
/*current navigation*/
.sidebar-collapse,.sidebar-expand{
    padding-right:18px;
}
.s4-ql UL.root .menu-item{
    font-size:1.1em;
    line-height:20px;    
}
.sidebar-collapse,.sidebar-expand{
	background-position:center right;
}
/*home page layout*/
#cccd_home_page .top{
	margin-bottom:20px;
}

#cccd_home_page .bottom {
    margin-bottom: 30px;
}
#cccd_home_page .bottom .span6 .bg-img{
    background-size:100% 100%;
    min-height:164px;
    padding-top:17px;
    padding-bottom:15px;
    float:left;
    width:270px;
    margin-left:5.15%;
    margin-bottom:30px;
}
    #cccd_home_page .bottom .span6 .bg-img:first-child {
        margin-left: 0;
    }


#cccd_home_page .bottom .content .description{
	float:left;
    margin-top:35px;
    margin-left:10px;
    width:105px;
    height:125px;
    font-size:1em;
    color:#002d62;
    overflow:hidden;
    vertical-align: text-bottom;
    visibility: hidden;  
}
/* Coast Start */
#cccd_home_page .bottom .content .first_box_description{
	float:left;
    margin-top:55px;
    height:125px;
    font-size:1em;
    color:#002d62;
    overflow:hidden;
    vertical-align: text-bottom;
}

/* Coast End */

#cccd_home_page .bottom .content .cccd_white{
	color:white;
}
#cccd_home_page .bottom .content .image{
    float:right;
    margin-top:25px;
    margin-right:10px;
    max-width:125px;
    max-height:125px;
}
#cccd_home_page .bottom .title{
    color:#fff;
	font-size:1.1em;
    text-align:center;
    text-overflow: ellipsis;
}
#cccd_publishcontent1>ul{
	margin-top:30px;
}
#cccd_publishcontent1>ul>li{
	float:left;
    margin-left:10px;
    font-size:0em;
}
#cccd_publishcontent1>ul>li>a>img{
	width:80px;
    height:53px;
}

#cccd_publishcontent1>ul>li:first-child{
	margin-left:0px;
}

/*second page and tertiary layout */
.cccd_hero{
	height:194px;
    overflow:initial;
}
#cccd_second_page .cccd_middle{
	margin-left:25px;
    margin-right:20px;
    margin-bottom:85px;
}
#cccd_tertiary_page .cccd_middle,
#cccd_blank_page .cccd_middle{
	margin-left:20px;
    margin-right:20px;
    margin-bottom:20px;
}
#cccd_second_page .cccd_middle,
#cccd_tertiary_page .cccd_middle,
#cccd_blank_page .cccd_middle{
	overflow:hidden;
	margin-top:-30px;
}
#cccd_second_page .cccd_content1{
	float:left;
    margin-left:25px;
    margin-top:50px;
    width:575px;
    /* Coast - Increase Font Size 12 to 13 */
    font-size:1.1em;
    color:#3e3e3e;
}
#cccd_second_page .cccd_callAction3{
	float:left;
    margin-left:20px;
    
    max-width:200px;
    color:#3e3e3e;
    font-family:Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:1em;
}
.cccd_callAction_lc{
	
    height:128px;
}
.cccd_callAction{
    padding-top:20px;
    line-height:30px;
   font-size:2em;
   font-weight: 300;

}
#cccd_second_page .cccd_middle .bottom,
#cccd_tertiary_page .cccd_middle .bottom{
	margin-top:20px;
    clear:both;
    overflow:hidden;
}
#cccd_second_page .cccd_middle .bottom .cccd_wp,
#cccd_tertiary_page .cccd_middle .bottom .cccd_wp{
	float:left;
    margin-left:20px;
    width:785px;
}
.cccd-breadcrumbs
{
	float:right; text-align:right; color:#000; margin-top:50px;
}

#cccd_tertiary_page .cccd_content{
	float:left;
	margin-left:20px;
    margin-top:50px;
    width:795px;
    /* Coast - Increase Font Size 12 to 13 */
    font-size:1em;
    color:#3e3e3e;
}
#cccd_tertiary_page .cccd_content .cccd_section{
  margin-top:30px;
}
#cccd_tertiary_page .cccd_content .cccd_section:first-child{
	margin-top:0px;
}
#cccd_tertiary_page .cccd_content .cccd_section .cccd_title{
	font-size:1.1em;
	color:#002d62;
	margin-bottom:17px;
}
#cccd_tertiary_page .cccd_content .cccd_section:first-child .cccd_title:first-child{
	font-size:2em;
}

#cccd_tertiary_page .cccd_content .cccd_section .cccd_internal_content .cccd_left{
    float:left;
    width:382px;
}
#cccd_tertiary_page .cccd_content .cccd_section .cccd_internal_content .cccd_right{
    float:left;
    margin-left:20px;
    width:382px;
}

.cccd_internal_content p {
    margin-bottom:0px;
}

#cccd_blank_page .cccd_content{
	float:left;
  margin-top:50px;
    /* Coast - Increase Font Size 12 to 13 */
    font-size:1em;
    color:#3e3e3e;
    background-color:#fff;
}
#cccd_tertiary_page .cccd_content .cccd_section,
#cccd_blank_page .cccd_content .cccd_section{
  margin-top:30px;
}
#cccd_tertiary_page .cccd_content .cccd_section:first-child,
#cccd_blank_page .cccd_content .cccd_section:first-child{
	margin-top:0px;
}
/*for home page hero item display template*/
.homePageHeroItem-ImageContainer, .homePageHeroItem-Image{
    width: 1180px;
    height: 443px;
}

.homePageHeroItem-CaptionContainer{
    position:absolute;
    width: 1180px;
    height: 443px;
}

.homePageHeroItem-LeftCaption{
    position:relative;
    left:0px;
    top:0px;
    margin-top: 55px;
    width:460px;
    height:193px;
    overflow:hidden;
    display:none;
}

.homePageHeroItem-LeftCaptionTitle, .homePageHeroItem-LeftCaptionTagLine{
    color:#002d62;
    margin-left:67px;
    margin-right:60px;
    overflow:hidden;
}

.homePageHeroItem-LeftCaptionTitle{
    font-size:2em;
    line-height:46px;
    height:46px;
    margin-top:25px;
    letter-spacing:-3px;
}

.homePageHeroItem-LeftCaptionTagLine{
    font-size:2em;
    line-height:30px;
    max-height:60px;
    margin-top:28px;
    margin-bottom:27px;
    letter-spacing:-1px;
}

.homePageHeroItem-RightCaption{
    position:absolute;
    right: 0px;
    bottom: 25px;
    width:391px;
    height:146px;
    background-color:#002d62;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    overflow:hidden;
}

.homePageHeroItem-RightCaptionTitle, .homePageHeroItem-RightCaptionDescription{
    color:#ffffff;
    overflow:hidden;
}

.homePageHeroItem-RightCaptionTitle{
    margin:18px 20px 0px 20px;
    font-size:1.2em;
    line-height:24px;
    height:24px;
}

.homePageHeroItem-RightCaptionDescription{
    margin:10px 20px 0px 20px;
    font-size:1em;
    line-height:14px;
    height:42px;
}

/*for home page hero control display template*/
.homePageHeroControl-Slideshow{
    position:relative;
    background-color:#000000;
    color:#FFFFFF;
    width:1180px;
    height:443px;
    margin:0px 10px 20px 0px;
}

.homePageHeroControl-SlideshowItems{
    position:relative;
}

.homePageHeroControl-SlideshowImageItems, .homePageHeroControl-SlideshowCaptionItems{
    width:1170px;
    height:443px;
    overflow:hidden;
}

.homePageHeroControl-SlideshowCaptionItems{
    position:absolute;
    left:0px;
    top:0px;
}

.homePageHeroControl-SlideshowPagingBar,.homePageHeroControl-SlideshowPagingBarOverlay{
    position:absolute;
    height:30px;
    bottom:35px;
}

.homePageHeroControl-SlideshowPagingBar{
    left:1000px;
    z-index:4;
    color:white;
    overflow:hidden;
}

.homePageHeroControl-SlideshowPagingBarOverlay{
    z-index:3;
    width:100%;
}

.homePageHeroControl-SlideshowPagingLink-Active,.homePageHeroControl-SlideshowPagingLink-Inactive,.homePageHeroControl-SlideshowPaging-More{
    float:left;
    height:30px;
}

a.homePageHeroControl-SlideshowPagingLink-Active,a.homePageHeroControl-SlideshowPagingLink-Inactive{
    width:25px;
    padding-left:4px;
    padding-right:3px;
    text-decoration:none;
}

.homePageHeroControl-SlideshowPaging-More{
    margin-top:0.3em;
}

.homePageHeroControl-SlideshowPagingLink-Active > span,.homePageHeroControl-SlideshowPagingLink-Inactive > span{
    display:block;
    width:15px;
    height:15px;
    margin-right:15px;
    background-repeat:no-repeat;
}

.homePageHeroControl-SlideshowPagingLink-Active > span{
    background-image:url('/Style Library/CCCD/Images/Hero-nav-control-circle-green2.png');
}

.homePageHeroControl-SlideshowPaging-More{
    color:#b0b0b0;
}

.homePageHeroControl-SlideshowPagingLink-Inactive > span{    
    background-image:url('/Style Library/CCCD/Images/Hero-nav-control-circle-white.png');
}

.homePageHeroControl-noResults{
    padding-left:10px;
}

.homePageHeroControl-noResultsTitle{
    padding-bottom:20px;
}

.homePageHeroControl-SlideshowItems ul {
    padding:0px;
	margin:0px;
    list-style-type: none;
}

.homePageHeroControl-SlideshowItems ul li {
    float: left;
    width: 1180px;
    height: 443px;
}

/*for board meeting documents upload form web part*/
#board_meeting_upload {
        width:580px;
    }
.cccd_bmu_label {
    font-size: 1.1em;
    color: #3f3f3f;
    width: 150px;
    text-align: right;
    display: inline-block;
}

.cccd_bmu_txt {
    font-size: 1.1em;
    color: #3f3f3f;
    border: 1px solid #90d0f3;
    display: inline-block;
}

.cccd_bmu_description {
    width: 298px;
    display: inline-block;
}

.cccd_bmu_date {
    width: 100px;
    display: inline-block;
}

.cccd_bmu_upload {
    color: #3f3f3f;
    font-size: 1.1em;
    border-radius: 5px;
    display: inline-block;
    width: 308px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.cccd_bmu_button {
    font-size: 1.1em;
    color: #ffffff !important;
    background-color: #002d62 !important;
    display: inline-block;
    border-radius: 5px;
}

.cccd_bmu_save {
    position: relative;
    left: 466px;
}

.cccd_bmu_message {
    font-size: 1.1em;
    color: red;
    clear: both;
    width:580px;
}

.cccd_bmu_hidden {
    visibility: hidden;
}

/*global navigation*/
#cccd_topnavigation{
    font-size:1em;
    margin-top:12px;
}
    #cccd_topnavigation > ul {
        float: left;
        margin: 0 0 0px 20px;
    }


#cccd_topnavigation>ul>li{
	float:left;
	padding: 10px 7.5px 6px;
    background-image:url('/Style Library/CCCD/Images/cccd-divider.png');
    BACKGROUND-REPEAT:no-repeat;
    background-position:bottom right;
    position:relative;
    height:12px;
    z-index:6;
}
.subNavWrapper{
	display:none;
}
#cccd_topnavigation>ul>li>a,#cccd_topnavigation>ul>li>a:active,#cccd_topnavigation>ul>li>a:visited{
	color:#002d62;
}
#cccd_topnavigation>ul>li>a:hover{
	color:#FFFFFF;
}
#cccd_topnavigation>ul>li.cccd_hover{
	background:#002d62;
}
#cccd_topnavigation>ul>li.cccd_select{
	background:#c1d82f;
}
#cccd_topnavigation>ul>li.cccd_hover>a{
	color:#fff!important;
}
.subNavWrapper{
    position:absolute;
    z-index:7;
    padding:10px 15px;
    background:#002d62;
    top:28px;
    font-size:1.1em;
}
.subNavWrapper>ul{
	float:left;
	width:219px;
	margin-left:15px;
}
.subNavWrapper>ul:first-child{
	margin-left:0px;
}
.subNavWrapper>ul>li{
	line-height:25px;
}
.subNavWrapper>ul>li>a,.subNavWrapper>ul>li>a:active,.subNavWrapper>ul>li>a:visited{
	color:#fff;
}
.subNavWrapper>ul>li>a:hover{
	color:#c1d82f;
}
.subNavWrapper>ul>li.cccd_select>a{
	color:#c1d82f;
}

/*directory webpart*/
#cccd_directory{
	font-size:1.1em;
    color:#3f3f3f;
}
#cccd_table{
	width:750px;
	overflow:hidden;
}
#cccd_table ul{
	width:750px;
	overflow: hidden;
	border-bottom: 2px #607c9d solid;
}

#cccd_table li[pos="0"]{
	width:205px;
	margin-left:20px;
}
#cccd_table li[pos="1"]{
	width:95px;
}
#cccd_table li[pos="2"]{
	width:170px;
}
#cccd_table li[pos="3"]{
	width:135px;
}
#cccd_table li[pos="4"]{
	width:75px;
}
#cccd_table li{
    float:left;
	padding:10px 10px 10px 0px;
}
#cccd_table ul:first-child{
   padding-top:0px;
   padding-bottom:0px;
	background:#002d62;
	color:#fff;
	font-weight:bold;
	height:40px;
	text-align:left;
}
.cccd_line{
    margin-top:5px;
	height:2px;
	background-color:#607c9d;
	display:none;
}
#cccd_directory_search{
	padding-top:25px;
	padding-left:15px;
}
#cccd_directory_search .cccd_by{
	float:left;
	width:415px;
}
#cccd_directory_search .cccd_for{
	float:left;
	width:320px;
}

#cccd_directory_search .cccd_by select{
	width:320px;
	height:30px;
	margin-top:10px;
}
#cccd_directory_search .cccd_for input{
	width:310px;
	height:24px;
	margin-top:10px;

}
#cccd_directory_search .cccd_title{
	color:#002d62;
}

#cccd_directory #cccd_table .cccd_nav{
    color:#002d62;
    margin-top: 20px;
    margin-right: 20px;
}

#cccd_directory_search .cccd_by select,
#cccd_directory_search .cccd_for input
{
	border-color:#90d0f3;
}
#cccd_search_btn input[type="submit"]{
    padding:0px 0px;
    width:190px;
	margin-left:15px;
	margin-top:20px;
	background-color:#002d62;
	color:#fff;
	height: 40px;
	font-size: 1.1em;
	border-radius: 6px;
	font-family: 'Open Sans',Arial
}
/*Board Meeting Display WebPart*/
#cccd_mbd_List{
	font-size:1.1em;
    color:#3f3f3f;
    width:750px;
    margin-bottom:20px;
}
#cccd_mbd_List ul{
	width:750px;
	overflow:hidden;
	border-bottom:2px #607c9d solid;
}
#cccd_mbd_List li{
    float:left;
	padding-top:15px;
	padding-bottom:15px;
}

#cccd_mbd_List li[pos="0"]{
	width:250px;
	margin-left:20px;
}
#cccd_mbd_List li[pos="1"]{
	width:180px;
}
#cccd_mbd_List li[pos="2"],#cccd_mbd_List li[pos="3"],#cccd_mbd_List li[pos="4"]{
	width:100px;
}
#cccd_mbd_List ul:first-child{
   padding-top:0px;
   padding-bottom:0px;
   background:#002d62;
   color:#fff;
   font-weight:bold;
   height:40px;
   text-align:left;
   border:none;
}
.cccd_sperpate_bk{
	background:#ecf7fd;
}
.ms-siteactions-imgspan{
	margin-left:0;
}
.ms-cui-cbx label{
	display:inline;
}

/*search result page*/
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main #SearchBox {
	margin-left:372px;
	margin-top:55px;
}
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srchnav{
	margin-left:372px;
}
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srch-result-noResults{
	color:#000000;
}
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srch-resultFooter{
	margin-left:372px;
}
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srch-result{
	margin-left:372px;
}
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srchnav .ms-srchnav-list li {
    visibility: hidden;
}
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srchnav .ms-srchnav-list li:first-child {
    visibility:visible;
}
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srch-result .ms-srch-resultFooter {
    visibility: hidden;
}
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srch-item-title {
    color: #002D62;
}
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srch-item-summary {
    color: #002D62;	
}

#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srch-item-path {
    color: #002D62;
}
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srch-item-path:hover {
    text-decoration: underline;
}
/* hide the preview window*/
#cccd_main #cccd_content_wrapper .ms-searchCenter-result-main .ms-srch-hover-innerContainer {
	display:none;
}

/* error page */
#cccd_main #cccd_content_wrapper .error-page {
	width:1180px;
	margin-left:auto;
	margin-right:auto;
	margin-top:55px;
}
/*	Coast start change RL 5/3/2016 */

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
    color: #085994;
    background-color:#fff;
}
/*	Coast end change RL*/

/*	Coast start change RL 5/3/2016 NOTE: I also change any "font-size" attribute in this css doc that was px to em */

/*	Coast start change RL 5/3/2016 - for footer layout */
.Row
{
    display: table;
    width: 100%; 
    table-layout: fixed; 
    border-spacing: 10px; 
    font-size:.8em;
    padding:5px;
}
.Row a:link
{    
color: #fff;
text-decoration:underline;
}
.Row a:visited 
{    
color: #ebf7fd;
text-decoration:underline;
}

.Column1
{
    display: table-cell;
    width:20%;
}
.Column2 
{
    display: table-cell;
    width:60%;
    text-align: center;
}

.Column3
{
    display: table-cell;
        width:20%;

}
.ms-rteTable-1 tr.ms-rteTableOddRow-1 {
    background-color: #edebeb;
}
/*	Coast end change RL*/

.homePageHeroControl-SlideshowImageItems ul li{
    margin-left:0;
}
.homePageHeroItem-RightCaption p{
    margin:10px;
}
/*  =============================================================  RWD  ====================================================================*/
@media (max-width:1199px) and (min-width:769px){
     #cccd_topnavigation {
         margin-top:6px;
     }
    #cccd_topnavigation ul {
        font-size:.9em;
        float:right;
    }
    #cccd_search_bar{
	width:auto;
    height:30px;
    padding-top:0px;
    float:none;
    background-color:transparent;
    margin-left:90px;
    position:relative;
}
#cccd_search_bar a{
	cursor: pointer;
    overflow: hidden;
       position:absolute;
   top:2px;
   right:0;
}
#cccd_search_bar input{
   width:100%;
   height:25px;

}
    #cccd_home_page .bottom .span6 .bg-img, #cccd_home_page .bottom .span6 .bg-img:first-child {
        margin-left:100px;
    }
    .cccd_hero{
        overflow:hidden;
    }
.cccd_hero{
	background-position:top right;
}
   /*for home page hero item display template*/
.homePageHeroItem-ImageContainer, .homePageHeroItem-Image{
    width:100%;
    height: 443px;
}

.homePageHeroItem-CaptionContainer{
    position:absolute;
    width:100%;
    height: 443px;
}

.homePageHeroItem-LeftCaption{
    position:relative;
    left:0px;
    top:0px;
    margin-top: 55px;
    width:460px;
    height:193px;
    overflow:hidden;
    display:none;
}

.homePageHeroItem-LeftCaptionTitle, .homePageHeroItem-LeftCaptionTagLine{
    color:#002d62;
    margin-left:67px;
    margin-right:60px;
    overflow:hidden;
}

.homePageHeroItem-LeftCaptionTitle{
    font-size:2em;
    line-height:46px;
    height:46px;
    margin-top:25px;
    letter-spacing:-3px;
}

.homePageHeroItem-LeftCaptionTagLine{
    font-size:2em;
    line-height:30px;
    max-height:60px;
    margin-top:28px;
    margin-bottom:27px;
    letter-spacing:-1px;
}

.homePageHeroItem-RightCaption{
    position:absolute;
    right: 0px;
    bottom: 25px;
    width:391px;
    height:146px;
    background-color:#002d62;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    overflow:hidden;
}


.homePageHeroItem-RightCaptionTitle, .homePageHeroItem-RightCaptionDescription{
    color:#ffffff;
    overflow:hidden;
}

.homePageHeroItem-RightCaptionTitle{
    margin:18px 20px 0px 20px;
    font-size:1.2em;
    line-height:24px;
    height:24px;
}

.homePageHeroItem-RightCaptionDescription{
    margin:10px 20px 0px 20px;
    font-size:1em;
    line-height:14px;
    height:42px;
}

/*for home page hero control display template*/
.homePageHeroControl-Slideshow{
    position:relative;
    background-color:#000000;
    color:#FFFFFF;
    width:100%;
    height:443px;
    margin:0px 10px 20px 0px;
}

.homePageHeroControl-SlideshowItems{
    position:relative;
}

.homePageHeroControl-SlideshowImageItems, .homePageHeroControl-SlideshowCaptionItems{
    width:100%;
    height:443px;
    overflow:hidden;
}

.homePageHeroControl-SlideshowCaptionItems{
    position:absolute;
    left:0px;
    top:0px;
}


.homePageHeroControl-SlideshowPagingBar,.homePageHeroControl-SlideshowPagingBarOverlay{
    position:absolute;
    height:30px;
    bottom:35px;
}

.homePageHeroControl-SlideshowPagingBar{
    left:800px;
    z-index:4;
    color:white;
    overflow:hidden;
}

.homePageHeroControl-SlideshowPagingBarOverlay{
    z-index:3;
    width:100%;
}

.homePageHeroControl-SlideshowPagingLink-Active,.homePageHeroControl-SlideshowPagingLink-Inactive,.homePageHeroControl-SlideshowPaging-More{
    float:left;
    height:30px;
}

a.homePageHeroControl-SlideshowPagingLink-Active,a.homePageHeroControl-SlideshowPagingLink-Inactive{
    width:25px;
    padding-left:4px;
    padding-right:3px;
    text-decoration:none;
}

.homePageHeroControl-SlideshowPaging-More{
    margin-top:0.3em;
}

.homePageHeroControl-SlideshowPagingLink-Active > span,.homePageHeroControl-SlideshowPagingLink-Inactive > span{
    display:block;
    width:15px;
    height:15px;
    margin-right:15px;
    background-repeat:no-repeat;
}

.homePageHeroControl-SlideshowPagingLink-Active > span{
    background-image:url('/Style Library/CCCD/Images/Hero-nav-control-circle-green2.png');
}

.homePageHeroControl-SlideshowPaging-More{
    color:#b0b0b0;
}

.homePageHeroControl-SlideshowPagingLink-Inactive > span{    
    background-image:url('/Style Library/CCCD/Images/Hero-nav-control-circle-white.png');
}

.homePageHeroControl-noResults{
    padding-left:10px;
}

.homePageHeroControl-noResultsTitle{
    padding-bottom:20px;
}

.homePageHeroControl-SlideshowItems ul {
    padding:0px;
	margin:0px;
    list-style-type: none;}

.homePageHeroControl-SlideshowItems ul li {
    float: left;
    height: 443px;
}
    
}
@media (max-width:768px){

/*  break layout if content overflows */
#cccd_tertiary_page .cccd_middle, #cccd_blank_page .cccd_middle{
	overflow:visible;
}
.cccd_middle img{
	max-width:100%;
}
    /*  Menu button fix for span2 @ > 767  */
    #cccd_header .bottom .span2{
        width:100%;
    }
    #cccd_header .bottom .span10{
        width:100%;
        margin-left:0;
    }

    #cccd_topnavigation {
        background:#fff;
        border:3px solid #005580;
        margin-top:0;
        position:relative;
        z-index:50;
        padding-bottom:10px;
        border-radius:7px;
        width:100%;
    }
 #cccd_topnavigation ul {
    margin:0;
    float:none;
}
 #cccd_topnavigation ul ul {
    display:none;
}
    #cccd_topnavigation > ul > li {
        float: none; 
        padding: 10px 7.5px 6px;
        background-image: none;
        position: relative;
        height: 25px;
        z-index: 600;
        background-color:#fff;
    }
    #cccd_topnavigation .cccd_hover .subNavWrapper{
        padding:0;
    }
    .rwd-menu-btn{
        background:#002d62;
        border: 1px solid #fff;
        border-radius:7px;
        padding:7px 15px;
        margin-top:3px;
    }
    .rwd-menu-btn .item-bar{
		height:2px;
		width:25px;
		margin:3px; 
		background:#fff;
	}
    .cccd_rec{
        padding:0;
    }
        .rwd-menu-btn a, .rwd-menu-btn a:link, .rwd-menu-btn a:visited, .rwd-menu-btn a:hover {
            color:#fff;
            text-transform:uppercase;
        } 

   
    #cccd_search_bar{
         width:100%;
         height:50px;
         float:none;
         position:relative;
         text-align:center;
         z-index:600;
    }

    #cccd_search_bar input{
         width:90%;
         float:none;
         position:relative;
         height:30px;
         font-size:1em;
         border:1px solid #000;
         padding-left:2%;
    }
       .cccd_hero{
		height:120px;
        background-position: top center;
        background-size: contain;
}

    .cccd_hero .cccd_title{
        margin-top:20px;
    }
 
    #cccd_footer .bottom{
        height:auto;
    }
    #cccd_footer [class*="span"]{
        text-align:center;
        margin-top:0px;
    }
    #cccd_footer .bottom .cccd_rec{
        margin-top:0;
    }

    .right-align{
        text-align:center;
    }
    /*page layouts  */
    /*blank page layout  */
    #cccd_blank_page .cccd_middle{
	margin-left:0px;
    margin-right:0px;
    margin-bottom:20px;
}


.cccd_quick_link {
    width: auto;
}
   .cccd_quick_link ul ul li{
        background:#03244c;
        margin-top:0;
        padding-top:4px;
        border-bottom:1px solid #002d62;
    }
    .cccd_quick_link ul li{
        height:auto;
        min-height:30px;
    }

#cccd_second_page .cccd_content1{
	width:auto;
}
/*Home page layout */
 #cccd_home_page .bottom .span6 .bg-img, #cccd_home_page .bottom .span6 .bg-img:first-child {
        margin-left:auto;
        margin-right:auto;
        float:none;
    }
 /*  secondary page layout  */
 #cccd_second_page .cccd_middle{
	margin-left:0px;
    margin-right:0px;
    margin-bottom:20px;
}
 #cccd_second_page .cccd_content1{
     margin:0;
 }

 /* Tertiary page layout */
    #cccd_tertiary_page .cccd_middle, #cccd_blank_page .cccd_middle {
        margin: 0;
    }
    /*  bootstrap override */
    .container {
        margin-left:20px;
        margin-right:20px;
    }
    /*for home page hero item display template*/
.homePageHeroItem-ImageContainer, .homePageHeroItem-Image{
    width: auto;
    height: auto;
}

.homePageHeroItem-CaptionContainer{
    width: 100%;
    height: auto;
}

.homePageHeroItem-LeftCaption{
    position:relative;
    left:0px;
    top:-193px;
    margin-top: 0px;
    width:100%;
    height:193px;
    overflow:hidden;
    display:none;
}

.homePageHeroItem-LeftCaptionTitle, .homePageHeroItem-LeftCaptionTagLine{
    color:#002d62;
    margin-left:20px;
    margin-right:20px;
    overflow:hidden;
}

.homePageHeroItem-LeftCaptionTitle{
    font-size:2em;
    line-height:46px;
    height:46px;
    margin-top:25px;
    letter-spacing:0px;
}

.homePageHeroItem-LeftCaptionTagLine{
    font-size:2em;
    line-height:30px;
    max-height:60px;
    margin-top:28px;
    margin-bottom:27px;
    letter-spacing:-1px;
}

.homePageHeroItem-RightCaption{
    position:absolute;
    right: 0px;
    bottom: -146px;
    width:100%;
    height:146px;
    background-color:#002d62;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    overflow:hidden;
}

.homePageHeroItem-RightCaptionTitle, .homePageHeroItem-RightCaptionDescription{
    color:#ffffff;
    overflow:hidden;
}

.homePageHeroItem-RightCaptionTitle{
    margin:18px 20px 10px 20px;
    font-size:1.2em;
    line-height:24px;
    height:24px;
}

.homePageHeroItem-RightCaptionDescription{
    margin:10px 20px 10px 20px;
    font-size:1em;
    line-height:14px;
    height:42px;
}
.homePageHeroItem-RightCaption p{
    margin-left:10px;
    margin-top:20px;
}

/*for home page hero control display template*/
.homePageHeroControl-Slideshow{
    position:relative;
    background-color:#000000;
    color:#FFFFFF;
    width:auto;
    height:auto;
    margin:0px 0px 20px 0px;
}

.homePageHeroControl-SlideshowItems{
    position:relative;
}

.homePageHeroControl-SlideshowImageItems, .homePageHeroControl-SlideshowCaptionItems{
    width:auto;
    height:auto;
    overflow:hidden;
}

.homePageHeroControl-SlideshowCaptionItems{
    position:relative;
    left:0px;
    top:0px;
}

.homePageHeroControl-SlideshowPagingBar,.homePageHeroControl-SlideshowPagingBarOverlay{
    position:absolute;
    height:30px;
    bottom:35px;
}

.homePageHeroControl-SlideshowPagingBar{
    left:inherit;
    right:0;
    z-index:4;
    color:white;
    overflow:hidden;
}

.homePageHeroControl-SlideshowPagingBarOverlay{
    z-index:3;
    width:100%;
}

.homePageHeroControl-SlideshowPagingLink-Active,.homePageHeroControl-SlideshowPagingLink-Inactive,.homePageHeroControl-SlideshowPaging-More{
    float:left;
    height:30px;
}

a.homePageHeroControl-SlideshowPagingLink-Active,a.homePageHeroControl-SlideshowPagingLink-Inactive {
    width:25px;
    padding-left:4px;
    padding-right:3px;
    text-decoration:none;
}

.homePageHeroControl-SlideshowPaging-More{
    margin-top:0.3em;
}

.homePageHeroControl-SlideshowPagingLink-Active > span,.homePageHeroControl-SlideshowPagingLink-Inactive > span{
    display:block;
    width:15px;
    height:15px;
    margin-right:15px;
    background-repeat:no-repeat;
}

.homePageHeroControl-SlideshowPagingLink-Active > span{
    background-image:url('/Style Library/CCCD/Images/Hero-nav-control-circle-green2.png');
}

.homePageHeroControl-SlideshowPaging-More{
    color:#b0b0b0;
}

.homePageHeroControl-SlideshowPagingLink-Inactive > span{    
    background-image:url('/Style Library/CCCD/Images/Hero-nav-control-circle-white.png');
}

.homePageHeroControl-noResults{
    padding-left:10px;
}

.homePageHeroControl-noResultsTitle{
    padding-bottom:20px;
}

.homePageHeroControl-SlideshowItems ul {
    padding:0px;
	margin:0px;
    list-style-type: none;
    height:253px;
    overflow:hidden;
}
.homePageHeroControl-SlideshowCaptionItems ul{
    height:100px !important;
}

.homePageHeroControl-SlideshowItems ul li {
    float: left;
    width: 100%;
    height: 100px;
    padding-bottom:0;
    margin-left:0;
}
.homePageHeroControl-SlideshowImageItems ul li img{
	
	width:100%;
}
iframe{
	
	width:100%;
}

    

}


@media (max-width:426px) {
    #cccd_second_page .cccd_left,
    #cccd_tertiary_page .cccd_left,
    #cccd_blank_page .cccd_left {
        width: 100%;
    }
 .cccd_hero{
 height:65px;
 }
    #cccd_logo {
        width: 30%;
        top: 2px;
        height: auto;
    }

        #cccd_logo .logo-top {
            width: auto;
            height: auto;
        }
        #cccd_logo img {
        width: 100%;
    }


    .cccd_content {
        padding-left: 10px;
    }

    #cccd_logo > .logo-bottom > ul > li {
        width: 33%;
    }

    #cccd_search_bar input {
        width: 80%;
    }

    .cccd_hero .cccd_title {
        margin-top: 0px;
    }

    #cccd_footer .bottom .cccd_rec {
        margin-top: 10px;
    }

    #cccd_footer [class*="span"] {
        margin-top: 15px;
    }

    .cccd_callAction_lc {
        zoom: 1.5;
    }

    /*home page hero*/
    .homePageHeroControl-SlideshowPagingBar {
        top: 100px;
    }

    .homePageHeroControl-SlideshowItems ul {
        height: 119px;
    }
    /*  QUICK LINKS */
    #btn-showhide-sidenav {
        padding: 7px 15px;
        background: #002d62;
        margin-top: 10px;
    }

    .arrow {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Safari */
        transform: rotate(90deg);
    }

        .arrow.up {
            -ms-transform: rotate(-90deg); /* IE 9 */
            -webkit-transform: rotate(-90deg); /* Safari */
            transform: rotate(-90deg);
        }

    #btn-showhide-sidenav a {
        font-size: 16px;
        color: #fff;
    }
}

@media (max-width:320px) {
    .homePageHeroItem-RightCaption p{
    margin-left:5px;
    margin-top:10px;
}
       .homePageHeroControl-SlideshowPagingBar{
    top:70px;
}
  .homePageHeroControl-SlideshowImageItems ul {
        height: 100px;
    }

}
@media print{
	#cccd_topnavigation, 
	.cccd_quick_link{
		display:none !important;
	}
	#cccd_logo{
		border:0;
	}
	#cccd_logo .logo-bottom{
	display:none;
}
	.cccd_rec li{
	display:none;
}
}
