.main_body a {

color:#272B5D;
text-decoration:none;
border-bottom: 1px dotted;
}

.main_body  a:hover {
background-color:#D1E4E9;
text-decoration:none;
border-bottom: 1px solid;

}

.main_body  a:active {
background-color:#FCB96A;
color:#000;
}


.events_column {margin-left:15px;}

#body_content {background-color:#FFFFFF;}

#directions_page_content {
margin-left:15px;
padding-top:30px;

}

/* HEAD OF HOME PAGE - FLASH CONTENT */
#flash_header {

position:absolute;
top:0;
left:0;

}


#news_fir {
background-image:url("http://visitccc.com/images/headers/news_page.png");
background-repeat:no-repeat;
width:500px;
height:28px;
}



/* FIR TECHNIQUE FOR SUBNAV HEADERS - COULDN'T LINK, SO WENT BACK TO IMG TAGS


#smallgroups_subnavigation_header {background-image:url("http://visitccc.com/images/headers/subnavigation/smallgroups.gif");}

#outreach_subnavigation_header {background-image:url("http://visitccc.com/images/headers/subnavigation/outreach.gif");}

#worship_subnavigation_header {background-image:url("http://visitccc.com/images/headers/subnavigation/worship.gif");}

#women_subnavigation_header {background-image:url("http://visitccc.com/images/headers/subnavigation/women.gif");}

#men_subnavigation_header {background-image:url("http://visitccc.com/images/headers/subnavigation/men.gif");}

#singles_subnavigation_header {background-image:url("http://visitccc.com/images/headers/subnavigation/singles.gif");}

#youngadults_subnavigation_header {background-image:url("http://visitccc.com/images/headers/subnavigation/youngadults.gif");}

#students_subnavigation_header {background-image:url("http://visitccc.com/images/headers/subnavigation/students.gif");}

#ministries_subnavigation_header {background-image:url("http://visitccc.com/images/headers/subnavigation/ministries.gif");}

#guests_subnavigation_header {background-image:url("http://visitccc.com/images/headers/subnavigation/guests.gif");}

#children_subnavigation_header {background-image:url("http://visitccc.com/images/headers/subnavigation/kidzrock.gif");}
*/
#guests_subnavigation_header,#children_subnavigation_header,#ministries_subnavigation_header,#students_subnavigation_header,#youngadults_subnavigation_header,#singles_subnavigation_header,#men_subnavigation_header,#women_subnavigation_header,#worship_subnavigation_header ,#outreach_subnavigation_header,#smallgroups_subnavigation_header {
background-repeat:no-repeat;
margin-left:10px;
margin-top:5px;
width:200px;
height:40px;
}


#news_container {
position:relative;
padding-top:15px;
margin:0px;

font: normal 11px/16px "lucida grande", verdana, sans-serif;
/* height:1%; */

} 


#news_header {
height:23px;
padding-bottom:0px;
/* background-image:url("http://visitccc.com/images/home_page_headers/news.png");
background-repeat:no-repeat; */

} 


#news_content {
border:1px dotted #CCC;
padding:0px;

}


.emergency_news_content {
border:2px solid red;
padding:0px;

}

.news_content {
border:1px dotted #CCC;
padding:0px;
margin-bottom:15px;
width:650px;
}

.homepointe_content {
border:1px solid #a5451d;
padding:0px;
margin-bottom:15px;
width:650px;
}

.news_content_interior {
border:1px dotted #CCC;
padding:0px;
margin-bottom:15px;
width:450px;
}

.hp_news_content {
border:1px dotted #CCC;
padding:0px;
margin-bottom:15px;
}

.emergency_newsitem_title {
background-color:#F5E4E4;
color:#C70000;
padding-bottom:2px;
font: normal 14px/14px "lucida grande", verdana, sans-serif;
text-align:left;
font-weight:bold;
padding:5px;
text-decoration:none;
}

.newsitem_title {
background-color:#F5F5F5;
color:#7B7B7B;
padding-bottom:2px;
font: normal 12px/12px "lucida grande", verdana, sans-serif;
text-align:left;
font-weight:bold;
padding:5px;
text-decoration:none;
}

