body{
	min-width: 1280px;
	font: normal 12.1px/1.6 verdana,sans-serif;
	margin: 0px;
	padding: 0px;
}
ol  li{
	font: normal 12.1px/1.6 verdana,sans-serif;  /* The mission statements need to have same size as other text in the page */
}
/* Beginning of kukuri onmouseover effects for header links (Thanks To tympanus,codrops) */  
.linkeff {
	outline: none;
	text-decoration: none;
	position: relative;
	font-size: 1.01em; /* size of the text */
	line-height: 1;
	color: #9e9ba4;
	display: inline-block;
}

.link--kukuri {
	text-transform: uppercase;
	font-weight: 900;
	overflow: hidden;
	line-height: 0.75;
	color: #00008B; /* color of the text before the mouse is placed on the text */
}

.link--kukuri:hover {
	color: #8A2BE2;
}

.link--kukuri::after {
	content: '';
	position: absolute;gi
	height: 16px;
	width: 100%;
	top: 50%;
	margin-top: -8px;
	right: 0;
	background: #F9F9F9;
	transform: translate3d(-100%,0,0);
	transition: transform 0.1s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.link--kukuri:hover::after {
	transform: translate3d(100%,0,0);
}

.link--kukuri::before {
	content: attr(data-letters);
	position: absolute;
	z-index: 2;
	overflow: hidden;
	color: #008000; /* color of the text after the mouse is placed on the text */
	white-space: nowrap;
	width: 0%;
	transition: width 0.5s 0.5s;
}

.link--kukuri:hover::before {
	width: 100%;
}

/* End of kukuri onmouseover effects for header links */




div.header{
	min-width: 1280px;
	width: 100%;
	height: 210px;
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 0px;
}
div.blankheader{
	min-width: 1280px;
	width: 100%;
	height: 222px;
	box-shadow: 2px 2px 50px #BCBCBC;
}
div.container{
	max-width: 78%;
	min-height: 497px;
	background-color: white;
	padding: 2%;
	box-shadow: 2px 4px 50px #888888;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
div.footer{
	width: 80%;
	padding: 20px;
}
img.image{
	width: 750px;
	height: 400px;
	cursor: pointer;
}
img.image1
{
    width: 450px;
	height: 270px;
	cursor: pointer;
}

div.notifications{
	display: block;
	border: solid #C5C5C5 2px;
	width: 90%;
	min-height: 45px;
	padding: 2px;
}
span#header1{
	font: bold 15px verdana;
	color: #00008B;
	
}
span#header2{
	font: bold 15px verdana;
	color: #00008B;
	
}
span#header3{
	font: bold 28px Times;
	color: #00008B;
	
}
span#header4{
	font: bold 15px verdana;
	color: #00008B;
	
}
div.leftHeader{
	height: 180px;
	width: 28%;
	float: left;
	background-color: #FFFFFF;
}
div.rightHeader{
	width: 28%;
	height: 180px;
	float: right;
	background-color: #FFFFFF;
}
div.abpt{
	width: 150px;
	height: 150px;
	background-image: url("img/clglogo.jpg");
}
div.yrs25logo{
	width: 150px;
	height: 150px;
	background-image: url('../img/25yrslogo.jpg');
}
div.heading{
	width: 40%;
	height: 190px;
	background-color: #FFFFFF;
}
div#links{
	z-index: 999;
	position: absolute;
	top: 200px;
	background-color: #a9380e; /* Background color of links */
	height: 29px;
	width: 100%;
	text-align: center;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
