@charset "UTF-8";
/* CSS Document */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
/* was	color: #6c6c6c; */
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #e4e4e4;
	background-image: url(../images/layout/mainContainerBackgroundSlice.gif); /*This is the background image for the whole page*/
	background-repeat: repeat-x;
}


/*****************************/
/*Pre-loader CSS*/
#mask {
	position:absolute;
	width:100%;
	height:100%;
	z-index:99;
	background-color:#302f2d;
}
#loader {
	width: 100px;
	height: 100px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
#page_container {
	display: none; /*This hides the page until fully loaded*/
}

/*****************************/
/*This section controls all the header elements*/
#outerHeaderContainer {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/layout/headerBackground.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 76px;
}
#innerHeaderContainer {
	margin-left: auto; /*Centers div on page*/
	margin-right: auto; /*Centers div on page*/
	width: 960px;
	height: 76px;
	clear: both;
}
#ccLogo {
	margin: 0px;
	padding: 0px;
	width: 517px;
	height: 76px;
	float: left;
	display: inline;
}
#linkRentTheCenter {
	margin: 0px;
	padding: 0px;
	width: 232px;
	height: 76px;
	float: left;
	display: inline;
}
#searchBoxContainer {
	margin: 0px;
	padding: 0px;
	width: 211px;
	height: 76px;
	float: left;
	display: inline;
}
#searchInputContainer {
	margin-top: 27px;
	padding-top: 3px;
	padding-left: 3px;
	width: 100px;
	height: 25px;
	float: left;
	display: inline;
	background-image:url(../images/layout/searchContainer.gif);
	background-repeat: no-repeat;
}
.searchInput {
	border-style: hidden;
    border-width: 0px;
	font-size: 11px;
	color: #666;
}
#searchButton {
	margin-top: 28px;
	margin-left: 5px;
	padding: 0px;
	width: 41px;
	height: 23px;
	float: left;
	display: inline;
}

/*****************************/
/*This section controls the thin color blocks directly below the header on the homepage*/
#topColorBandContainer {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/layout/topColorBandBackground.gif);
	background-repeat: no-repeat;
	width: 100%;
	height: 3px;
}
#topColorBand {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 3px;
	margin-left: auto; /*Centers div on page*/
	margin-right: auto; /*Centers div on page*/
}

/*****************************/
/*This section controls all the background elements*/


/*****************************/
/*This section controls all of the placement of the elements in the main homepage image area*/

/*This div needs to have relative positioning because we need to
absolutely position the nav container to overlay the main image correctly*/
#contentContainerHomepage {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 526px; /*We need the height to equal the image and nav (363px + 163px) so the footer will show below the content*/
	margin-left: auto; /*Centers div on page*/
	margin-right: auto; /*Centers div on page*/
	background-color:#FFF;
	position:relative;
}

#imagePrograms {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 363px;
	background-image: url(../images/layout/homepageImagePrograms.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none; /*Hides image until called by javascript*/
}
#imageProfEdu {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 363px;
	background-image: url(../images/layout/homepageImageProfEdu.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none; /*Hides image until called by javascript*/
}
#imageCustCare {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 363px;
	background-image: url(../images/layout/homepageImageCustCare.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none; /*Hides image until called by javascript*/
}
#imageBarco {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 363px;
	background-image: url(../images/layout/homepageImageBarco.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none; /*Hides image until called by javascript*/
}
#imageHOF {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 363px;
	background-image: url(../images/layout/homepageImageHOF.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none; /*Hides image until called by javascript*/
}
#imageAboutCC {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 363px;
	background-image: url(../images/layout/homepageImageAboutCC.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	/*display: none;*/
	
}

/*****************************/
/*This section controls all content formatting in the main homepage image area*/
.imageTitle {
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: 32px;
	color: #444444;
}
.imageContent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #6d6d6d;
	line-height: 16px;
}

/*This section controls all positioning in the "About CC" in the main homepage image area*/
#titleAboutCC {
	position: absolute;
	height: 83px;
	width: 303px;
	left: 607px;
	top: 67px;
}
#contentAboutCC {
	position: absolute;
	height: 110px;
	width: 329px;
	left: 607px;
	top: 158px;
}
#buttonAboutCC {
	position: absolute;
	height: 29px;
	width: 162px;
	left: 765px;
	top: 264px;
}