.newsitem_title a {
/* background-color:#F5F5F5; */
color:#7B7B7B;
padding-bottom:2px;
font: normal 12px/12px "lucida grande", verdana, sans-serif;
text-align:left;
font-weight:bold;
padding:5px;
text-decoration:none;
background-color:transparent;
border-bottom:0;
}


.newsitem_title  a:hover {
background-color:transparent;
text-decoration:none;
border-bottom:0;

}

.newsitem_title  a:active {background-color:transparent;}




.news_author {
padding-top:2px;
padding-left:10px;
font: normal 9px/10px "lucida grande", verdana, sans-serif;
text-align:left;
color:#A3A3A3;
}

.newsitem_body {
padding:5px;
font: normal 10px/10px "lucida grande", verdana, sans-serif;
line-height: 140%;
text-align:left;
color:#7B7B7B;

}

.newsitem_body div a, .newsitem_body div a:hover {
border:0px;
background-color:transparent;
}


.emergency_newsitem_body {
padding:5px;
font: normal 10px/10px "lucida grande", verdana, sans-serif;
line-height: 140%;
text-align:left;
color:#5F0000;
}

.user_photo {
margin-right:15px;
margin-bottom:7px;
margin-top:5px;
margin-left:10px;
}

.newsitem_body_with_photo {
padding:5px;
margin-top:5px;
font: normal 10px/10px "lucida grande", verdana, sans-serif;
line-height: 140%;
text-align:left;
color:#7B7B7B;


}


.hp_newsitem_body_with_photo {
padding:5px;
margin-top:5px;
font: normal 10px/10px "lucida grande", verdana, sans-serif;
line-height: 140%;
text-align:left;
color:#7B7B7B;


}



*:first-child+html .hp_newsitem_body_with_photo {

margin-top: 15px; /* additional space needed for hp in IE */

}

.emergency_newsitem_body_with_photo {
padding:5px;
margin-top:5px;
font: normal 10px/10px "lucida grande", verdana, sans-serif;
line-height: 140%;
text-align:left;
color:#5F0000;

}


/* begin filter for min-height fix for Mozilla/Safari/Opera */
*>.hp_newsitem_body_with_photo {
padding-top: 75px;
/* padding-bottom:4px; */
 min-height: 1px;
}
*>.hp_newsitem_body_with_photo div {
 margin-top: -80px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html .hp_newsitem_body_with_photo {
 height: 70px;
padding-top:5px;
}
/* end filter */

/* begin filter for min-height fix for Mozilla/Safari/Opera */
*>.newsitem_body_with_photo {
 /* EDIT: this was originally in to format the news page without scroll and reveal.  It needed to be removed when we added the scroll --> padding-top: 75px; */
/* padding-bottom:4px; */
 min-height: 1px;
}
*>.newsitem_body_with_photo div {
 margin-top: -80px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html .newsitem_body_with_photo {
 height: 70px;
padding-top:5px;
}
/* end filter */





/* emergency filter, copy of above */

/* begin filter for min-height fix for Mozilla/Safari/Opera */
*>.emergency_newsitem_body_with_photo {
padding-top: 75px;
/* padding-bottom:4px; */
 min-height: 1px;
}
*>.emergency_newsitem_body_with_photo div {
 margin-top: -80px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html .emergency_newsitem_body_with_photo {
 height: 70px;
padding-top:5px;
}
/* end filter */

/* begin filter for min-height fix for Mozilla/Safari/Opera */
*>.emergency_newsitem_body_with_photo {
 /* EDIT: this was originally in to format the news page without scroll and reveal.  It needed to be removed when we added the scroll --> padding-top: 75px; */
/* padding-bottom:4px; */
 min-height: 1px;
}
*>.emergency_newsitem_body_with_photo div {
 margin-top: -80px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html .emergency_newsitem_body_with_photo {
 height: 70px;
padding-top:5px;
}
/* end filter */





/* BEGIN LEFT NAVIGATION */

#subnavigation_container {padding-top:25px;}

#subnavigation_header {
font: normal 12px/14px "lucida grande", verdana, sans-serif;

border-bottom:1px solid #384C68;
}

#subnavigation {
border-bottom:3px solid #384C68;
	width: 180px;
	border-right: 1px solid #FFF;
	padding:0;
	margin-left:10px;
	background-color: #D4D9DE;
	color: #333;
	}


	#subnavigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#subnavigation li {
		border-bottom: 1px solid #CCC;
		margin: 0;
                vertical-align:middle;
		}

	#subnavigation li a { /* MAIN SECTIONS */
                vertical-align:middle;
font: normal 11px/11px "lucida grande", verdana, sans-serif;
		display: block;
                font-weight: bold;
		display: block;
		padding: 5px 5px 5px 10px;
		border-left: 10px solid #5788AA; 
		border-right: 10px solid #6F9DC4;
		background-color: #597193;
		color: #fff;
		text-decoration: none;
		/* width: 100%; */

		}

