﻿body 
{
	font-family: Tahoma;
}
.alternating
{
    background-color: #ced6d8;
}

#header-menu
{
	height: 50px;
	min-height: 50px;
	background-image: url('header-menu_02.jpg');
	background-position: center top;	
	background-repeat: no-repeat;
	padding-left: 20px;
}

#header
{
	background-image: url('header-menu_01.jpg');	
	background-position: center top;
	background-repeat: no-repeat;
}

h5
{
	color: #357a4b;
}

#header-sub-menu a:link 
{
	color: #000000;
	font-weight:bold;
	font-size: 11pt;
  text-decoration:none;
  }
#header-sub-menu a:visited {
	color: #000000;
	font-size: 11pt;
  text-decoration:none;
  }
#header-sub-menu a:hover {
	color: #000000;
	font-size: 11pt;
	font-weight:lighter;
  text-decoration:underline;
  }

#header-menu li
{
	padding-top: 10px;
	padding-right: 20px;
	font-weight: normal;
	font-size: 13pt;
}

#header-menu a:link 
{
	color: #FFFFFF;
  text-decoration:none;
  }
#header-menu a:visited {
	color: #FFFFFF;
  text-decoration:none;
  }
#header-menu a:hover {
	color: #FFFFFF;
  text-decoration:underline;
  }


#footer
{
	padding-top: 0px;
}

#footer .footer-link-box .link-box-header
{
	color: #000000;
	font-size: 18pt;
	font-weight: normal;
}

#footer .footer-link-box
{
	color: #000000;
	background-image: url('footer-menu.png');	
}

#footer .footer-link-box ul
{
	list-style:none;
	margin-left: 0px;
}

#footer .footer-link-box li
{
	margin-left: 10px;
	padding:0;
}

#footer .footer-link-box li a:link 
{
	color: #000000;
  text-decoration:none;
  }
#footer .footer-link-box li a:visited {
	color: #000000;
  text-decoration:none;
  }
#footer .footer-link-box li a:hover {
	color: #000000;
	font-weight: bold;
  text-decoration:underline;
  }

#content-body .side-menu
{
	background-color: #e6ecf1;	
}

#content-body
{
	min-height: 0px;
	margin-bottom: 0px;
}

#container-kwick-box
{
	padding-top: 0px;
}
#kwick .one {
	background-image: url('aboutccs.jpg');
}
#kwick .two {
	background-image: url('academics.jpg');
}
#kwick .three {
	background-image: url('athletics.jpg');
}
#kwick .four {
	background-image: url('supportccs.jpg');
}
.schedule-grid
{
    border: 4px solid #f7f686;
}
.schedule-grid td
{
   padding-left: 5px; padding-right: 5px;
}
.schedule-item2
{
    border-left: 2px solid #f7f686;
    border-right: 2px solid #f7f686;
}
.schedule-item
{
    border-right: 2px solid #f7f686;
}
.schedule-header
{
    font-weight: bold;
}
.schedule-footer
{
    padding-top: 5px;
    border-top: 4px solid #e7e777;
    background-color: #f7f686;
}
.alternating
{
    background-color: #f8f9fb;
}


.Calendar .ajax__calendar_container {
    border:1px solid #3B3B3B;
    background-color: #FFFFFF;
    color: #3B3B3B;
}


/*Nav*/
#nav ul a:link
{
    color: Black;
}
#nav ul a:hover
{
    color: Black;
    text-decoration: underline;
}
#nav ul a:visited
{
    color: Black;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	padding-right: 10px;
}

#nav li {
	float: left;
}

#nav li ul li {
	float:none;
	line-height: normal;
}
#nav li ul li ul li {
	float:none;
}

#nav li ul {
	position: absolute;
	width: 300px;
	left: -999em;
	padding: 5px;
	background-color: #f9f9f9;
	border-left: #2b7041 3px solid;
	z-index: 1;
}

#nav li ul li ul {
	position: absolute;
	width: 350px;
	left: -999em;
	padding: 5px;
	background-color: #f9f9f9;
	z-index: 1;
}

#nav li ul li ul li ul {
	position: absolute;
	width: 350px;
	left: -999em;
	padding: 5px;
	background-color: black;
	z-index: 1;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul li ul {
	position: absolute;
	width: 350px;
	left: -999em;
	padding: 5px;
	background-color: #f9f9f9;
	z-index: 1;
}

#nav li:hover ul li ul li ul {
	position: absolute;
	width: 350px;
	left: -999em;
	padding: 5px;
	background-color: #f9f9f9;
	z-index: 1;
}

#nav li ul li:hover ul {
	left: auto;
	margin-left: 100px;
	margin-top: -20px;
}

#nav li ul li ul li:hover ul {
	left: 0px;
	margin-left: 100px;
	margin-top: -20px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li.sfhover ul li ul {
	margin-top: 0px;
	margin-left: 60px;
}

#nav li.sfhover ul li ul li ul{
	margin-top: -5px;
	margin-left: 120px;
	width: 300px;
}
.event-item
{
    width: 100%;
    margin-bottom: 10px;
    background-color: #bed4dd;
    border: 2px solid #92b1cd;
}
.event-important
{
    width: 100%;
    margin-bottom: 10px;
    background-color: #bed4dd;
    border: 2px solid #f73a3a;
}
.event-content
{
    padding-top: 10px;
    padding-left: 10px;
}
.event-content a:link
{
    color: #2e4b4e;
}
.event-content a:visited
{
    color: #2e4b4e;
}
.event-content a:hover
{
    color: #415f61;
    text-decoration: none;
}

.event-header
{
    font-size: 16pt;
    padding-bottom: 10px;
}
.event-details
{
    padding-top: 10px;
    padding-left: 10px;
}
.event-date
{
 font-weight: bold;   
}
.event-time
{
    font-size: 8pt;
    color: #282828;
}
