body { margin: 0; padding: 0; background-color: #778; color: #900; background-repeat: repeat-x; background-attachment: fixed; }

#content { min-width: 780px; max-width: 1100px; width: 80%; margin: 12px auto 24px auto; font-family: Arial,Helvetica; font-size: 13px; color: #333; }

#top    { clear: both; }
#mid    { width: 98%; margin-left: auto; margin-right: auto; clear: both; }
#bottom { clear: both; text-align: center; }
#left   { float: left; max-width: 25%; margin-right: 12px; }
#right  { float: right; }
#main   { overflow: auto; line-height: 1.5; }

ul#topMenu { list-style-image: none; list-style-type: none; margin: 2px 0 0 0; padding: 0; }
ul#topMenu li { text-align: center; float: left; line-height: 40px; font-size: 18px; overflow: hidden; white-space: nowrap; }
ul#topMenu li.right { background-position: top right; }
ul#topMenu li.right span { background-position: top left; width: 4px; float: left; }
ul#topMenu li a { text-decoration: none; background-position: top left; float: left; width: 100%; color: #ddd; }
ul#topMenu li a.current { background-position: bottom left; color: #eee; }
ul#topMenu li a:hover { color: #fff; background-position: bottom left; }

#left a { text-decoration: none; padding:3px 5px 3px 5px; }
#left a:hover, #left a#current { background-color:#f6f6f6; border-radius:6px; -moz-border-radius:6px;	-webkit-border-radius:6px; }
#left a#current { color: #333; }
#leftMenu { font-size: 12px; font-weight: bold; background:#eee; overflow: hidden; border-radius:10px; -moz-border-radius:10px;	-webkit-border-radius:10px; padding:10px 6px 10px 6px; }

a, a:visited { color: #439; }
a:hover { color: #66e; }
a:active { color: #99f; }

a.button, a.button span.bc { background-repeat: no-repeat; display: inline-block; line-height: 24px; height: 24px; white-space: nowrap; }
a.button { background-position: top right; padding-right: 8px; cursor: pointer; text-decoration: none; color: #333; }
a.button span.bc { background-position: top left; padding-left: 8px; }
a.button:hover { background-position: bottom right; }
a.button:hover span.bc { background-position: bottom left; }
a.button span.bc img { vertical-align: middle; }
div.button { display: inline; line-height:16px; }
button a { color: #333; text-decoration: none; }

div.disabledbutton { display: inline-block; height: 24px; line-height:24px; background-position: top right; padding-right: 8px; }
div.disabledbutton span.bc { display: block; background-position: top left; padding-left: 8px; color: #aaa; }

table      { border-collapse: collapse; color: #fff; }
img        { border: 0; }
td         { font-family: Arial,Helvetica; font-size: 13px; color: #333; }
h2         { font-size: 24px; color: #777; font-weight: bold; }
h3         { font-size: 18px; color: #555; }
.cp        { margin-left: auto; margin-right: auto; }
.ct        { text-align: center; }
.center    { margin-left: auto; margin-right: auto; text-align: center; }
.cv        { vertical-align: middle; }
.cb        { clear: both; }
.hc        { clear: both; height: 2px; line-height: 2px; font-size: 2px; }
td.head    { font-weight: bold; }
.bold      { font-weight: bold; }
.caption   { font-weight: bold; color: #f60; }
.small     { font-size: 11px; }
.heading   { font-size: 24px; color: #777; font-weight: bold; }
.required  { color: #f00; font-weight: normal; }
.error     { font-weight: bold; color: #f00; }
.success   { font-weight: bold; color: #0b0; }
.pending   { font-weight: bold; color: #04f; }
.intro     { color: #66c; font-style: italic; line-height: 1.6; font-size: 17px; font-weight: lighter; }
.formerror { font-weight: bold; padding:3px; }
.nowrap    { white-space: nowrap; }
.bkgright  { background-repeat: no-repeat; background-position: top right; }

ul { padding-left: 1.3em; margin-left: 0; }
li { padding: 0; margin: 0; }