/* ---( = abstracted main elements )------------------------------- */

#top-nav {color: #fff;background: #959595;}
#top-nav li {border-left:  1px solid #fff;}
#top-nav li.dndon {padding-right: 34px;background: url(../image/icon-dnd-on.gif) no-repeat center right;}
#top-nav a, #top-nav a:visited {color: #fff;}
#top-nav a:hover, #top-nav a:visited:hover {color: #9b9a9a;}

.main {background: #fff;}
#content {border-color: #eee;background-image: url(../image/logo-cch-new.gif);}

#banner, #nav {background: #959595;}
#nav h1 a, #nav h1 a:visited {color: #fff;}

/* ---( = abstracted nav elements )------------------------------- */

#nav li a, #nav li a:visited {background:#d5d5d5;color:#959595;}

#nav li a:hover, #nav li a:visited:hover, 
.section-1 #nav li#nav-1 a, .section-1 #nav li#nav-1 a:visited,
.section-2 #nav li#nav-2 a, .section-2 #nav li#nav-2 a:visited,
.section-3 #nav li#nav-3 a, .section-3 #nav li#nav-3 a:visited,
.section-4 #nav li#nav-4 a, .section-4 #nav li#nav-4 a:visited,
.section-5 #nav li#nav-5 a, .section-5 #nav li#nav-5 a:visited,
.section-6 #nav li#nav-6 a, .section-6 #nav li#nav-6 a:visited,
.section-7 #nav li#nav-7 a, .section-7 #nav li#nav-7 a:visited,
.section-8 #nav li#nav-8 a, .section-8 #nav li#nav-8 a:visited 
{background:#fff;color:#959595;}

/* ---( = begin sub-nav elements )------------------------------- */

#sub-nav {border-color: #eee;}
#sub-nav li a, #sub-nav li a:visited {border-color: #ccc;}
#sub-nav li a, #sub-nav li a:visited { }
#sub-nav li a:hover, #sub-nav li a:visited:hover { }

/* ---( = begin footer-nav elements )------------------------------- */

#footer {color: #000;background: #fff;border-top: 0px solid #b4d7f0;}
#footer li {border-color: #ccc;}
#footer li a, #footer li a:visited {color: #222;text-decoration: none;}
#footer li a:hover, #footer li a:visited:hover {color: #999;}