/* Housatonic Youth Service Bureau CSS Document */

/* Default Selectors */
body {
	margin:0; padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background:#BBBBBB url(../images/main_bckgr.jpg) top left repeat-x;
	color:#000000;
	text-align: center;
}
h1, h2, h3, h4, p {
	margin:0; padding:5px 10px;
}
h1 {
	color:#ff6600;
	font-size:110%
}
h2 {
	font-size:90%;
	color:#499300;
}
h2 span {
	color:#0066CC;
}
h3 {
	font-size:90%;
	color:#0066CC;
}
h3 span {
	color:#499300;
}
h4  {
	font-size:85%;
	font-style:oblique;
}
p, blockquote {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
}
blockquote {
	margin:-5px 0 0 0; padding:0 10px 0 10px;
	text-indent:15px;
}
ul {
	font-size:80%;
}
a:link, a:visited {
	color:#0066CC;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
span {
	color:#FF3300;
}
/* Main Selectors */
#wrapper {
	margin:25px auto; padding:0;
	width: 770px;	
	text-align: left;
	background-color:#FFFFFF;
	border:2px solid #0066CC;
}
#topbar {
	margin:5px; padding:0;
	height:28px;
	background:#66CC00 url(../images/topbar_bckgr.jpg) top left repeat-x;
}
#topbar p {
	margin:0; padding:5px 0 0 5px;
	color:#FFFFFF;
	font-weight:600;
}
#topbar ul {
	margin:5px 0; padding:0;
	float:right;
	font-weight:600;
}
#topbar ul li {
	margin:0; padding:0 8px;
	list-style: none;
	display: inline;
}
#topbar ul li.first {
	border-right:2px solid #FFFFFF;
}
#topbar a:link, #topbar a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#topbar a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#hdr, #maincontent, #maincontent2, #maincontent3, #maincontenthm {
	margin:5px; padding:0;
}
#maincontent, #maincontent2, #maincontent3, #maincontenthm {
	margin-top:0;
	clear:both;
}
#maincontent {
	background:url(../images/content_bckgr.gif) repeat-y;
}
#maincontent2 {
	background:url(../images/content2_bckgr.gif) repeat-y;
}
#maincontent3 {
	background:url(../images/content3_bckgr.gif) repeat-y;
}
#maincontenthm {
	background:url(../images/content_hm_bckgr.gif) repeat-y;
}
#hdr #nav, #maincontent #lftcol, #maincontent2 #lftcol, #maincontenthm #lftcol, #footer #flft {
	margin:0; padding:0;
	float:left;
	width:190px;
}
#hdr #rcol, #maincontent #rgtcol, #maincontent3 #rgtcol, #maincontenthm #rgtcol, #footer #frgt {
	margin:0; padding:0;
	float:right;
	width:200px;
}
#lftcol #toporg, #lftcol #topgrn, #lftcol #topblu {
	margin:0 0 10px 0; padding:0;
}
#lftcol #toporg {
	background:url(../images/lftcol_top_bckgr_org.jpg) repeat-x;
}
#lftcol #topgrn {
	background:url(../images/lftcol_top_bckgr_grn.jpg) repeat-x;
}
#lftcol #topblu {
	background:url(../images/lftcol_top_bckgr_blu.jpg) repeat-x;
}
#lftcol #toporg h1 span, #lftcol #topgrn h1 span, #lftcol #topblu h1 span {
	color:#FFFFFF;
	font-size:90%;
	font-style:oblique;
}
#hdr #logo, #maincontent #content, #maincontenthm #content {
	margin-left:195px; padding:0;
	width:360px;
}
#maincontent2 #content {
	margin-left:195px; padding:0;
	width:565px;
}
#maincontent3 #content {
	margin-left:5px; padding:0;
	width:555px;
}
#maincontent #content ul, #maincontent2 #content ul, #maincontent3 #content ul, #maincontenthm #content ul {
	margin:5px 0 5px 45px; padding:0;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
}
#maincontent #content li, #maincontent2 #content li, #maincontent3 #content li, #maincontenthm #content li {
	padding:10px 10px 0 0;
}
#maincontent2 #content ul ul li {
	list-style-type:lower-alpha;
	font-size:110%;
}
#hdr #logo {
	text-align:center;
}

/* IE 5,6 Bad Box Model Fix - Hides from IE5-mac \*/
* html #hdr #logo, * html #maincontent #content, * html #maincontent2 #content, * html #maincontenthm #content {margin-left:192px;}
* html #maincontent3 #content {margin-left:2px;}
/* End hide from IE5-mac */

