a:link, a:visited { color: #ffe01f; text-decoration: none; }
a:hover { text-decoration: none; color: #fff; }
a:active { color: #ff8800; }

body#root { background: #ffe01f; }
#main { background: #fff; overflow: hidden;}
#header { position: relative; background-image: url('images/content_bg_cap.png'); background-repeat: no-repeat; background-position: 0 100%; height: 170px; }
#mainlogo { position: absolute; top: 30px; left: 5px; }
#cutline { position: absolute; top: 50px; right: 100px; }
#cutline1 { position: absolute; top: 74px; right: 100px; color: #819cc0; font-size: 12px; font-weight: bold; text-align: right; }
#mascot { position: absolute; top: 10px; right: 30px; }
#content { color: #fff; min-height: 500px; position: relative; background-image: url('images/content_bg.png'); background-repeat: repeat-y;  }
#header, #content { width: 957px; margin: auto; padding: 0; }
a { color: #ffe01f }
#bgpaintbrush { position: absolute; top: 0; left: 20px; }
.col { text-align: left; }
#col1 {
width: 650px; float: left; background-image: url('images/bg_paintbrush_01.png');
background-repeat: no-repeat; background-position: 10px 0; min-height: 250px;
}
#col1 .margin { padding: 10px 0 20px 35px; }
h1 { 
display: block; margin: 0; padding: 0; font-size: 46px; line-height: .8em;
font-family: Times, 'Times New Roman', serif; color: #fff; font-weight: normal;
opacity: .80;
text-shadow: 1px 1px 4px #28426b;
}
#copy {  color: #fff; }
#copy p, #copy p ul li { line-height: 1.5em; }
#copy .box { background-image: url('images/bg_10percWhite.png'); padding: 20px; margin: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#copy .box.k, #copy .k { background-image: url('images/bg_10percBlack.png'); }
#col2 { width: 280px; float: right; }
#col2 .margin { clear: both; margin: 10px 0 15px 5px; }
#col2 .box { margin-left: -5px; color: #fff; background-image: url('images/content_box_bg.png'); background-repeat: no-repeat; width: 262px; height: 334px; }
#col2 .box .margin { padding: 20px 15px 15px 15px; }
#col2 .box h2 a { font-family: Times, Times New Roman, serif; color: #fff; font-weight: normal; }

#nav ul, #nav li { list-style: none; display: block; margin: 0; padding: 0; }
#nav a { display: block; font-size: 14px; font-weight: bold; line-height: 1.3em; }
#nav li.dir ul { padding-left: 15px; }
#nav li a.active { padding-left: 12px; background-image: url('images/arrow_right.gif'); background-repeat: no-repeat; background-position: 0 50%; }


#titlenav { border-bottom: solid 1px #71b06c; margin-bottom: 10px; padding-bottom: 5px; }

#breadcrumbs, #loginuserinfo { position: absolute; left: 40px; bottom: 10px; color: #fff; font-size: 11px; 
background: url('images/glass_btn_bg.png') repeat-x; height: 17px; padding: 7px 6px 0 6px;
}
#loginuserinfo { left: auto; right: 32px; font-weight: bold; width: 224px;  text-align: center; }
#loginuserinfo.login { width: auto; }
#loginuserinfo a { display: inline; float: none; }
#loginuserinfo .weblogout { padding-left: 14px; background: url('icons/sm_user.png') no-repeat 0 -1px; }

#breadcrumbs { display: none; }
#breadcrumbs span.lcap, #loginuserinfo span.lcap { width: 8px; height: 24px; position: absolute; top: 0; left: -8px; background: url('images/glass_btn_cap_left.png') no-repeat;}
#breadcrumbs span.rcap, #loginuserinfo span.rcap { width: 8px; height: 24px; position: absolute; top: 0; right: -8px; background: url('images/glass_btn_cap_right.png') no-repeat;  }

.tabmenu {margin: 10px 0 20px 0; padding: 8px 0 0 0; border-bottom: solid 0px #2d4a78; }
.tabmenu ul { list-style: none; display: block; margin: 0; padding: 0 0 0 15px; overflow: hidden; z-index:2; position: relative; }
.tabmenu li { float: left; margin: 0 1px 0 1px; padding: 0; background: url('images/bg_10percBlack.png'); 
-moz-border-radius: 6px 0px 0 0;  -webkit-border-top-left-radius: 6px;}
.tabmenu a { font-size: 13px; height: 19px; display: block; padding: 6px 10px 0 10px; border: solid 1px #2d4a78; 
border-width: 1px 1px 0 1px; border-color: #49699c #2d4a78 #2d4a78 #49699c;
-moz-border-radius: 6px 0px 0 0; -webkit-border-top-left-radius: 6px;
}
.tabmenu a.active { background: #395d96; font-weight: bold; }
.tabmenu a:hover { background: #395d96 url('images/bg_10percWhite.png'); }
.tabmenu div.border_top { z-index:0; width: 100%; display: block;  border-top: solid 1px #2d4a78; height: 1px; overflow: hidden; margin-top: -1px;  }
div.tab { padding-left: 10px; clear: both; overflow: hidden; }
div.tab a { float: left; font-size: 14px; padding: 5px 8px 5px 8px; background: url('images/bg_10percBlack.png');border: solid 1px #2d4a78; border-width: 1px 1px 0 1px; border-color: #49699c #2d4a78 #2d4a78 #49699c; }


/* FORM ITEMS */
.textbox { border: solid 1px #fff; }
.textbox.number { text-align: right; }
input.disabled, textarea.disabled, select.disabled { opacity: .50; filter:alpha(opacity=50); }
.hilite, input.hilite, .fieldset.hilite { border: ridge 1px red; background-image: url('icons/alert.png'); background-repeat: no-repeat; background-position: 100% 1px; }
input.number.hilite { background-position: 0 2px; }
.textbox, select, option {

}
.textbox:focus {
	background-color: #fff55b;
}