/*****************************/
/*This section controls all the positioning in the "Programs" in the main homepage image area*/
#titlePrograms {
	position: absolute;
	height: 47px;
	width: 303px;
	left: 607px;
	top: 41px;
}
#contentPrograms {
	position: absolute;
	height: 61px;
	width: 329px;
	left: 607px;
	top: 90px;
}
#buttonPrograms {
	position: absolute;
	height: 29px;
	width: 162px;
	left: 765px;
	top: 162px;
}
#buttonMavericks {
	position: absolute;
	height: 116px;
	width: 354px;
	left: 575px;
	top: 219px;
}

/*****************************/
/*This section controls all the positioning in the "Professional Education" in the main homepage image area*/
#titleProfEdu {
	position: absolute;
	height: 45px;
	width: 324px;
	left: 589px;
	top: 107px;
}
#contentProfEdu {
	position: absolute;
	height: 77px;
	width: 329px;
	left: 607px;
	top: 159px;
}
#buttonProfEdu {
	position: absolute;
	height: 29px;
	width: 162px;
	left: 765px;
	top: 247px;
}

/*****************************/
/*This section controls all the positioning in the "Customer Care" in the main homepage image area*/
#titleCustCare {
	position: absolute;
	height: 45px;
	width: 324px;
	left: 589px;
	top: 107px;
}
#contentCustCare {
	position: absolute;
	height: 77px;
	width: 329px;
	left: 607px;
	top: 159px;
}
#buttonCustCare {
	position: absolute;
	height: 30px;
	width: 163px;
	left: 765px;
	top: 247px;
}

/*****************************/
/*This section controls all the positioning in the "Barco Library" in the main homepage image area*/
#titleBarco {
	position: absolute;
	height: 47px;
	width: 303px;
	left: 607px;
	top: 41px;
}
#contentBarco {
	position: absolute;
	height: 61px;
	width: 329px;
	left: 607px;
	top: 90px;
}
#buttonBarco {
	position: absolute;
	height: 30px;
	width: 163px;
	left: 765px;
	top: 162px;
}
#buttonOralHistory {
	position: absolute;
	height: 113px;
	width: 351px;
	left: 575px;
	top: 219px;
}

/*****************************/
/*This section controls all the positioning in the "Hall of Fame" in the main homepage image area*/
#titleHOF {
	position: absolute;
	height: 45px;
	width: 324px;
	left: 589px;
	top: 107px;
}
#contentHOF {
	position: absolute;
	height: 77px;
	width: 329px;
	left: 607px;
	top: 159px;
}
#buttonHOF {
	position: absolute;
	height: 30px;
	width: 163px;
	left: 765px;
	top: 247px;
}

/*****************************/
/*This section controls the navigation boxes in the homepage image area.*/

/*This div is absolutely positioned to overlay the homepage images*/
#navigationContainer {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 191px;
	clear: both;
	position: absolute;
	z-index: 999;
	left: 0px;
	top: 335px;
}
.navigationPrograms {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavPrograms-Box.gif);
	background-repeat: no-repeat;
}
.navigationPrograms-Arrow {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavPrograms-Arrow.gif);
	background-repeat: no-repeat;
}
.navigationProfEdu {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavProfEdu-Box.gif);
	background-repeat: no-repeat;
}
.navigationProfEdu-Arrow {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavProfEdu-Arrow.gif);
	background-repeat: no-repeat;
}
.navigationCustCare {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavCustCare-Box.gif);
	background-repeat: no-repeat;
}
.navigationCustCare-Arrow {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavCustCare-Arrow.gif);
	background-repeat: no-repeat;
}
.navigationBarco {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavBarco-Box.gif);
	background-repeat: no-repeat;
}
.navigationBarco-Arrow {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavBarco-Arrow.gif);
	background-repeat: no-repeat;
}
.navigationHOF {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavHOF-Box.gif);
	background-repeat: no-repeat;
}
.navigationHOF-Arrow {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavHOF-Arrow.gif);
	background-repeat: no-repeat;
}
.navigationAboutCC {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavAboutCC-Box.gif);
	background-repeat: no-repeat;
}
.navigationAboutCC-Arrow {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 191px;
	float: left;
	display: inline;
	background-image:url(../images/layout/homepageNavAboutCC-Arrow.gif);
	background-repeat: no-repeat;
}
.hoverHighlight {
	cursor: pointer;
}
.navTitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFF;
	text-transform: uppercase;
	margin-top: 45px;
	margin-left: 15px;
	margin-right: 15px;
}
.navContent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #d6d3d3;	
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
}


/********************************************************************************************/
/********************INTERIOR LAYOUT CSS*****************************************************/
/********************************************************************************************/
/*This section controls all of the placement of the elements in the interior layouts*/

