/* CSS Document */

/* Background Initialization
------------------------------------------------------------------------------------------*/

body {
	font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #415c91 url(../images/bg.jpg) repeat 0 0;
	color: #003a63;
}

*, html, body {
	margin: 0;
	padding: 0;
}

/* EASY CLEARING METHODS 
------------------------------------------------------------------------------------------*/

.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* mac hide \*/
	* html .clearfix {height: 1%;}
	 .clearfix {display: block;}
/* End hide */


/* SUCKERFISH NAVIGATION 
------------------------------------------------------------------------------------------*/

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

ul#nav {
	position: absolute;
	z-index:10;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	top: 37px;
	left: 140px;
	width: 748px;
}

ul#nav a {
	display: block;
	width: 10em;
	color: #FFF;
	text-decoration:none;
}

ul#nav li {
	background: url(../images/bullet.jpg) no-repeat;
	background-position:  right 6px;
	float: left;
	width: 75px;
	font-size: 1.4em;
	text-transform:uppercase;
	padding: 0pt 18px 0 8px;
}

.ie6 ul#nav li{
	width: 1px;
	margin-right: -63px;
	background-image: none;
}

ul#nav li ul {
	position: absolute;
	width: 5.5em;
	left: -999em;
	list-style: none;
}


ul#nav li ul li{
	background-image: none;
	background-color: #1C2963;
	border: solid #ccc 1px;
	font-size: 1em;
	width: auto;
	padding:.2em;
}

.ie6 ul#nav li ul li{
	width: auto;
	margin-right: 0;
}

ul#nav li ul li:hover{
	background-color: #005596;
}

.ie7 ul#nav li:hover, .ie7 ul#nav li.hover{
	position:static;
}


ul#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

ul#nav li.about{ width: 45px; }
.ie6 ul#nav li.about{ width:1px; padding-right:0px; margin-right: -75px;  }
ul#nav li.our-faith{ }
ul#nav li.academics{ padding-right:22px;  }
ul#nav li.athletics{ padding-right: 17px }
ul#nav li.admission{ padding-right:22px;  }
ul#nav li.communication{ background-image: none; }

/* Classes and Tags 
------------------------------------------------------------------------------------------*/

p.contact_info a, p.contact_info a:visited {
	color: #FFF;
	text-decoration: none;
}

p.contact_info a:hover { text-decoration: underline; }

p.copyright { color: #131f54; }

p.copyright a, p.copyright a:visited { text-decoration: none; color: #131f54; }

p.copyright a:hover { color: #FFF; }

.boldline { font-weight: bold; text-decoration: underline; }

.bold { font-weight: bold; }

.italics { font-style: italic; }


/* Content Divs 
------------------------------------------------------------------------------------------*/

#container {
	width: 800px;
	margin: 0 auto;
}

#navigation {
	background: transparent url(../images/bg_nav.gif) no-repeat 0 0;
	height: 75px;
	position: relative;
	z-index: 100;
}

#content {
	background: #FFF;
	clear: left;
	min-height: 500px;
}

/* mac hide \*/
* html #content {height: 500px}
/* end hide*/

#content-supp {
	width: 192px;
	float: left;/* Fix dropped float in IE6 */
	display: inline;
}

/* Fix dropped float in IE6 */
* html #content-supp { 
	margin-right: -3px;
}


#content-supp h1, #content-supp h1 span {
	width: 192px;
	height: 125px;
	background: #fff url(../images/ccs_logo.gif) no-repeat;
	font-size: 100%;
}

#content-supp h1 span {
	display: block;
	position: relative;
	z-index: 1;
	margin-bottom: -41px;
	overflow: hidden;
}

#content-supp blockquote {
	width: 192px;
	height: 55px;
	background: url(../images/tagline.gif) no-repeat;
	text-indent: -9999px;
}

#navigation-supp {
	text-align: center;	
	padding: 10px;
	width: 145px;
	min-height: 298px;
	margin: 0 auto;
	background: #7297e2;
	color: #FFF;
}

/* mac hide \*/
* html #navigation-supp {height: 298px}
/* end hide*/

#navigation-supp h3 {
	background: #92b2f2;
	font: bold 1.6em Arial, Helvetica, sans-serif;
}

#nav-supp {
	text-align: left;
	list-style: none;
	padding-top: 10px;
}

#nav-supp li {
	margin: 2px 0;
	padding: 2px 0;
	border-bottom: 1px solid #FFF;
}

#nav-supp a, #nav-supp a:visited {
	color: #1c2963;
	text-decoration: none;
	font: bold 13px Arial, Helvetica, sans-serif;	
}

#nav-supp a:hover {
	color: #FFF;
}

#content-main {
	margin-left: 192px;
	width: 608px;
	min-height: 519px;
}

/* mac hide \*/
* html #content-main {height: 519px}
/* end hide*/

/* Fix dropped float in IE6 */
* html #content-main { margin-left: 189px; height:1%; }

#content-main h2 {
	width: 594px;
	height: 120px;
	text-indent: -9999px;
}

#content-text {
	width: 513px;
	min-height: 318px;
	padding: 10px 30px 0 35px;
	border-left: 8px solid #80b1d3;
	border-right: 8px solid #80b1d3;
	color: #000066;
	font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;		
}

/* mac hide \*/
* html #content-text {height: 318px}
/* end hide*/

#content-text p { 
	letter-spacing: 0.03em;
	margin-bottom: 1em;
}

#content-text p a, #content-text p a:visited {
	color: #000066;
	text-decoration: underline;
}

#content-text p a:hover { text-decoration: none; }

#content-text p.last { margin-bottom: 0; }

#content-text h4 {
	font-size: 15px;
}

