
/* CSS Document */

body {
	background: url(../images/background.gif);
}
.italic{
	font-style: italic;
}
b {font-weight:bold; font-size:14px; color:#333399;}

*{	margin: 0;
	padding: 0;
	border: 0;
	text-decoration:none;
	}


#container{
margin: 0 auto;
padding:0 30px 0px 15px;
position:relative;
width:782px;
background-image:url(../images/back6.png);
background-repeat:repeat-y;
}

h3.print {display:none;}
h4.print {display:none;}
.print {display:none;}

#header{
	border-right: 1px #393a96 solid;
	border-left: 1px #393a96 solid;
	width:781px;
	position:relative;
	background-image:url(../images/headerbg.jpg);
	background-repeat:no-repeat;
	height:90px;
}

#header_print {
	display: none;
}

#hdrlinks{
margin-top:5px;
float:right;
height:12px;
width:100px;
font-family:Arial;
font-size:11px;
position:relative;
}

#hdrlinks a{
color:#FFFFFF;
text-decoration:none;
}

#hdrlinks a:hover{text-decoration:underline;}

#hdrinfo{
display:none;
padding-top:10px;
float:right;
height:30px;
width:318px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
position:absolute;
bottom:0;
right:0;
}

#hdrinfo a , p{
color:#FFFFFF;
text-decoration:none;
}

#hdrinfo a:hover{text-decoration:underline;}

#staticalbar{
border-right:1px #393a96 solid;
width:782px;
background-color:#d7e4f2;
position:relative;
float:left;
height:30px;
overflow:hidden;
z-index:100;
}

#staticalbar ul li,
#staticalbar li {
	font-size:12px;
	text-decoration:none;
	list-style:none;
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	z-index:100;
	float:left;
}

#staticbar ul {list-style:none; float:left; text-decoration:none;}


/* interior page verital bar with als pals in it */
#albar{
border-right: 1px #393a96 solid;
background:url(../images/subnav_bg.jpg) repeat-x;
padding-left:15px;
padding-top:8px;
height:22px;
width:767px;
position: relative;
float:left;
text-decoration:none;
z-index:100;
}

#albar a{
font-family:Arial, Helvetica, sans-serif;
padding-right:25px;
color:#40429b;
text-decoration:none;
}

#albar a:hover{
text-decoration:underline;
font-weight:bold;
}

#albar ul {list-style:none; float:left; text-decoration:none;}

#albar ul li,
#albar li {
	font-size:12px;
	text-decoration:none;
	list-style:none;
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	z-index:100;
}

#nav{
border-right:1px #393a96 solid;
height:37px;
width:782px;
position: relative;
float:left;
text-decoration:none;
z-index:100;
}

#nav ul {list-style:none; float:left; text-decoration:none;}

#nav ul li,
#nav li {
	text-decoration:none;
	list-style:none;
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	z-index:100;
}

#nav img{margin: 0; padding: 0;}

#intnav{
width:783px;
}



#contentcontainer{
border-right: 1px #393a96 solid;
background-image:url(../images/content_bg.jpg);
background-repeat:repeat-y;
width:782px;
height:auto;
position:relative;
}

#left{width:197px; position: relative; float:left; overflow:hidden; padding-bottom:0px; height:auto;}
#left img {padding:0; margin:0;}
#left ul {list-style:none; padding:0; margin:0; list-style-type:none; width:182px;}

/*Horizontal Nav*/

#nav li a.about { background-image:url(../images/about_top.jpg); display:block; height: 38px; width: 197px; text-indent: -4000px;}
#nav li a.about:hover {background-position: 0 -38px;}
#aboutPage #nav li a.about { background-image:url(../images/about_on.jpg); display:block; height: 38px; width: 197px; text-indent: -4000px;}


#nav li a.programs { background-image:url(../images/programs_top.jpg); display:block; height: 38px; width: 285px; text-indent: -4000px;}
#nav li a.programs:hover {background-position: 0 -38px;}
#childrenPage #nav li a.programs { background-image:url(../images/programs_on.jpg); display:block; height: 38px; width: 285px; text-indent: -4000px;}

#nav li a.parent { background-image:url(../images/parent_top.jpg); display:block; height: 38px; width: 181px; text-indent: -4000px;}
#nav li a.parent:hover {background-position: 0 -38px;}
#parentPage #nav li a.parent { background-image:url(../images/parent_on.jpg); display:block; height: 38px; width: 181px; text-indent: -4000px;}