#subnavigation ul li {   /* This anchors the sub-nav to the parent */

position:relative;

}

#subnavigation li ul {  /* suckerfish stuff, positions the sub-nav */

display: none;
position: absolute;  /* originally relative, everything below is new */
left: 169px;
z-index: 28;
width:170px;
top:-1px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #subnavigation li ul  {
top:0px;
left: 160px;
width:170px;

}
/* end filter */


*:first-child+html #subnavigation li ul {  /* POSITIONING FIX FOR IE7.  BAH, MICROSOFT.  */
background-color:#AAAAAA;
position: absolute;
left: 179px;
z-index: 28;
width:170px;
top:0px;
} 




#subnavigation li:hover ul, #subnavigation li li:hover ul, #subnavigation li li li:hover ul, #subnavigation li.sfhover1 ul, #subnavigation li li.sfhover1 ul, #subnavigation li li li.sfhover1 ul {
	display: block;
}

#subnavigation li ul a {  /* lower level */ 
	font: normal 9px/10px "lucida grande", verdana, sans-serif;
		padding: 5px 5px 5px 10px;
		border: 1px solid #6F9DC4;
		border-bottom:0;
		background-color: #384C68;
		color: #FFF;
		text-decoration: none;
		/* SMOKEYBOY width: 100%; */
		}



	html>body #subnavigation li a {
		width: auto;
		}

	#subnavigation li a:hover {  /* top level */
		border-left: 10px solid #B59500;
		border-right: 10px solid #B59500;
		background-color: #FFD200;
		color: #000;
		}




/*SUCKA another try at this thing */
#subnavigation li ul a:hover {  /* lower level */ 

		padding: 5px 5px 5px 10px;
		border: 1px solid #6F9DC4;
		border-bottom:0;
		background-color: #8EDEFF;
		color: #284062;
		text-decoration: none;
border-right:10px solid #70BFE0;
		/* SMOKEYBOY width: 100%; */
		}



/* for IE, with IE5/Mac backslash filter \*/
* html #subnavigation li ul a:hover {

/* width:135px;  */ /* was 152 */

}
/* end filter */

#youarehere {
padding-left:4px;
border-left:14px solid #FFF7A0;
color:#FFF7A0;

}

#youarehere:hover {
border-left:14px solid #000;
color:#000;

}


.hide { display: none; }  /* hide this stuff */


/* MIDDLE OF HOME PAGE */

#interior_page_content {padding-top:30px;}


#series_container {
padding-top:30px;
margin:0px;
/* min-width:100%;  */
font: normal 11px/16px "lucida grande", verdana, sans-serif;
/* height:1%; */
}  

#series_header {


background-image:url("http://visitccc.com/images/home_page_headers/this_week.png");
background-repeat:no-repeat;
height:23px;
/* position: relative; */
overflow:visible;

}

#series_content {
height:200px;
width:380px;
/* nah, not using this anymore   background-image:url("http://visitccc.com/images/sermon_series/gospel_of_mark.gif");
background-repeat:no-repeat; */
font: normal 11px/16px "lucida grande", verdana, sans-serif;
line-height:140%;
overflow:hidden;
color: #000;
}