#content-text h4 img { float: right; }

#content-text dt { 
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0.5em 0;
}

#content-text dd { 
	border-bottom: 1px solid #CCC;
	padding-bottom: 0.5em;
}

#content-text dd.last { border: none;}

#content-text li { margin-left: 25px; padding: 0 0 0.5em 0; }

#content-text li li {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

#committee li li {
	margin-left: 20px;
	list-style: disc;
}

#content-bottom {
	background: url(../images/bg_bottom.gif) no-repeat 0 0;
	width: 594px;
	height: 71px;	
}

#footer {
	width: 800px;
	height: 70px;
	text-align: center;
	background: url(../images/bg_footer.gif) no-repeat 0 0;
	color: #FFF;
	font: 1.2em Arial, Helvetica, sans-serif;
	clear: both;
}

#footer p {
	padding: 18px 0 0 0;
}

/* Table Styling
------------------------------------------------------------------------------------------*/
table{
	margin-bottom: 2em;
}

table th.month{
	text-align: left;
	padding-top: .5em;
	
}

table td.dates{
	padding-left: 1em;
}

table td.description{
	padding-left: 1em;
}


/* HOME PAGE BACKGROUND IMAGES 
------------------------------------------------------------------------------------------*/

#home #content-main {
	background: url(../images/bg_main.jpg) no-repeat 0 0;
	height: 519px;	
}

#home #content-main p.index1 {
	position: relative;
	text-indent: -9999px;
	width: 320px;
	height: 124px;
	background: url(../images/index_p1.gif);
	margin: 70px 0 0 265px;
	background-image: url(../images/index_p1.gif);
}

#home #content-main p.index2 {
	position: relative;
	text-indent: -9999px;
	width: 320px;
	height: 105px;
	background: url(../images/index_p2.gif);
	margin-left: 265px;
}

/* INTERIOR PAGES BACKGROUND IMAGES 
------------------------------------------------------------------------------------------*/

#about_mission #content-main h2 { background: url(../images/headers/about_mission.jpg) no-repeat 0 0; }
#about_philosophy #content-main h2 { background: url(../images/headers/about_philosophy.jpg) no-repeat 0 0; }
#about_history #content-main h2 { background: url(../images/headers/about_history.jpg) no-repeat 0 0; }
#about_awards #content-main h2 { background: url(../images/headers/about_awards.jpg) no-repeat 0 0; }
#about_staff #content-main h2 { background: url(../images/headers/about_facultyandstaff.jpg) no-repeat 0 0; }
#about_campus #content-main h2 { background: url(../images/headers/about_campus.jpg) no-repeat 0 0; }

#faith_liturgy #content-main h2 { background: url(../images/headers/ourfaith_liturgy.jpg) no-repeat 0 0; }
#faith_prayer #content-main h2 { background: url(../images/headers/ourfaith_prayer.jpg) no-repeat 0 0; }
#faith_service #content-main h2 { background: url(../images/headers/ourfaith_service.jpg) no-repeat 0 0; }

#academics_curriculum #content-main h2 { background: url(../images/headers/academics_curriculum.jpg) no-repeat 0 0; }
#academics_supplemental #content-main h2 { background: url(../images/headers/academics_supplemental.jpg) no-repeat 0 0; }
#academics_enrichment #content-main h2 { background: url(../images/headers/academics_enrichment.jpg) no-repeat 0 0; }
#academics_student_recognition #content-main h2 { background: url(../images/headers/academics_studentrecognitio.jpg) no-repeat 0 0; }
#academics_school_spirit #content-main h2 { background: url(../images/headers/academics_schoolspirit.jpg) no-repeat 0 0; }

#athletics_athletic_programs #content-main h2 { background: url(../images/headers/athletics_ccsathleticprogra.jpg) no-repeat 0 0; }
#athletics_fall_sports #content-main h2 { background: url(../images/headers/athletics_fallsports.jpg) no-repeat 0 0; }
#athletics_winter_sports #content-main h2 { background: url(../images/headers/athletics_wintersports.jpg) no-repeat 0 0; }
#athletics_spring_sports #content-main h2 { background: url(../images/headers/athletics_springsports.jpg) no-repeat 0 0; }
#athletics_physical_forms #content-main h2 { background: url(../images/headers/athletics_physicalforms.jpg) no-repeat 0 0; }

#admission_open_house #content-main h2 { background: url(../images/headers/admission_openhouse.jpg) no-repeat 0 0; }
#admission_instructions #content-main h2 { background: url(../images/headers/admission_application.jpg) no-repeat 0 0; }
#admission_forms #content-main h2 { background: url(../images/headers/admission_registrationforms.jpg) no-repeat 0 0; }

#communication_calendar #content-main h2 { background: url(../images/headers/communication_calendar.jpg) no-repeat 0 0; }
#communication_newsletter #content-main h2 {background: url(../images/headers/communication_newsletter.jpg) no-repeat 0 0; }
#communication_handbook #content-main h2 {background: url(../images/headers/communication_handbook.jpg) no-repeat 0 0; }
#communication_plan_report #content-main h2 { background: url(../images/headers/communication_strategicplan.jpg) no-repeat 0 0; }
#communication_marketing #content-main h2 { background: url(../images/headers/communication_mktgcomm.jpg) no-repeat 0 0; }
#communication_contact #content-main h2 {background: url(../images/headers/communication_contactus.jpg) no-repeat 0 0; }



#home #content-main h2 {
	position: relative;
	top: 60px;
	left: 290px;
	width: 119px;
	height: 19px;
	text-indent: -9999px;
	background: transparent url(../images/welcome.jpg) no-repeat;
}