/* reset spacing */
body, div, ul, li, h1, h2, h3 { margin: 0; padding: 0; border: 0; }

/* generic styles */
body { font-family: arial; font-size: 0.8em; }
a, input, textfield { color: #781351; }

/* purple borders */
legend, input, fieldset, textarea { border: 1px #781351 solid; }

/* compound borders */
.border { border: 1px #9a9a9a solid; padding: 1px; }
.innerborder { padding: 2px; background-color: #eeeeee; }

/* links - hover effect */
a:active, a:link, a:visited, a:hover { text-decoration: none; }
a:hover { text-decoration: underline; }

/* headers */
h1, h2, h3 { background: url() repeat-x top left; text-align: center; }
h1 { padding: 10px 0; }
h2 { background-image: url(../images/h2.jpg); height: 41px; padding-top: 5px; }
h3 { background-image: url(../images/h3.jpg); min-height: 20px; }

/* fields & forms */
fieldset { width: 20em; }
legend { color: #fff; background: #ffa20c; padding: 4px 8px }
input { background: #fee3ad; }
textarea { background: #fee3ad; }
label { font-weight: bold; font-style: italic; }
.tdSubmit { text-align: right; }

/* left box styles */
#left { width: 225px; float: left; padding-top: 10px; }
#left p { margin-left: 30px; text-align: center; font-style: italic; }
#left p .user { font-weight: bold; }
#left a img { border: 0; }
#left ul { border: 0; margin: 0 5px; padding: 0; list-style-type: none; }
#left ul li { margin-bottom: 5px; }
#left ul li div.button { float:left; text-align: center; }
#left ul li div.button a { background-color: #eeeeee; display: block; width: 19px; height: 19px; text-decoration: none; }
#left ul ul { margin: 0; }
#left ul li ul li { margin-bottom: 0; }
#left ul li div.nav { margin-left: 25px; }

/* main box styles */
#main { margin: 0 50px 0 255px; }
#main .innerborder .pad { padding: 15px; }
#main .innerborder ul { list-style-image: url(../images/bullet.jpg); padding: 0 25px; }