#series_content_high {
height:275px;
width:380px;
/* nah, not using this anymore   background-image:url("http://visitccc.com/images/sermon_series/gospel_of_mark.gif");
background-repeat:no-repeat; */
font: normal 11px/16px "lucida grande", verdana, sans-serif;
line-height:140%;
overflow:hidden;
color: #000;
}



/* LEFT SIDE OF HOME PAGE */

#servicetime_container {
/* padding-left: 10px; */
padding-top: 30px;
top: 0;
right: 0;
width: 200px;
margin: 0px;
font: normal 11px/16px "lucida grande", verdana, sans-serif;
position:static;

} 

#servicetime_header {
background-image:url("http://visitccc.com/images/home_page_headers/service_times.png");
background-repeat:no-repeat;
height:23px;

}

#servicetime_content {
height:50px;
background-image:url("http://visitccc.com/images/home_page_headers/services_bg.jpg");
background-repeat:no-repeat;	
border: 1px solid #C1D6DB;
font: normal 11px/16px "lucida grande", verdana, sans-serif;
color: #FFF;
text-align:center;
vertical-align:middle;
padding-top:24px;
padding-bottom:24px;
}

.service_details strong {
font: normal 16px/18px "lucida grande", verdana, sans-serif;
font-weight:bold;

}


/* END OF LEFT SIDE OF HOME PAGE */

/* CALENDAR STYLES - MONTH */


.nocat
{
padding: 0em;
background-color: #E9E9E9;
vertical-align: top;
text-align: left;
border: 1px solid gray;
font-family: Tahoma, Verdana, Sans-serif;
font-size: 10px;
text-decoration: none;
color: #000;
margin: 0em;
}
.nocat a
{
text-decoration: none;
display: block;
color:#000;
}
.nocat a:hover
{
color: #000;
background-color: #C2C2C2;
text-decoration: none;
}
.nocat a:visited
{
color:#000;
text-decoration: none;
}

*:first-child+html h2.month_title {padding-top:20px;}


* html h2.month_title {padding-top:20px;}

#month_calendar_container {

background-image:url("http://visitccc.com/images/home_page_headers/top_navbar_shadow.gif");
background-repeat: repeat-x;
padding: 10px 20px;  
padding-top: 45px;
text-align:center;

}

.calendarBG
{
background-color: #000;
}
.calendarBlank
{
background-image:url("http://visitccc.com/images/bg_images/calendar_blank.gif");
background-repeat: repeat;
/* OLD CALENDAR STYLE... just a color background-color: #E3F4FC; */
}
.over_header
{
font-size: 14px;
font-weight: bold;
color: #fff;
text-align: center;
vertical-align:middle;
/* line-height: 50%; REMOVED 3/16/07 for testiing */
}

.calendarHeader
{
letter-spacing:	"130%";
font: normal 14px/16px "lucida grande", verdana, sans-serif;
font-weight: bold;
color: #FFF;
text-align: center;
background-color: #AAB5BD;
}
.calendarMonthLinks
{
font: normal 11px/12px "lucida grande", verdana, sans-serif;
font-weight: bold;
letter-spacing:	"130%";
text-decoration: none;
color: #fff;
background-color: transparent;
}
.event_location
{
color: #666;
font-style: italic;
}
.calendarMonthLinks a
{
color: #fff;
text-decoration: none;
background-color: transparent;
}
.calendarMonthLinks a:visited
{
color: #fff;
text-decoration: none;
background-color: transparent;
}
.calendarMonthLinks a:hover
{
color: #CCC;
text-decoration: underline; /*BECCA*/
background-color: transparent;
}
.calendarDayHeading
{
font-family: Tahoma, Verdana, Sans-serif;
font-weight: bold;
font-size: 11px;
color: #fff;
background-color: #7A869A;
text-align: center;
vertical-align: middle;
}
.calendarToday
{
font-family: Tahoma, Verdana, Sans-serif;
font-size: 10px;
/* font-weight: bold; */
letter-spacing: .1em;
text-decoration: none;
text-align: left;
vertical-align: top;
/* color: #000; */
background-color: #ccc;
}
.calendarCell
{
font-family: Tahoma, Verdana, Sans-serif;
font-size: 12px;
letter-spacing:	.1em;
text-decoration: none;
text-align: left;
vertical-align: top;
color: #666;
background-color: #fff;
}
.calendarCell a
{
color: #000;
/* text-decoration: underline; BECCA */
background-color: transparent;
}
.calendarCell a:visited
{
color: #000;
/* text-decoration: underline; BECCA */
background-color: transparent;
}
.calendarCell a:hover
{
color: #000; /*DODO*/
/* text-decoration: underline; BECCA */
background-color: #AEAEAE;
}


