body { background: #f5f3e4; color: black; }

div#headerbg { background: url(../../images/layout/banner-pa-bg.jpg) repeat; height: 55px; }
div#headerbg h1 { display: none; }
div#header { background: url(../../images/layout/banner-pa.jpg) no-repeat; height: 55px; }

div#content { font: 12px Georgia, "Times New Roman", Times, serif;
   background: #fbf9f4; color: #000; }
div#content a { font-weight: bold; }
div#content a:link { color: rgb(40%,40%,25%); text-decoration: none; }
div#content a:visited { color: rgb(45%,45%,40%); text-decoration: none; }
div#content a:hover { color: rgb(20%,20%,5%); text-decoration: underline; }
div#content a:active { color: rgb(40%,40%,10%); text-decoration: none; }

div#sidebar h5 a { color: rgb(5%,5%,0%); text-decoration: none; }

div.subc a { border-left: 1px dotted gray; }
div.subc a:link { color: rgb(40%,40%,25%); }
div.subc a:visited { color: rgb(45%,45%,40%); }
div.subc a:hover { color: rgb(20%,20%,5%); background: #dfd9c7; border-left: 3px solid gray; }

.listedspgt, .codesample { border: 1px solid #e8e6d5; background: #fdfcf9; color: black; }
div#content .listedspgt a, div#content .codesample a { font-weight: normal; }

/* following styles are for form elements */
.text, .button, .sbutton { color: #000; background: #fbf9f2; }
.button:hover, .sbutton:hover { color: #111; background: #fff; }
.button:active, .sbutton:hover { color: #fbf9f2; background: #000; }