body{font-family: helvetica!important;}


h2.event-title {
    clear: both;
    color: #515151;
    display: block;
    font-size: 30px !important;
    font-weight: normal;
    line-height: normal !important;
    padding: 5px 0 15px;
    text-align: left;
    width: 100%;
}

#banner .logo{ background:none; height:66px;}
#banner .logo a{ height:66px !important; top:-4px; width:auto !important; background:none !important;}
#header{ background-color:#f7f7f7; height:auto; margin-bottom:0; z-index:999; position: relative; left:0px; width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+86,ffffff+100&1+33,0+100 */
background: -moz-linear-gradient(top, rgba(247,247,247,1) 40%, rgba(255,255,255,0.21) 100%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 40%,rgba(255,255,255,0.21) 100%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(247,247,247,1) 40%,rgba(255,255,255,0.21) 100%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00ffffff',GradientType=0 ); */  /* IE6-9 */

}
#nav{ background:#666666;}
#navigation{ padding-top:0px;}
.apps{ margin-top:0px; border:0px; z-index: 9999; position: relative; background: #fff; }
#navigation > ul > li > a:hover{ background:#fff; color:#000;}
#navigation > ul > li.selected a {background:#fff; color:#000;}
#navigation > ul > li.selected ul li a {background:#fff; color:#000;}
#navigation > ul > li > a{ color:#fff;}
footer{ background:#333333; text-align:center;}
.ftr-left a{ color:#8f989d; text-decoration:none;}
.ftr-left{ float:left;  display:inline-block; text-align:left;}
#aaa{ float:right; display:inline-block; text-align:right;}
.dropdown ul, .multi-dropdown ul, .btn-dropdown > ul{ background:#666; margin-top:0px; padding: 0 0 !important; border-radius:inherit;}
.dropdown > ul > li > a:hover, .multi-dropdown > ul > li > a:hover, .dropdown > ul > li > a:focus, .multi-dropdown > ul > li > a:focus{ background:#333; color:#fff;}
.dropdown > ul > li > a, .multi-dropdown > ul > li > a{ color:#fff;}
#navigation .enter-page a.save-page{ padding:5px 10px; background:#333; color:#fff; display:inline-block; }
#menus ul.tabs{ background:#868686;}
#menus ul.tabs li.current{ background:#000 !important;}
.tab-content-container{ background:#000;}
#menus ul.tabs li a:hover{ background:#000;}
ul.theme-tab{ background:#414655;}
#themes{ background:#475970;}
.theme-tab .active a{ background:#475970;}
#layoutTable{ background:#00457c !important ;}
#widgets-container{ background:#000;}
#widgets-container .portal-add-content{ background:#00457c;}
.lfr-add-content.expanded{ background:#868686;}
#widgets-content .lfr-content-category{ background:#00457c;}
.lfr-add-content.collapsed{ background:#000;}
.lfr-portlet-item{ border: solid #00335c 1px; background-color:#00335c;}
.lfr-portlet-item:hover, .lfr-portlet-item.over{ background:#868686; border: solid #868686 1px;}
#nav .child-menu li a{ border-top: solid #333 1px; border-bottom: solid #999 1px;}
.popup-heading{ background:#444;}
.copyright-info{ width:auto; float:none; display:inline-block;}
#header-search .portlet{ border:none; }
#header-search .search-options-btn input{ margin-top:-2px; } 
#header-search .btn{background:#fff; border:solid #fff 1px; }
.portlet-topper { background:#2a2935!important ;  padding: 0 10px;}
.portlet-topper h3.portlet-title { color: #fff; font-size: 16px; line-height: 32px;}
.portlet-icons{top:1px; }
.portlet { border: 1px solid #d1d1d1;}
.ui-dialog .ui-dialog-titlebar{background:#444;}
#viewDiv a.titleCategory{color:#000!important }
.portlet-icon-back{color:#fff!important ; }
.ui-tabs, .ui-tabs{background:#222; }
.ui-tabs li a, .ui-tabs li a{ background:#222; color:#fff !important;}
ul.tabs li.current, ul.tabs li.current{ background:#666 !important;}
.ui-tabs li.current a, .ui-tabs li.current a{ color:#fff; background:none;}
.ui-tabs li.current a, .ui-tabs li.current a:hover{ background:none !important; text-decoration:none!important;}
.portlet-content, .portlet-minimized .portlet-content-container{padding:12px 0px !important;  }



.top-graybar{ background-color: #f7f7f7; display: inline-block; width: 100%; padding-top:5px;padding-bottom:5px; color:#686868;}
.inner{ max-width:100%; width:1410px;  margin:0px auto;  }
.top-graybar .lft{ float:left; padding:5px 10px; font-size:12px; font-weight: 600;}
.top-graybar #notificationCount{ display:none;}
.user-profile {width:auto; float:right;}
.user-name{ padding-top:6px !important;}
.user-information span{ margin-left:0;}
img.user-profile-image{ float:left;}
.topMenu{ color:#686868; padding:0px 10px 0 0; width:auto;} 
.topMenu a{ color:#686868; line-height:normal;}
.topMenu a:hover{ color:#00457c;}
.topMenu .user-profile-image{  margin-right:5px;}
.top-icon{ margin:8px 0 0px 10px}
.user-information{font-size:12px; font-weight:600;}
.signin{ float:right; font-size:13px; padding-top:3px; font-weight:600;}
.signin a{color:#686868;}
#banner{ width:100%; display:inline-block; padding:8px 0; position: relative;  }
#wrapper{ clear:both;}
ul.navigation{ float:right !important; width:auto !important; background:none !important;}
ul.navigation li{ float:left;}
ul.navigation li.menu-btn{ float:right;}
ul.navigation li a{ display: block; padding: 20px 19px 20px 18px; font-size:26px; color:#3c3b3b; font-weight:600;}
ul.navigation li a:hover{color:#000;}

footer{ background: #00457c none repeat scroll 0 0;
    border-top: 0 none;
    color: #fff !important;
    font-size: 16px !important;
    height: auto !important; padding:15px 10px !important; line-height:normal;}
footer h2{ color:#fff!important ; font-size:25px !important; font-weight:400; padding-bottom:12px; text-align:left;}
footer ul{ height:145px;}
footer li{ text-align:left; font-size:16px; padding-bottom:5px; list-style:none;  }
footer li a{ color:#fff;}

footer li a:hover{ color:#c8c8c8;}
footer .copyright{ font-size:20px;}

#crumbtrail{ background-color:transparent;}
#tiny iframe .ytp-chrome-bottom{ display:none !important;}


.sticky {
    border-top: 0 none;
    left: 0;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 100;
}

#header.sticky {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    box-shadow: 0 0 15px #b1b1b1; 
border-bottom: 3px solid #00457c;
}
.scroll-top {
    bottom: 150px;
    position: fixed;
    right: 10px;
	z-index:999;
}
#tiny{display:block;}
.page-id-8497555 #tiny{ display:inherit; height:650px; margin:0 auto; width:1410px; max-width:100%; z-index:5;  }
.greenprow-box{background: #868686; bottom: 0; height: 28px; position: absolute; width: 100%;}


/*--------------------------------------------------------*/
#portlet-wrapper-15 .portlet-content-container ul.tabs li.current {background:#fff !important;}
#portlet-wrapper-15 .portlet-content-container .ui-tabs .last.toggle:hover a {  background: #2a2a2a none repeat scroll 0 0;  padding: 14px;}
#portlet-wrapper-15 .portlet-content-container .ui-tabs .last.toggle a {  background: #2a2a2a none repeat scroll 0 0;  padding: 14px;}
#portlet-set-properties .ui-tabs li.current a, #portlet-set-properties .ui-tabs li a:hover {background:#585858 !important;}

/*-------------------------------------------------------*/

/*----------------------------------------------------------------------------------------*/

.graybg  #layout-column_column-1 .Programs-categories a.more{ float:left!important;margin-top:40px; }	
.graybg #layout-column_column-2 .Programs-categories a.more{ float:right!important;}	
.even-details{ padding-bottom:40px!important;}
#layout-grid .graybg{ padding-bottom:15px!important;}



.nav-menu ul.layouts {
  padding-left: 0;
}
/*.nav-menu .layouts li {  background:url("/csum-theme/images/custom/gray-arrow.png") no-repeat scroll 9px 13px; left: 0;  padding: 8px 8px;}
.nav-menu .layouts li:hover {  background: #004177 url("/csum-theme/images/custom/white-arrow.png") no-repeat scroll 9px 13px;  left: 0;  padding: 8px 8px;}*/
.nav-menu .layouts li:hover a { padding-left:20px; text-decoration:none !important;}
.nav-menu .layouts li a {  color: #232323 !important; padding-left:20px;}
.nav-menu ul.layouts {padding-left:0px;}
.admission { display: inline; padding:0 5px; }
.admission > h6 {  color: #4e4e4e;  font-size: 20px;}
.admission li {  float: left;  padding: 0 2%;text-align:center;  width: 21%;  min-height: 205px; list-style:none;  }
.admission span {  text-align:center;  color:#1b1b1b; display:block;  font-size:12px;}
.welcome-calmaritime {float:left; padding:30px 5px 0 5px;}
.welcome-calmaritime span strong { color:#1a1a1a;}
.welcome-calmaritime p { color:#3a3a3a;}
.admission-cont-box{ display:inline-block; }
.admission-fall {background:#fafafa; padding:10px;margin-bottom:20px;}
.admission-fall > strong {  color: #0a3c6d;  display: block;  font-size: 15px;}
.admission-fall h5 {  color: #181818;  font-size: 15px; margin-bottom:0px;}
.admission-fall > p { color:#171717; margin-bottom:5px;}
.admission-fall > span {  color: #0a3c6d;  display: block;  font-weight: bold;  padding-top: 10px;}
.admission-fall h6 { color: #004684;  font-size: 20px; line-height:27px; margin-bottom:5px; margin-top:30px;}
.admission-fall > a {
  display: block;
  color:#b18f09 !important;
}
.admission-fall > p > a.mail-id {color:#b18f09 !important; } 
.about-calmaritime {padding:0 5px;}
.about-calmaritime h6 {color:#525252; margin:5px 0px; font-size:24px;}
.about-calmaritime p {color:#2d2d2d; text-align:justify; font-size:13px;}
.about-calmaritime a {color:#2d2d2d;}


.graybg .lfr-grid{width:1410px; margin:0 auto; max-width:100%; }
#p_p_id_56_INSTANCE_02rT_{margin:0 auto; display:table;}
#p_p_id_56_INSTANCE_x0HW_{margin:0 auto; text-align: center; }

.colu-ser ul { float: left; width: 50%; margin:0px; }
.fig-caption{ position:absolute; bottom:6%; right:5%; width:43%; text-align:right;  }
.fig-caption h1{ font-family:Arial; color:#fff !important ; font-size:45px!important  ; line-height:50px; margin-bottom:10px !important ;  border:none !important; text-shadow: 1px 0 4px #000000;  }
.fig-caption p{ font-family:Arial; color:#fff; font-size:18px !important;  margin-bottom:25px !important ;  line-height:24px;}
.fig-caption a{ font-family:Arial; background:#6f6f6f; text-decoration:none; color:#fff; padding: 10px 20px; }
.banner-wrapper{background:#00457c; position: relative; top: -90px; height:678px; z-index:0;  }
.inner-bnr {width:100%; text-align:center; }
 #header-search #search-form #search-form-input{ float:left; width:88.56%; }
 #header-search #search-form #search-form-input input{ float:left; border:none; margin-bottom:0px;  padding:6px 5px 5px 5px; color:#666666; background:#fff; box-shadow: inherit; width:97%;  }
 #header-search #search-form #search-form-button{ float:left;}
 #header-search #search-form #search-form-button button{ float:left; cursor:pointer; border:none; background:#fff url(/csum-theme/images/custom/search-icon.jpg) center center  no-repeat; text-indent:-999em; padding:6px 15px;  }

#search-form{ margin-top:20px; width:325px; background:#fff;   border: solid #c1c1c1 1px; float:right; margin-right:20px;   }
#header-search{margin-left:7%; }


.nav-menu .layouts li:hover {  background: url("/csum-theme/images/custom/gray-arrow.png") no-repeat scroll 10px 5px;  left: 0;  padding: 8px 8px;}
.nav-menu .layouts li:hover {  left: 0;  padding: 8px 8px;}
.nav-menu .layouts li:hover a {  padding-left:20px; text-decoration:none !important; }
.nav-menu .layouts li  {  color: #232323 !important; width:94%; float:left;  background:url("/csum-theme/images/custom/gray-arrow.png") no-repeat scroll 10px 5px; left: 0;  padding: 8px 8px;}
.nav-menu ul.layouts {padding-left:0px;}

.nav-menu ul li a{ color:#000 !important; padding:5px!important ; margin-left:25px;  }
.nav-menu ul li ul li a{ display:block; color:#000 !important;}
.nav-menu ul li ul li a:hover{ background:#004177; color:#fff !important;}
h3.cm-accordion-headline{color:#296799; }
#cm-top-slides, .inner-bnr{background-color:#00457c!important; }

p.wc-modified{display:none; }

.nav-menu ul li{padding:0px!important ; margin: 2px 0 3px 0; }

.nav-menu ul li.selected  a.selected { color:#cda70b !important; font-weight:bold !important ;}
.nav-menu ul.level-2,  .nav-menu ul.level-3, .nav-menu ul.level-4{ margin-left:20px !important;}

.color-div{background:#fafafa!important ; }
.banner-wrapper .control-box{ width:100%; position:absolute; top:45%;}
.banner-wrapper .control-box a.left{ float:left; padding-left:2%; background:url(/csum-theme/images/custom/slide_left.png) 0 0 no-repeat; width:86px; height:86px;}
.banner-wrapper .control-box a.right{ float:right; padding-right:2%; background:url(/csum-theme/images/custom/slide_right.png) 0 0 no-repeat; width:86px; height:86px;}



/*-----------------------------------responsive-start-here------------------------------------*/

@media screen and ( max-width:1199px){
#header{background:#fff; }
.overlay{ top:235px!important ;  }
.sticky .overlays { top:180px!important ;  }
#search-form{margin-top:20px; }


}





@media screen and ( max-width:1150px){
#social-icons a img { max-width: 90%; width: 35px;  }
footer .inner{   max-width: 98%; min-width: 300px; width: auto;  }
.fig-caption h1{font-size: 30px !important;  line-height: 35px; }
.overlays .menu ul li a{font-size:16px !important;   }
.overlays .menu ul li ul li a{font-size:14px!important ; }
#search-form{margin-top:10px; }

ul.navigation{margin-left:0px; }




}



@media screen and ( max-width:949px){
#nav{ background:none;}   
a.dropdown_menu{ padding:5px 15px !important;}  
ul li.last-menu > a{ background:#666; border: solid #999 1px;}  
#nav{ right:0px; width:40px;}
#header-search{ background:#00457c;}
.top-graybar .lft{ padding:10px; margin-bottom:10px  }
.overlays{ position:inherit!important ;  }   
#banner .logo{ margin-bottom:8px !important; }    

.graybg #layout-column_column-1 .Programs-categories a.more{ margin-bottom: 30px; margin-top: 10px; }
.Programs-title{ padding-bottom: 30px!important;}
#header-search .btn {height:20px;}


.fig-caption{width:65%; }
.fig-caption h1{font-size: 27px !important;  line-height: 32px; }
.overlays .menu ul li{width:100%!important ; border-bottom: 1px solid #575757 !important; float: none !important; margin-bottom:25px!important ; }
.overlays .menu ul li ul li{border-bottom:none!important ; margin-bottom:inherit!important ;  }
#search-form{margin-top:0px; margin-bottom:5px; margin-top:5px; }
#header-search #search-form #search-form-input input{border:none; }
.inner .overlays{position: absolute !important; top:180px!important ;  }

.banner-wrapper{height:330px; top:0px; z-index:1;  }
.page-id-8497555 #tiny{height:330px; }
#wrapper{top:0px !important ; }
ul.navigation{width:98%; }

.banner-wrapper .control-box{ right: 0; top: 1%; width: 90px;}
.banner-wrapper .control-box a.left{padding-left:0px; width: 45px; background-size:100%;}
.banner-wrapper .control-box a.right{ padding-right:0px; width: 45px; background-size:100%;}







}


@media screen and (max-width:623px){
#quicklaunchtinyslider .buttons.prev{ left:10px!important;}	
.about-calmaritime p span span.img {float:none !important; display:block; text-align:center; margin-left:0px !important;}
.banner-wrapper .control-box{ right: 0; top: 68%; width: 100%;  }
}


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

#header-search .btn {height:22px;}
.fig-caption{width:94%; text-align:center; }
.fig-caption h1{font-size: 22px !important;  line-height: 30px; }
.fig-caption p{font-size:16px; }
#search-form{border:none; width:280px;}
#header-search #search-form #search-form-input{width:87%; }


}


@media screen and ( max-width:529px){
#header-search #portlet-wrapper-3 input{ width:50%;}    
#header-search #portlet-wrapper-3 select{ width:30%;}
#header-search #portlet-wrapper-3 input[type="image"]{ width:17px; height:17px;}
#search-form { display: table; float: none; margin: 5px auto;}

}

@media screen and ( max-width:1280px){.inner{ width:100%;} }
@media all and (min-width: 320px) and (max-width: 1191px) {ul.navigation{ width:99% !important; clear:both; float:left !important; background-color:#f7f7f7 !important; }
#header-search{ width:45%; float:right;} }
@media all and (min-width: 645px) and (max-width: 954px)
{.topMenu{ position:relative !important; padding:0px !important; right:0px !important;  margin-right: 10px !important; }
 
}

@media all and (min-width: 320px) and (max-width: 645px)
{.topMenu{ position:relative !important; padding:0px !important; right:0px !important;  margin-right: 10px !important; width:100% !important; clear:both !important; }
.topMenu .user-information{ width:auto;}
.top-graybar{ text-align:center;} 
.top-graybar .lft{ float:none; }
.top-graybar{ margin-bottom:8px !important;}

#header-search{ margin-top:0 !important; }
}
@media all and (min-width:300px) and (max-width:949px) { .sticky {
    position: relative !important;
}
}


@media screen and (max-width:480px){
ul.navigation li a{font-size:20px; padding:10px 5px; }
.admission li {width:46%; padding:0 2%; }
.colu-ser ul{width:100%; height:auto; }
.colu-ser{margin-top:15px; margin-bottom:10px;  }

.colu-ser h2, .colu-ser ul li{text-align:center; }

.banner-wrapper{height:227px;  }
.page-id-8497555 #tiny{height:200px; }


}


#lfr-look-and-feel .ui-tabs a:hover {
    color: #fff !important;
}