@charset "UTF-8";
/* CSS Document */

* { font-size:100%; margin:0; padding:0; }
table { border:0; border-collapse: collapse; border-spacing: 0;}
img {border:0;}


body {
background: #457 url(i/bg.gif) 50% 3px;
color: #fff;
text-align:center;
font: 15px/140% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}
#wrap0 {
width: 100%;
height: 736px;
overflow: visible;
background: url(i/bg.jpg) repeat-x 50% 0;
position: relative;
}

#wrap1 {
width: 980px;
margin: 0 auto;
text-align: left;
overflow: hidden;
}

#header {
width: 916px;
height: 90px;
padding: 140px 32px 0 32px;
background:url(i/header.jpg) no-repeat 0 50%;
overflow: hidden;
}

/* TOP NAV */
#topnav {
width: 916px;
height: 90px;
background: none;
overflow: hidden;
}
#topnav ul {
list-style: none outside none;
margin: 0;
padding: 0;
height: 90px;
overflow: hidden;
}
#topnav ul li {
list-style: none outside none;
float: left;
margin: 0;
padding: 0;
height: 90px;
overflow: hidden;
}
#topnav ul li a {
display: block;
background-image: url(i/t-nav.gif);
color: #bcd;
height: 90px;
line-height: 90px;
overflow: hidden;
text-align: center;
}
#topnav ul li a { text-decoration: none;}
#topnav ul li a span {visbility:hidden; display:none;}

a.home {
margin-left: 70px;
width: 87px;
background-position: -70px 0;
}
  a:hover.home,
  a:focus.home {
  background-position: -70px 100%;
  }

a.about {
width: 96px;
background-position: -157px 0;
}
  a:hover.about,
  a:focus.about {
  background-position:  -157px 100%;
  }

a.govfund {
width: 176px;
background-position: -253px 0;
}
  a:hover.govfund,
  a:focus.govfund {
  background-position: -253px 100%;
  }


a.comserv {
width: 180px;
background-position: -429px 0;
}
  a:hover.comserv,
  a:focus.comserv {
  background-position: -429px 100%;
  }


a.contact {
width: 117px;
background-position: -609px 0;
}
  a:hover.contact,
  a:focus.contact {
  background-position: -609px 100%;
  }


a.resources {
width: 108px;
background-position: -726px 0;
}
  a:hover.resources,
  a:focus.resources {
  background-position: -726px 100%;
  }


/* END TOP NAV */

#pbody0 {
width: 916px;
height: 100%;
background: url(i/bg-cont-rpt.gif) 0 0;
color: #000;
overflow: hidden;
margin: 0 32px;
}
#pbody1 {
width: 916px;
height: 100%;
background: url(i/bg-cont-top.jpg) repeat-x 0 0;
overflow: hidden;
position: relative;
}

#footer {
clear: both;
width: 916px;
height: 87px;
background: url(i/footer.gif) no-repeat 0 0;
overflow: hidden;
}

/* for secondary pages change the #home div to any other ID (see also #lft-nav below) */
#leftcol {
width: 269px;
height: 100%;
float: left;
overflow: hidden;
}
 #lft-btm {
margin: -33px 10px 33px 30px;
position: relative;
z-index: 300;
color: #454;
 }
 #home #lft-btm {
margin: -33px 20px 33px 30px;
position: relative;
z-index: 300;
color: #454;
 }

#rightcol {
width: 647px;
height: 100%;
float: left;
overflow: hidden;
}
  #rightcol-inner {
  margin-right: 30px;
  overflow: hidden;
  }

#home #leftcol {
width: 656px;
float: left;
overflow: hidden;
}
#home #rightcol {
width: 260px;
float: left;
overflow: hidden;
}

#full {
width: 856px;
padding: 0 30px 10px 30px;
clear: both;
overflow: hidden;
color: #369;
font-size: 1.1em;
line-height: 140%;
}

#footercontent {
width: 796px;
height: 30px;
padding: 57px 60px 0 60px;
color: #bcd;
text-align: right;
overflow: hidden;
font-size: 0.9em;
}

/* Left Nav */
#home #lft-nav {
width: 638px; 
padding: 0 19px 0 0;
background: url(i/homPgNavbox.jpg) no-repeat 0 0;
}

#lft-nav {
width: 269px; 
height: 400px;
font: bold 13px/140% "gillsans", Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
background: url(i/p2navbox.jpg) no-repeat 0 0;
position: relative;
overflow: hidden;
}