ul.menu{
	margin: 0px;
	margin-left: -7px;
	padding: 0px;
	position: relative;
}
ul.menu li{
	font: bold 13px/1.6 verdana;
	list-style-type: none;
	display: inline-table;
	width: 9.3%;
	margin-right: 5px;
	padding: 0px;
}
ul.submenu{
	display: none;
	width: 10%;
	padding: 0px;
	position: absolute;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	box-shadow: 1px 3px 5px #3D3D3D;
}
ul.menu li:hover > ul.submenu{
	padding: 0px;
	display: block;
}
ul.menu li:focus > ul.submenu{
	padding: 0px;
	display: block;
}
ul.submenu  li{
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: block;
	overflow: hidden;
}
li.lastsubmenu{
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
a.navigate:link,a.navigate:visited{
	display: inline-block;
	width: 100%;
	padding: 4px;
	color: #FFFFFF;
	background-color: #a9380e;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border-left: 2px solid #f5f3d3;
	border-right: 2px solid #f5f3d3;
	border-bottom: 1px solid #f5f3d3;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
a.navigate:hover,a.navigate:active{
	background-color: #FFFFFF;
	color: #2533CF;
}
a.current:link,a.current:visited{
	display: inline-block;
	width: 100%;
	padding: 4px;
	color: #FFFFFF; /* Color of top level links after they are visited */
	background-color: 	rgba(254,211,132,1); /* Background color of top level links after they are visited */
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border-left: 2px solid #f5f3d3;
	border-right: 2px solid #f5f3d3;
	border-bottom: 1px solid white;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
a.current:hover,a.current:active{
	background-color: #2533CF;
	border-bottom: 1px solid #2533CF;
	color: #FFFFFF;
}
a.submenu:link,a.submenu:visited{
	display: block;
	width: 100%;
	padding: 4px;
	color: #FFFFFF;
	background-color: #a9380e;
	text-align: center;
	text-decoration:none;
	font-weight: bold;
	border-left: 1px solid #a9380e;
	border-right: 1px solid #a9380e;
	border-bottom: 1px solid #a9380e;
}
a.submenu:hover,a.submenu:active{
	background-color: #FFFFFF;
	color: #2533CF;
}
p.info{
	text-indent: 45px;
	text-align: justify;
	
}
span.sideHeading{
	color: #2533CF;
	font: bold 14px verdana;
	float: left;
}
span.footer{
	font: normal 12px verdana;
}
span.footer:hover{
	font: normal 12px verdana;
	color: #2533CF;
}
a.flinks:link,a.flinks:visited{
	font: normal 12px verdana;
	color: black;
	text-decoration: none;
}
a.flinks:hover,a.flinks:active{
	color: #2533CF;
	text-decoration: underline;
}
a.more:link,a.more:visited{
	color: #2533CF;
	text-decoration: none;
	
}
a.more:hover,a.more:active{
	color: black;
	text-decoration: underline;
	
}
span.external{
	font: bold 14px verdana;
	color: #00008B;
}
a.external:link,a.external:visited{
	color: black;
	text-decoration: underline;
	
}
a.external:hover,a.external:active{
	color: #2533CF;
	text-decoration: none;
	
}
span.page-summary{
	font: bold 15px verdana;
	color: #a9380e;
}
span.notice{
	height: 25px;
	width: 0px;
	float: left;
	display: inline-block;
	text-indent: 15px;
	overflow: hidden;
	cursor: pointer;
}
span.headline{
	text-align: left;
	font: bold 14px/1.8 verdana,sans-serif;
	color: #2533CF;
	float: left;
}
span.date{
	text-align: right;
	font: bold 14px/1.8 verdana,sans-serif;
	color: #2533CF;
	float: right;
}
span.courses{
	font: bold 15px verdana;
	color: #2533CF;
}
a.department:link,a.department:visited{
	font: normal 14px verdana;
	color: #000000;
	text-decoration: underline;
}
a.department:hover,a.department:active{
	color: #2533CF;
	text-decoration: none;
}
a.syllabus:link,a.syllabus:visited{
	font: normal 14px verdana;
	color: #2533CF;
	text-decoration: none;
}
a.syllabus:hover,a.syllabus:active{
	color: #000000;
	text-decoration: underline;
}
span.address{
	color: #2533CF;
	font: bold 15px verdana;
	text-align: left;
}
ul.course-type{
	font: bold 15px verdana;
	color: #2533CF;
}
li{
	font: normal 14px/1.6 verdana;
	text-align: left;
	color: #000000;
}
div.left-list{
	float: left;
	width: 50%;
}
div.right-list{
	float: right;
	width: 50%;
}

div.rti{
	max-width: 30%;
	min-height: 200px;
	background-color: #F5F3D3;
	padding: 2%;
	box-shadow: 2px 4px 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	}
	p.infor
	{
	text-indent: 45px;
	text-align: justify 6px;
	font:bold 18px/;
	}
td.sl
       {
    text-align:center;
	padding:5px;
	}
	
table.tb
{
    width: 80%;
	min-height: 200px;
	background-color: white;
	padding: 2%;
	box-shadow: 2px 2px 3px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
	}