/* Axis */
BODY {SCROLLBAR-FACE-COLOR: #E1E1E1; SCROLLBAR-HIGHLIGHT-COLOR: #BDD1FF; SCROLLBAR-SHADOW-COLOR: #006ABB; SCROLLBAR-3DLIGHT-COLOR: #5676BD; SCROLLBAR-ARROW-COLOR:  #006ABB; SCROLLBAR-TRACK-COLOR: #F1F1F1; SCROLLBAR-DARKSHADOW-COLOR: #AAB8FF; 

text-align:center; background-color:#FFFFFF; margin:0; padding:0; font:11px/18px Arial, Helvetica, sans-serif; color:#000;}

ul {list-style-type:square;}
ul.ulblack li {color:#000;}
hr {color:#999; height:1px;}

a img {border:none;}

div#top {height:10px;}
div {margin:0; padding:0;}
div#container {position:relative; border:1px solid black; margin-left:auto; margin-right:auto; background:transparent url(../nav-ims/base-bg.gif) no-repeat; width:780px; height:488px; z-index:1; text-align:left;}
div#title {position:relative; width:486px; float:left;}
div#topright {position:relative; float:right; width:260px; height:61px;}
div#breadcrumbs {float:right; margin:4px 8px 0 0; text-align:right; color:#888888; font:9px Verdana, Arial, Helvetica, sans-serif;}
div#breadcrumbs a, div#breadcrumbs a:visited {color:#888888; text-decoration:none;}
div#breadcrumbs a:hover {color:blue; text-decoration:underline;}
div#navUpper {position:absolute; top:61px; left:0; width:780px; height:105px; background:transparent url(../nav-ims/hs-grey.gif) repeat-x; z-index:2;}
div#homeCont {position:relative; top:300px; left:20px; width:400px; height:250px; }

a.l {background-color:transparent; padding:0 3px 0 0;}
a.l:hover{background-color:#6B83FB;}
a.m {background-color:transparent; padding:0 3px;}
a.m:hover{background-color:#6B83FB;}
a.r {background-color:transparent; padding:0 0 0 3px;}
a.r:hover{background-color:#6B83FB;}

div#band {position:absolute; top:166px; left:0; width:780px; height:20px; overflow:hidden; background-color:#CCCED0;}
div#bandcontent {padding:3px 0 0 20px; color:#FFFFFF; font:bold 12px Verdana, Arial, Helvetica, sans-serif;}

div#main {position:absolute; top:196px; left:20px; width:446px; height:272px; padding-right:10px; overflow:auto; color:#000000; font:11px Arial, Helvetica, sans-serif;}

div#main a, div#main a:visited {text-decoration:none;}
div#main a:hover {text-decoration:underline;}
div#main h2 {font-size:14px; font-weight:normal;}
div#nav {position:absolute; top:186px; left:0; width:294px; height:252px; margin-left:486px;}
div#nav a {display:block; padding-bottom:1px; color:#FFFFFF; font:bold 14px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; margin-top:12px;}
div#nav a#home {margin-top:22px;}
div#nav a#back {font:bold 12px Verdana, Arial, Helvetica, sans-serif; margin-top:20px; color:#FFFFFF; text-align:left; padding:2px 15px 0 6px;}
/*div#nav a#back:hover {color:#FFFFFF;}*/


div#nav a:hover {background:transparent url(../nav-ims/hs-grey.gif) repeat;}
div#botright {position:absolute; top:470px; left:0; height:16px; width:290px; overflow:hidden; text-align:right; margin-left:486px; color:#888888; font: 10px Verdana, Arial, Helvetica, sans-serif;}

div#main a, div#main a:visited, div#main ul {color:#0033CC;}
div#main ul.return-links, div#main ul.return-links a, div#main ul.return-links a:visited {color:#869AFF;}
div#main ul.return-links {padding-top:12px;}
div#main p.indent {margin-left:8px;}

/*  styles for small sub pages opened via javascript  */
div#subpageframe {position:relative; border:1px solid black; margin-left:auto; margin-right:auto; margin-top:10px; background:transparent url(../nav-ims/sub-page-bg.gif) no-repeat; width:575px; height:382px; z-index:1; text-align:left;}
div#subpageframe div#cont {position:absolute; top:45px; left:15px; width:332px; height:335px; overflow:auto; text-align:left; padding-right:10px; color:#111;}
div#subpageframe div#cont ul li {margin-bottom:1.5em; margin-left:0; padding-left:10px;}
div#subpageframe div#header {position:absolute; top:14px; left:15px; width:332px; height:35px; overflow:hidden;}
div#subpageframe div#header h1 {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#333;}
div#subpageframe div#close {position:absolute; top:364px; width:215px; margin-left:360px;}
div#subpageframe div#close a {display:block; padding-bottom:1px; color:#FFFFFF; font:bold 14px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
div#subpageframe div#close a:hover {background:transparent url(../nav-ims/hs-grey.gif) repeat;}

/* the following styles are for top bands that have a scroll bar- based on new Template - div#navUpper is renamed div#navUpperScroll - mid band is removed - also apply classes 'left, mid, right' to the tds in the scrolling table*/
div#navUpperScroll {z-index:10; position:absolute; top:61px; left:0; width:780px; height:126px; background-color:#fff; z-index:2; overflow:auto;}
div#navUpperScroll table td.mid {padding:0 15px;}
div#navUpperScroll table td.left {padding-right:15px;}
div#navUpperScroll table td.right {padding-left:15px;}
div#scrollHeading {position:relative; top:0; width:400px; padding:2px 2px 3px 10px;}
div#main h2.scroll {background-color:#CCCED0; color:#1B487A; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:3px 3px 4px 8px;}
div#main h2.scroll a.headerlink, div#main2 h2.scroll a.headerlink:visited {font-size:11px; color:#1B487A; text-decoration:underline;}

/* ---------- fading images ---------  see rotate.asp ------------ */	
#image_rotater {position: absolute; left:0; top:186px; height:302px; width:486px; background:#fff; padding:0;}	
#image_rotater img {display: none;	position: absolute;}
/*-----------------------------------------------------------------*/

a.black, a:visited.black {color:#000;}
a:hover.black {color:#0000ee;}
.underline {text-decoration:underline;}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.px14 {font-size:14px;}