#lft-nav ul {
padding:0;
margin: 38px 0 0 30px;
width: 228px;
list-style: none outside none;
position: relative;
z-index:1000;
overflow: hidden;
}

/* adjust this margin for different number of nav items */
#lft-nav li {
padding:0;
margin: 0;
list-style: none outside none;
position: relative;
z-index:1000;
overflow: hidden;
}
#lft-nav ul li a {
display: block;
width:180px;
height: 28px;
padding: 0 20px 0 14px;
line-height: 24px;
background:url(i/left-nav.gif) no-repeat 0 100%;
color: #000;
}
  #home #lft-nav ul li a {
  width:180px;
  padding: 0 34px 0 14px;
  }
#lft-nav ul li a:hover,
#lft-nav ul li afocus {
background-position: 0 0;
text-decoration: none;
}
/* end lft-nav */

/* Bottom Tabs Nav */
#btm-links {
padding: 0 40px;
}
#btm-links a {
display: block;
float: right;
padding: 18px 0 0 0;
margin: 0;
width: 140px;
height: 22px;
background: url(i/bottom-link.gif) no-repeat;
background-position: 0 100%;
text-align: center;
color: #678;
line-height: 18px
}

#btm-links a:hover,
#btm-links a:focus {
background-position: 0 0;
text-decoration: none;
height: 32px;
padding: 8px 0 0 0;
font-weight: bold
}

/* TYPOGRAPHY */
a {
text-decoration: none;
outline: none;
color: #036;
}
a:hover, a:focus, a:active {
outline: none;
text-decoration: underline;
}
p {margin: 1em 0;}

h1 {font-size: 1.5em;
line-height: 140%;
color: #fff;
}
h2 {
font-size: 1.4em;
line-height: 130%;
padding-top: 10px;
color: #274;
}
h3 {font-size: 1.4em;
line-height: 140%;
color: #784;
}
h4 {font-size: 1.2em;
line-height: 150%;
padding: 6px 0;
color: #333;
padding: 6px 0 0 0;
}
h5 {font-size: 1.1em;
line-height: 150%;
color: #333;
}
h6 {font-size: 1em;
line-height: 150%;
color: #333;
}

blockquote { margin: 1em;}
ol {
padding: 0.3em 2.5em;
}

ul {padding: 0.3em 1.5em;}
ul li {
list-style: square outside url(../images/li1.gif);
padding: 0 0 0 0.2em;
margin: 0.3em 0;
line-height: 130%;
}
ul li ul {padding: 0.1em 0 0.3em 1.5em;}
ul li li {
list-style-image: url(../images/li2.gif);
}
ul li li li {
list-style-image: none;
list-style: circle outside none;
}


/* ASSIGNABLE */
.clr {clear: both;}
.clear {clear: both; height:1px; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.float-lft {float:left; padding-right: 6px;}
.float-rt {float:right; padding-left:6px;}
.underline {border-bottom: thin;}
.smaller {font-size:small;}
.larger{font-size:larger;}
.smallcaps { font-variant:small-caps;}
.green {
font-weight: bold;
color: #274;
}

.inset-left {
width: 300px;
float: left;
background: #fff;
padding:10px;
margin: 20px 10px 0 0;
border: 3px double #378;
font-size: 0.9em;
}
.inset-right {
width: 300px;
float: right;
margin: 20px 0 0 10px;
}

   /* ToolTip Display (for home page nav) */

#displaywrapper {
	float: right;
	width: 406px;
	overflow: hidden;
}
	
#displayanchor {}

/* tooltip design */
.ToolTips { display:block; position:absolute; }
.ToolTips .message { display:block; position:relative;}

/* If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered
No style rules are set for the close button for sticky tips but that can be done.
 */
 
.ToolTips .dockTopFooter { display:none;  }
.ToolTips .dockBottomFooter, .ToolTips .dockTopFooter { display: none; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:none; }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(tooltip-img/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none;}
 .lft-nav-bg {
width: 406px;
height: 353px;
color: #020;
text-align: left;
overflow: hidden;
position: relative;
z-index:0;
}
.lft-nav-txt {
position: absolute;
z-index: 0;
top: 0;
right: 0;
width: 340px;
padding: 30px 30px 30px 10px;
font-weight: bold;
color: #040;
text-align: center;
}