body { background-color: #fff; color: #444; font-family: aptos, sans-serif, verdana, arial ; margin: 0 auto; margin-top: 10px; width: 980px; }

#title { background: #fff; border-top: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa; float: left; margin: 0;  width: 978px; }
#title1 { padding: 5px; width: 968px; }

#topnav { background: #aaa; color: #fff; float: left; margin: 0; padding: 5px; width: 968px; }
#topnav a { color: #fff; font-weight: bold; }
#topnav a:hover { text-decoration: underline; }

#subnav { background: #4f81bd; color: #fff; float: left; margin: 0; padding: 5px; width: 968px; }
#subnav a { color: #fff; font-weight: bold; }
#subnav a:hover { text-decoration: underline; }

#content { background: #fff; border: 1px solid #aaa; float: left; height: 450px; height: auto !important; margin: 0px; min-height: 450px; padding: 0px 10px 0px 5px; width: 963px; }
#wrapper { float: left; height: 450px; height: auto !important; min-height: 450px; padding: 5px; }

#footer { background: #fff; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; border-right: 1px solid #aaa; float: left; margin: 0; width: 978px; }
#footer a { color: #000; }
#footer a:hover { color: red; text-decoration: none; }
#footerR { float: right; padding: 5px 15px 0px 15px; text-align: right }

/* standard elements */
.left { float: left; text-align: left; }
.right { float: right; text-align: right; }
.center { text-align: center; }
p { line-height: 1.5em; margin: 0 0 1em 0; padding: 0; }
table { border: 1px solid #4f81bd; margin: 0 0 1em 0; }
table.grid { background: #fff; border: 1px solid black; }
p.tbl { line-height: 1.5em; margin: 0 0 0 0; padding: 0; }
div.hr { border-bottom: 1px solid #888; clear: both; display: block; margin: 1em 0; }
a { color: #800; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0px; }
img.brdr { border: 1px solid black; }
.bc { color: black; }
h1 { color: #444; font-weight: bold; margin: 0 0 1em 0; }
h2 { color: #444; font-weight: bold; line-height: 1.5em; margin: 0 0 1em 0; }
h2.red { color: #800; }
input, select, textarea { border: 1px solid #888; color: #000; font-family: sans-serif, arial; }
a.lnk { font-weight: bold; }

/* other elements */
.tblGigs { width: 958px; }
.tblTR, .tblTR0, .tblTR1 { cursor: default; vertical-align: top; }
.tblTR0 { }
.tblTR1 { background: #b5ceed; }
.tblTR0:hover, .tblTR1:hover { background: yellow; cursor: default; }
.tdTtl { background: #4f81bd; color: #fff; font-weight: bold; padding: 5px; }
.tdHdr { font-weight: bold; padding: 5px; }
.tdValue { padding: 5px; }
.tdTtlMs { background: #4f81bd; color: #fff; font-weight: bold; padding: 3px; }
.tdValueMs { padding: 3px; }

.sortable-list {
    list-style-type: none;
    margin: 0;
}

.sortable-list li {
    border: 1px solid #000;
    cursor: move;
    margin: 2px 0 2px 0;
    padding: 3px;
    background-color: #eef;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border: 1px solid #ccc;
    width: 600px;
}

/* font size */
body { font-size: 75%; }
table { font-size: 1em; }
p { font-size: 1em; }
input, select, textarea { font-size: 1em; }
.sml { font-size: 0.9em; }
.bc { font-size: 0.9em; }
h1 { font-size: 1.5em; }
h2 { font-size: 1em; }
.tdValue2sml { font-size: 1em; }
#footer { font-size: 0.9em; }
