/*colors
#58422f brown text
#f15338 coral strong tags
#0066cc blue links
#8f9a78 green footer text
#cae4b2 light green
#ffaa48 orange
*/

/*Main */
html {background:#f5f3f0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;color:#58422F;font-size:.8em;line-height:1.4em;margin:0 auto;padding:0 0 10px 0;width:777px;position:relative; text-align:center; top:0;}
p {color:#58422f; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left;}
img {border:none;}
a {color:#0066CC;}
a:hover {color:#3399CC;}
a img, :link img, :visited img {border: 0;}
ul li {list-style:none;background:url(images/bullet.gif) no-repeat left 5px; padding-left:15px; padding-right:10px;}
ol li {text-align:left; padding-right:10px;}
body.landing div#wrapper {width:882px; margin:0 auto; position:relative; text-align:center;}
div#wrapper {width:778px; margin:0 auto; position:relative; text-align:center;}

/*Header*/
div#header {position:relative; width:778px; margin:0; padding:0; top:0;}
* html div#header {top:18px;}
div#header img {padding:0; float:left; margin:0 0 0 20px;}
* html div#header img {margin-left:36px;}
a#homelink {background:url(images/left_arrow.gif) 0 50% no-repeat; padding-left:12px; font-size:10px; color:#0066FF; text-decoration:underline; text-transform:uppercase; font-weight:bold; position:absolute; display:block; top:24px; left:56px; z-index:4;}
a#homelink:hover {color:#3399CC;}

/* Landing Page Only---div id content for landing page only*/
div#content {position:relative; margin-left:70px; width:528px; height:1%; }
* html div#content { left:20px; }

/*Landing Page Only--class sub-content for landing page only id subcontent for other pages*/
div.sub-content {background:url(images/bg_content.png) 0 0 no-repeat; width:528px; height:163px; padding:10px;}
div.sub-content p {padding:0 10px;}
div.sub-content img {padding-right:10px;}
div.sub-content h4 {color:#f15338; font-size:14px; padding:0; text-align:left; margin:.25em 10px;}
div.sub-content span.more {color:#0066cc; font-weight:bold; float:right; margin:-4px 24px 0 0;}

/*Landing Page Only---contact blurb*/
div#contact {
	text-align:center;
	width:162px;
	display:block;
	z-index:2;
	position:absolute;
	top:280px;
	left:-180px;
	background:url(images/bg_contact_flower.gif) center no-repeat;
}
div#contact p, div#contact strong, div#contact small {text-align:center; display:block;}
div#contact p {border-bottom:1px dotted #ffbe77; padding:0 0 5px 0; width:143px;}
div#contact p strong {display:block; color:#ffaa48; font:bold 16px Verdana, Arial, Helvetica, sans-serif;}
div#contact small {color:#58422f; font-size:10px;}

/*Footer*/
div#footer {width:750px; height:90px; background:url(images/bg_footer.png) 0 0 no-repeat; margin:0 14px; text-align:center; position:relative; padding-bottom:30px;}
div#footer span{ color:#8f9a78; text-align:left; font-size:11px;}
div.logo img {  margin-right:1.6em;}
*html div.logo img {margin-right:1em;}
div.logo {float:left; margin-top:18px; display:inline;}
span.provide {position:absolute; top:5px; left:20px;}
span.agency {position:absolute;top:5px;left:290px;}

/* Navigation */
div.prairie ul#nav {background:url(images/bg_pra_nav.png) 0 0 no-repeat;}
ul#nav {background:url(images/bg_bc_nav.png) 0 0 no-repeat; height:35px; font-size:.9em; padding-top:7px; margin-bottom:0; margin-right:0; 
padding-left:110px; margin-top:10px; margin-left:20px; text-align:left; }
ul#nav li {display:inline;background:url(images/bullet-nav.gif) no-repeat left; padding-left:12px;}
ul#nav li.first {background:none;}
ul#nav li a {color:#00195D;text-decoration:none;}
#homepage a.home {font-weight:bold;}
#knowpage a.know {font-weight:bold;}
#questionpage a.question {font-weight:bold;}
#contactpage a.contact {font-weight:bold;}
.content-bb a.support {font-weight:bold;}
ul#nav li a:hover {text-decoration:underline;}

div.content-bb ul#nav {padding-left:75px; margin-left:5px; }

/*Side bar Graphics*/
.graphichome {position:absolute;top:55px;left:35px;}
* html .graphichome {left:35px; top:70px;}

/*landing page sidebar graphics*/
div.leaves {position:absolute;left:-50px; top:26px;}
* html div.leaves {left:0;}
div.landing {padding:30px 0;  /*text-align:center;*/}

/*Content' content-bottom-mid-top2' are used for landing page*/
.content-bottom, .content-mid, .content-top {width:778px; padding:0; margin:0;}
div.content-bottom {background:url(images/content-bottom2.gif) no-repeat bottom; width:778px; padding-bottom:15px;}
body.home div.content-bottom {background:url(images/content-bottom2.gif) no-repeat bottom; /*padding:10px 23px 25px 23px;*/ width:778px;}
div.content-mid {background:url(images/content-mid2.gif) repeat-y; width:778px; }
div.content-top {background:url(images/content-top2.gif) no-repeat top; height:1%; width:778px; padding-top:15px;}
div.content {padding:0 20px 0 20px; margin-left:130px; background:url(images/flowers_bottom.gif) 96% 99% no-repeat;}
div.content p {padding:0 20px;}
* html div.content { padding:10px 30px 0 0;}
/*used for the long graphic down the left side*/
body.site .content {min-height:635px;}
* html body.site .content {height:625px;}
div#sub-content .content p { padding:.5em 1em;}

/*Sub Content*/
.sub-bottom {background:url(images/sub-bottom.gif) left bottom no-repeat    ; padding-bottom:10px; height:1%; width:590px;}
.sub-mid {background:url(images/sub-mid.gif) repeat-y; width:590px;}
.sub-top {background:url(images/sub-top.gif) left top no-repeat; height:1%; width:590px;}
div#sub-content { padding:10px; text-align:left;}
#sub-content h2 {display:block; background:url(images/footer.gif) -10px bottom no-repeat; color:#304521; font-weight:normal;margin:0 auto; padding:0 0 10px 0; font-size:1.3em; width:584px; text-align:center;}

/*bottom_info*/
div.bottom_info {background:url(images/footer.gif) center top no-repeat; padding-bottom:27px;}
div.bottom_info p {padding-top:5px;}



/*Other Styles*/

.left {float:left;padding:10px 20px 10px 0;}

.right {float:right;}

.clearer {clear:both;}

.center {text-align:center;}

.logos {width:500px;margin:0 auto;}

a.button {background:#3399CC;color:#FFF;font-weight:bold;border-top:solid 1px #33CCFF;border-left:solid 2px #33CCFF;border-right:solid 3px #0066CC;border-bottom:solid 1px #33CCFF;margin:3px;padding:3px 10px;}

a.button:hover {color:#fff;background:#0066CC;}

.thumbnail {display:block;padding-top:50px;}

p.footer {padding-top:15px;margin-top:15px;background:url(images/footer.gif) no-repeat center top;text-align:center;}


/* Styles for BB */

#login {margin-bottom:10px;border-bottom:solid 3px #e6eedc;}

#login ul {padding:0;}

#login ul label {font-size:.9em;font-weight:bold;color:#A49588;}

#login ul li {display:inline;background:none;padding:0;}

#login ul li input {border:solid 1px #A49588;margin:2px;background:#FFF;width:110px;}

#login ul li input.check {width:auto;border:none;}

#login ul li.fp {display:block;margin-left:277px;font-size:.8em;font-weight:bold;}

div.content-bb {padding:0 30px 0 30px; text-align:left; }

#login .button {background:#3399CC;color:#FFF;font-weight:bold;border-top:solid 1px #33CCFF;border-left:solid 2px #33CCFF;border-right:solid 3px #0066CC;border-bottom:solid 1px #33CCFF;margin:3px;}

* html input.button {border:none;}

/* Styles for BB */
ul.nav { padding-bottom: 20px; }
li.navleft { float: left; width: 40%; }
li.navright { float: right; width: 15%; }
.clearboth { clear: both; }