A:link {text-decoration:none;color:#1f42a7}
A:hover {text-decoration:underline;color:#6B7F2D}
A:visited {text-decoration:none;color:#ABC55B}
body {
background:url(../images/2009_bg-21c.jpg) no-repeat;
background-color:#d6d6c7;
scrollbar-base-color:#7c98b2;
font-family:Arial;
font-style:normal;
font-size:11px;
font:normal;
margin:0 0 0 30px
}

.piernav:link {
font-size:9pt;
color:#1f42a7;
text-decoration:underline;
font-family: Comic Sans MS;
}

.piernav:hover {
font-size:9pt;
color:#6B7F2D;
text-decoration:underline;
font-family: Comic Sans MS;
}

.piernav:visited {
font-size:9pt;
color:#6B7F2D;
text-decoration:underline;
font-family: Comic Sans MS;
}

.quotebx {margin:0px 0px 0px 0px; padding:5px 0;} /* left margin tweak */
.quoteopen {margin-left:0px; background:url(../images/quote_open2.gif) top left no-repeat;}
.quoteclose {margin-right:0px; background:url(../images/quote_close2.gif) bottom right no-repeat;}
.quotebody {padding:0px; font-family: Comic Sans MS; font-size:15px; color:#802007; letter-spacing:-1px;}

.webnav:visited {
font-size:12px;
color:#900;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif
}

.webnav-sm {
font-size:8pt;
color:#1f42a7;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif
}

.webnav-sm:link {
font-size:8pt;
color:#1f42a7;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif
}

.webnav-sm:hover {
font-size:8pt;
color:#6B7F2D;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif
}

.webnav-sm:visited {
font-size:8pt;
color:#900;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif
}

.gamenav {
font-size:9px;
color:#1f42a7;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif
}

.gamenav:link {
font-size:9px;
color:#1f42a7;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif
}

.gamenav:hover {
font-size:9px;
color:#6B7F2D;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif
}

.gamenav:visited {
font-size:9px;
color:#A48B56;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif
}

.botnav {
font-size:11px;
color:#035;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif
}

.botnav:link {
font-size:11px;
color:#035;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif
}

.botnav:hover {
font-size:11px;
color:#ABC55B;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif
}

.botnav:visited {
font-size:11px;
color:#CDBD9B;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif
}

.faqnav {
font-size:10px;
color:#1f42a7;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif
}

.faqnav:hover {
font-size:10px;
color:#6B7F2D;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif
}

.title {
color:#609a2a;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:700;
padding:0
}

.norm {
color:#000;
text-decoration:none;
font-style:normal;
font-size:9pt;
font:arial
}

.pier-title {
	color: #609a2a;
	font-family: Roman, Comic Sans MS, MS Sans Serif;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
}

.pier-big {
	color: #000;
	font-family: Comic Sans MS;
	font-style: normal;
	font-size: 13pt;
}

.pier-norm {
	color: #000;
	font-family: Comic Sans MS;
	font-style: normal;
	font-size: 10pt;
}

.pier-small {
	color: #000;
	font-family: Comic Sans MS;
	font-style: normal;
	font-size: 9pt;
}

.pier-tiny {
	color: #000;
	font-family: Comic Sans MS;
	font-style: normal;
	font-size: 10px;
}

.small {
color:#000;
text-decoration:none;
font-style:normal;
font-size:11px;
font:arial
}

.terms {
color:#49443f;
text-decoration:none;
font-style:normal;
font-size:9px;
font:arial
}

.terms-title {
color:#aeae86;
text-decoration:none;
font-style:normal;
font-size:10pt;
font:bold arial
}

.drop-select {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#09153B;
background-color:#F3F5EF
}

.drop-select2 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bolder;
text-decoration:none;
color:#000;
background-color:#fefefa
}

.form-bg {
margin-left:0;
clear:both;
color:#000;
background-image:url(../images/mail_brown_light_bg.jpg);
border:1px solid #fff inset #879fb8
}

.submit-button {
margin-left:0;
clear:both;
color:#000;
background-image:url(../images/mail_dk-green_bg.jpg);
border:2px #fff outset
}

.clear-button {
margin-left:0;
clear:both;
color:#000;
background-image:url(../images/mail_brown_light_bg.jpg);
border:2px #fff outset
}

input.button {
background-image:url(../ images/quotes4.gif);
}

.tooltiptitle {
color:#FFF;
text-decoration:none;
cursor:Default;
font-family:arial;
font-weight:700;
font-size:10pt
}

.tooltipcontent {
color:#000;
text-decoration:none;
cursor:Default;
font-family:arial;
font-size:10pt
}

#ToolTip {
position:absolute;
width:100px;
top:0;
left:0;
z-index:4;
visibility:hidden
}

#toolTipBox {
display:none;
font-size:12px;
border:#000 solid 1px;
font-family:verdana;
position:absolute;
width:220px;
background-color:#ffd038;
color:000000;
padding:5px
}

div#content h4 {
margin:0;
padding:0
}