.churchwideEvent
{
padding: 0em;
background-color: #E9E9E9;
vertical-align: top;
text-align: left;
border-color:gray;
font-family: Tahoma, Verdana, Sans-serif;
font-size: 10px;
text-decoration: none;
color: #000;
margin: 0em;
}
.churchwideEvent a
{
text-decoration: none;
display: block;
}
.churchwideEvent a:hover
{
color: #FFF;
background-color: #000000;
text-decoration: none;
}
.churchwideEvent a:visited
{
text-decoration: none;
}




.womenEvent
{
padding: 0em;
background-color:#FCDCF6;
vertical-align: top;
text-align: left;
border-color:pink;
font-family: Tahoma, Verdana, Sans-serif;
font-size: 10px;
color: #611652;
text-decoration: none;
margin: 0em;
}
.womenEvent a
{
text-decoration: none;
display: block;
color: #611652;
}
.womenEvent a:hover
{
background-color:#B185A8;
text-decoration: none;
color:#FFF;
}
.womenEvent a:visited
{
text-decoration: none;
}





.menEvent
{
padding: 0em;
background-color: #BEC5E4;
vertical-align: top;
text-align: left;
border-color:#2B3871;
font-family: Tahoma, Verdana, Sans-serif;
font-size: 10px;
color: #2E3966;
text-decoration: none;
margin: 0em;
}
.menEvent a
{
text-decoration: none;
display: block;
/* color: #FFF; */
}
.menEvent a:hover
{
background-color:#4B5B9E;
text-decoration: none;
color:#FFF;
}
.menEvent a:visited
{
text-decoration: none;
}




.youngadultsmensinglesEvent
{

background-color: #BEC5E4;
border-color:#2B3871;
color: #2E3966;

}

.youngadultsmensinglesEvent a:hover
{
color: #FFF;
background-color: #4B5B9E;
}


/* FOR RE:CONNECT */

.churchwideyoungadultshighschoolsinglesEvent
{

background-color: #84C990;
border-color:#219456;
color: #0E4126;

}

.churchwideyoungadultshighschoolsinglesEvent a:hover
{
color: #FFF;
background-color: #0E4126;
}

/* END CALANDER STYLE FOR RE:CONNECT */

.primetimersEvent
{

background-color: #F4F4E9;
border-color:#C3C3BA;
color: #5D5D59;

}

.primetimersEvent a:hover
{
color: #FFF;
background-color: #5D5D59;
}


.otherEvent
{

background-color: #B1FFFE;
border-color:#3BE0DE;
color: #1A6362;

}

.otherEvent a:hover
{
color: #FFF;
background-color: #5C8585;
}



.youngadultsEvent
{

background-color: #84C990;
border-color:#219456;
color: #0E4126;

}

.youngadultsEvent a:hover
{
color: #FFF;
background-color: #0E4126;
}

.singlesEvent
{
background-color: #F3C259;
border-color:#885D01;
color: #432E01;
}

.singlesEvent a:hover
{
color: #FFF;
background-color: #6E4C02;
}

.highschoolmiddleschoolEvent
{

background-color: #FBEC7F;
border-color:#C4B156;
color: #504823;

}

.highschoolmiddleschoolEvent a:hover
{
color: #FFF;
background-color: #504823;
}


.highschoolEvent
{
background-color: #FBEC7F;
border-color:#C4B156;
color: #504823;
}

.highschoolEvent a:hover
{
color: #FFF;
background-color: #504823;
}

