/* CSS Document */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.55em;
	line-height:150%;
}

#printheader{
	display:none;
}

#printfooter{
	display:none;
}

h1{
	color:#800000;
	margin-bottom:0;
}
h2{
	color:#4A4A4A;
}
#pagecontentsection h2:nth-of-type(1){
	margin-top:0;
}
h3{
	color: #800000;
}
h4{
	color: #333333;
	font-size: 1.3em;
	font-weight:bold;
}
h5{
	color: #800000;
	font-size: 1.2em;
}
h6{
	color: #333333;
	font-weight:bold;
	font-size:1em;
}
/* Added so banner image doesn't collapse 12/18/2020 - tjb */

#jumbotronoutterdiv{
	min-height:450px;
}

/* Removed the text quotes 11/18/2020 - tjb
#jumbotronoutterdiv{
	margin-top:400px;
}
#jumbotrondiv{
	text-align:center;
	background-color:#ffffff;
	opacity:.7;
	width:100%;
	padding-top:15px;
	padding-bottom:10px;
}
*/

#jumbotronquote{
	font-size:2em;
	line-height:1.5em;
	color:#800000;
}

.infosection{
	border-top: 2px solid #800000;
	background-color: #ffffff;
	padding: 10px;
	background-color:rgba(255, 255, 255, 0.7);
    border-radius: 25px;
}

/** Scroll bar Div CSS for Info Section **/
.infosectiondiv{
	overflow:auto;
	/** height:410px; **/
	margin-left:-10px;
}
#news-calendar-events .infosectiondiv{
	height:410px;
}

.infosectiondiv ul{
	margin-right:10px;
}

.infosectiondiv::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.infosectiondiv::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.infosectiondiv::-webkit-scrollbar-thumb
{
	border-radius: 20px;
	background-color: #FFF;
	background-image: -webkit-gradient(linear,
	   40% 0%,
	   75% 84%,
	   from(#F0F0F0),
	   to(#F0F0F0),
	   color-stop(.6,#800000))
}

#newslettersignup{
	border-radius:5%;
	background-color:#E2E2E2;
	margin: 0 60px;
	padding:25px;
}

/* Removed for footer alignment issues on 01/04/2024 - sr */
/* #contactus{
	border-radius:5%;
	background-color:#E2E2E2;
	margin: 0 60px;
	padding:25px;
} */

table{
	width:95%;
	border:#333 thin solid;
}
th{
	background-color:#800000;
	color:#FFFFFF;
	border:#FFF thin solid;
	padding:2px 5px 0px 5px;
	text-align:center;
}
td{
	border:#333 thin solid;
	padding:2px 5px 0px 5px;
}

.table-bordered>tbody>tr>td {
    border: 1px solid #757575;
}

/* Highlight calendar tables */

	td.TableHighlightYellow {
		background-color:#FFFF80 !important;
	}
	
	td.TableHighlightGreen {
		background-color:#80FF80 !important;
	}
	
	td.TableHighlightBlue {
		background-color:#80FFFF !important;
	}
	
	td.TableHighlightPink {
		background-color:#FF80FF !important;
	}

#searchresultsdiv table{
	border:none;
}

#searchresultsdiv td{
	border:none;
}

/* Added per OCR 11/09/2020 - tjb */
button.gsc-search-button:focus, gsc-search-button gsc-search-button-v2{
		outline-color:#800000 !important;
		outline-style:dashed !important;
		outline-offset:1px !important;
		outline:thin;
}

#tablesortdiv table{
	border:none;
}

#tablesortdiv td{
	border:#999 thin solid;
}

.gs-bidi-start-align{
	padding-left:20px;
}

.figurecaption{
}

.nobulletlist ul li{
	list-style:none;
	margin-left:-20px;
}

/** tab panels **/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #800000;
}

a:link{
	text-decoration: underline;
	color: #336699;
	background-color:#FFFFFF;
}

a:visited{
	color: #990099;
	background-color:#FFFFFF;
}

a:hover{
	color: #0000FF;
	background-color: #FFC;
}

.breadcrumb-item{
	color: #333333;
}

.breadcrumb>.active{
	color: #333333;
}

.breadcrumb{
	background-color:transparent;
}

#navbar a:link{
	text-decoration: none;
}

