body { margin: 0px; padding: 0px; }

html { margin: 0px; padding: 0px; }

a.plain {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
a{
	color: #01356F;
}
a:hover{
	color: Purple;
}
body {
	border: 1px #2E5988 solid;
	background: #5079a5 url('../images/bg.gif');
	text-align: center;
	font-size: .8em;
	line-height: 1.4em;
	font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div{
	margin:0;
	padding:0;
}

img{
	border:0;
}
sup{
	font-size:70%;
}
p{
	margin:0.7em 0;
}
.vidwrapper{
	font: oblique normal normal 13px/15px Arial, Helvetica, sans-serif;
	width: 346px;
}
#storyboard {
	background: transparent url('../images/stw2010storyboard.jpg') no-repeat scroll top;
	position:relative;
	height: 400px;
	margin-top:12px;
}
#storyboard p{
	position:absolute;
	top: 240px;
	left:500px;
	font: oblique normal normal 13px/15px Arial, Helvetica, sans-serif;
}
.imgleft{
	float:left;
	margin:0 12px 4px 0;
}
.imgright{
	float:right;
	margin:0 0 4px 12px;
}

.faded a {
	color:gray;
}

tr.faded .conf {
	color:gray !IMPORTANT;
}

.faded {
	color:gray !IMPORTANT;
}
td.rowodd{
	background-color: #FCFBDC !IMPORTANT;
}

.rowodd{
	background-color: #FCFBDC !IMPORTANT;
}

.sessions th{
	border-bottom:1px #01356F solid;
}
.subtitle{
	font-size: 16px;
	color: #FF6600
}
.clear { clear: both; font-size:1px;line-height:1px;}
.photocaptionleft {
	border: 1px #2A5D93 solid;
	padding: 2px;
	float: left;
	margin: 0 12px 4px 0;
	text-align: center;
	color: #2A5D93;
	background-color: #FFF;
}

.photocaptionright {
	border: 1px #2A5D93 solid;
	padding: 2px;
	float: right;
	margin: 0 0 4px 12px;
	text-align: center;
	color: #2A5D93;
	background-color: #FFF;
}
div.photocaptionright h4{
	margin: 0;
}
.photobioright {
	border: 1px #2A5D93 solid;
	padding: 0 4px 0 8px;
	float: right;
	margin: 0 0 4px 12px;
	color: #2A5D93;
	width: 350px;
	font-size: 90%;
}
h3 { 
	color: #01356F; 
	border-bottom: 1px solid #01356F; 
	font-size:14pt;
	line-height:16pt;
	margin:12px 0 0;
}
h4{
	font-size:13pt;
	margin:12px 0 0;
}

h6 {
	font-size: 10px;
	margin: 6px 0;
	font-weight : 400;
}

th{
	vertical-align:bottom;
}

#container {
	width: 1002px;
	margin: 0px auto;
	background: #fff url('../images/bodybg.gif') repeat-y;
	position: relative;
	padding : 0;
}

#mainbanner {
	margin-top: 0px;
	margin-bottom: 6px;
	width: 718px;
	height: 77px;
	display: block;
	background-image: url('../images/banner-the-50-top-charities.gif');
	background-repeat: no-repeat;
	background-position: 6px 0;
}

#splashbanner {
	margin-top: 0px;
	margin-bottom: 6px;
	background-color: #2A5D93;
	border: 6px #F2EC82 double;
	padding: 4px;
	font-size: 14px;
	line-height: 16px;
	font-style: italic;
	color: #FFFFFF;
}


#mainlinks {
	background : #fff;
	margin-top:10px;
	text-align:left;
}

.mainlinks td{
	background : transparent url(../images/SplashFrame.jpg) no-repeat top;
	padding:15px 12px 2px 12px;
	height: 236px;
	vertical-align : top;
	text-align:left;
	font-weight : 700;
}

.mainlinks td:hover{
	background : transparent url(../images/SplashFrame.jpg) no-repeat -1px 2px;
	padding:17px 12px 0 12px;
}