div#content p {
text-align:justify
}

div.cf_element {
width:550px;
height:239px;
background-color:#fff;
border:0 solid #fff
}

div.cf_element div.content {
padding:0
}

div.cf_element div.content h3 {
padding-top:0;
margin-top:0
}

.stateon {
filter:alpha(Opacity=70);
border:1px #FC6 dashed
}

.stateoff {
border:1px #FC0 solid
}

.stateclicked {
border:1px #FFF solid;
filter:alpha(Opacity=50)
}

a.tip span {
display:none;
position:absolute;
top:20px;
left:-10px;
width:125px;
z-index:100;
background:#000;
color:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px
}

a:hover.tip {
font-size:99%
}

a:hover.tip span {
display:block
}

.box {
background-color:#f8fbef;
border:1px solid;
height:310px;
width:542px;
border-color:#4c5917;
padding:8px
}

.box2 {
background-color:#f8fbef;
border:1px solid;
height:110px;
width:500px;
border-color:#4c5917;
padding:8px
}

.special {
color:#000;
text-decoration:none;
font-style:normal;
font-size:9pt;
font:arial
background: #fafcf2;
border: 1px solid #c5baa1;
padding: 14px;
margin: 14px auto;
height: 240px;
} 

#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0
}

#footer .pipe {
padding:0 3px
}

#footer a {
color:#035
}

.webnav,.webnav2,.webnav2:link,.webnav2:visited,.webnav-box,.webnav-box:link {
font-size:12px;
color:#1f42a7;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif
}

.webnav:link,.webnav-box:visited,.webnav-box2:visited {
font-size:12px;
color:#1f42a7;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif
}

.webnav:hover,.webnav2:hover {
font-size:12px;
color:#6B7F2D;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif
}

.webnav-box:hover,.webnav-box2:hover {
font-size:11px;
color:#6B7F2D;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif
}

.webnav-box2,.webnav-box2:link {
font-size:12px;
color:#000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif
}

.faqnav:link,.faqnav:visited {
font-size:10px;
color:#1f42a7;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif
}

.name,.terms,.text-box {
color:#000;
text-decoration:none;
font-style:normal;
font-size:8pt;
font:arial
}

div#content.small h1,div#content.small h2,div#content.small h3,div#content.small h4,div#content.normal p,div#content.normal ul,div#content.normal tr {
font-size:12px
}

div#content.normal h1,div#content.normal h2,div#content.normal h3,div#content.normal h4,div#content.large p,div#content.large ul,div#content.large tr {
font-size:14px
}

div#content.large h1,div#content.large h2,div#content.large h3,div#content.large h4 {
font-size:16px
}

div#content.small p,div#content.small ul,div#content.small tr {
font-size:10px
}

div.cf_wrapper,a.tip {
position:relative
}

 #tb-contact {
