/* Main Layout */
html {height: 100%;}
body { font:normal 12px Helvetica, Arial, sans-serif; color:#333333; font-style: italic; background:#fff url(../images/bg.jpg) top center no-repeat fixed;}
.background {position: absolute;width: 100%;}
h1,h2,h3,h4,h5,h6,.componentheading {margin:5px 0 10px 0; padding:0; font-weight:bold; color:#f40912}
h1,.componentheading {font-size:24px;}
h2 {font-size:15px;}
h3 {font-size:15px;}
h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;}
a {color: #3c3c3c;text-decoration: underline; font-weight:bold;}
a:hover {text-decoration: none; color:#5f5f5f}
a img {
border: none;}
ul {margin:0 0 0 15px;}
p {margin-top: 0;margin-bottom: 12px;}
blockquote { background:#E9E9E9; border:1px solid #dcdcdc; margin:5px; padding:5px;}
element.style { height:auto;}
hr { width:100%; clear:both; border:none; height:2px; background:#bababa;}
.clr {clear: both;}
img {
padding: 3px;}

/* Header */
#logo-w { position:relative; height:70px; width:960px; margin:0 auto; clear: both;}
#header-wrapper {height:290px; clear: both;}
#header { position:relative;margin:0 auto; width:960px; height:290px; background:/*url(../images/header.jpg) top left no-repeat*/;border-bottom:1px dashed #dcdcdc; }
.top { position:absolute;width:380px; height:100%; padding:0px;top:0px; right:0px;}
#kmo-slides {float: left; width: 180px; padding: 5px 0 0 5px;}
#kmo-slides img {padding: 2px !important;}
.logo { position:absolute; top:0px; left:0px; color:#736a3a;}

/* Navigation */
#nav {}
#navl {}
#navr {background:none;height:40px;width:100%; position:absolute; top:5px; right:0;
*right:170px;
*top:-25px;}

#nav {z-index:5; position:relative;}
#nav ul {margin:0; padding:0 5px 0 0; float:right; /*border:1px dashed #dcdcdc;*/
*border:none;}
#nav ul li {list-style:none;float:left;height:40px;position:relative; padding:0; margin:0;}
#nav ul li a { display:block;padding:0 5px 0 10px; margin:0 5px;line-height:40px;color:#333;font-weight:bold;text-decoration:none;font-size:12px;}
#nav ul li:hover, #nav ul li.active {background:url(../images/prefmenu-li.png) 100% 50% no-repeat;}
#nav ul li.active a {color:#343434; background:url(../images/prefmenu-a.png) 0 50% no-repeat; }
#nav ul li a:hover, #nav ul li:hover a{color:#343434;text-decoration:none; background:url(../images/prefmenu-a.png) 0 50% no-repeat; }
#nav ul li.sfHover a {}

#nav ul li ul {position:absolute;width:150px;left:-999em;border:1px solid #dcdcdc;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:5px;}
#nav ul li ul li {padding:0;height:auto;width:150px; margin:0; border:none;}
#nav ul li:hover ul li a { background:#fff;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px;background:#fff;border-top:1px solid #dcdcdc;color:#333; font-size:11px;font-weight:normal;}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {margin:0; padding:0 0 0 10px;height:24px;line-height:24px;background:url(../images/prefmenu-a.png) 100% 50% no-repeat;color:#fff; font-size:11px;}
#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}

/* Content */
#main { margin:0 auto;width:1000px;background:transparent;}
#main, .leading, #page {position: relative;}
#main-content { clear:both; width:960px;margin:20px auto 0 auto;}
#maincol {position: relative;}
#wrapper { margin:0 auto; padding:0;position: relative; background:transparent;}
#comp_80 { width:680px; float:left; position:relative; padding:0;}
#comp_100 {  width:960px; margin:0 auto; position:relative;padding:0;}

.cols1 {display: block;float: none;margin: 0;width: 100%;}
.cols2 {width: 49%;overflow: hidden;}
.cols3 {width: 33%; float:left;}
.column1, .column2, .column3 {position: relative;float: left;margin: 0;}
.colpad {padding: 0 10px;position: relative;}
.article_row {overflow: hidden;margin: 0 -10px 15px -10px;}
.spacer .module {float: left;}
.spacer.w99 .module {width: 100%;}
.spacer.w49 .module {width: 50%;}
.spacer.w33 .module {width: 300px;}
.spacer.w24 .module {width: 24.5%;}

/* Content styles */
.buttonheading { position:absolute; top:0; right:5px;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background: url(../images/pdf_button.png) 0 50% no-repeat;}
.buttonheading .print {background: url(../images/printButton.png) 0 50% no-repeat;}
.buttonheading .email {background: url(../images/emailButton.png) 0 50% no-repeat;}
.iteminfo {font-size: 11px;overflow:hidden;margin-bottom:5px;display:block;margin-top:-10px;width: 100%; color:#777;}
.modifydate, .createdby, .createdate {padding:0 10px 0 0;}
.createdby {font-weight:bold;}
a.readon {margin-top:15px;}
.component-pad {padding: 15px;}
.banneritem_text {margin-bottom: 10px;}
#modlgn_username, #modlgn_passwd {padding: 3px;}
.pagination span, .pagination a {margin-right: 5px; padding:2px 5px; /*background:#4aaede; border:1px solid #3797c5;*/ color:#000000;} .pagination a:hover {/*background:#d5e5f2;*/ color:#0c293f;}
h2.contentheading {padding-right: 65px;} .contentheading, .contentheading a { font-size:17px; line-height:18px; text-decoration:none;} .contentheading a:hover {}
.sectiontableheader {font-weight: bold;line-height: 25px;text-align: left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 0 4px;vertical-align: middle;border-top: 1px solid #eee;line-height: 30px;}
span.attention {display: block;margin: 15px 0;padding: 8px 10px 8px 10px;background: #FFF3A3;border: 1px solid #E7BD72;color: #B79000;}
.button { background:#333333;color:#fff;border:1px solid #444444;cursor:pointer; padding:2px;margin:0 0 5px 0 ;}
.button:hover {background:#fe929c;color:#af1628;}
.inputbox {background:#fff; border:1px solid #dcdcdc;}

/* Right rightbar */
#rightbar-w {width:260px; float:right;  margin:0; border-left:1px dashed #dcdcdc;}
#rightbar {}
#rightbar .module {padding:5px; margin:0;}
#rightbar .module-title {font-size:15px;font-weight:bold;margin:0 0 5px 0;padding:0 0 0 5px;line-height:23px;}
#rightbar .module-body {margin:0; padding:0 5px;}
#rightbar .module-body p{padding:0; margin:0;}
#rightbar .module-body a{}
#rightbar  ul li { margin:0 5px; padding:0;}
#rightbar .module ul.menu{margin:10px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
#rightbar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; border-bottom:1px dashed #dcdcdc;}
#rightbar .module ul.menu li a {display:block;margin:0; padding:3px 0 3px 20px;font-weight:normal;line-height:18px;background: url(../images/arrow.png) 0% 50% no-repeat; text-decoration:none; color:#4aaede}
#rightbar .module ul.menu li a:hover { text-decoration:none; color:#0d648e;}
#rightbar .module ul.menu li.active a{color: #0d648e;}
#rightbar .module ul.menu li ul {border-top:1px dotted #b5d2e8; margin:0;}
#rightbar .module ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px;   }
#rightbar .module ul.menu li ul li a{ border: 0; color:#4aaede; background: url(../images/arrow.png) 0% 50% no-repeat;}
#rightbar .module ul.menu li ul li a:hover{ border: 0; color:#0d648e; background: url(../images/arrow.png) 0% 50% no-repeat; }
#rightbar .module ul.menu li ul li.active a{color: #0d648e;}
#rightbar .module ul.menu li.active ul li a{color: #878eab;}
#rightbar .module ul.menu li.active ul li a:hover{color: #0d648e;}

/* Modules 1 */
#mods1 {overflow: hidden;padding:0 0; margin:0 auto 20px auto;width:960px;border-bottom:1px dashed #dcdcdc;}
#mods1 .module { padding:0; margin:0; }
#mods1 .inner { padding:5px; }
#mods1 .module-title {margin:0;padding:0;}
#mods1  h3 {display: block;padding-left: 10px;padding-top: 3px;font-size: 18px; }
#mods1 .module-body {padding:0; margin:0;}
#mods1 ul {margin:0 10px; padding:0;}
#mods1 ul li {/*list-style:inside;*/}
#mods1 ul li a {font-weight:100;}

/* Modules 2 */
#mods2 {overflow: hidden;padding:10px 0; margin:0 auto;clear:both;width:960px;border-top:1px dashed #dcdcdc;}
#mods2 .module { padding:0; margin:0;}
#mods2 .inner { padding:5px;}
#mods2 .module-title {margin:5px 0;padding:0;display: block;font-size: 15px;font-weight:bold;}
#mods2 .module-body {padding:0; margin:0;}
#mods2 ul {margin:0; padding:0;}
#mods2 ul li {list-style:inside;margin:0; padding:0;}
#mods2 ul li a {font-weight:100; }

/* Modules 3 */
#mods3 {overflow: hidden;padding:0 10px; margin:0; clear:both;border-top:1px dashed #dcdcdc;}
#mods3 .module { padding:0; margin:0;}
#mods3 .inner { padding:5px 10px 0 10px;}
#mods3 .module-title {margin:10px 0 5px 0;padding:0;display: block;font-size: 15px;font-weight: bold;}
#mods3 .module-body {padding:0; margin:0;}
#mods3 ul {margin:0 10px; padding:0;}
#mods3 ul li {list-style:inside;}
#mods3 ul li a {font-weight:100;}

/* Footer */
#footer { clear:both; margin:0; padding:0;}
.footer-pad { width:980px; margin:0 auto; padding: 0;}
#bottom {width:980px; margin:0 auto; padding: 0;}
.copy { float:left;margin:0; padding:0 0 0 10px;font-size:11px;}
.copy a {font-size:11px;}
.design { float:right; margin:0; padding:0 10px 0 0; font-size:11px; color:#6f6e6e; }
.design a { text-decoration:none; font-size:11px;color:#dcdcdc;font-weight:normal}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message {display: none; }
#system-message dd.message {clear:both;}
/* System Error Messages */
#system-message dt.error {display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
#pathway {
padding-left: 50px; padding-top:10px; clear:both;}
.user-left {
float: left;
width: 300px;}
.user-center {
float: left;
width: 300px;
*width: 280px;
padding-left: 30px;}
.user-right {
float: right;
width: 290px;
*width: 260px;
padding-right: 10px;}
#user1 {
float: left;
width: 570px;
}
#user3 {
float: right;
width: 360px;
}
.clear {clear: both;}
.lft {float: left; width: 49%;}
.rgt {float: right; width: 49%;}
#brd-crb {float: left; width: 750px;}
#ick {float: right; width: 150px;}