#splashIntro{
	background : transparent url(../images/SplashGrade.jpg) no-repeat top;
	padding:22px 32px;;
	color : #01356F;
	text-align:left;
	margin-top:20px;
	line-height:21px;
}
a.auction{
	display: block;
	height: 68px;
	background: transparent url('../images/PCDA-holiday-auction-donate.jpg') no-repeat top;
	margin: 12px 2px 6px 0;
}
a.auction:hover{
	margin:12px 0 6px 2px;
}
a.elements{
	display: block;
	height: 92px;
	background: transparent url('../images/elements.jpg') no-repeat top;
	margin: 12px 2px 6px 0;
}
a.elements:hover{
	margin:12px 0 6px 2px;
}
a.dirconf{
	display: block;
	height: 150px;
	background: transparent url('../images/CA-floortime-conf-Oct-2011.jpg') no-repeat top;
	margin: 0 2px 0 0;
}
a.dirconf:hover{
	margin:0 0 0 2px;
}

a.pictionary{
	display:block;
	height: 136px;
	background : transparent url("../images/Pictionary-tournament.jpg") no-repeat top;
	margin:0 2px 0 0;
}
a.pictionary:hover{
	margin:0 0 0 2px;
}

a.summerprograms{
	display:block;
	height: 86px;
	background : transparent url("../images/summerProgram.jpg") no-repeat top;
	margin:0 2px 0 0;
}
a.summerprograms:hover{
	margin:0 0 0 2px;
}

a.donatenow{
	display:block;
	height: 120px;
	font-weight:700;
	background : transparent url(../images/SplashDonate.jpg) no-repeat bottom;
	margin:10px 2px 0 0;
}
a.donatenow:hover{
	margin:10px 0 0 2px;
}
a.conferences{
	display:block;
	clear:both;
	height: 74px;
	background : transparent url(../images/SplashConferences.jpg) no-repeat top;
	margin:0 2px 0 0;
}
a.conferences:hover{
	margin:0 0 0 2px;
}
a.harvestmoon{
	display: block;
	height: 70px;
	background: transparent url('../images/Harvest-Moon-October-2-2011.jpg') no-repeat top;
	margin: 0 2px 0 0;
}
a.harvestmoon:hover{
	margin:0 0 0 2px;
}
a.pcdaCalendar{
	display: block;
	height: 120px;
	font-weight: 700;
	margin: 10px 2px 0 0;
}
a.pcdaCalendar:hover{
	margin:10px 0 0 2px;
}

#top {
	width: 1002px;
	height: 180px;
	background: url('../images/topbg2.jpg') no-repeat;
	text-align: left;
}

#logo {
	position: absolute;
	width: 196px;
	height: 72px;
	text-indent: -999999px;
	left: 20px; 
	top: 0px;
	margin: 0px;
}
	#logo a {
		display: block;
		background: url('../images/logo.gif') no-repeat;
		width: 196px;
		height: 72px;
		text-indent: -999999px;
		text-decoration: none;
	}

#tag {
	position: absolute;
	left: 430px;
	top: 35px;
	color: #2a5d92;
	width: 370px;
	margin: 0px;
	font: small-caps 15px 'Book Antiqua', Times, 'Times New Roman', serif;
	text-align: center;
}

#title {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 265px;
	top: 125px;
	color: #01356F;
	font: bold 26px 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#announcement {
	background: #fff url('../images/holly.jpg') no-repeat left;
	border: thick #F9EC24 double;
	position: absolute;
	top: 110px;
	left: 434px;
	display: block;
	width: 536px;
	height: 40px;
	padding: 8px 10px 4px;
}
#announcement p {
	font-size:14px;
	font-style:italic;
	margin:0 0 0 48px;
}
#splashannouncement {
	background-color: #fff;
	border: 6px #FC1946 double;
	display: block;
	padding:4px;
	font-size: 14px;
	line-height:16px;
	font-style: italic;
}
#body2col {
	width: 1002px;
	background: url('../images/contentbg.gif') top right no-repeat;
	text-align: left;
}
	#body2 {
		width: 229px;
		float: left;
		margin-right: 6px;
	}
	
	#body2 p {
		margin: 16px 12px;
	}
	
	#body1 {
		width: 762px;
		float: left;
		padding: 10px 10px 10px 30px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 722px;
	}
	
.serviceslist h4{
	margin:22px 0 2px 0;
}
		html>body #body1 { width: 727px; }
		
	#body1 li{
		margin-bottom: 6px;
}

.emphasis{
	font-size:13pt;
	font-weight: 700;
}

.rightfloat {
	border : medium double #6699CC;
	background-color : #FFFFCC;
	padding : 12px;
	margin-left : 10px;
	float : right;
}

.splashnav{
	background-image : url(../images/index_11.jpg);
	padding-left:90px;
}

.splashmain{
	background : White url(../images/index_08.jpg) no-repeat;
	vertical-align : top;
	text-align:left;
	font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
}