#nav li a.training { background-image:url(../images/training_top.jpg); display:block; height: 38px; width: 119px; text-indent: -4000px;}
#nav li a.training:hover {background-position: 0 -38px;}
#trainingPage #nav li a.training { background-image:url(../images/training_on.jpg); display:block; height: 38px; width: 119px; text-indent: -4000px;}


/*Vertical Nav*/

#left li a.menu2 {background-image:url(../images/intrest.jpg); display:block; height:27px; width:197px; text-indent: -4000px;}

#left li a.resilience {background-image:url(../images/resilience.jpg); display:block; height:27px; width:197px; text-indent: -4000px;}
#left li a.resilience:hover {background-position: -197px;}

#left li a.factors {background-image:url(../images/protectFac.jpg); display:block; height: 26px; width:197px; text-indent: -4000px;}
#left li a.factors:hover {background-position: -197px;}

#left li a.sap {background-image:url(../images/substancePrevent.jpg); display:block; height:26px; width:197px; text-indent: -4000px;}
#left li a.sap:hover {background-position: -197px;}

#left li a.violence {background-image:url(../images/violencePrevent.jpg); display:block; height:26px; width:197px; text-indent: -4000px;}
#left li a.violence:hover {background-position: -197px;}

#left li a.bullying {background-image:url(../images/bullying.jpg); display:block; height:26px; width:197px; text-indent: -4000px;}
#left li a.bullying:hover{background-position: -197px;}

#left li a.schoolready {background-image:url(../images/schoolRdy.jpg); display:block; height: 25px; width: 197px; text-indent: -4000px;}
#left li a.schoolready:hover{ background-position: -197px;}

#left li a.socemolearning {background-image:url(../images/socialEmo.jpg); display:block; height: 25px; width: 197px; text-indent: -4000px;}
#left li a.socemolearning:hover{background-position: -197px;}

#left li a.charaedu {background-image:url(../images/charaEdu.jpg); display:block; height: 26px; width: 197px; text-indent: -4000px;}
#left li a.charaedu:hover{ background-position: -197px;}

#left li a.headstart {background-image:url(../images/headstart.jpg); display: block; height: 27px; width: 197px; text-indent: -4000px;}
#left li a.headstart:hover{background-position: -197px;}

/*Programs Nav   */
#programnav li a.Pabout { background-image: url(../images/aboutalspalslvl2.jpg); display:block; height: 30px; width: 199px; text-indent: -4000px;}
#programnav li a.Pabout:hover {background-position: 0 -30px;}

#programnav li a.Presults { background-image: url(../images/resultslvl2.jpg); display:block; height: 30px; width: 191px; text-indent: -4000px;}
#programnav li a.Presults:hover {background-position: 0 -30px;}

#programnav li a.Pprogram { background-image: url(../images/programlvl2.jpg); display:block; height: 30px; width: 163px; text-indent: -4000px;}
#programnav li a.Pprogram:hover {background-position: 0 -30px;}

#programnav li a.Pstarted { background-image: url(../images/startedlvl2.jpg); display:block; height: 30px; width: 229px; text-indent: -4000px;}
#programnav li a.Pstarted:hover {background-position: 0 -30px;}




/* als caring pals nav */



#programnav li a.acpabout { background-image: url(../images/about_acp.jpg); display:block; height: 30px; width: 241px; text-indent: -4000px;}
#programnav li a.acpabout:hover {background-position: 0 -30px;}

#programnav li a.acpeffect { background-image: url(../images/acp_effect.jpg); display:block; height: 30px; width: 233px; text-indent: -4000px;}
#programnav li a.acpeffect:hover {background-position: 0 -30px;}

#programnav li a.acpstart { background-image: url(../images/getstart.jpg); display:block; height: 30px; width: 308px; text-indent: -4000px;}
#programnav li a.acpstart:hover {background-position: 0 -30px;}


#programnav{
border-right: 1px #393a96 solid;
overflow: hidden;
width:782px;
background-color:#d7e4f2;
position:relative;
float:left;
height:30px;
z-index:100;
}

#programnav ul li,
#programnav li {
	font-size:12px;
	text-decoration:none;
	list-style:none;
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	z-index:100;
	float:left;
}

/*Parent Nav   */
#parentnav li a.Prabout { background-image: url(../images/hndrabout.jpg); display:block; height: 30px; width: 200px; text-indent: -4000px;}
#parentnav li a.Prabout:hover {background-position: 0 -30px;}