#hdr #nav ul {
	margin:0; padding:0;
	list-style-type:none;
}
#hdr #nav ul li {
	padding:3px 0;
	text-indent:30px;
	position:relative;
	height:1%;
}
#hdr #nav ul li a:link, #hdr #nav ul li a:visited {
	color:#666666;
	text-decoration:none;
	display:block;
	width:185px; height:17px;
	position:relative; left:0; top:0; z-index:1;
	background:url(../images/nav_bullet.gif) no-repeat left center;
}
#hdr #nav ul li a:hover, #hdr #nav ul li a#selected, #hdr #nav ul li.dd a#selected {
	background:url(../images/nav_bullet_hover.jpg) no-repeat left center;
}
/* Hides from IE5-mac \*/
* html #hdr #nav ul li.dd a:link, * html #hdr #nav ul li.dd a:visited {margin-top:-3px;}
/* End hide from IE5-mac */

/* Suckerfish DropDowns */
#hdr #nav ul li ul {
	margin:0; padding:0;
	font-size:95%;
	width:200px;
  	position:absolute; top:-10px; left:-999px;
  	border:1px solid #CCCCCC;
  	background-color:#EFEFEF;
}
#hdr #nav ul li ul li {
	text-indent:10px;
}
#hdr #nav ul li:hover ul, #hdr #nav ul li.sfhover ul {
	left:185px;
}
#hdr #nav ul li ul li a:link, #hdr #nav ul li ul li a:visited {
	background:#EFEFEF url(none);
	width:200px;
}
#hdr #nav ul li ul li a:hover {
	color:#0066CC;
	background:#FFFFFF url(none);
}
/* Hides from IE5-mac \*/
* html #hdr #nav ul li.dd ul li a:link, * html #hdr #nav ul li.dd ul li a:visited {margin-top:0;}
/* End hide from IE5-mac */

#maincontent #lftcol ul li, #maincontent #rgtcol ul li, #maincontent2 #lftcol ul li, #maincontent2 #rgtcol ul li,
#maincontent3 #lftcol ul li, #maincontent3 #rgtcol ul li, #maincontenthm #lftcol ul li, #maincontenthm #rgtcol ul li {
	margin:5px 5px 5px 0;
	font-size:90%;
	list-style: url(../images/bullet_li.gif) outside;
}
#footer {
	margin:10px 0 0 0; padding:0;
	background-color:#CCCCCC;
}
#footer p {
	margin:0; padding:0;
	font-size:65%;
	text-align:center;
	line-height:1.25em;
}
#footer #flft, #footer #frgt {
	margin-top:-39px;
	height:65px;
}
#desgcredit {
	margin:-20px auto 10px auto; padding:0;
	width: 770px;	
	text-align: center;
	font-size:65%;
	color:#A6A6A6;
}
#desgcredit a:link, #desgcredit a:visited {
	color:#A6A6A6;
	text-decoration:none;
}
#desgcredit a:hover {
	text-decoration:underline;
}

/* Form Selectors */
form {
    margin:25px 0 0 10px;
	font-family:Trebuchet MS, Helvetica, Arial;
}
form label {
    float:left;
	width:100px;
	font-size:80%;
    text-align:right;
}
input, select, textarea {
    margin-left:10px;
    font-family: Helvetica, Verdana, sans-serif;
    font-size:12px;
}
input.frmbutton {
    margin-left:175px;
}
.fieldName, .fieldValue {
	font-family:Trebuchet MS, Helvetica, Arial, sans-serif;
}

/* Class Selectors */

.left {
	float:left;
}
.right {
	float:right;
}
.imglft {
	padding:10px 10px 5px 10px;
	float:left;
	text-align:center;
	font-size:65%;
	color:#499300;
}
.imgrgt {
	margin:5px 7px 5px 5px;
	float:right;
	text-align:center;
	font-size:65%;
	color:#499300;
}
.imgctr {
	padding:10px 0;
	text-align:center;
	font-size:65%;
	color:#499300;
}
.ctr {
	text-align:center;
}
.lcol, .rcol {
	margin:0; padding:0;
	text-align:center;
}
.txtrgt {
	text-align:right;
}
.paypalbtns {
	text-align:right;
	margin:5px 0 0 0; padding:0;	
}
.clr {
	clear:both;
}
.txtindent {
	margin:10px 35px 0 35px; padding:0;
}
div.orange {
	margin:10px 0 0 0; padding:5px;
	font-size:105%;
	color:#FFFFFF;
	text-align:center;
	background-color:#FF6600;
}
div.orange span {
	color:#333333;
}
div.blue {
	margin:10px 0 0 0; padding:5px;
	font-size:105%;
	color:#FFFFFF;
	text-align:center;
	background-color:#0066CC;
}
div.blue span {
	color:#FFAD77;
}
div.green {
	margin:10px 0 0 0;
	padding:5px;
	font-size:105%;
	color:#FFFFFF;
	text-align:center;
	background:#499300;
}
div.green span {
	color:#000000;
}
.accentblue {
	color:#0066CC;
}
.accentgreen {
	color:#499300;
}
.accentorange {
	color:#FF6600;
}