body { color: #000; background-color: #fff; }
a { color: #00f; }
a:hover { color: #99c; }
a:visited { color: #000; }
hr { color: #cacaca; background-color: #cacaca; }

#wrapper { border-color: #339; background-color: #fff; }
#search { background-color: #636; }
#search input.text-input { border-color: #000; }
#search a { color: #fff; }
#container { border-color: #fff; background-color: #fff; }

ul#left-nav { background-color: #636; }
ul#left-nav li { border-color: #9c7a9b; }
ul#left-nav li a { border-color: #9a7a9b; color: #fff; }
ul#left-nav li a:hover { background-color: #521c53; color: #99c; }

ul#left-nav li.on,
ul#left-nav ul { background-color: #521c53; }
ul#left-nav ul { border-color: #9c7a9b; }
ul#left-nav li a:hover { background-color: #521c53; color: #99c; }
ul#left-nav li ul a:hover { color: #99c; }

#left-rail h3,
#right-rail h3 { color: #fff; }
#left-rail h3 { background-color: #a3a3e1; }
#right-rail h3 { background-color: #99c; }
#content h2 { background-color: #a3a3e1; color: #fff; }
#content h3 { color: #636; }

#right-rail a { color: #000; }

.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; }
.layout-4 #content h1 { border-color: #53527a; color: #53527a; }