BODY, TD, TH, DIV { font-family: Trebuchet MS, Tahoma, Helvetica, Arial; font-size: 13px; color:#252525; line-height: 18px; }
TEXTAREA, INPUT, SELECT, OPTION { font-family: Arial, sans-serif; font-size: 13px; }

BODY  { padding: 0; background: #fff url(images/bg.jpg) repeat-x top center; }
A     { color: #083a6b; text-decoration: none; }
A:HOVER{ color: #4673a0; text-decoration: none; }
TABLE { border-collapse: collapse; }
IMG   { border: 0; }
FORM  { padding: 0; margin: 0; }
H1    { font-family: Trebuchet MS, Tahoma, Helvetica, Arial; color: #083a6b; font-size: 22px; font-weight: normal; margin: 0; margin-top: 5px; margin-bottom: 10px; line-height: 100%; }
H2    { font-family: Trebuchet MS, Tahoma, Helvetica, Arial; font-size: 20px; font-weight: normal; margin: 0; margin-bottom: 10px; line-height: 100%; }
H3    { font-family: Trebuchet MS, Tahoma, Helvetica, Arial; color: #083a6b; font-size: 18px; font-weight: normal; margin: 0; margin-bottom: 10px; line-height: 100%; }
H4    { font-family: Trebuchet MS, Tahoma, Helvetica, Arial; font-size: 14px; font-weight: bold; margin: 0; margin-bottom: 3px; line-height: 100%; }
H5    { font-size: 12px; margin-bottom: 5px; color: #a5a5a5;line-height: 14px; }
SMALL { font-size: 11px; }
#clear{ clear: both; }

HR    { border: 1px solid #B6C5E6; }

.logo	{ position: relative; top: -20px; left: -100px; }
.header-navigation-item { color: #FFFFFF; }
.left-navigation-item   { color: #615F74; }
.left-navigation-header { border-bottom: 1px solid #999999; font-family: Times New Roman; font-size: 12px; font-weight: normal; }

.search-input  { font-family: trebuchet ms; color:#7f7f7f; font-size: 13px; padding-left: 5px; border: 1px solid #ffffff; }
.search-submit { background-color: #275892; border: 0; color: #FFFFFF; font-weight: bold; font-size: 11px; padding-left: 5px; padding-right: 5px; }

.full-story-raquo { font-family: Trebuchet MS, Tahoma, Helvetica, Arial; font-size: 14px; }
.content-box-header { font-family: Times New Roman; font-size: 20px; }

.you-are-here { color: #C5C5C5; }
.you-are-here-raquo { font-family: Trebuchet MS, Tahoma, Helvetica, Arial; font-size: 13px; }
A.you-are-here { color: #769AC4; }

.passive { color: #666666; }
.strong  { font-weight: bold; }
.small   { font-size: 11px; }
.action  { color: #275892; text-decoration: underline; cursor: pointer; }

.header	{ background: url(images/header_main.png) no-repeat bottom center; height: 200px }
.header2	{ background: url(images/header_about.png) no-repeat bottom center; height: 200px }
.header3	{ background: url(images/header_academics.png) no-repeat bottom center; height: 200px }
.header4	{ background: url(images/header_student_life.png) no-repeat bottom center; height: 200px }
.header5	{ background: url(images/header_alumni.png) no-repeat bottom center; height: 200px }
.header6	{ background: url(images/header-prospective_students.png) no-repeat bottom center; height: 200px }
.header7	{ background: url(images/header_support_cchs.png) no-repeat bottom center; height: 200px }
.header8	{ background: url(images/header_gallery.png) no-repeat bottom center; height: 200px }
.header9	{ background: url(images/header_downloads.png) no-repeat bottom center; height: 200px }

.left	{ background: url(images/leftbg.png) no-repeat top right; }
.right	{ background: url(images/rightbg.png) no-repeat top left; }

.icons	{ margin-right: 4px; align: baseline; }
.icons2	{ margin-right: 4px; align: baseline; float: right; }
.credit	{ float: left; margin: 10px 10px 10px 0; }
.ads	{ margin-bottom: 10px; }
.text-input  { height: 25px; font-family: trebuchet ms; color:#7f7f7f; font-size: 12px; padding-top: 3px; padding-left: 3px; border: 1px solid #e5e5e5; background-color: #ffffff; }
.text-input2  { height: 100px; font-family: trebuchet ms; color:#7f7f7f; font-size: 12px; padding-top: 3px; padding-left: 3px; border: 1px solid #e5e5e5; background-color: #ffffff; }

/* MENU */
.menu	{
	border: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.menu ul{
	background: #333333;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu li{
	float: left;
	padding: 0px;
	width: 133.3333px;
}

.menu li a{
	background: #333333 url(images/menu_bg.png) top left repeat-x;
	color: #07396c;
	display: block;
	font-weight: normal;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
}

.menu li a:hover, .menu ul li:hover a{
	background: #316497 url(images/hover.jpg) top left repeat-x;
	color: #FFFFFF;
	text-decoration: none;
}

/* SUB MENU AS A WHOLE WHEN NOT HOVERING */
.menu li ul{
	background: #333333 url(images/menu2_bg.jpg) top left repeat-x;
	display: none;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	width: 133.3333px;
	z-index: 200;
}

.menu li:hover ul{
	display: block;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;
	width: 133.3333px;
	z-index: 200;
}

/* SUB MENU ON HOVER */
.menu li li {
	background: url(images/sub_sep.gif) bottom left no-repeat;
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	width: 133.3333px;
}

.menu li:hover li a{
	background: none;
}

.menu li ul a{
	display: block;
	height: 27px;
	line-height: 27px;
	font-size: 10px;
	font-style: normal;
	margin: 0px;
	padding: 0px 5px 0px 10px;
	border-bottom: #9b9b35 solid 1px;
	text-align: left;
}

.menu li ul a:hover, .menu li ul li:hover a{
	background: #07396b;
	border-bottom: #9b9b35 solid 1px;
	color: #ffffff;
	text-decoration: none;
}

.menu p{
	clear: left;
}

#fadeinbox{
position:absolute;
width: 816px;
left: 0px;
top: -400px;
z-index: 100;
visibility:hidden;
}