#parentnav li a.Preffectiveness { background-image: url(../images/hndreffectivness.jpg); display:block; height: 30px; width: 181px; text-indent: -4000px;}
#parentnav li a.Preffectiveness:hover {background-position: 0 -30px;}

#parentnav li a.Prprogram { background-image: url(../images/hndrdiverse.jpg); display:block; height: 30px; width: 218px; text-indent: -4000px;}
#parentnav li a.Prprogram:hover {background-position: 0 -30px;}

#parentnav li a.Prstarted { background-image: url(../images/hndrgetting.jpg); display:block; height: 30px; width: 183px; text-indent: -4000px;}
#parentnav li a.Prstarted:hover {background-position: 0 -30px;}

#parentnav{
border-right: 1px #393a96 solid;
overflow: hidden;
width:782px;
background-color:#d7e4f2;
position:relative;
float:left;
height:29px;
z-index:100;
}

#parentnav ul li,
#parentnav li {
	font-size:12px;
	text-decoration:none;
	list-style:none;
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	z-index:100;
	float:left;
}

#staticbar ul {list-style:none; float:left; text-decoration:none;}



#spotlighttop{
background-image:url(../images/pplrsaying.jpg);
height:55px;
width:197px;
}

#homePage #spotlighttop{
background-image:url(../images/spotlight_top.jpg);
height:55px;
width:197px;
}

#homePage #spotlighttop ul {margin-left:10px; color:#FF0000;}
 #spotlight a:link {text-decoration:underline;}
#spotlight a:visited {text-decoration:none;  color:#009fb2;}


#spotlight{
position:relative;
float:left;
background-color:#cdcde5;
margin:0;
border-left: 1px solid #393a96;
border-right: 1px solid #393a96;
width: 195px;
text-decoration:none;
font-family:Arial;
font-size:12px;
height: auto !important; /* for modern browsers */
height: 100px; /* for IE5.x and IE6 */
min-height: 100px; /* for modern browsers */
padding-bottom: 5px;
}
#spotlight ul li { list-style:none;font-family:Arial;color:#1f005c;padding-left: 15px; }

/*#spotlight a, #spotlight p, #spotlight li {color:#525252; font-family:Arial; font-size:12px; font-weight:bold; width:150px;}*/

#right{
color:#333333;
float:right;
width: 582px;
height:auto;
position: relative;
padding-bottom:10px;
}
#right a:link {text-decoration:none;}
#right a:visited{ color:#009fb2;}
.linkItal {
	font-style: italic;
	text-decoration:none;
}
#right a.pg_anchor:visited {
	color:#0000EE;
}


.header img {padding: 10px 0px 5px 10px;}
#homePage #right img {padding:0;}
#homePage #right a{color:#009fb2;}
#right img {margin: 0px 0 15px 10px;}
#printbutton img {padding: 10px 0 5px 10px;}
#contactPage img{padding:0;}


#right p{
color:#333333;
margin: 10px 10px 10px 10px;
font-size:12px;
font-family:Arial;
line-height: 14px;
}

#right ul{
margin-left:25px;
margin-right:10px;
font-size:12px;
font-family:Arial;
}


#map{
border-right: 1px #393a96 solid;
position:relative;
clear:both;
width:782px;
background-color: #393996;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height: 22px;
text-align:center;
color:#FFFFFF;
padding-top: 8px;
}

#footer{
padding-top:8px;
position:relative;
height: 50px;
color:#393996;
text-align:center;
font-family:Arial;
font-size:11px;
line-height:16px;
}

#footer a{ color:#393996; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#map a {
text-align:center;
font:Arial, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
}
#contactUs li{list-style-type:none;}
#contactUs textarea{width:250px; height:100px;}
label{
	width:150px;
	float:left;
}
#contactUs input, #contactUs textarea{border:1px solid #ccc;}

#right table td {width:500px; height:auto;}

#right table p {padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.heavy {color:#393996; text-decoration:underline; font-weight:bold;}

#crumbs, crumbs a:link{ color:#000000; font-family:Arial; font-size:11px;}
#crumbs a:visited{color:#000000;}
#crumbs a:hover{text-decoration:underline;}
#crumbs {margin-left:12px; margin-top:10px; margin-bottom:10px;}