a.button-link, .button-link:visited {
	padding: 10px 15px;
	background: #800000;
	color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	/**  user-select:none;  **/
}
a.button-link:hover {
	background: #FFCC00;
	border: solid 1px #800000;
	color:#800000;
	text-decoration: none;
}
a.button-link:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	background: #800000;
	border: solid 1px #FFCC00;
	color:#FFCC00;
}

	a.button-link, .button-link:visited {
		padding: 10px 15px;
		background: #800000;
		color: #FFF;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: solid 1px #FFFFFF;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		/**  user-select:none;  **/
	}
	a.button-link:hover {
		background: #FFCC00;
		border: solid 1px #800000;
		color:#800000;
		text-decoration: none;
	}
	a.button-link:active {
		-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
		background: #800000;
		border: solid 1px #FFCC00;
		color:#FFCC00;
	}

#pagecontentsection li{
	padding-bottom:10px;
}

.panelheading{
	font-size:1em;
	font-weight:bold;
	margin:2px;
	color:#FFF;"
 }

.rightpanelheading{
	background-color:#800000 !important;
	color:#ffffff !important;
	font-weight:bold;
}

.rightpanelbody a{
	text-decoration:underline;
}

.rightpanelbody li{
	line-height:135%;
	margin-bottom:5px;
}



		  /* Note: Try to remove the following lines to see the effect of CSS positioning */
		  .affix {
			  top: 0;
			  width: 100%;
			  z-index: 9999 !important;
		  }
		
		  .affix + .container-fluid {
			  padding-top: 70px;
		  }

		.navbar{
			background-color: #800000;
			border:none;
			color:#ffffff;
			z-index:1;
		}

.navbar-custom {
    background-color: #800000;
    border-color: #AA0000;
    border-radius: 0;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #FFF;
}

.navbar-custom .navbar-nav > li > a {
    color: #FFF;
	background-color:#800000;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #FFF;
    background-color: #AA0000;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #AA0000;
}

.navbar-custom .navbar-text {
    color: #FFF;
}

.navbar-custom .navbar-toggle {
    border-color: #AA0000;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #AA0000;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: #FFF;
}

.jumbotron{
		background: center center; 
		-webkit-background-size: cover;
		background-size: cover;
		width:100%;
		height:100%;
		overflow:hidden;
		margin-top:-20px;
}

.dropdown-header{
	font-weight:bold;	
}

.geese a{
	color:#275C8A;
	text-decoration:underline;
}
.geese a:hover{
	background-color: #FFC;
	text-decoration: underline;
	color: #0000FF;
}

.geese li{
  margin: 10px 0;
}

.icon-top {
	color:#ffffff;
}

.icon-bottom {
    color: #800000;
}

.geese { 
background: url(/images/bg1-geese.jpg) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding:20px 0;
margin-top:-30px;
}

#joinlists{
	background-image:url(/images/email.gif);
	background-repeat:no-repeat;
	background-position: right;
    background-position-y: top;
}



