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

img
{  border-style: none;
}

img a
{  border-style: none;
}

body {font-family:Arial, Helvetica, sans-serif; font-size:100%;}

a:link {
	color: #032b87;
}

p { color:#000000;
}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	font:Arial, Helvetica, sans-serif;
	color:#000000;
	padding: 0;
	margin: 0;
}

h1 {
	color: #FFFFFF;
	font-size:90%;
}

h2 {
	font-size:100%;
}

h2 .red {
	color:#eb0f26;
}

h2 .blue {
	color:#032b87;
}

h3 {
	font-size: 100%;
}

h4 {
	font: "Myriad Pro";
	text-indent: 20px;
	padding: 0;
	line-height: 20pt;
	font-size:140%;

}

h4 .blue {
	color:#032b87;
}

h5 {
	font-size: 100%;
}


.boldblue {
	color: #032b87;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:80%;
}

.greenfont {
	color:#006600;
}

.bluefont {
	color: #032b87;
}

.redfont {
	color:#eb0f26;
}



table#body{
	width:962px;
	border-collapse : collapse;
	margin : auto;
	font-size: 100%;
}

#menucontainer{
	border: solid 1px #CCCCCC; 
}

ul#menu{
	padding : 0px;
	width : 170px;
	margin : 0px 0 0 -1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 80%;
	background-color : #2c3894;
}

ul#menu li{
	list-style-type : none;
	margin : -1px 0px 0px 0px;
	color:#ffffff;
	border-bottom: solid 2px #9ca1cd;
	text-indent: 20px;
	padding: 0;
	display:block;
}

ul#menu li a{
	color: #FFFFFF;
	text-decoration : none;
	display:block;
	padding:4px 0 4px 0;
}

ul#menu li a:hover, ul#menu li a:active{
	background-image: url(/_system/PositiveActivities/Images/over.gif);
}

#menubottom {
	width:170px;
	margin-bottom:10px;
}

ul#SubMenu{
	color:#000000;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	background-color: #ffffff;
	width: 165px;
	padding: 5px 5px 5px 0px;
	margin: 0px -1px 0px 0px;
	text-align:right;
}

ul#SubMenu li {
	list-style-type : none;
	padding:0px;
	border:none;
	margin: 0px -1px 0px 0px;
	display : inline;
}

ul#SubMenu li a{
	color : #000000;
	display : block;
	border:none;
	padding:0px;
}

ul#SubMenu li a:hover, ul#menu li a:active{
	text-decoration:underline;
	background-image:none;
}

#search {
	height: 250px;
}

#textvers {
	width:170px;
	overflow: hidden;
	vertical-align: bottom;
}

table#headercontainer{
	border-collapse : collapse;
	border-bottom: solid #ffffff 1px;
}

td#masthead{
	padding : 0px;	
}

table#maincontent{
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
	width: 961px;
	background-position:top right;
	background-repeat:repeat-y;
	background-image:url(/_system/PositiveActivities/Images/bricks.jpg)
}

table#maincontentarticle{
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
	width: 961px;
	background-position:top right;
	background-repeat:repeat-y;
	background-image:url(/_system/PositiveActivities/Images/brickrepeat.jpg)
}

#topstories{
	margin:5px 8px 0 8px;
	border:1px solid #000000;
	background-image: url(/_system/PositiveActivities/Images/opastories.png);
	overflow: hidden;
	height:253px
}

#article{
	margin:5px 8px 10px 8px;
	border:1px solid #000000;
	background-image: url(/_system/PositiveActivities/Images/storyarticle_bg.png);
	overflow: hidden;
}


#tellus{
	border:1px solid #000000;
	width: 476px;
	margin-left: 8px;
	margin-top: 0px;
	background-image: url(/_system/PositiveActivities/Images/tellus.jpg);
	position: relative;
	height: 99px;
	overflow: hidden;
}

.tellusheader {
	margin-left: 110px;
	padding: 3px 0 0 0;
	margin-top: 2px;
}

.tellusqu {
	margin: 10px 80px 0 100px;
	height:80px;
	padding:2px 0 0 0;
	font-size:80%;
	overflow: visible;
}

.tellusqu strong {font-size:130%;}