#printbutton{
position:absolute;
top:-6px;
right:20px;
margin-top:0px;
height:33px;
width:125px;
padding-top:0px;
color:#000000;
font-family:Arial;
font-size:11px;
text-decoration:none;
}

/*
#printbutton {
padding-top:0px;
color:#000000;
font-family:Arial;
font-size:11px;
text-decoration:none;
}
*/

#pdfbutton {
position:absolute;
top:35px;
right:0px;
margin-top:0px;
height:33px;
width:195px;
color:#000000;
font-family:Arial;
font-size:11px;
text-decoration:none;
}
#pdfbutton2 {
position:absolute;
top:50px;
right:-30px;
margin-top:0px;
height:33px;
width:195px;
color:#000000;
font-family:Arial;
font-size:11px;
text-decoration:none;
}

#schedulebutton{
position:absolute;
top:55px;
right:0px;
margin-top:0px;
height:33px;
width:238px;
color:#000000;
font-family:Arial;
font-size:11px;
text-decoration:none;
a:link text-decoration:none;
a:visited color:#009fb2;
}
#schedulebutton2{
position:absolute;
top:65px;
right:0px;
margin-top:0px;
height:33px;
width:234px;
color:#000000;
font-family:Arial;
font-size:11px;
text-decoration:none;
a:link text-decoration:none;
a:visited color:#009fb2;
}
#schedulebutton3{
position:absolute;
top:75px;
right:0px;
margin-top:0px;
height:33px;
width:205px;
color:#000000;
font-family:Arial;
font-size:11px;
text-decoration:none;
a:link text-decoration:none;
a:visited color:#009fb2;
}
#schedulebutton4{
position:absolute;
top:85px;
right:0px;
margin-top:0px;
height:33px;
width:205px;
color:#000000;
font-family:Arial;
font-size:11px;
text-decoration:none;
a:link text-decoration:none;
a:visited color:#009fb2;
}
#schedulebutton_only{
position:absolute;
top:32px;
right:0px;
margin-top:0px;
height:53px;
width:130px;
color:#000000;
font-family:Arial;
font-size:11px;
text-decoration:none;
a:link text-decoration:none;
a:visited color:#009fb2;
}


#printbutton a:hover{
text-decoration:none;
}

#spotlight a:visited {
color:#009FB2;
}

.rightindent {padding-right:40px;}
.rightindent img {padding-right:40px;}

#video{
text-align:center;
width:228px;
height:210px;
padding: 8px 0 10px 10px;
float:right;
text-align:center;
font-family:Arial;
font-size:10px;
color:#333399;
font-style:italic;
}

#videoLeft{
width:228px;
height:230px;
padding: 8px 0 5px 10px;
margin-right:20px;
float:left;
text-align:center;
font-family:Arial;
font-size:10px;
color:#333399;
font-style:italic;
}

#leftphoto{
padding: 5px 40px 0px 0px;
float:left;
text-align:center;
font-family:Arial;
font-size:10px;
color:#333399;
font-style:italic;
}

#leftphoto p {
margin-top:0;
padding-top:0;
text-align:center;
font-family:Arial;
font-size:10px;
color:#333399;
font-style:italic;
}
#rightphoto p {
margin-top:0;
padding-top:0;
text-align:center;
font-family:Arial;
font-size:10px;
color:#333399;
font-style:italic;
}

#rightphoto{
padding: 8px 10px 5px 10px;
margin-left:20px;
float:right;
text-align:center;
font-family:Arial;
font-size:10px;
color:#333399;
font-style:italic;
}

#bar{
margin-left:5px;
height:20px;
width:562px;
background-color:#333399;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
font-style:normal;
font-family:Arial;
padding-left:5px;
padding-top:6px;
}

.caption {
  padding-top: 5px;
}

.testa{font-size:12px; font-family:Arial; color:#1f005c; padding-left: 15px; font-style:italic;}
.name {font-size:11px;color:#1f005c; font-weight:bold;font-style: normal; font-family:Arial; padding-top:5px;}
.title {font-size:11px;color:#1f005c; font-style: normal;font-family:Arial;text-indent: 6px;}

.form {font-family:Arial; font-size:12px; padding-top:5px;}
.form td {padding-bottom: 0px; padding-top:0;}
.form tr {padding-right:5px; width:20px;}

.button1 { display:block; background-color:#cdcde5; border:2px groove #393a96;}
.button1:hover {cursor:hand;}