#contentContainerInterior {
	margin: 0px;
	padding: 0px;
	width: 960px;
	margin-left: auto; /*Centers div on page*/
	margin-right: auto; /*Centers div on page*/
	background-color:#FFF;
}
#bottomColorBand {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 14px;
}

/*****************************/
/*This section controls the navigation boxes in the interior layout*/
#interiorMainNavContainer {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 49px;
	clear: both;
	background-color:#FFF;
}
#interiorMainNavPrograms {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 49px;
	float: left;
	display: inline;
	background-image:url(../images/layout/mainNavPrograms.gif);
	background-repeat: no-repeat;
}
#interiorMainNavProfEdu {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 49px;
	float: left;
	display: inline;
	background-image:url(../images/layout/mainNavProfEdu.gif);
	background-repeat: no-repeat;
}
#interiorMainNavCustCare {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 49px;
	float: left;
	display: inline;
	background-image:url(../images/layout/mainNavCustCare.gif);
	background-repeat: no-repeat;
}
#interiorMainNavBarco {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 49px;
	float: left;
	display: inline;
	background-image:url(../images/layout/mainNavBarco.gif);
	background-repeat: no-repeat;
}
#interiorMainNavHOF {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 49px;
	float: left;
	display: inline;
	background-image:url(../images/layout/mainNavHOF.gif);
	background-repeat: no-repeat;
}
#interiorMainNavAboutCC {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 49px;
	float: left;
	display: inline;
	background-image:url(../images/layout/mainNavAboutCC.gif);
	background-repeat: no-repeat;
}
.mainNavItem {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 5px;
	margin-left: 10px;
	display: block;
}
.mainNavItem a:link {
	color: #FFF;
	text-decoration: none;
}
.mainNavItem a:visited {
	color: #FFF;
	text-decoration: none;
}
.mainNavItem a:hover {
	color: #c2c2c2;
	text-decoration: none;
}
.mainNavItem a:active {
	color: #c2c2c2;
	text-decoration: none;
}

/*****************************/
/*This section controls the drilldown nav in the interior layout*/
#drilldownOuterContainer {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 45px;
	background-color: #e6e6e6;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #acacac;
	color: #665345;
	line-height: 45px;
	font-size: 15px;
	text-align: center;
}

#drilldownMenuContainer {
	margin: 0;
	padding: 0px;
	width: 250px;
	height: 45px;
	background-color: #c2c2c2;
	float: left;
	display: inline;
	
}
#breadcrumbContainer {
	margin: 0;
	height: 45px;
	float: left;
	display: inline;
	font-size: 11px;
	color: #585858;
	line-height: 45px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.breadcrumbLink a:link {
	color: #585858;
	text-decoration: none;
}
.breadcrumbLink a:visited {
	color: #585858;
	text-decoration: none;
}
.breadcrumbLink a:hover {
	color: #000000;
	text-decoration: underline;
}
.breadcrumbLink a:active {
	color: #585858;
	text-decoration: none;
}
.breadcrumbOnPage {
	font-weight: bold;
}

#clearFloats {
	clear:both;
	height:0px;
	margin:0px;
	font-size: 1px;
	line-height: 0px;
	padding: 0px;
}

/*****************************/
/*This section controls the container for the main interior page content area*/
#interiorPageContentContainer {
	margin: 0px;
	padding: 0px;
	width: 930px;
	clear: both;
}
#interiorNavColumn {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	width: 250px;
	min-height: 300px;
}
#interiorContentColumn {
	margin: 0px;
	padding: 20px 0px 0px 20px;
	float: left;
	display: inline;
	width: 660px;
	min-height: 300px;
	background-color:#FFF; /*This covers the background pattern in the nav column with white*/
}



/*****************************/
/*This section controls the footer*/
#homepageFooterShort {
	margin-left: auto;
	margin-right: auto;
	padding-left: 17px;
	padding-right: 17px;
	width: 926px;
	height: 6px;
}
#homepageFooterBox {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 370px;
	background-image:url(../images/layout/homepageFooterBox.gif);
	background-repeat: none;
}
#copyright {
	text-align: center;
	font-size: 10px;
	color:#FFF;
	padding-top: 25px;
	width: 100%;
}
.footerLinks {
	text-align: center;
	font-size: 11px;
	color:#FFF;
	padding-top: 25px;
	width: 100%;
}
.footerLinks a:link {
	color: #FFF;
	text-decoration: none;
}
.footerLinks a:visited {
	color: #FFF;
	text-decoration: none;
}
.footerLinks a:hover {
	color: #999;
	text-decoration: none;
}
.footerLinks a:active {
	color: #FFF;
	text-decoration: none;
}