/** Admissions/Short Courses/Summer Academies **/
	.homepagebutton{
	  -webkit-border-radius: 10;
	  -moz-border-radius: 10;
	  border-radius: 10px;
	  -webkit-box-shadow: 1px 4px 10px #666666;
	  -moz-box-shadow: 1px 4px 10px #666666;
	  box-shadow: 1px 4px 10px #666666;
	  color: #ffffff;
	  background: #800000;
	  margin: 15px 0px;
	  padding: 10px 20px 10px 20px;
	  text-decoration: none;
	}

	.homepagebutton h2{
		color:#ffffff;
		text-align:center;
		margin-top:5px; 
		text-decoration: none;
	}

	.homepagebutton a {
		color:#ffffff;
		text-decoration:none;
	}

	.homepagebutton a:link,
	.homepagebutton a:visited {
		color:#FFFFFF;
		background-color:#800000;
		text-decoration:none;
	}

	.homepagebutton a:hover {
		color:#FFCC00;
		background-color:#800000;
		text-decoration:none;
	}
	.homepagebutton a:hover h2 {
		color:#FFCC00;
		text-decoration:none;
	}

	.homepagebutton {
		/* display: table-cell; Make elements inside the container behave like table cells so they are the same height. */
	}
	div.homepagebutton :focus h2{
		color:#FFCC00;
		text-decoration:underline;
	}
	div.homepagebutton :focus {
		color:#FFCC00;
		text-decoration:underline;
	}

	a.listbutton{
	  -webkit-border-radius: 10;
	  -moz-border-radius: 10;
	  border-radius: 10px;
	  -webkit-box-shadow: 1px 4px 10px #666666;
	  -moz-box-shadow: 1px 4px 10px #666666;
	  box-shadow: 1px 4px 10px #666666;
	  color: #800;
	  background: #ccc;
	  margin:15px;
	  padding: 10px 20px 10px 20px;
	  text-decoration: none;
	  font-weight:bold;
	}

	.listsubscribe{
	  -webkit-border-radius: 10;
	  -moz-border-radius: 10;
	  border-radius: 10px;
	  -webkit-box-shadow: 1px 4px 10px #666666;
	  -moz-box-shadow: 1px 4px 10px #666666;
	  box-shadow: 1px 4px 10px #666666;
	  color: #fff;
	  background: #800;
	  margin:15px;
	  padding: 10px 40px 10px 40px;
	  text-decoration: none;
	  font-weight:bold;
	}

	.listsubscribe:hover{
		color: #F3C74A;
	}

	button.listsubscribe:focus{
		background-color:#FFCC00;
	}

	.button-dark{
		color:#ffffff; background-color:#800000; padding:10px; font-weight:bold; border-radius: 8px;

	}
	
	.button-dark:hover{
		background-color:#900000;
		box-shadow: 0 8px 10px 0 rgba(0,0,0,0.24), 0 10px 20px 0 rgba(0,0,0,0.19);
	}

	.image-left{
		float:left;
		border: 1px solid #ddd; /* Gray border */
		border-radius: 4px;  /* Rounded border */
		margin: 2px 8px 2px 0px;
		padding: 5px; /* Some padding */
	}
	.image-right{
		float:right;
		border: 1px solid #ddd; /* Gray border */
		border-radius: 4px;  /* Rounded border */
		margin: 2px 8px 2px 0px;
		padding: 5px; /* Some padding */
	}

	/* Opacity */
	.imagehover {
		opacity: 1.0;
		filter: alpha(opacity=100); /* For IE8 and earlier */
	}

	/* Opacity for hover effect on button images */
	.imagehover:hover {
		opacity: 0.8;
		filter: alpha(opacity=80); /* For IE8 and earlier */
	}
	
	#footerline{
		 margin-bottom:0;
		 margin:0 15px;
	}

	#contactus ul{
		 list-style:none;
		 margin:0;
		 padding:0;
	}

	#cdeseallink{
		text-align:right;
		margin-right:40px;
		margin-bottom:10px;
	}

	a:focus{
		outline-color:#800000;
		outline-style:dashed;
		outline-offset:2px;
	}

	.footerdiv a:focus{
		outline-color:#FFCC00;
		outline-offset:2px;
	}

	.footerdiv{
		background-color:#800000;
		color:#ffffff;
		text-align:center;
		padding:20px 0 10px 0;
	}

	.footerdiv a:link,
	.footerdiv a:visited{
		color: #FFFFFF;
		background-color: #800000;
	}

	.responsive-video {
		position: relative;
		padding-top: 5px;
		overflow: hidden;
		max-height:150px;
	}
	
	.responsive-video iframe,
	.responsive-video object,
	.responsive-video embed {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		max-height:150px;
	}

	.footerdiv a{
		color: #ffffff;
		text-decoration: underline;
	}

	.footerdiv a:hover{
		color: #FFCC00;
		background-color:#800000;
	}

#csblogo{
    background-image: url("/images/header1.jpg");
	width:1500px;
	height:165px; 
	background-repeat:no-repeat;
}

/* Added per OCR 11/10/2020 - tjb */
#csblogo a{
	height:80%;
	width:70%;
	position:absolute;
	margin:auto;
	left:40%;
	top:10%;
	background:transparent;
}

#csbhome{
	 height:100%;
	 width:50%;
}

/* Updated per OCR 11/10/2020 - tjb
#csbhome{
	 height:180px;
	 width:1000px;
}
*/

#textchanger {
	position: absolute;
	left: 20px;
	top: 7px;
	z-index: 2;
}
.navbar-brand{
	height:100%;
}

a.navbar-brand{
	background-color:#800000;
}
.dropdown-menu li{
	background-color: #cccccc;
	color:#000000;
}