.middleschoolEvent
{

background-color: #8CACFF;
border-color:#5070C1;
color: #34487C;

}

.middleschoolEvent a:hover
{
color: #FFF;
background-color: #34487C;
}



.worshipEvent
{

background-color: #CAFFA7;
border-color:#74FF19;
color: #7C9B67;

}

.worshipEvent a:hover
{
color: #FFF;
background-color: #7C9B67;
}

.outreachEvent
{

background-color: #A3A0CF;
border-color:#473379;
color: #2E214E;

}

.outreachEvent a:hover
{
color: #FFF;
background-color: #2E214E;
}

.childrenEvent
{

background-color: #FFAAAA;
border-color:#FF0000;
color: #5A0000;

}

.childrenEvent a:hover
{
color: #FFF;
background-color: #5A0000;
}






.childrenchurchwideEvent
{

background-color: #FFAAAA;
border-color:#FF0000;
color: #5A0000;

}

.childrenchurchwideEvent a:hover
{
color: #FFF;
background-color: #5A0000;
}






.calendarEvent a
{
text-decoration: none;
display: block;
}
.calendarEvent a:hover
{
color: #000;
background-color: #ccc;
text-decoration: none;
}
.calendarEvent a:visited
{
text-decoration: none;
}


/* END CALENDAR STYLES */




/* CSS for the Main Home Page Body (3 panel layout) */

/*  #searchbutton {    DISABLED UNTIL SEARCH IS WORKING
position:static;
width: 50px;
height: 18px;
padding-top: 2px;
margin: 0;
margin-top: 3px;
margin-left:75px;
border: 0;
background: transparent url("http://visitccc.com/images/search/submit_button.gif") no-repeat center top;
overflow: hidden;
cursor: pointer; 
cursor: hand; 
}  */

.search_header {
font: normal 11px/12px "lucida grande", verdana, sans-serif;
color:#6090A8;
}

.main_title {
font-weight:bold;
text-align:center;
font-size: 18px;
color: #363636;
padding-bottom:20px; /* adds space to separate page titles from page content */
}

.main_body
{ 
color: #363636;
line-height: 140%;
padding-right:20px;

}  

#hp_header {
/* width:100%;  */
height: 161px;
position:static;

}

#top_left_bg {
height: 161px;
position:absolute;
left:0px;
top:0px;
background-image:url("http://visitccc.com/images/home_page_headers/top_left_bg.gif");
background-repeat:no-repeat;
z-index:5;
width:541px;
margin:0px;
float: left;
} 

#top_middle_bg {
/* width:"100%"; WILL THIS WORK? */
height: 161px;
position:static;
background-image:url("http://visitccc.com/images/home_page_headers/top_middle_repeat.gif");
background-repeat: repeat-x;
z-index:2;

}


#top_right_bg {
height: 161px;
right:0px;
top:0px;
position:absolute;
background-image:url("http://visitccc.com/images/home_page_headers/top_right_bg.gif");
background-repeat:no-repeat;
z-index:4;
width:159px;
margin:0px;
float: right;
padding-top:2px;
}







#interior_header {
/* width:100%; beccaluv */
height: 28px;
position:static;

}

#interior_top_left_bg {
height: 28px;
position:absolute;
left:0px;
top:0px;
background-image:url("http://visitccc.com/images/home_page_headers/interior_top_left_bg.gif");
background-repeat:no-repeat;
z-index:5;
width:541px;
margin:0px;
float: left;
} 

#interior_top_middle_bg {

/* width:"100%"; WILL THIS WORK? */
height: 28px;
position:static;
background-image:url("http://visitccc.com/images/home_page_headers/interior_top_middle_repeat.gif");
background-repeat: repeat-x;
z-index:2;

}


#interior_top_right_bg {
height: 28px;
right:0px;
top:0px;
position:absolute;
background-image:url("http://visitccc.com/images/home_page_headers/interior_top_right_bg.gif");
background-repeat:no-repeat;
z-index:4;
width:159px;
margin:0px;
float: right;
padding-top:3px;
}





#hp_top_menu {
/* width:100%;  beccaluv */