.tellusqu br {display:none;}

.tellusqu img {float:left;display:inline;}

#nearyou{
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-image: url(/_system/PositiveActivities/Images/youngpeople.jpg);
	height: 187px;
}

#problem{
	border : 1px solid #000000;
	width: 267px;
	margin-left: 5px;
	padding-left: 8px;
	background-image: url(/_system/PositiveActivities/Images/probgirl.png);
	background-position:bottom;
	margin-top: 17px;
	padding-top: 8px;
	overflow: hidden;
	height:116px;
}

#whatson{
	border : 1px solid #000000;
	width: 267px;
	margin-left: 5px;
	padding-left: 8px;
	background-image: url(/_system/PositiveActivities/Images/probgirl.png);
	background-position:bottom;
	margin-top: 10px;
	padding-top: 8px;
	overflow: hidden;
}

#whatson #calendarContainer {
	float: left;
	margin-right: 5px;
	padding-bottom: 8px;
	margin-top: 8px;
}

#eventlist {
	vertical-align: top;
	float: left;
}

.probtext {
	padding-left: 8px;
	padding-top: 0px;
}

#probquote {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	width: 200px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 8px;
}

#whatsonquote {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	width: 220px;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 8px;
}

.pinkquote {
	color:#e50168;
}

.bluequote {
	color:#032b87;
}

img#probgirl {
	float:right;
}

.boxheader {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.probGo img {
	float:right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}


#storydisplay {
	background-color: #D6D6D6;
	height: 16px;
	color:#000000;
	font-size:x-small;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#storydisplay .stories {
	float: left;
	text-indent:5px;
}



#storydisplay .seeall {
	float: right;
	padding-right: 5px;
	text-decoration:none;
}

.story {
	width: 473px;
	border-top: solid 1px #dadada;
	padding-bottom: 7px;
	padding-top: 5px;
	height:55px;
	overflow:hidden
}

.storypic img{
	float:left;
	border: 1px solid #000000;
	margin-left: 5px;
	vertical-align: middle;
	clear: both;
	margin-top: 2px;
	margin-right: 5px;
}

.storytext {
	font-family: Arial, Helvetica, sans-serif;
	font: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#000000;
}

.storyhead {
	font-size:70%;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial, Helvetica, sans-serif;
}

#toptitle {
	background-color:#000000;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFFFFF;
	padding: 5px 5px 5px 10px;
	position:relative;
	z-index:99;
}

#article .story {
	width: auto;
	border-top: solid 1px #dadada;
	padding-bottom: 7px;
	padding-top: 5px;
	height:auto;
	overflow:hidden
}

.articlestory {
	width: 100%;
	border-top: solid 1px #dadada;
	padding-bottom: 5px;
	padding-top: 5px;
}

.articletext {
	font-family: Arial, Helvetica, sans-serif;
	font: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color:#000000;
	margin: 0 5px 0 5px;
}

.storytext img {
	margin: 0 0.2em 0 0.2em;
}

.storydate {
	font-family: Arial, Helvetica, sans-serif;
	font: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #032b87;
	padding: 5px;
}

.storyitem {
	padding-right: 5px;
	padding-left:5px;
}

.nearyouheader {
	padding-top: 10px;
	padding-bottom: 5px;
	text-indent: 20px;
}

ul#events{
	color:#000000;
	margin : 0px 0 0 -1px;
	padding : 0;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	text-indent: 5px;
}

ul#events{
	color:#000000;
	margin : 0px 0 0 -1px;
	padding : 0;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	width: 140px;
	text-indent: 5px;
	font-weight: bold;
	padding-top: 8px;
}

ul#events li{
	list-style-type : none;
}

ul#events li a{
	color : #000000;
	font-size : x-small;	
	text-decoration:none;
	
}

ul#events li a:hover, ul#menu li a:active{
	text-decoration: underline;
}

table#activities {
	margin-left: 60px;
	margin-top: 10px;
}

td#activities .submit {
	float:left;
}

td#activities .textfield {
	padding-right:10px;
}

 .text {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
}

img#yes {
	float: right;
	vertical-align: top;
}

img#no {
	float: right;
	vertical-align: top;
}