width:565px;
height:120px;
background-image:url(../images/img_notify.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-faq {
width:565px;
height:120px;
background-image:url(../images/img_question.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-info {
width:565px;
height:120px;
background-image:url(../images/img_info.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-info4 {
width:565px;
height:120px;
background-image:url(../images/img_info4.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-piggybank {
width:565px;
height:120px;
background-image:url(../images/img_piggybank.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-piggybank2 {
width:565px;
height:120px;
background-image:url(../images/img_piggybank2.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-clipboard {
width:565px;
height:120px;
background-image:url(../images/img_clipboard.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-briefcase {
width:565px;
height:120px;
background-image:url(../images/img_briefcase.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-who {
width:565px;
height:120px;
background-image:url(../images/img_who.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-youth {
width:565px;
height:120px;
background-image:url(../images/img_youth.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-rainbow {
width:565px;
height:120px;
background-image:url(../images/img_rainbow.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-programs {
width:565px;
height:120px;
background-image:url(../images/img_programs.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-substance {
width:565px;
height:120px;
background-image:url(../images/img_substance2.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-gambling {
width:565px;
height:120px;
background-image:url(../images/img_gambling3.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-gambling-old {
width:565px;
height:120px;
background-image:url(../images/img_gambling-old.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-freshstart {
width:565px;
height:120px;
background-image:url(../images/img_freshstart.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-backontrack {
width:565px;
height:120px;
background-image:url(../images/img_backontrack.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-employment {
width:565px;
height:120px;
background-image:url(../images/img_employment.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-volunteer {
width:565px;
height:120px;
background-image:url(../images/img_volunteer.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-student {
width:565px;
height:120px;
background-image:url(../images/img_student.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-heartspace {
width:565px;
height:120px;
background-image:url(../images/img_heartspace.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-news {
width:565px;
height:120px;
background-image:url(../images/img_news.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-announce {
width:565px;
height:120px;
background-image:url(../images/img_announce.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-links {
width:565px;
height:120px;
background-image:url(../images/img_links.jpg);
background-repeat:no-repeat;
background-position:right top
}

#tb-help-myself {
width:565px;
height:120px;
background-image:url(../images/img_help-myself.jpg);
background-repeat:no-repeat;
background-position:right top
}
#tb-housing {
width:565px;
height:120px;
background-image:url(../images/img_housing2.jpg);
background-repeat:no-repeat;
background-position:right top
}
#tb-court {
width:565px;
height:120px;
background-image:url(../images/img_court.jpg);
background-repeat:no-repeat;
background-position:right top
}
#tb-sponsors {
width:565px;
height:120px;
background-image:url(../images/img_corporate_sponsor.jpg);
background-repeat:no-repeat;
background-position:right top
}
#tb-poems {
width:565px;
height:120px;
background-image:url(../images/img_butterfly.gif);
background-repeat:no-repeat;
background-position:right top
}

.nextpage {
	width: 100%;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 0;
	display: inline;	
	list-style: none;
	float: left;	

}

.nextpage li {
	margin: 1px;	
	padding: 1px;
	list-style: none;
	display: block;
    float: left;
}

.nextpage li.page a, .nextpage li.page a:visited  {
	width: 18px;
	height: 16px;
	font: 100%/140% arial, verdana, sans-serif;	
	color: #97988a;	
	display: block;
	margin: 0px 0;	
	text-decoration: none;
	text-align: center;
	background-color: #F2F3EB;
	border: 1px solid #e7e7e7;	

}
.nextpage li.current a, .nextpage li.current a:visited  {
	width: 18px;
	height: 16px;
	font: 100%/140% arial, verdana, sans-serif;	
	color: #4f5048;	
	display: block;
	margin: 0px 0;	
	text-decoration: none;
	text-align: center;
	background-color: #CCD6E0;
	border: 1px solid #e7e7e7;	

}
.nextpage li.page a:hover {
	background-color: #CCD6E0;
	color: #FFFFFF;
	border: 1px solid #7C98AE;	

}