height: 26px;
background-image:url("http://visitccc.com/images/fir/menus/hp_top_bg_tile.gif");
background-repeat: repeat-x;
}


body { 
background-image:url("http://visitccc.com/images/bg_images/bg_bottom_gradient.gif");
background-repeat:repeat-x;
background-attachment:fixed;
margin: 0;
padding: 0;
font: normal 12px/14px "myriad", arial, helvetica, verdana, sans-serif;
font-family: myriad, helvetica, serif;
min-width:850px;    /*  WAS 740px on March 22, 2007 beccaluv 2x (LC fullwidth +
CC padding) + RC fullwidth */
}

#container {
/* max-width:700px;  LIMIT THE WIDTH OF THE CENTER COLUMN */
padding-left: 220px;   /* LC fullwidth */
padding-right: 260px;  /* RC fullwidth + CC padding */
}

#container .column {
position: relative;  /* default: relative */
float: left;
background-image:url("http://visitccc.com/images/home_page_headers/top_navbar_shadow.gif");
background-repeat:repeat-x;

}

#hp_table_container {

/*  position: relative;  default: relative */
float: left;
background-image:url("http://visitccc.com/images/home_page_headers/top_navbar_shadow.gif");
background-repeat:repeat-x;
width:100%; 
}

/* SMOKEY #center {

padding: 30px 20px; 
z-index:2;
} 
 #left {

background-image:url("http://visitccc.com/images/home_page_headers/top_navbar_shadow.gif");
background-repeat:repeat-x;
width: 200px;       
padding-top:0px;
padding-bottom:0px;
padding-left:10px;
padding-right: 10px;     
right: 260px;       
margin-left: -100%;
z-index:3;
} */

#right {
z-index:1;
/* width: 200px;  */        /* RC width */
/* padding: 0 10px;      SMOKEY */ /* RC padding */
/* margin-right: -260px; */ /* RC fullwidth + CC padding */
position:static;

}
#footer {
height:124px;
position:relative;
bottom:0;
background-image:url("http://visitccc.com/images/fir/menus/hp_footer_bg.gif");
background-repeat:repeat-x;
background-position: bottom left;
clear: both;
}

.footer_pic {
z-index:10;
position:relative;
height:124px;
width:200px;
background-image:url("http://visitccc.com/images/home_page_headers/small_campus.gif");
background-repeat:no-repeat;
float:right;
}

.hp_copyright {
position:absolute;
bottom:5px;
right:5px;
font: normal 9px/10px "lucida grande", verdana, sans-serif;
color: #FFF;
vertical-align:bottom;
text-align:right;
z-index: 11;

}

/*** IE Fix ***/
* html #left {
left: 220px;           /* RC fullwidth */
}

#container {
  overflow: hidden;
}


/* end main body style */

/* side bar nav */
/*

#sidenav_container {

padding-top: 45px;

}

#sidenav, #sidenav ul {
margin: 0;
padding: 0;
list-style: none; 
width: 150px; 
border-bottom: 1px solid #ccc;
}

#sidenav ul li {
position: relative;
}

#sidenav li ul {
position: absolute;
left: 149px; 
top: 0;
display: none;
}

#sidenav ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff; 
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}


#sidenav ul li a:hover { color: #E2144A; background: #f9f9f9; } 

#sidenav li ul li a { padding: 2px 5px; } 

#sidenav li:hover ul, #sidenav li.sfhoverSide ul { display: block; } 
*/
/* end of sidebar nav section */


/* top nav */
#nav {
position:relative;
top:0px;
left:150px;
z-index: 15;

}



#nav ul li  {  /* This sets the style of the entire vertical drop down menu area */
display: block;
text-decoration: none;
color: #5C5C5C;
background: #F8F6EC; /* IE6 Bug */
padding: 0px;
width: 120px;
border: 1px solid #CCC;
border-bottom: 0;
}

#nav li.hover {
position: static;
} 

#nav ul {

border-bottom: 1px solid #CCC;


}

#nav, #nav ul {  /* CONTAINER FOR THE ENTIRE NAVIGATION STRUCTURE, TOP NAV BAR */