#nyContainer {
	position:relative;
	margin-left: 8px;
	height: 173px;
	margin-top: 10px;
}

#chillzone{
	position: absolute;
	behavior: url(/_system/positiveactivities/Style/iepngfix.htc);
	width: 214px;
	right: 30px;
	top: 0px;
	height: 173px;
	overflow: visible;
}


#chillzone a img{
	behavior: url(/_system/positiveactivities/Style/iepngfix.htc);
	width: 214px;
	height: 173px;
}

#footer {
	position:relative;
	background-color:#000000;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:5px;
	width:90%;
	height: 40px;
}

.footerPages {
	float:left;
	width:70%; 
	padding:13px; 
	color:#FFFFFF;
}

.footerLogos {
	position:absolute; 
	top:0px; 
	right:0px; 
	width:170px;
	z-index:1;
}

.footerLogos img {
	padding: 0;
}

.footerLink {
	vertical-align:middle;
}

a.footerLink:link {
	color:#FFFFFF;
	text-decoration:none;
}

a.footerLink:hover {
	text-decoration:underline;
}

a.footerLink:active  {
	text-decoration:underline;
	color: #CCCCCC;
}

a.footerLink:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#yesnoContainer {
	position:absolute;
	left: 286px;
	top: 59px;
	width: 100px;
}

table#calendar {
	background-color:#FFFFFF;
	color:#000000;
	border-top:#000000 1px solid;
	border-left:#000000 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial, Helvetica, sans-serif;
	text-align:center;
}

table#calendar th {
	background-color:#032b87;
	color:#FFFFFF;
	padding: 2px;
	font-size:80%;
}

table#calendar td {
	padding: 2px;
	font-size:70%;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	font-weight:bold;
}

table#calendar .today {
	background-color:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
}

td {
	vertical-align: top;
}

.directory_contribute_table th {text-align:left;}

.boldstyle { font-weight:bold; }
.italicstyle {font-style:italic;}

.texttools { font-size:9px; color: #333333; font-weight:bold; text-align:center; }

.texttools img { text-align:center; }

.brclear {clear:both;font-size:1px;line-height:1px;}

.eventsearch {background-image:url(/_system/positiveactivities/images/eventbg.jpg);background-repeat:no-repeat;background-position:top-left;}
.eventsearch div {float:right;text-align:right;}
.eventsearch h1 {float:left;margin:0.1em 0 0 0.5em;color:#2b3992;font-size:130%;}
.eventsearch table {width:65%;margin:0.5em 0 1.5em 0;text-align:left;float:right;}
.eventsearch table td {color:#FFFFFF;font-weight:bold;font-size:80%;padding:0.5em;}
.eventsearch table td .searchinput {color:#d03d8d;border-width:0;width:230px;}
.eventsearch table td select {color:#d03d8d;}


.eventlist {padding:0.5em 0.5em 0.5em 1em;font-family: Arial, Helvetica, sans-serif;font: Arial, Helvetica, sans-serif;	font-size: 80%;	color:#000000;}

.eventpagelinks {background-color:#FFFFFF;font-weight:bold;font-size:80%;color:#d03d8d;padding:0.5em 0.5em 0.5em 1em;border-bottom:1px #bfbfc1 solid;margin-bottom:1em;}
.eventpagelinks a {color:#444549;text-decoration:none;}
.eventpagelinks a:hover {text-decoration:underline;}
.eventpagelinks div {color:#444549;margin-bottom:0.3em;}

.eventlist h2 {color:#2e3794;font-size:110%;margin:0.3em 0 0.3em 0;}

.eventlist .eventline {background-color:#d03d8d;font-size:1px;font-weight:1px;border-width:0;height:1px;margin:0 auto 0 auto;width:90%;margin:12px 0;}

.servicelink {font-size:70%;text-align:center;margin:0.3em 0 0.3em 0;}
.servicelink a {color:#777777;}

.format_middle1_tableforum {font-family:arial;font-size:80%;padding:0.5em;}

.formheading {font-weight:bold;}

#freetime{
	width: 475px;
	margin-left: 8px;
	margin-top: 35px;
	height: 133px;
	overflow: hidden}