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

body {
	font-family:"Trebuchet MS","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	color:#333333;
	margin:0px;
	padding:0px;
	background-color:#e4e4e4;

}
.phoneNav{display:none;}

/*Link styles*/
a:link {
/* was	color:#003366;*/
	color:#333333;
	text-decoration:none;
}
a:visited {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#993366;
	text-decoration:none;
}
a:active {
	color:#333333;
	text-decoration:none;
}
/*****************************/

/*Creates draggable div for main page. add class="drag" to images or <b> tags, etc... */
.drag{
	position:relative;
	cursor:hand;
	z-index:100;
}

/*****************************/
/*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;
}
#linkRentTheCenter2011 {
	position:absolute;
	z-index:10;
	margin-left:400px;
	padding:0px;
	width:232px;
	height:76px;
}
#searchBoxContainer {
	margin:0px;
	padding:0px;
	width:211px;
	height:76px;
	float:left;
	display:inline;
}
#searchBoxContainer2011 {
	position:absolute;
	z-index:10;
	margin-left:670px;
	margin-top:20px;
	padding:0px;
	width:211px;
	height:76px;
	}
#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;
}
#emailBoxtext {
	padding-top:30px;
	padding-left:2px;
	width:170px;
	height:153px;
	text-align:left;
}
#emailBoxContainer {
	margin:-15px;
	margin-right:10px;
	padding:12px;
	width:211px;
	height:76px;
	float:right;
	display:inline;
}
#emailInputContainer {
	padding-left:3px;
	height:20px;
	float:left;
	display:inline;
}
.emailInput {
	border-style:hidden;
    border-width:0px;
	font-size:11px;
	color:#666;
}
#emailButton {
	margin-left:5px;
	padding:0px;
	width:41px;
	height:23px;
	float:left;
	display:inline;
}

.buttonAsLink{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:        11px;
	color:            #fff;
	background-image:url(../images/emailformbutton.gif);
	background-repeat:repeat-x; 
/*	background-color:#3a3939; */
	padding:          3px 0;
	border-width:     0;  
	cursor:           pointer;
	}

/*****************************/
/*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*/
#outerContentContainer {
	margin-left:auto; /*Centers div on page*/
	margin-right:auto; /*Centers div on page*/
	clear:both;
	width:100%;
	background-image:url(../images/layout/contentBackground.jpg); /*This is the background image that holds the colored squares*/
	background-repeat:no-repeat;
	background-position:center top;
}

/*****************************/
/*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*/

.slideshowCMavs { position:absolute; left:360px; height:400px; width:600px;  }
.slideshowACT { position:absolute; left:360px; height:400px; width:600px;  }
.slideshowCCare { position:absolute; left:360px; height:400px; width:600px;  }
.slideshowBarco { position:absolute; left:0px; height:400px; width:600px;  }
.slideshowHOF { position:absolute; left:0px; height:400px; width:600px;  }
.slideshowAbout { position:absolute; left:0px; height:400px; width:600px;  }

#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/homepageImageBackground.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/homepageImageBackground.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/homepageImageBackground.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/homepageImageBackground.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/homepageImageBackground.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	display:none; /*Hides image until called by javascript*/
}
	

	/*New image for About Section 8/24/10 */
#imageAboutCC {
	margin:0px;
	padding:0px;
	width:960px;
	height:363px;
	background-image:url(../images/layout/homepageImageBackground.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	/*display:none;*/
	
}

#buttonWhatsnewCC {
	position:absolute;
	height:29px;
	width:162px;
	left:590px;
	top:220px;
}


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



/*****************************/

/*This section controls all positioning in the NEW "About CC" in the main homepage image area 8/24/10 */
#titleAboutCC {
	position:absolute;
	height:83px;
	width:403px;
	left:540px;
	top:40px;
}
#contentAboutCC {
	position:absolute;
	height:110px;
	width:340px;
	left:580px;
	top:90px;
}
#contentAboutCC:hover {
	position:absolute;
	height:110px;
	width:340px;
	left:580px;
	top:90px;
	z-index:1003;
}


#buttonWhatsnewCC {
	position:absolute;
	height:29px;
	width:162px;
	left:580px;
	top:220px;
}





/* NEW BUTTON FOR MAIN PAGE */
.buttonCHOF {
	height:76px;
	width:300px;
	margin:5px 5px 5px 5px;
	padding:20px 5px 7px 5px;
	background-image:url(../images/layout/hover.png);
	background-repeat:repeat-x;
	background-size:contain;
	text-align:center;
	cursor:pointer;
	color:#000;
}

.buttonCHOF a:link {
	color:#000;
	text-decoration:none;
}
.buttonCHOF a:visited {
	color:#000;
	text-decoration:none;
}
.buttonCHOF a:hover {
	color:#ccc;
	text-decoration:none;
}
.buttonCHOF a:active {
	color:#000;
	text-decoration:none;
}


.buttonAbout {
	height:76px;
	width:300px;
	margin:5px 5px 5px 5px;
	padding:20px 5px 7px 5px;
	background-image:url(../images/layout/hover.png);
	background-repeat:repeat-x;
	background-size:contain;
	text-align:center;
	cursor:pointer;
	color:#000;
	display:none;
}

.buttonAbout a:link {
	color:#000;
	text-decoration:none;
}
.buttonAbout a:visited {
	color:#000;
	text-decoration:none;
}
.buttonAbout a:hover {
	color:#000;
	text-decoration:none;
}
.buttonABout a:active {
	color:#ccc;
	text-decoration:none;
}

.buttonBarco{
	height:76px;
	width:300px;
	margin:5px 5px 5px 5px;
	padding:20px 5px 7px 5px;
	background-image:url(../images/layout/hover.png);
	background-repeat:repeat-x;
	background-size:contain;
	text-align:center;
	cursor:pointer;
	color:#000;
}

.buttonBarco a:link {
	color:#000;
	text-decoration:none;
}
.buttonBarco a:visited {
	color:#000;
	text-decoration:none;
}
.buttonBarco a:hover {
	color:#ccc;
	text-decoration:none;
}
.buttonBarco a:active {
	color:#000;
	text-decoration:none;
}

.buttonCCare{
	height:76px;
	width:300px;
	margin:5px 5px 5px 5px;
	padding:20px 5px 7px 5px;
	background-image:url(../images/layout/hover.png);
	background-repeat:repeat-x;
	background-size:contain;
	text-align:center;
	cursor:pointer;
	color:#000;
}