padding: 0;
margin: 0;
list-style: none;

}

* html #nav, #nav ul {  /* STUPID FIX FOR STUPID IE6. UGH. */


width:100%;  /* container for the top navbar */


}


#nav li a:hover { color: #5C5C5C; background-color: #E0DFD2; background: #B4E5FF;  }
#nav li:hover, #nav a:hover { color: #5C5C5C; background-color: #E0DFD2; background: #B4E5FF; } /* Hover Styles */



/* CHANGING THIS SECTION HERE */
#nav>li>a {padding-left: 10px; padding-right: 10px; }

#nav a { /* LINK STYLE FOR TOP NAV */

display: block;
text-decoration: none;
color: #5C5C5C;
background:none; /* IE6 Bug */
padding: 5px;
margin: 0px;
display: block;
}
/* END CHANGES */





.main_section { /* The text for the Main Menu Items */

font: normal 14px/16px helvetica, verdana, sans-serif;

}

#nav li {
background-image:url("http://visitccc.com/images/fir/menus/hp_top_bg.gif");
float: left;


}

#nav li ul {  /*this is the container for the drop downs */

position: absolute;
width: 120px; 
left: -999px;
z-index:16;
}

#nav li:hover ul {
left: auto;
}

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

/* end of top nav section */


/* IMAGE REPLACEMENTS */

span.fir {display:none;}



/* Breadcrumbs style */

.crumbs {

color: #888;
font: normal 11px/12px "lucida grande", verdana, sans-serif;
padding-top:64px;
padding-left:15px;
float:left;
}


.crumbs a {
color: #888;
border-bottom: 1px dotted #AEAEAE; 
text-decoration:none;


}

.crumbs a:visited {

color: #888;

}


.crumbs a:hover{

background-color: #E8F6FF;

}

/* End Crumbs Style */





/* CSS for the Home Page Upcoming Events System */

#front_page_events {padding-top:30px;}

div.hp_events_header {

background-image:url("http://visitccc.com/images/headers/hp_events.png");
background-repeat:no-repeat;
height:19px;

}


#hp_events { 
background-color: #fff;				/* This is the enclosing DIV for the block */
border: 1px solid #C1D6DB;
position: relative;
top: 0;
right: 0;
width: 200px;
padding: 0px;
margin: 0px;
font: normal 11px/16px "lucida grande", verdana, sans-serif;
}

#hp_events a em {

font: normal 10px/15px "lucida grande", verdana, sans-serif;
color: #7AB4D4;
}

#hp_events ul {

margin: 0;
padding: 0;
list-style-type: none;

}


span.event_header {
color: #878A94;
font-weight: bold;
padding-left: 2px;
border-bottom: 1px solid #C1D6DB;

}


span.time {

font: normal 9px/10px "lucida grande", verdana, sans-serif;
color: #A1A5A6;
white-space:nowrap;
overflow:hidden;
}

a.hp_event_item {
color:#616779;
text-decoration: none;


}

.event_line {
/* 
white-space:nowrap;
overflow:hidden; beccaluv, seeing if the line-wrap will work after all.  ugh. */
padding-left: 12px;

}

#hp_events.a {
text-decoration: none;
color: #5F7B96;
padding: 0px;
}

#hp_events .bg_1 {

list-style-type: none;
background-color: #F1F8FF;
}


#hp_events li:hover {background-color:#C8D8E7;}

.homepointe_title {
background-color:#a5451d;
color:#FFFFFF;
padding-bottom:2px;
font: normal 12px/12px "lucida grande", verdana, sans-serif;
text-align:left;
font-weight:bold;
padding:5px;
text-decoration:none;
}

.homepointe_title a {
/* background-color:#a5451d; */
color:#FFFFFF;
padding-bottom:2px;
font: normal 12px/12px "lucida grande", verdana, sans-serif;
text-align:left;
font-weight:bold;
padding:5px;
text-decoration:none;
background-color:transparent;
border-bottom:0;
}


.homepointe_title  a:hover {
background-color:transparent;
text-decoration:none;
border-bottom:0;

}

.homepointe_title  a:active {background-color:transparent;}