/* General */

html {background: #333;}
body,p,input,textarea {font-family: Arial, Verdana, Helvetica, sans-serif; }
body { background: #333; margin: 24px; min-width: 770px; }
h1 { margin: 0; padding: 0; }
img { border: none; }
li { list-style: none; line-height: 16px;}
a, a:link, a:visited, a:active, a:hover {	text-decoration: none;	color: #444;	font-weight: bold;}
a:hover,  {	color: #fff;}

#hd { position: absolute; top: 18px; height: 100px; width: 80%; z-index: 4; right: 30px; }
#yui-main h1 { margin-top: 1px; margin-bottom: 12px; padding-bottom: 9px; font-weight: bold; }
#container #main #content #doc3 #hd .nav-bar #nav li { float: left; margin-right: 1px; font-weight: normal; background: url(../images/leftnav-bg.png); padding-left: 7px; }
.form-title, .title { background:#667B8A url(../images/title.jpg) repeat-x; padding: 5px 5px 5px 10px; }
.dark { background:#172c3d; }
.light { background:#666; }
.form-title, .title h5 { font-size: 1em; margin: 0; font-weight: bold;  }
h5 { color: #f9f9f9; }
b {	display: none;}
.hidden { display: none; }
hr { display: none; }
p { font-size: 1em; line-height: 150%; padding: 10px 0 15px 0; color: #666; text-align: justify; }

#container {	text-align: left;	position: relative;}
#top { background: url(../images/top.png) no-repeat 0 0; height: 121px; position: relative; }
h1 { background: no-repeat 25px 21px; font-weight: normal; font-size: 1.5em; }
h2 { color: #444; font-size: 1.5em; }
h1 span {	background: url(../images/top-right.png) no-repeat 100% 100%;	height: 128px; display: block;}
#main { background: #043465 url(../images/left.png) no-repeat 0 0; padding-top: 8px; }
#content { background: url(../images/main-top.png) repeat-y; }
#main .hr {	clear: both;	height: 1px;	background-image: url(../images/right.gif);	background-repeat: no-repeat;	background-position: 100%;}
.logobox {	margin-bottom: 20px;	width: 100%;	height: 220px;	border-bottom-width: thin;	border-bottom-style: dotted;	border-bottom-color: #CCCCCC;}
.logobox_about {	margin-bottom: 20px;	width: 100%;	height: 120px;	border-bottom-width: thin;	border-bottom-style: dotted;	border-bottom-color: #CCCCCC;}

#logopanel .hr {	background-color: #CCCCCC;}

#top img { position: absolute; left: 1px; top: 8px; }
.pic-r { float: right; margin-bottom: 10px; margin-left: 20px; border: 3px solid #90BADE; }

.clear { clear: both; }

#footer { clear: both; background: #333 url(../images/footer.png) no-repeat left top; height: 63px; }
#footer span { display: block; background: url(../images/footer-right.png) no-repeat 100% 0; height: 63px; }
#footer p { text-align: center; color: #999; font-size: 1em;  } 
.pic-l { float: left; border: 3px solid #90BADE; margin-right: 20px; margin-bottom: 10px; }
#top img{	position: absolute;	z-index: 4;}
p .pdf { background: url(../images/pdf.png) no-repeat 0px 1px; display: block; padding-left: 25px; border-bottom: 1px solid #004C98; padding-bottom: 25px; clear: both; }

.vertical-tabs { margin-top: -1px; padding-bottom: 300px; margin-bottom: -300px; }
.vertical-tabs h2 { background: url(../images/h2vnav.jpg) no-repeat left top; height: 25px; display: block; padding-right: 12px; padding-left: 12px; padding-top: 4px; margin: 0; font-size: 1.4em; width: 199px; color:#fafafa; }
.vertical-tabs ul { margin: 0; border-top:1px solid #bebebe; list-style-type: none; width: 223px; background: url(../images/ul-bg.jpg) no-repeat bottom; padding-bottom: 20px; }
.vertical-tabs a { display: block; border-bottom: 1px dashed #ccc; border-right: 0px solid #ccc; background: url(../images/ul-a-off.png); padding: 4px 4px 4px 15px; font-weight: normal;  }
.vertical-tabs a.selected, .vertical-tabs a.selected:link, .vertical-tabs a.selected:visited { background: #fff url(../images/ul-a-on.png); border-bottom: 1px dashed #ddd; border-right: 0px solid #fff; color: #e7be21; }
.vertical-tabs a:link, .vertical-tabs a:visited { color: #CCC; text-decoration: none; }
.vertical-tabs a:hover { color: #E7BE21; background: #d6e1e7 url(../images/ul-a-on.png); }

.nav-bar { border-top:none; border-bottom: none; padding: 0px 0px 0px 30px; border-right-style: none; border-left-style: none; position: absolute; width: 100%; top: 53px; display: block; right: 31px; }
.nav-bar a, .nav-bar a:hover  { color:#eee; }
.nav-bar a:hover { background: #101C28; color: #E7BE21; }
.nav-bar .login { float:right; padding: 30px 0 3px; margin: 0; font-size:1em; color: #CCC; }
.nav-bar .logout { text-decoration: none; font-weight: bold;}
.nav-bar #nav li.active a, .nav-bar li a:hover { border-right-style: none; }
.nav-bar li a span { color:#fefefe; padding: 0px 17px 3px 10px; background: #033971 url(../images/rightnav-bg.png) no-repeat right top; margin: 0px; }
.nav-bar li a span:hover { color: #E7BE21; }
.nav-bar { overflow: visible; }
.global-search { padding:10px 25px 10px; 15px; font-size:1.2em; color:#fff; }

#nav .active a span { height: 34px; color: #e7be21; }

.dashboard { background: url(../images/dashy.jpg) repeat-x left top; }
.divider { padding: 4px; }

.bar { margin-bottom:10px; border:1px solid #E6E6E6; background:#eee; padding:5px 10px 5px 10px; }
.global-search { font-size: 1em; }
.global-search fieldset { background: transparent; }

.dashboard .dashboard { background: #FFF; }
.nav-bar .login a { margin-left: 5px; padding: 2px; }

.grid table tbody a { font-weight: normal; display: block; color:#0000A0;}
.grid table tbody a:hover { display: block; background: #FFC; }
.grid tr.headings th { color: #666;  }
.grid tr.headings th { background: #CCC url(../images/th-bg.png) repeat-x; border-left: 1px solid #D6D6D6; border-top: 2px solid #D6D6D6; }