.buttonCCare a:link {
	color:#000;
	text-decoration:none;
}
.buttonCCare a:visited {
	color:#000;
	text-decoration:none;
}
.buttonCCare a:hover {
	color:#ccc;
	text-decoration:none;
}
.buttonCCare a:active {
	color:#000;
	text-decoration:none;
}

.buttonCMavs{
	height:76px;
	width:300px;
	margin:5px 5px 5px 5px;
	padding:20px 5px 7px 5px;
	background-image:url(../images/layout/hover.png);
	background-repeat:repeat-x;
	background-size:contain;
	text-align:center;
	cursor:pointer;
	color:#000;
}

.buttonCMavs a:link {
	color:#000;
	text-decoration:none;
}
.buttonCMavs a:visited {
	color:#000;
	text-decoration:none;
}
.buttonCMAvs a:hover {
	color:#ccc;
	text-decoration:none;
}
.buttonCMavs a:active {
	color:#000;
	text-decoration:none;
}

.buttonACT{
	height:100px;
	width:190px;
	margin:5px 5px 5px 5px;
	padding:20px 5px 7px 5px;
	background-image:url(../images/layout/hover.png);
	background-repeat:repeat-x;
	background-size:contain;
	text-align:center;
	cursor:pointer;
	color:#000;
}

.buttonACT a:link {
	color:#000;
	text-decoration:none;
}
.buttonACT a:visited {
	color:#000;
	text-decoration:none;
}
.buttonACT a:hover {
	color:#ccc;
	text-decoration:none;
}
.buttonACT a:active {
	color:#000;
	text-decoration:none;
}



/* END NEW BUTTON FOR MAIN PAGE */

/*****************************/

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

/*****************************/
/*This section controls all the positioning in the "ACT" main homepage image area*/
#titleProfEdu {
	position:absolute;
	height:47px;
	width:303px;
	left:50px;
	top:41px;
}

/* ACT 2011 */
#contentProfEdu {
	position:absolute;
	height:61px;
	width:329px;
	left:50px;
	top:90px;
}

#contentProfEdu:hover {
	position:absolute;
	height:61px;
	width:329px;
	left:50px;
	top:90px;
	z-index:1003;
}
#buttonProfEdu {
	position:absolute;
	height:29px;
	width:162px;
	left:765px;
	top:247px;
}
#buttonProfEduClasses {
	position:absolute;
	height:113px;
	width:351px;
	left:575px;
	top:219px;
}

/*****************************/
/*This section controls all the positioning in the "Customer Care" in the main homepage image area*/
#titleCustCare {
	position:absolute;
	height:47px;
	width:303px;
	left:50px;
	top:41px;
}
#contentCustCare {
	position:absolute;
	height:61px;
	width:329px;
	left:50px;
	top:90px;
}
#buttonCustCare {
	position:absolute;
	height:30px;
	width:163px;
	left:607px;
	top:200px;
}

/*****************************/
/*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;
}
#contentBarco:hover {
	position:absolute;
	height:61px;
	width:329px;
	left:607px;
	top:90px;
	z-index:1003;
}
#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:83px;
	width:403px;
	left:540px;
	top:40px;
}
#contentHOF {
	text-decoration:none;
	position:absolute;
	height:110px;
	width:340px;
	left:580px;
	top:90px;
}
#contentHOF:hover {
	text-decoration:none;
	position:absolute;
	height:110px;
	width:340px;
	left:580px;
	top:90px;	
	z-index:1003;
}

#contentHOF	 a:link {color:#FFF;
}
#buttonHOF {
	position:absolute;
	height:30px;
	width:163px;
	left:580px;
	top:190px;
}

/*****************************/
/*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:998;
	left:0px;
	top:335px;

}


#navigationContainer a, a:visited {
	text-decoration:none;
	outline:none;
	color:#d6d3d3;
}

#navigationContainer a:hover{
	text-decoration:none;
	outline:none;
	color:#fff;
}

.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;
		/* cursor:hand */
}
.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:0px; /* was 10 1/21/2011 */
	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;
	background-image:url(/lib/images/layout/subNavBackgroundSlice.gif);
	background-repeat:repeat-x repeat-y;
}
#interiorPageContentContainerBlank {
	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 {
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	color:#999;
	padding-top:80px;
	width:220px;
}
.footerLinks {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:11px;
	color:#FFF;
	padding-top:25px;
	width:900px;
}
.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;
}

/* TOOLTIPS FOR SITE */

.tooltip {
			border-bottom:1px dotted #000000; color:#000000; outline:none;
			cursor:help; text-decoration:none;
			position:relative;
		}
		.tooltip span {
			margin-left:-999em;
			position:absolute;
		}
		.tooltip:hover span {
			border-radius:5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
			box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:5px 5px rgba(0, 0, 0, 0.1);
			font-family:Calibri, Tahoma, Geneva, sans-serif;
			position:absolute; left:1em; top:2em; z-index:99;
			margin-left:0; width:250px;
		}
		.tooltip:hover img {
			border:0; margin:-10px 0 0 -55px;
			float:left; position:absolute;
		}
		.tooltip:hover em {
			font-family:Candara, Tahoma, Geneva, sans-serif; font-size:1.2em; font-weight:bold;
			display:block; padding:0.2em 0 0.6em 0;
		}
		
		.classic { 
			background:#FFFFAA;
			padding:0.8em 1em; 
			border-radius:5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
			box-shadow:5px 5px 5px rgba(0, 0, 0, 0.12); -webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.12); -moz-box-shadow:5px 5px 5px rgba(0, 0, 0, 0.12);
			font-family:Calibri, Tahoma, Geneva, sans-serif;	
			font-weight:bold;
			border-color: #fff;
  			border-style: solid;
  			border-width: 2px;
			/*text-shadow: #333 0pt 0pt 3pt;*/
			width:140px;	
				/*Added opacity below */
			opacity:0.7;  
    		filter:alpha(opacity=70);  
    		-moz-opacity:0.8;  
		}
		