.boardtable td.splitrow{
	font-size : 0px;
	line-height : 0px;
	padding:0;
	margin:0;
	height:4px;
	background-color : #6699CC;
}

.submenu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.submenu li {
	width: 227px;
	background: url(../images/leftmenubg.gif) no-repeat -14px 0;
}

.submenu a:visited {
	color: #01019a;
	font: bold 14px 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height : 16px;
	display: block;
	width: 207px;
	padding: 3px 0px 3px 17px;
	text-decoration: none;
}

.submenu a:link {
	color: #01019a;
	font: bold 14px 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height : 16px;
	display: block;
	width: 207px;
	padding: 3px 0px 3px 17px;
	text-decoration: none;
}

.submenu a {
	color: #01019a;
	font: bold 14px 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height : 16px;
	display: block;
	width: 207px;
	padding: 3px 0px 3px 17px;
	text-decoration: none;
}

.submenu a:hover  {
	color: #6699CC;
	background:  url('../images/leftmenubg.gif') no-repeat 2px 0;
	padding: 3px 0px 3px 19px;
	padding-left: 19px;
}

.staff a:hover {
	width:187px;
	background : transparent none;
	list-style-type : circle;
	padding:0 0 0 0;
	margin:0;
	padding-left:0;
}

.staff a:visited {
	width:187px;
	background : transparent none;
	list-style-type : circle;
	padding:0 0 0 0;
	margin:0;
	padding-left:0;
}

.staff a:link {
	width:187px;
	background : transparent none;
	list-style-type : circle;
	padding:0 0 0 0;
	margin:0;
	padding-left:0;
}

.staff a {
	width:187px;
	background : transparent none;
	list-style-type : circle;
	padding:0 0 0 0;
	margin:0;
	padding-left:0;
}

.staff li {
	width:187px;
	background : transparent none;
	list-style-type : circle;
	padding:0 0 0 0;
	margin:0;
	padding-left:0;
}

.super {
	font-size : 60%;
}
.super2 {
	font-size : 7pt;
}

.testimonial2 {
	background : transparent url(../images/quotes-large.gif) no-repeat 2px 16px;
	padding-top : 28px;
	text-indent : 26px;
}

.testimonial {
	background : transparent url(../images/quotes-large.gif) no-repeat 2px 16px;
	padding-top : 28px;
	text-indent : 26px;
}
.testimonial2{
	margin-left: 330px;
	margin-right: 30px;
	font-style: italic;
}

cite{
	margin-left: 40px;
	font-style : italic;
	color : #6666CC;
	display : block;
}

.textbox{
	border : 6px double #2A5D93;
	padding : 12px;
	font-size:13pt;
	line-height:18pt;
}

.bullet{
	color : #FFF40D;
}

.buttons {
	border: none;
	border-spacing: 10px;
	margin: 0px auto;
	width:100%;
}
	.buttons td {
		vertical-align : top;
	}
	.buttons th {
	vertical-align:bottom;
	text-align:left;
}
	
	.buttons h3 {
		border-bottom: 1px solid #B8B25C; 
		margin: 20px 0 0 0;
	}
	
	.buttons ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	.buttons li {
		margin-bottom: 5px;
	}
	.buttons a:visited {
			color : #6699CC;
			font-weight : 700;
		}
	
	.buttons a:link {
			color : #6699CC;
			font-weight : 700;
		}
	
	.buttons a:hover {
		color : Purple;	
	}

	.buttons a:active {
		color : Purple;	
	}

.gridtable {
	border: 0px;
	border-collapse: collapse;
}

.gridtable td {
	padding: 5px;
	background: #eee;
	border: solid 1px #666;
	vertical-align : top;
	background-color: #FFFFFF;
}
.gridtable th {
	padding: 5px;
	border: solid 1px #666;
	vertical-align : top;
	background: #2A5D93;
	color: #fff;
}
.gridtable tr.rowodd td{
	background-color: #FCFBDC
}
.gridtable td.splitrow{
	font-size : 0px;
	line-height : 0px;
	padding:0;
	margin:0;
	height:4px;
	background-color : #6699CC;
}
.gridtable2 {
	border: 0px;
	border-collapse: collapse;	
}

.gridtable2 td {
	padding: 5px;
	background: #eee;
	vertical-align : top;
	background-color: #FFFFFF;
}
.gridtable2 th {
	padding: 5px;
	border: solid 1px #666;
	vertical-align : top;
	background: #2A5D93;
	color: #fff;
}
.gridtable2 tr.rowodd td{
	background-color: #FCFBDC
}
.gridtable2 td.splitrow{
	font-size : 0px;
	line-height : 0px;
	padding:0;
	margin:0;
	height:4px;
	background-color : #6699CC;
}

