body { color: #000; background-color: #fff; }
a { color: #363; }
a:active { color: #f00; }
a:hover {color:#000099; text-decoration:underline; }
a:visited { color: #336633; }
hr { color: #cacaca; background-color: #cacaca; }

#wrapper { border-color: #363; background-color: #fff; }
#search { background-color: #c7d5e3; }
#search input.text-input { border-color: #000; }
#search a { color: #fff; }
#container { border-color: #fff; background-color: #fff; }

ul#left-nav { background-color: #696; }
ul#left-nav li { border-color: #363; }
ul#left-nav li a { border-color: #363; color: #fff; }
ul#left-nav li a:hover { background-color: #8BB98B; }

ul#left-nav li.on,
ul#left-nav ul { background-color: #8BB98B; }
ul#left-nav ul { border-color: #363; }

#left-rail h3,
#right-rail h3 { color: #fff; }
#left-rail h3 { background-color: #4863ab; }
#right-rail h3 { background-color: #4863ab; }
#content h2 { background-color: #4863ab; color: #fff; font-weight: bold;}
#content h3 { color: #363; }
#content h4 { color: #363; }
#content h5 { color: #363; }
#content h6 { color: #363; }

#right-rail a { color: #363; }

.feature { border-color: #a6a6a6; }
#content .feature h3 { background-color: #636; color: #fff; }

#footer { background-color: 
#666; color: #fff;
}

#footer a { color: #fff;
text-decoration: none;
}

#footer a:hover { color: #fff;
text-decoration: underline; 
}


/* layout variations */
.layout-2 #header h1 img.cal { border-color: #fff; }
.layout-2 img.program { border-color: #339; }
.layout-4 #content .header { background-color: #636; }
#content h1 { border-color: #53527a; color: #363; }