* { font-family: verdana, sans-serif; margin: 0px; padding: 0px }

a { border: 0 }
a:link, a:visited { color: #0860A8; text-decoration: none }
a:hover { color: #626262; text-decoration: none }
blockquote { background-color: #eee; margin: 0 0 5px 20px; padding: 5px; width: 90% }
blockquote p { margin: 0; padding: 0 }
body { background: #fff; color: #000; font-size: 11px; padding: 0 15px 15px 10px }
code { font-family: "courier new", courier, monospace; font-size: 11px; line-height: 13px }
h1 { color: #959595; font-family: "lucida grande",arial,sans-serif; font-size: 24px; font-weight: normal; padding-bottom: 5px }
h1 a:link, h1 a:visited { color: #0860a8; text-decoration: none }
h1 a:hover { color: #626262; text-decoration: none }
h2 { border-bottom: 1px solid #bababa; border-color: #bababa; color: #000000; font-size: 12px; font-weight: bold; margin-bottom: 4px; padding-bottom: 4px }
h3 { color: #666; font-size: 10px; font-weight: normal; line-height: 16px; padding-bottom: 6px }
h3 a { font-weight: bold }
h4 { color: #fff; font-family: "lucida grande",arial,sans-serif; font-size: 22px; font-weight: normal; padding-bottom: 2px }
h5 { color: #666; font-size: 10px; font-weight: normal; line-height: 16px; padding-bottom: 20px }
h5 a { font-weight: bold }
img { border: 0 }
input, select, textarea { font-size: 11px }
p, ol, ul { line-height: 16px }
p { margin-bottom: 10px }

/* lists: we need to do work on this */
ol { margin-bottom: 16px; margin-left: 25px }
ol ol { margin-bottom: 0px }
ol ol ol { margin-bottom: 0px }
ul { margin-bottom: 16px; margin-left: 16px }
ul ul { margin-bottom: 0px }
ul ul ul { margin-bottom: 0px }
ul ul ul ul { margin-bottom: 0px }

#container { margin: 10px auto 10px auto; width: 975px }
#header { background: url('/common/images/headerbg.jpg'); height: 81px }
#header div input, #header div select, #header div form { display: inline; font-size: 10px }
#topbar { background: #efefef; border-right: 1px solid #bababa; font-size: 10px; font-weight: bold; float: right; padding: 2px 8px }
#menu { border-bottom: 1px solid #bababa; border-left: 1px solid #bababa; border-right: 1px solid #bababa; clear: both; height: 22px; margin-bottom: 15px }
#breadcrumb { margin-bottom: 3px }
#right { float: right; width: 216px }
#body { position: relative; width: 744px; z-index: 1 }
#footer { border-top: 1px solid #bababa; clear: both; margin-top: 10px; padding-top: 5px }

#nav { position: relative; z-index: 100 }
#nav, #nav ul { list-style: none; margin: 0; padding: 0 }
#nav ul { border-bottom: 1px solid #bababa; left: -1px; list-style: none; position: absolute; top: -999em }
#nav ul li { border: 0; float: none }
#nav ul a { border: 1px solid #bababa; border-bottom: 0; padding-right: 15px; white-space: nowrap; width: 215px }
#nav li { border-right: 1px solid #bababa; float: left; position: relative }
#nav li:hover ul, #nav li.sfHover ul { top: 22px }
#nav li a { background: #efefef; color: #0860A8; display: block; font-size: 11px; font-weight: bold; padding: 3px 9px; text-decoration: none } /* toplevel normal */
#nav li a:hover, #nav li.sfHover a { background: #9cf } /* toplevel hover */
#nav li ul a, #nav li.sfHover ul a { background: #efefef; color: #0860A8; font-weight: normal } /* dropdown normal */
#nav li ul a:hover, #nav li.sfHover ul a:hover { background: #9cf } /* dropdown hover */

.box { border: 1px solid #c6c6c6; margin-bottom: 15px }
.boxHeader { border-bottom: 1px solid #c6c6c6; font-size: 12px; font-weight: bold; padding: 8px }   
.boxBody { padding: 6px 8px }
.boxBody ul { list-style-type: none; margin-bottom: 0px; margin-left: 0px }
.boxBody ul li { padding-bottom: 8px }

/* try to get rid of this */
.calendarDateInput { width: 55px }

.seperator { border-top: 1px solid #ccc; margin: 10px 0 10px 0 }

.tableformat1 { font-size: 11px }
.tableformat1FirstRow { background-color: #555555; color: #ffffff; font-size: 12px; font-weight: bold }
.tableformat1FirstRowCol { border-right: 1px solid #bababa }
.tableformat1RowOdd { background-color: #e3e3e3 }
.tableformat1RowEven { background-color: #ffffff }
.tableformat1Col { border-bottom: 1px solid #bababa; border-right: 1px dotted #bababa }