.gridtable2 .details{
	border-left: 1px #D2DDF8 solid;
	padding-right:3px;
}
.gridtable2 td.speakers{
	border-bottom: 2px #D2DDF8 solid;
}
.gridtable2 span.confdate{
	font: normal normal 700 17px/17px "Trebuchet MS";
	color: #FFF40D;
}
.gridtable2 td.conf{
	font: normal normal 700 15px/17px "Trebuchet MS";
	border-top: 8px #fff solid;
	border-bottom: 2px #9999CC solid;
	color: #333333;
	padding: 3px 0 3px 4px;
	background-color: #E6ECFB;
}
.datecol{
	padding:2px;
}
tr.faded .date{
    background: url('../images/calendar-date-faded.gif') no-repeat scroll 0 0 transparent;
}
.gridtable2 td.confdate{
	padding:3px 0;
}
.date {
    background: url('../images/calendar-date.gif') no-repeat scroll 0 0 transparent;
    font-family: helvetica,arial,sans-serif;
    font-weight: 700;
    height: 41px;
    line-height:22px;
    width: 44px;
}
.date span {
    left: -9999em;
    position: absolute;
}
.date .month {
    color: #fff;
    font-size: 12px;
    height: 17px;
    margin: 6px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 41px;
    padding:0;
    margin:0;
}
.date .timezone {
    color: #444444;
    font-size: 11px;
    margin: 1px 0;
    text-align: center;
    width: 41px;
}
#conflinks {
	color:#808080;
	height:140px;
}
#conflinks h2{
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #9999CC;
	padding:0;
	margin:4px 0 0;
	font-size:23px;
	line-height:25px;
}
#conflinks h2 span{
	font-size: 34px;
	font-style: oblique;
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
}

#conflinks ul{
	border-bottom: 2px #2F5181 solid;
	list-style: none;
	margin: 6px 0 12px;
	padding: 0;
	background-color: #FCFBDC;
	height:16px;
	float:left;
}
#conflinks li{
	display: inline;
	padding:0 3px;
	margin:0;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
}
#conflinks li a{
	background-color:#2F5181;
	color:#fff;
	text-decoration:none;
}
#conflinks li a:hover{
	background-color: #F2EC82;
	color: #2F5181;
}
a.register2 {
	display:block;
	width:118px;
	height:54px;
	background: transparent url('../images/register-online.png') 0 54px;
}
a.register2:hover {
	background: transparent url('../images/register-online.png') 0 1px;
}
a.register3 {
	display: block;
	width: 91px;
	height: 40px;
	background: transparent url('../images/register-online2.png') 0 40px;
}
a.register3:hover {
	background: transparent url('../images/register-online2.png') 0 1px;
}

div.hr{
	margin-top:12px;
	height:43px;
	background: #fff url(../images/music-therapy.gif) no-repeat scroll center;
	clear:both;
}

div.hr hr{
	display:none;
	
}
	
.boardtable {
	border: 0px;
	border-collapse: collapse;	
}

	 .boardtable td {
		padding: 5px;
		background: #FFFFCC;
		border: solid 2px #fff;
		vertical-align : top;
	}
.boardmember{
	background : #01356F;
	color : White;
	font-weight : 700;
	white-space:nowrap;
}
.honor{
	border: 3px #99CCFF double;
	background: #01356F;
	color : White;
	padding: 4px;
	text-align: center;
	line-height:14pt;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 12px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 12px;
}

fieldset {
border: 10px solid #EDEDED;
margin-bottom:8px;
padding:0px;
}

fieldset p {
margin: 2px 4px 12px 14px;
font-size: 110%;
 color: #6666CC;
}

legend {
border: 1px solid #99CCFF;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
padding:3px 6px;
margin-bottom:6px;
 color: White;
 background-color: #02366F;
}

.fun{
	font : normal 700 24pt/29pt "Comic Sans MS";
	color : #006699;
}
#familyfunday {
	padding: 1px 10px 12px 14px;
	background: url(../images/familyfundaybg2.jpg) repeat-y;
	font : normal 700 11pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#footer {
	width: 1002px;
	height:40px;
	margin:0 auto;
	background: transparent url('../images/footerbg.gif') no-repeat top;
	color : #CFD6E0;
	font : normal 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top:18px;
	display:block;
	border-top : none;
}