.admindirectory{
	padding-bottom:15px;
	border-bottom: #CCC 1px solid;
	margin-bottom:15px;
}

h3.noheadingspace{
	font-size:1.3em;
}

.noheadingspace{
	margin-bottom:0px;
}

/** del psuedo code added so deleted text will be read as deleted by screen reader **/
del::before, 
del::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

del::before {
  content: " [deletion start] ";
}

del::after {
  content: " [deletion end] ";
}

@media all and (max-width: 1040px)
{
    .jumbotron
    {
    }
    #jumbotronoutterdiv
    {
        margin-top:100px;
		font-size:.5em;
    }
	#jumbotrondiv{
		opacity:.9;
	}
	#news-calendar-events .infosectiondiv{
		height:100%;
	}
	#newslettersignup{
		margin:10px;
		padding:20px;
	}
	
	#contactus{
		margin:10px;
		padding:20px;
	}
}

@media only screen and (max-width: 1600px) {
	#cheetahlogo{
		display:none;
	}
	#csblogo{
		background-image: url("/images/header2.jpg");
    background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 1300px) {
	#cheetahlogo{
		display:none;
	}
	#csblogo{
		background-image: url("/images/header3.jpg");
    	background-repeat: no-repeat;
	}
}

@media only screen and (min-width: 1040px) {

    #headercsbhome {
		display:none;
	}
}

@media all and (max-width: 1040px) {

    .headerbanner {
		display:none;
    }
    #headercsbhome {
		display:inline;
    }
	#cdeseallink{
		margin-right:0px;
		text-align:center;
	}
	#joinlists{
		background-image:none;
	}
}

/* Change Bootstrap Nav Bar breakpoint */
@media all and (max-width: 1040px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
/* End Change Boostrap Nav Bar breakpoint */

@media all and (min-width:991px) {

	/* fuildtextresizer images */
	.largeimage1{
		width:70% !important;
	}
	.largeimage2{
		width:80% !important;
	}
	.largeimage3{
		width:90% !important;
	}
	.largeimage4{
		width:100% !important;
	}
}

@media all and (max-width:767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #333333;
	background-color: #FFFFFF;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #800000;
	background-color: #E8E8E8;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		margin:0;
		padding:0;
	}
	#jumbotronoutterdiv{
		min-height:100%;
	}

}

/* Indent class instead of blockquote for visual indentation - 07/09/2018 - tjb */
.indent{
	margin-left:40px;
}

/* ordered lists lower case alpha class */
.list-alphalower{
	 list-style-type:lower-latin;
}

/* Red text class to replace Contribute font-color for accessibility (ratio 5.9:1 on white background) - 01/09/2018 - tjb */
.RedText {
	color:#CC0000;
}
a:link span.RedText {
	color:#CC0000;
	background-color:#ffffff;
	text-decoration:none;
	display: inline-block;
	margin-right:-5px;
}

/* external link icon - remove underline - 05/08/2018 tjb */
a:link span.LinkNotation{
	text-decoration:none;
	color: #000000;
	background-color:#ffffff;
	display: inline-block;
	padding-left:5px;
}
a:visited span.LinkNotation{
	color: #000000;
	background-color:#ffffff;
}
a:active span.LinkNotation{
	color: #000000;
	background-color:#ffffff;
}
a:hover span.LinkNotation{
	color: #000000;
	background-color:#ffffff;
}

/* Print CSS */

@media print {
 /* All your print styles go here */

	.jumbotron{
		height:100%;
	}
	#jumbotronoutterdiv{
		margin-top:0px;
	}
	#braillebitesnewletter h2{
		position:relative;
		width:100%;
		height:100%;
		display:block;
		margin:10px;
		text-align:center;		
	}
	#braillebitesnewletter img{
		display:none;
	}
	#joinlists{
		width:90% !important;
	}
	#joinlists h2{
		text-align:center;
	}
	#breadcrumbscolumn{
		margin-top:10px;
	}
	#headersection{
		 display: none !important;
	}
	#footersection{
		 display: none !important;
	}
	#rightpanel{
		 display: none !important;
	}
	#printheader{
		display:block;
		text-align:center;
		margin-bottom:5px;
	}
	#printfooter{
		display:block;
		text-align:center;
		margin-top:5px;
	}
}