/* CSS Document */

/* STYLES -----------------------------STYLES-------------------------------STYLES */

#nav li {
	color: #000;
	}
#footer_content p{
	color:#fff;
	}
.feature h4{background-image: none; background-color: #60D4ED; color: #000;}
/* ELEMENTS --------------------------ELEMENTS----------------------------ELEMENTS */
body {
	color: #fff;
	background-color: #000;
	}

h1, h2, h3, h4, h5, h6 {
	color:#60D4ED;
	}
/* LINKS ------------------------------LINKS----------------------------------LINKS */
a { color:#60D4ED; }
a:link { color:#60D4ED; }
a:visited { color:#60D4ED; }
a:hover { color:#000; background-color: #60D4ED; border: none; }
a:focus { color:#000; background-color: #60D4ED; border: none; }
a:active { color:#000; background-color: #60D4ED; border: none; }

#membership a { color:#60D4ED; border: 2px solid #60D4ED; border-top:none; }
#membership a:link { color:#60D4ED; border: 2px solid #60D4ED; border-top:none; }
#membership a:visited { color:#60D4ED; border: 2px solid #60D4ED; border-top:none; }
#membership a:hover { color:#000; background-color: #60D4ED; }
#membership a:focus { color:#000; background-color: #60D4ED;}
#membership a:active { color:#000; background-color: #60D4ED;}

#nav a { color:#000; background-color: #60D4ED; }
#nav a:link { color:#000; background-color: #60D4ED; }
#nav a:visited { color:#000; background-color: #60D4ED; }
#nav a:hover { color:#60D4ED; background-color: #000; border: 2px solid #60D4ED; }
#nav a:focus { color:#60D4ED;  background-color: #000; border: 2px solid #60D4ED; }
#nav a:active { color:#60D4ED; background-color: #000; border: 2px solid #60D4ED; }

/* ACCESSIBILITY -------------------ACCESSIBILITY---------------------ACCESSIBILITY */
#skip a { color:#000; background-color:#000; }
#skip a:link { color:#000; background-color:#000; }
#skip a:visited { color:#000; background-color:#000; }
#skip a:hover { color:#000; background-color:#60D4ED; }
#skip a:focus { color:#000; background-color:#60D4ED; }
#skip a:active { color:#000; background-color:#60D4ED; }

/* IMAGES -----------------------------IMAGES-------------------------------IMAGES */
body {
	background-image: url(/img/page/bg_short_hc.jpg);
	}
#logo {
	background-image: url(/img/page/logo_hc.jpg);
	}
#footer {
	background-image: url(/img/page/bg_short_hc.jpg);
	}
#nav li {
	background-image: none;
	}
#nav a {
	background-image: none;
	}
#membership li {
	background-image: none;
	}
#membership a {
	background-image: none;
	}
#footer_content{
	background-image: url(/img/page/ccblogo_hc.gif);
	}




table { border: 1px solid #60D4ED; }
th {  border: 1px solid #60D4ED; background-color: #60D4ED; color: #000; }
td { border: 1px solid #60D4ED; }
caption{color:#60D4ED;}
p.paid{color:#60D4ED;}
dt{color:#60D4ED;}
legend { color: #60D4ED; }
fieldset { color: #FFF; background-color: #000; }
.calloutbox {
	background-color:#000; color: #FFF; 
}
.error { color: #6F9; }
.courseoptions,.colFloatRight{background-color:#000; border: 2px solid #60D4ED; color: #60D4ED;}
.coursebox, .feature{border:1px solid #60D4ED;}
.coursebox h3, .feature h4{background-color:#60D4ED;color:#000;}
.border2 img {border-color:#60D4ED;}
.but_admin {background-color:#000;}

/* New Styles for Forms */
button { color:#000; background-color:#60D4ED; border: 1px solid #808080; font-weight: bold; }
.formTextField { border-left: 10px solid #60D4ED; }
.formTextFieldError { border-left: 10px solid #60D4ED; }
.formBox { background-color:#000; color: #FFF; border: 2px solid #60D4ED;}
.formError {}
.formdata {background-color:#60D4ED;color:#FFF;}