#footer ul {
	margin: 0px;
	padding: 2px 0px 0px 0px;
	list-style: none;
	font: bold 10px/11px Verdana, Arial, Helvetica, sans-serif;
}

#footer p{
	font : normal 11px/13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	margin-top:0;
}

@media print {
#top { width: auto; height: auto; background: none; }
#title { position: relative; top: 0; left: 0; }
#footer { display: none; }
.submenu { display: none; }
#topmenu { display: none; }
#logo { display: none; }
#body2col { width: 100%; }
#container { width: 100%; }
body { background: none; }
html > body #body1 { width: auto; padding: 0px; }
#body1 { width: auto; padding: 0px; }
}
#body1 {
	min-height:420px;
}

#appsize{
	margin: 0 auto;
	padding:36px;
	width: 620px;
	font: normal 12pt "Times New Roman", Times, serif;
	background-color : #fff;
	position:relative;
	text-align: left;
	background : #fff url(../images/PCDAprintLogo.gif) no-repeat center 20px;
}
#appsize a{
	font : normal 700 8pt Arial, Helvetica, sans-serif;
	color : White;
	background-color : #2A5D93;
	padding: 0 4px;
	text-align:center;
	text-decoration : none;
}
#appsize a:hover{
	background-color : #01356F;
	color : #FFF40D;
}

a.donate {
	padding:8px;
	border: 2px solid #F2EC82;
	background-color : #02366F;
	color : White;
	font-weight:700;
}

a.donate:hover {
	padding: 8px;
	border: 2px solid #F2EC82;
	color: #02366F;
	background : White url(../images/heart.gif) repeat-x;
}

#appsize h4{
	margin-bottom:1px;
}
#appsize ul{
	margin-top:6px;
}
#appsize h2{
	text-align:center;
}

#close {
	float:right;
}
.contact{
	text-align:center;
	padding:0;
}
.contact h3{
	border-bottom: 6px #2F5181 solid;
	margin-bottom: 0;
}
/*
.contact h3{
	background-color:#9999CC;
	border-bottom: 0px #9999CC solid;
	margin-bottom: 0;
	color:#fff;
}
*/
.legend1 {
	border: 1px #666666 solid;
	background-color: #FCFBDC;
	padding: 6px;
	margin:0 auto 20px;
	white-space:nowrap;
	width: 500px;
	text-align:center;
}
.legend2 {
	border: 1px #666666 solid;
	background-color: #FCFBDC;
	padding: 6px;
	margin-left:20px;
	width: 260px;
	text-align:center;
	float:right;
}
.letter {
	border: 3px #666666 double;
	background-color: #FCFBDC;
	padding: 20px;
	text-align: left;
	width: 92%;
}

#letter {
	border: 3px #666666 double;
	background-color: #FCFBDC;
	padding: 20px;
	text-align: left;
	width: 92%;
}

#letter table{
	text-align: left;
}
#letter td{
	vertical-align:top;
}
#print {
	float:left;
}

#printheader{
	text-align:center;
	font-size: 8pt;
	padding:0;
	padding:76px 0 12px 0;
	display:block;
}
#dir h4 {
	margin-bottom:0;
}
#dir h3 {
	margin-bottom:0;
}
#dir p {
	line-height:1.6em;
}
#dir li {
	line-height:1.3em;
}
.author{
	display:inline;
	font-style : italic;
	color : #6666CC;
}
.pr{
	font-style : italic;
	color : #6666CC;
	line-height:16px;
	margin-top:0;
}
.courses{
	font-weight: 700;
	font-size: 15px;
	color: #6666CC;
}
.nowrap{
	white-space:nowrap;
}
#body1 .donors{
	width: 216px;
	padding:6px;
}
#body1 .donors h5{
	margin-top: 0;
}
#body1 .donors ul{
	margin-bottom: 4px;
}
#body1 .donors li{
	margin-bottom: 1px;
	font-size:8pt;
	line-height:8pt;
	margin-left:0px;
	padding-left:0;
	font-family:Arial,Helvetica,sans-serif;
}
a.register {
	display:block;
	width:118px;
	height:54px;
	background: transparent url('../images/register-online.png') 0 54px;
	float:right;
	margin-left:6px;
}
a.register:hover {
	background: transparent url('../images/register-online.png') 0 1px;
}

/*
#body1 .donors ul{
	margin:6px 0 6px 1px;
}
*/