/*	.classic a:hover {
	color:#fff;
	text-decoration:none;
}
*/	
			.classic:hover { 
			top:-5px;
			padding:0.8em 1em; 
			border-radius:5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
			box-shadow:6px 6px 6px rgba(64, 100, 253, 0.20); -webkit-box-shadow:6px 6px 6px rgba(64, 100, 253, 0.20); -moz-box-shadow:6px 6px 6px rgba(64, 100, 253, 0.20);
			font-family:Calibri, Tahoma, Geneva, sans-serif;
			font-weight:bold;	
			width:140px;	
			border-color: #fff;
  			border-style: solid;
  			border-width: 2px;
							/*Added opacity below */
			opacity:1.0;  
    		filter:alpha(opacity=100);  
    		-moz-opacity:1.0;  
			}
			
		.classic a:link {
		color:#333;
		text-decoration:none;
		}
		.classic a:visited {
		color:#333;
		text-decoration:none;
		}
		.classic a:hover {
		color:#6a0c67;
		text-decoration:none;
		}
		.classic a:active {
		color:#333;
		text-decoration:none;
		}
		
		.classic:after {
  		position: absolute;
  		display: block;
  		content: "";  
  		border-color: #FFFFAA transparent transparent transparent;
  		border-style: solid;
  		border-width: 10px;
  		height:0;
  		width:0;
  		position:absolute;
  		bottom:-19px;
  		left:1em;
  				/*Added opacity below */
		opacity:0.8;  
    	filter:alpha(opacity=80);  
    	-moz-opacity:0.8;  
		}
		
		.custom { 
			padding:0.5em 0.8em 0.8em 2em; 
			border-radius:5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
			box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1); 
			-webkit-box-shadow:5px 5px rgba(0, 0, 0, 0.1); 
			-moz-box-shadow:5px 5px rgba(0, 0, 0, 0.1);
			font-family:Calibri, Tahoma, Geneva, sans-serif;	
			}
			
		* html a:hover { background:transparent; }

		.critical { background:#FFCCAA; border:1px solid #FF3334;	
					border-radius:5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
			box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:5px 5px rgba(0, 0, 0, 0.1);
			font-family:Calibri, Tahoma, Geneva, sans-serif;	
		}
		.help { 
			background:#9FDAEE; border:1px solid #2BB0D7;	
			border-radius:5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
			box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1); 
			-webkit-box-shadow:5px 5px rgba(0, 0, 0, 0.1); 
			-moz-box-shadow:5px 5px rgba(0, 0, 0, 0.1);
			font-family:Calibri, Tahoma, Geneva, sans-serif;	
			}
			
		.info { background:#9FDAEE; border:1px solid #2BB0D7;	}
		
		.warning { 
			background:#FFFFAA; border:1px solid #FFAD33; 
			border-radius:5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
			box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:5px 5px rgba(0, 0, 0, 0.1);
			font-family:Calibri, Tahoma, Geneva, sans-serif;	
		}

	/* Shadows */

	P.dropshadowGray	{
	/* text-shadow: #333 0pt 0pt 2pt;  blur in center for text in main navigation */
	} 
	
/*  info box boxes */
/*This div is the dark gray infobox on the main page BARCO LIBRARY MAIN PAGE */
.rounded_infobox {
  	width:220px;
  	margin:40px auto;
	color: #ccc;
	cursor:pointer;
	text-shadow: 0px 1px 0px #000;
  	padding:10px 10px;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	behavior: url(lib/css/border-radius.htc);
	box-shadow:inset 0 0 1px 1px #ccc,0px 0px 10px 1px #c7c7c7;
	-webkit-box-shadow:inset 0 0 1px 1px #ccc,0px 0px 10px 1px #c7c7c7;
	-moz-box-shadow:inset 0 0 1px 1px #ccc,0px 0px 10px 1px #c7c7c7;
	background: -moz-linear-gradient(top,  #888,  #313030); /* Firefox gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#313030'); /* ie gradient */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#888888,EndColorStr=#313030)";
	background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#313030)); /* Safari, Chrome, etc webkit gradient */
	background-image: -o-linear-gradient(#888888, #313030);  /* Opera 11.10+ */
  	background-color:#313030;
  	font-size:10px;
	line-height:120%;
}

.rounded_infobox:hover {
  	width:220px;
  	margin:40px auto;
	color: #ccc;
	cursor:pointer;
	text-shadow: 0px 1px 0px #000;
  	padding:10px 10px;
	background: -moz-linear-gradient(top,  #888,  #313030); /* Firefox gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#313030'); /* ie gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#313030)); /* Safari, Chrome, etc webkit gradient */
	background-image: -o-linear-gradient(#888888, #313030);  /* Opera 11.10+ */
  	background-color:#313030;
	border-radius:5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #404040;
	-webkit-box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #404040;
	-moz-box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #404040;
  	font-size:10px;
	line-height:120%;
}


.rounded_infobox h2 {
	color: #fff;
	margin:0;
	font-size:16px;
	font-weight:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:120%;
}

.buttonInfobox {
	float:right;
	height:12px;
	width:80px;
	margin:5px 5px 5px 5px;
	padding:5px 7px 7px 5px;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.5, rgb(101,31,67)),
    color-stop(0.5, rgb(132,75,107)));
	background-image: -moz-linear-gradient(
    center bottom,
    rgb(101,31,67) 50%,
    rgb(132,75,107) 50%);
	background-image:url(../images/buttonBackgroundBarcoNoshadow.png);
	background-repeat:repeat-x;
	background-size:contain;
	text-align:center;
	cursor:pointer;	
	border-radius:3px 3px; -moz-border-radius:3px; -webkit-border-radius:3px; 
}

.buttonInfobox:hover {
	top:-2;
	float:right;
	height:12px;
	width:80px;
	margin:5px 5px 5px 5px;
	padding:5px 7px 7px 5px;
	background-image:url(../images/buttonBackgroundBarcoNoshadow.png);
	background-repeat:repeat-x;
	background-size:contain;
	text-align:center;
	cursor:pointer;	
	border-radius:3px 3px; -moz-border-radius:3px; -webkit-border-radius:3px; 
}

.buttonInfobox a:link {
	color:#fff;
	text-decoration:none;
}
.buttonInfobox a:visited {
	color:#fff;
	text-decoration:none;
}
.buttonInfobox a:hover {
	color:#ccc;
	text-decoration:none;
}
.buttonInfobox a:active {
	color:#fff;
	text-decoration:none;
}

/* END This div is the dark gray infobox on the main page */


.infoboxOne {
	border:4px solid #fff;
/* background-color:#cfcf43;*/
/* color:#fff; */
	cursor:pointer;
	font-family:Calibri, Tahoma, Geneva, sans-serif;
	word-wrap: break-word;
	-moz-border-radius: 5px;
 	border-radius: 5px;
 	-moz-box-shadow: 5px 5px 5px #888;
 	-webkit-box-shadow: 5px 5px 5px #888;
 	box-shadow: 5px 5px 5px #888;
	padding: 5px 15px 15px 15px;
	background: -moz-linear-gradient(top,  #fff,  #ccc); /* Firefox gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* ie gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Safari, Chrome, etc webkit gradient */
	background-image: -o-linear-gradient(#ffffff, #cccccc);  /* Opera 11.10+ */
}

.infoboxOne:hover {
	border:4px solid #fff;
/* background-color:#cfcf43;*/
/* color:#fff; */
	cursor:pointer;
	font-family:Calibri, Tahoma, Geneva, sans-serif;
	word-wrap: break-word;
	-moz-border-radius: 5px;
 	border-radius: 5px;
 	-moz-box-shadow: 5px 5px 5px #888;
 	-webkit-box-shadow: 5px 5px 5px #888;
 	box-shadow: 5px 5px 5px #888;
	padding: 7px 15px 15px 15px;
	background: -moz-linear-gradient(top,  #fff,  #ccc); /* Firefox gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); /* ie gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Safari, Chrome, etc webkit gradient */
	background-image: -o-linear-gradient(#ffffff, #cccccc);  /* Opera 11.10+ */
}

.infoboxOne H3 {
	font-size:17px;
	line-height:50%;
	color:#003046;
	text-decoration:none;
	text-shadow: #888 0pt 0pt 6pt;
}

.infoboxOne a:link {
	color:#000;
	text-decoration:none;
}
.infoboxOne a:visited {
	color:#000;
	text-decoration:none;
}
.infoboxOne a:hover {
	color:#ccc;
	text-decoration:none;
}
.infoboxOne a:active {
	color:#000;
	text-decoration:none;
}
/* ################################ */
.whatsnew {
	border:1px solid #fff;
	/* background-color:#cfcf43;*/
	width:195px;
	color:#404040;
	font-size:11px;
	text-shadow: 0px 1px 0px #ffffff;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	word-wrap: break-word;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
 	border-radius: 5px;
	padding: 5px 1px 1px 10px;
	box-shadow:inset 0 0 1px 2px #ccc,0px 0px 2px 2px #888888;
	-webkit-box-shadow:inset 0 0 1px 2px #ccc,0px 0px 2px 2px #888888;
	-moz-box-shadow:inset 0 0 1px 2px #ccc,0px 0px 2px 2px #888888;
	background-image: -moz-linear-gradient(top, #f6ece0 0%, #CCCCCC 100%); /* Firefox gradient */
	background-image: -ms-linear-gradient(top, #f6ece0 0%, #CCCCCC 100%); /* IE10 */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6ece0', endColorstr='#cccccc'); /* ie gradient */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6ece0), color-stop(1, #CCCCCC)); /* Safari, Chrome, etc webkit gradient */
	background-image: -webkit-linear-gradient(top, #f6ece0 0%, #CCCCCC 100%); /* Webkit (Chrome 11+) */ 
	background-image: -o-linear-gradient(#f6ece0, #cccccc);  /* Opera 11.10+ */
	background-image: linear-gradient(top, #f6ece0 0%, #CCCCCC 100%); /* Proposed W3C Markup */ 
	background-color:#dad7d7;
}

.whatsnew:hover {
	border:2px solid #fff;
	/* background-color:#cfcf43;*/
	cursor:pointer;
	width:195px;
	color:#404040;
	font-size:11px;
	text-shadow: 0px 1px 0px #ffffff,0pt 0pt 6pt #888;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	word-wrap: break-word;
	-moz-border-radius:5px;
 	border-radius:5px;
	-webkit-border-radius:6px;
	box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #404040;
	-webkit-box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #404040;
	-moz-box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #404040;
	padding: 5px 5px 1px 10px;
	background-image: -moz-linear-gradient(top, #f6ece0 0%, #CCCCCC 100%); /* Firefox gradient */
	background-image: -ms-linear-gradient(top, #f6ece0 0%, #CCCCCC 100%); /* IE10 */ 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6ece0', endColorstr='#cccccc'); /* ie gradient */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6ece0), color-stop(1, #CCCCCC)); /* Safari, Chrome, etc webkit gradient */
	background-image: -webkit-linear-gradient(top, #f6ece0 0%, #CCCCCC 100%); /* Webkit (Chrome 11+) */ 
	background-image: -o-linear-gradient(#ffffff, #cccccc);  /* Opera 11.10+ */
	background-image: linear-gradient(top, #f6ece0 0%, #CCCCCC 100%); /* Proposed W3C Markup */ 
	background-color:#dad7d7;
}


.whatsnew H3 {
	font-size:20px;
	line-height:0px;
	color:#404040;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #ffffff;
}


.whatsnew p {
	position:relative;
	top:-7px;	
}

.whatsnew a:link {
	color:#000;
	text-decoration:none;
}
.whatsnew a:visited {
	color:#000;
	text-decoration:none;
}
.whatsnew a:hover {
	color:#666;
	text-decoration:none;
}
.whatsnew a:active {
	color:#000;
	text-decoration:none;
}

/* ################################ */

/* ################################ */
.whatsnewMain {
	border:1px solid #e4ddd7;
	/* background-color:#cfcf43;*/
	width:190px;
	height:90px;
	color:#404040;
	font-size:12px;
	text-shadow: 0px 1px 0px #ffffff;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	word-wrap: break-word;
	-moz-border-radius: 5px;
 	border-radius: 5px;
	box-shadow:inset 0 0 1px 2px #ccc,0px 0px 2px 2px #dad8cc;
	-webkit-box-shadow:inset 0 0 1px 2px #ccc,0px 0px 2px 2px #dad8cc;
	-moz-box-shadow:inset 0 0 1px 2px #ccc,0px 0px 2px 2px #dad8cc;
	background-color:#f4ebe2;
	padding: 5px 5px 10px 10px;
	background: -moz-linear-gradient(top,  #fff,  #dad8cc); /* Firefox gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dad8cc'); /* ie gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dad8cc)); /* Safari, Chrome, etc webkit gradient */
	background-image: -o-linear-gradient(#ffffff, #dad8cc);  /* Opera 11.10+ */
}

.whatsnewMain:hover {
	border:2px solid #ccc6bf;
	/* background-color:#cfcf43;*/
	cursor:pointer;
	width:190px;
	color:#404040;
	font-size:12px;
	text-shadow: 0px 1px 0px #ffffff,0pt 0pt 6pt #888;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	word-wrap: break-word;
	-moz-border-radius:5px;
 	border-radius:5px;
	box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #dad8cc;
	-webkit-box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #dad8cc;
	-moz-box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #dad8cc;
	padding: 3px 10px 15px 10px;
	background: -moz-linear-gradient(top,  #fff,  #dad8cc); /* Firefox gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dad8cc'); /* ie gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dad8cc)); /* Safari, Chrome, etc webkit gradient */
	background-image: -o-linear-gradient(#ffffff, #dad8cc);  /* Opera 11.10+ */
	background-color:#dad8cc;
}


.whatsnewMain H3 {
	font-size:21px;
	line-height:0px;
	color:#404040;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 0px 1px 0px #ffffff;
}


.whatsnewMain p {
	position:relative;
	top:-7px;	
}

.whatsnewMain a:link {
	color:#000;
	text-decoration:none;
}
.whatsnewMain a:visited {
	color:#000;
	text-decoration:none;
}
.whatsnewMain a:hover {
	color:#ccc;
	text-decoration:none;
}
.whatsnewMain a:active {
	color:#000;
	text-decoration:none;
}

/* ################################ */
.onedaydegree {
	border:1px solid #970e76;
	/* background-color:#cfcf43;*/
	cursor:pointer;
	width:255px;
	height:86px;
	color:#404040;
	text-shadow: 0px 1px 0px #ffffff;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	-moz-border-radius: 5px;
 	border-radius: 5px;
	box-shadow:inset 0 0 1px 2px #970e76,0px 0px 2px 2px #888888;
	-webkit-box-shadow:inset 0 0 1px 2px #ccc,0px 0px 2px 2px #888888;
	-moz-box-shadow:inset 0 0 1px 2px #ccc,0px 0px 2px 2px #888888;
	background-color:#970e76;
	background: -moz-linear-gradient(top,  #fcbced,  #970e76); /* Firefox gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcbced', endColorstr='#970e76'); /* ie 9 and below gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#fcbced), to(#970e76)); /* Safari, Chrome, etc webkit gradient */
	background-image: -o-linear-gradient(#fcbced, #970e76);  /* Opera 11.10+ */
	background-image: -webkit-linear-gradient(top, #fcbced 0%, #970e76 100%); 	/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(top, #fcbced 0%, #970e76 100%); /* Proposed W3C Markup 2011 */ 
}

.onedaydegree:hover {
	border:2px solid #970e76;
	/* background-color:#cfcf43;*/
	cursor:pointer;
	width:255px;
	height:86px;
	color:#404040;
	font-size:12px;
	text-shadow: 0px 1px 0px #ffffff,0pt 0pt 6pt #888;
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	word-wrap: break-word;
	-moz-border-radius:5px;
 	border-radius:5px;
	box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #404040;
	-webkit-box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #404040;
	-moz-box-shadow:inset 0 0 2px 2px #ccc,0px 0px 10px 2px #404040;
	background: -moz-linear-gradient(top,  #fcbced,  #970e76); /* Firefox gradient */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcbced', endColorstr='#970e76'); /* ie gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#fcbced), to(#970e76)); /* Safari, Chrome, etc webkit gradient */
	background-image: -o-linear-gradient(#fcbced, #970e76);  /* Opera 11.10+ */
	background-color:#970e76;
	  behavior: url("http://www.cablecenter.org/lib/css/border-radius.htc");   /* i8-9 hack for rounded corners */
}


/* ################################ */
.infoboxInnerShadow{
	word-wrap: break-word;
	-moz-border-radius:5px;
 	border-radius:5px;
	cursor:pointer;
	font-family:Calibri, Tahoma, Geneva, sans-serif;
	word-wrap: break-word;
	background-color:#cfcf43;
	padding: 5px 15px 15px 15px;
	-moz-box-shadow: inset 0 0 5px 5px #888;
 	-webkit-box-shadow: inset 0 0 5px 5px#888;
 	box-shadow: inset 0 0 5px 5px #888;
 } 
 
 .infoboxInnerShadow H3 {
	font-size:17px;
	line-height:50%;
	color:#003046;
	text-decoration:none;
	text-shadow: #888 0pt 0pt 6pt;
}
/* ################################ */
.infoboxTeardrop{
	cursor:pointer;
	width: 200px;
	font-family:Calibri, Tahoma, Geneva, sans-serif;
	word-wrap: break-word;
	background-color:#ccc;
	padding: 5px 15px 15px 15px;
	-moz-border-radius: 0em 1.5em 0em 1.5em;
	border-radius: 0em 1.5em 0em 1.5em;
	-moz-box-shadow: inset 0 0 5px 5px #888,5px 5px 5px #888;
 	-webkit-box-shadow: inset 0 0 5px 5px #888,5px 5px 5px #888;
 	box-shadow: inset 0 0 5px 5px #888,5px 5px 5px #888;
	/*Added opacity below */
	opacity:0.9;  
    filter:alpha(opacity=90);  
    -moz-opacity:0.9;  
 } 
 
 .infoboxTeardrop H3 {
	font-size:17px;
	line-height:50%;
	color:#003046;
	text-decoration:none;
	text-shadow: 0px -1px 0px #ffffff;
}
/* ################################ */
.infoboxTeardropTwo{
	cursor:pointer;
	color:#fff;
	width: 200px;
	font-family:Calibri, Tahoma, Geneva, sans-serif;
	text-align: justify; 
	text-justify: newspaper; 
	word-wrap: break-word;
	background-color:#9e0e8f;
	padding: 5px 15px 15px 15px;
	-moz-border-radius: 1.5em 0em 1.5em 0em;
	border-radius: 1.5em 0em 1.5em 0em;
	-moz-box-shadow: inset 0 0 5px 5px #67095d,5px 5px 5px #888;
 	-webkit-box-shadow: inset 0 0 5px 5px #67095d,5px 5px 5px #888;
 	box-shadow: inset 0 0 5px 5px #67095d,5px 5px 5px #888;
	/*Added opacity below */
	opacity:0.9;  
    filter:alpha(opacity=90);  
    -moz-opacity:0.9;  
 } 
 
 .infoboxTeardropTwo H3 {
	font-size:17px;
	line-height:50%;
	color:#e3d1e1;
	text-decoration:none;
	text-shadow: #888 0pt 0pt 6pt;
}
/* ################################ */
.infoboxRound {
	cursor:pointer;
	background-color:#90090c;
	color:#fff;
	text-shadow: 0px -1px 0px #374683;
/* filter: dropshadow(color=#e5e5ee,offX=0,offY=1); */
	text-align:center;
	height:200px;
	width:200px;
	-moz-border-radius:100px;
	border-radius:100px;
	-moz-box-shadow:5px 5px 5px #888;
 	-webkit-box-shadow:5px 5px 5px #888;
 	box-shadow:5px 5px 5px #888;
/* Note: Border radius needs to be half of height and width */
} 
.infoboxRoundSmall {
	cursor:pointer;
	background: -moz-linear-gradient(top,  #d40b10,  #73080b); /* Firefox gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#d40b10), to(#73080b)); /* Safari, Chrome, etc webkit gradient */
	background-image: -o-linear-gradient(#d40b10, #73080b);  /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #d40b10, #73080b); /* IE10 */
	background-image: -webkit-linear-gradient(top, #d40b10 0%, #73080b 100%); 	/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(top, #d40b10 0%, #73080b 100%); /* Proposed W3C Markup */ 
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); Works with IE6–IE9 but not with round shapes. Keep for future */
	background-color:#90090c;
	color:#fff;
	text-align:center;
	text-shadow: 0px -1px 0px #374683;
	/*filter: dropshadow(color=#e5e5ee,offX=0,offY=1); Note: ie destroys everything with this filter for round objects*/
	height:100px;
	width:100px;
	-moz-border-radius:50px;
	border-radius:50px;
	-moz-box-shadow:5px 5px 5px #888;
 	-webkit-box-shadow:5px 5px 5px #888;
 	box-shadow:5px 5px 5px #888;
	/* Note: Border radius needs to be half of height and width gradient wrecks circle in ie9 so removed */
	/* rotation code below */
	-moz-transform:rotate(-20deg); /* Firefox */
	-webkit-transform:rotate(-20deg); /* Safari, Chrome, etc  */
	-o-transform:rotate(-20deg); /* Opera 11.10+ */
	-ms-transform:rotate(-20deg);  /* ie9 */
	transform:rotate(-20deg);   /* ie */
} 

.infoboxRoundSmallOrange {
	cursor:pointer;
	background: -moz-linear-gradient(top,  #fd6b0a,  #733308); /* Firefox gradient */
	background: -webkit-gradient(linear, left top, left bottom, from(#fd6b0a), to(#733308)); /* Safari, Chrome, etc webkit gradient */
	background-image: -o-linear-gradient(#fd6b0a, #733308);  /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #fd6b0a, #733308); /* IE10 */
	background-image: -webkit-linear-gradient(top left, #fd6b0a 0%, #733308 100%); 	/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(top left, #fd6b0a 0%, #733308 100%); /* Proposed W3C Markup */ 
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); Works with IE6–IE9 but not with round shapes. Keep for future */
	background-color:#d55d0d;
	color:#fff;
	text-align:center;
	text-shadow: 0px -1px 0px #374683;
	/*filter: dropshadow(color=#e5e5ee,offX=0,offY=1); Note: ie destroys everything with this filter for round objects*/
	height:150px;
	width:150px;
	-moz-border-radius:75px;
	border-radius:75px;
	-moz-box-shadow:5px 5px 5px #888;
 	-webkit-box-shadow:5px 5px 5px #888;
 	box-shadow:5px 5px 5px #888;
	/* Note: Border radius needs to be half of height and width gradient wrecks circle in ie9 so removed */
	/* rotation code below */
	-moz-transform:rotate(-20deg); /* Firefox */
	-webkit-transform:rotate(-20deg); /* Safari, Chrome, etc  */
	-o-transform:rotate(-20deg); /* Opera 11.10+ */
	-ms-transform:rotate(-20deg);  /* ie9 */
	transform:rotate(-20deg);   /* ie */
} 

 .infoboxRoundSmallOrange H3 {
	font-size:26px;
	font-weight:lighter;
	line-height:0%;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: #888 0pt 0pt 6pt;
	padding-top: 10px;
}

.infoboxRoundSmallOrange p {
	position:relative;
	top:-11px;	
}

/*  info box boxes */
/* font effects */
.fontLetterpressDark {
	padding: 0px 5px 0px 5px;
	text-align:center;
	font-size:28px;
	background:#404040;
	color:#303030;
	text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;	
}

.fontLetterpressLight {
	padding: 0px 5px 0px 5px;
	text-align:center;
	font-size:28px;
	background:#ccc;
	color:#505050;
	text-shadow: -1px -1px 0px #202020, 1px 1px 0px #fff;
}

.fontEmbossDark {
	padding: 5px 5px 5px 5px;
	text-align:center;
	font-size:28px;
	background:#404040;
	color:#505050;
	text-shadow: 1px 1px 0px #202020, -1px -1px 0px #606060;
}

.fontEmbossLight {
	padding: 5px 5px 5px 5px;
	text-align:center;
	font-size:28px;
	background:#505050;
	color:#404040;
	text-shadow: -1px -1px 0px #ccc, -1px -1px 0px #fff;
}

/* font effects */
/* Styling the search results */


#resultsDiv{
	position:absolute;
	z-index:3000;
	width:100%;
	/* background-color:#f6ece2; 60percent.png */
	background:url('../images/60percentwhite.png');
	}
	
	fieldset{
	border:none;
	}
	

.pageContainer{
	/* Holds each page with search results. Has an inset bottom border. */
	border-bottom:1px solid #5e7481;
	margin-left:auto; /*Centers div on page*/
	margin-right:auto; /*Centers div on page*/
	margin-top:10px;
	margin-bottom:50px;
	width:620px;
	/* Adding a dark bottom border with box shadow */	
	-moz-box-shadow:0 1px 0 #798e9c;
	-webkit-box-shadow:0 1px 0 #798e9c;
	box-shadow:0 1px 0 #798e9c;
}


p.notFound{
	text-align:center;
	padding:0 0 40px;
}


/* Web & news results */


.webResult{ margin-bottom:50px;}
.webResult h2{ 
	background-image:url(../images/layout/headerBackground.jpg);
	/* background-color:#5D6F7B;*/
	font-size:18px;
	font-weight:normal;
	padding:8px 20px;
	
	/* Applying CSS3 rounded corners */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-moz-box-shadow:2px 2px 2px #888;
 	-webkit-box-shadow:2px 2px 2px #888;
 	box-shadow:2px 2px 2px #888;
}
.webResult h2:hover{ 
	background-image:url(../images/layout/headerBackground.jpg);
	/* background-color:#5D6F7B;*/
	font-size:18px;
	font-weight:normal;
	padding:9px 20px;
	
	/* Applying CSS3 rounded corners */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-moz-box-shadow:3px 3px 3px #888;
 	-webkit-box-shadow:3px 3px 3px #888;
 	box-shadow:3px 3px 3px #888;
}
.webResult h2 b{ color:#09F; } /* search term inside of the title */
.webResult h2 a{ color:#eee;border:none;} /* almost white title search result before search term */
.webResult p{ line-height:1.5;padding:15px 20px;}
.webResult p b{ color:#2a3bde;} /* highlighted search term in text results */
.webResult > a{ margin-left:20px;}


/* Image & video search results */


.imageResult{
	float:left;
	height:180px;
	margin:0 0 20px 40px;
	text-align:center;
	width:152px;
	overflow:hidden;
}
.imageResult img{ display:block;border:none;}
.imageResult a.pic{
	border:2px solid #fff;
	display:block;
	margin:0 auto 15px;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
 	box-shadow: 5px 5px 5px #888;
}
.imageResult a.pic:hover {
	border:4px solid #fff;
	display:block;
	margin:0 auto 15px;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
 	box-shadow: 5px 5px 5px #888;
}

/* The show more button */

#more{
	width:83px;
	height:24px;
	background:url('../images/more.png') no-repeat;
	cursor:pointer;
	margin:40px auto;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
 	box-shadow: 5px 5px 5px #888;
}

#more:hover{
	background-position:left bottom;
}



a, a:visited {
	text-decoration:none;
	outline:none;
	color:#97cae6;
}

a:hover{
	border-bottom:1px dashed transparent;
}

.clear{
	clear:both;
}

#submitButton{
	background:url('../images/layout/buttonSearch.gif') no-repeat;
	width:41px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	text-transform:uppercase;
	border:none;
	cursor:pointer;
}


#s{
	/* The search text box. */
		width:100px;
	/*	background-image:url(../images/layout/headerBackground.jpg); */
}
	#searchInContainer{
	float:left;
	margin-top:5px;
	margin-left:-5px;
	width:330px;
	color:#fff;
}

/* The UL that contains the search type icons */

.icons{
	list-style:none;
	margin:0px 0 0 140px;
	height:22px;
	width:100px;
	position:absolute;
	top:10px;
	z-index:10;
}

.icons li{
	background:url("../images/icons.png") no-repeat;
	float:left;
	height:19px;
	text-indent:-9999px;
	cursor:pointer;
	margin-right:5px;
}

/* Styling each icon */

li.web{ width:15px;}
li.web.active,
li.web:hover{ background-position:left bottom;}

li.images{ width:22px; background-position:-18px 0;}
li.images.active,
li.images:hover{ background-position:-18px bottom;}

li.news{ width:14px; background-position:-44px 0;}
li.news.active,
li.news:hover{ background-position:-44px bottom;}

li.videos{ width:17px; background-position:right 0;}
li.videos.active,
li.videos:hover{ background-position:right bottom;}

span.arrow{
	/* The little arrow that moves below the icons */
	
	width:11px;
	height:6px;
	margin:21px 0 0 5px;
	position:absolute;
	background:url('../images/arrow.png') no-repeat;
	left:0;
	display:none;
}

input[type=radio]{
	cursor:pointer;
	/*float:left;*/
}

/* end style search results */

/* Image IMG border styles */

.simpleBorder{ /* shadow appears bottom-right */
	display: block;
	padding:8px;
	border:solid;
	border-color: #ffffff #ffffff #aaaaaa #cccccc;
	border-width: 2px 2px 2px 1px;
	background-color:white;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
 	box-shadow: 5px 5px 5px #888;
}

.simpleBorder:hover{
	display: block;
	padding:8px;
	border:solid;
	border-color: #ffffff #ffffff #aaaaaa #cccccc;
	border-width: 2px 2px 2px 1px;
	background-color:white;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
 	box-shadow: 5px 5px 5px #888;
}

/* end IMG Border styles */

/* Browser specific (not valid) styles to make preformatted text wrap */                
pre { 
white-space: pre-wrap;       /* css-3 */ 
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */ 
white-space: -pre-wrap;      /* Opera 4-6 */ 
white-space: -o-pre-wrap;    /* Opera 7 */ 
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* ROTATION STYLES */
.rotate-15 {
	-moz-transform:rotate(-15deg); /* Firefox */
	-webkit-transform:rotate(-15deg); /* Safari, Chrome, etc  */
	-o-transform:rotate(-15deg); /* Opera 11.10+ */
	-ms-transform:rotate(-15deg);  /* ie9 */
	transform:rotate(-15deg);   /* ie */
} 

/* END ROTATION STYLES */

/* MEDIA QUERIES ----------------------------------- */
@media screen and (min-width: 1200px) {
.imageTitle {
	font-size:30px;
}
body {
	background-image:url(../images/layout/mainContainerBackgroundSlice.gif); /*This is the background image for the whole page*/
	background-repeat:repeat-x;
}
	}
	
@media screen and (max-width:600px) {
	.imageTitle {
	font-size:24px;
}	
	}
	
@media screen and (max-width:600px) {
.imageTitle {
	font-size:24px;
}
.slideshowAbout {display:none;}	
body {
	background-image:url(../images/layout/mainContainerBackgroundSlice.gif); /*This is the background image for the whole page*/
	background-repeat:repeat-x;
}
	}

/* Phones */
@media screen and (max-width: 400px) {
	
	.imageTitle {
	margin-left:20px;
	font-size:32px;
	clear:both;
	
	}
	
	#contentAboutCC {
	left:20px;
	float:left;
	height:110px;
	width:24.85%; 
	margin-left:20px;
	margin-top:20px;
}


.slideshowAbout {display:none;}	

#linkRentTheCenter {display:none;}	
/* #navigationContainer {display:none;} */
.navigationPrograms {display:none;} 
.navigationProfEdu  {display:none;} 
.navigationCustCare {display:none;} 
.navigationBarco  {display:none;} 
.navigationHOF {display:none;} 
.navigationAboutCC {display:none;}
.navigationAboutCC-Arrow {display:none;}
.touch {display:none;}
.whatsnew {display:none;}

.footerLinks {
	margin-left:20px;
	text-align:left;
	font-size:11px;
	color:#FFF;
	padding-top:25px;
	width:300px;
}

.footerLinks img {
	display:none;
	}

#titleAboutCC {
	position:absolute;
	height:83px;
	width:325px;
	left:20px;
	top:40px;
}

#emailBoxContainer {
	margin:-15px;
	margin-top:10px;
	margin-left:0px;
	padding:12px;
	width:211px;
	height:76px;
	float:left;
	display:inline;
}


#innerHeaderContainer {
	margin-left:auto; /*Centers div on page*/
	margin-right:auto; /*Centers div on page*/
	width:325px;
	height:76px;
	clear:both;
}

#copyright {
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	color:#999;
	padding-top:80px;
	width:220px;
}


#homepageFooterShort {display:none;}

#homepageFooterBox {
	margin-left:auto;
	margin-right:auto;
	width:325px;
	height:370px;
}
/* MAIN CONTAINER FOR FRONT PAGE */
#contentContainerHomepage {
	margin:0px;
	padding:0px;
	width:325px;
	height:1000px;
	margin-left:auto; /*Centers div on page*/
	margin-right:auto; /*Centers div on page*/
	background-color:#f4ede3;
	position:relative;
}

#topColorBand {display:none;}	


/*This section controls all the background elements*/
#outerContentContainer {
	margin-left:auto; /*Centers div on page*/
	margin-right:auto; /*Centers div on page*/
	clear:both;
	width:325px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center top;
}

#outerHeaderContainer {
	margin:0px;
	padding:0px;
	background-image:url(../images/layout/headerBackground.jpg);
	background-repeat:repeat-x;
	width:325px;
	overflow:hidden;
	height:76px;
}

#innerHeaderContainer {
	margin-left:auto; /*Centers div on page*/
	margin-right:auto; /*Centers div on page*/
	width:325px;
	height:76px;
	clear:both;
	background-color:#333;
}
.navContent{display:none;}

#searchBoxContainer {
	margin:0px;
	padding:0px;
	width:211px;
	height:76px;
	float:left;
	clear:both;
	display:inline;
}

#copyright {
	float:left;
	margin-left:20px;
	font-size:10px;
	color:#999;
	padding-top:10px;
	width:220px;
}
body {
	background-image:url(../images/layout/mainContainerBackgroundSlice.gif); /*This is the background image for the whole page*/
	background-repeat:repeat-x;
}

/* Inside content pages */

#interiorPageContentContainer {
	margin:0px;
	padding:0px;
	width:250px;
	clear:both;
	background-image:url(/lib/images/layout/subNavBackgroundSlice.gif);
	background-repeat:repeat-x repeat-y;
}
#interiorContentColumn {
	margin:0px;
	padding:20px 0px 0px 20px;
	float:left;
	display:inline;
	width:250px;
	min-height:300px;
	background-color:#FFF; /*This covers the background pattern in the nav column with white*/
}

#interiorMainNavContainer {
	margin:0px;
	padding:0px;
	width:350px;
	height:49px;
	clear:both;
	background-color:#fff;
}

.oralhistoryDetails #contentContainer,#rightColumn{
	clear: both;
	width: 250px;
}

.oralhistoryDetails #contentContainer,#leftColumn{
	clear: both;
	width: 200px;
	display:block;
}

	
.oralhistoryDetails #contentContainer,#leftColumn p {
	font-size:1.0em;
	width: 300px;
}

#interiorContentColumn .oneColumn #contentContainer #Column img {
	display:none;
}

.phoneNav{ display:block;
margin-left:40px;
margin-top:-80px;
}

/* BUTTONS */


/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	width:150px;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
a.black:link {color:#fff;}
a.black:visited {color:#fff;}
a.black:hover {color:#fff;}


.black a:link visited active {
	color:#fff;
	text-decoration:none;
}

.black a:hover {
	color:#ccc;
	text-decoration:none;
}

.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #3e3e3f;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

a.gray:link {color:#fff;}
a.gray:visited {color:#fff;}
a.gray:hover {color:#fff;}

.gray:hover {
	border: solid 2px #3e3e3f;
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
	-moz-box-shadow: 0 0 5px 5px #888;
	-webkit-box-shadow: 0 0 5px 5px#888;
	box-shadow: 0 0 5px 5px #888;
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	color: #404040;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #404040;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.mavericks {
	color: #fff;
	border: solid 1px #9b8b01;
	background: #b09e00;
	background: -webkit-gradient(linear, left top, left bottom, from(#e0ce02), to(#867902));
	background: -moz-linear-gradient(top,  #e0ce02,  #867902);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0ce02', endColorstr='#867902');
}
.mavericks:hover {
	background: #b09e00;
	background: -webkit-gradient(linear, left top, left bottom, from(#e0ce02), to(#867902));
	background: -moz-linear-gradient(top,  #e0ce02,  #867902);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0ce02', endColorstr='#867902');
}
.mavericks:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#e0ce02), to(#867902));
	background: -moz-linear-gradient(top,  #e0ce02,  #867902);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0ce02', endColorstr='#867902');
}

/* red */

.red {
	color: #fff;
	border: solid 2px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

.red a:link {
	color:#fff;
	text-decoration:none;
}
a.red:link {color:#fff;}
a.red:visited {color:#fff;}
a.red:hover {color:#fff;}

.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	color: #fff;
	border: solid 2px #0076a3;
	background: #012f46;
	background: -webkit-gradient(linear, left top, left bottom, from(#025179), to(#012f46));
	background: -moz-linear-gradient(top,  #025179,  #012f46);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#025179', endColorstr='#012f46');
}

a.blue:link {color:#fff;}
a.blue:visited {color:#fff;}
a.blue:hover {color:#fff;}

.blue:hover {
	background: #012f46;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#012f46));
	background: -moz-linear-gradient(top,  #0095cc,  #012f46);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#012f46');
}
.blue:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* customer care */
.customercare {
	color: #fae7e9;
	border: solid 1px #cba791;
	background: #9b7f6a;
	background: -webkit-gradient(linear, left top, left bottom, from(#cba791), to(#9b7f6a));
	background: -moz-linear-gradient(top,  #cba791,  #9b7f6a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cba791', endColorstr='#9b7f6a');
}
.customercare:hover {
	background: #9b7f6a;
	background: -webkit-gradient(linear, left top, left bottom, from(#9b7f6a), to(#9b7f6a));
	background: -moz-linear-gradient(top,  #9b7f6a,  #9b7f6a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b7f6a', endColorstr='#9b7f6a');
}
.customercare:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#9b7f6a), to(#9b7f6a));
	background: -moz-linear-gradient(top,  #9b7f6a,  #9b7f6a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b7f6a', endColorstr='#9b7f6a');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #746e22;
	background: -webkit-gradient(linear, left top, left bottom, from(#a5a231), to(#746e22));
	background: -moz-linear-gradient(top,  #a5a231,  #746e22);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5a231', endColorstr='#746e22');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

/* END BUTTONS */
}