body{
	background-color:#6699cc;
	font-family:Helvetica,sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	text-align:center;
}
#banner{
	width:870px;
	height:158px;
	background-image:url(../images/youth-impact-banner2.jpg);
	background-repeat:no-repeat;
}
#main{
	width:880px;
	background-color:#336699;
	border-left:7px solid #ffffff;
	border-right:7px solid #ffffff;
	margin:auto;
	overflow:hidden;
}
#left{
	width:575px;
	float:left;
	background-color:#336699;
	margin-left:15px;
}

#right{
	width:240px;
	float:left;
	background-color:#336699;
	margin-left:20px;
	margin-right:10px;
}
/* HOMEPAGE RIGHT CONTENT */
.content{
	text-align:left;
	padding:5px 10px 10px 10px;
	background-color:#ffffff;
	border:3px solid #6699cc;
}
.header{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background-color:#6699cc;
	margin:auto;
	padding:7px 0px 7px 0px;
	margin-top:8px;
}
/* HOMEPAGE LEFT CONTENT */
.content2{
	text-align:left;
	padding:5px 10px 10px 10px;
	background-color:#6699cc;
	border:3px solid #ffffff;
}
.content2 img{
	float:right;
}
.header2{
	font-size:14px;
	font-weight:bold;
	color:#336699;
	background-color:#ffffff;
	margin:auto;
	padding:7px 0px 7px 0px;
}

/* SUBPAGE CONTENT */
#content_sub{
	width:840px;
	background-color:#336699;
	margin:auto;
}
.content3{
	text-align:left;
	padding:5px 10px 10px 10px;
	background-color:#ffffff;
	border:3px solid #6699cc;
}

.header3{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	background-color:#6699cc;
	margin:auto;
	padding:7px 0px 7px 0px;
}
.itemHeader{
	font-size:14px;
	font-weight:bold;
	color:#336699;
	padding:8px 0 8px 0;
}
.subItemHeader{
	font-size:16px;
	font-weight:bold;
	color:#cc3399;
	padding:6px 0 6px 0;
}
a:link{text-decoration:underline; color:#336699; font-size:12px;font-weight:bold;}
a:hover{text-decoration:none; color:#000000; font-size:12px;font-weight:bold;}
a:active{text-decoration:none; color:#000000; font-size:12px;font-weight:bold;}
a:visited{text-decoration:none; color:#336699; font-size:12px;font-weight:bold;}

.format_img{
	border:3px solid #336699;
	float:left;
}
#bottom{
	width:770px;
	height:20px;
	background-color:#336699;
	margin:auto;
}
/* PHOTOVOICE CSS */
.imgcontent{
	text-align:center;
	padding:5px 10px 10px 10px;
	background-color:#ffffff;
	border:3px solid #6699cc;
	}
.imgcontent2{
	width:560px;
	height:610px;
	padding-top:5px;
	background-color:#ffffff;
	border:3px solid #6699cc;
	}
.place1{
	text-align:left;
	display:inline;
	padding:5px;
}
.place2{
	text-align:right;
	display:inline;
	padding:5px 5px 5px 0;
}
.imgcontent img{
	border:0px;
}
.slide{
	border:3px solid #cc3399;
}
#prev{
	display:inline;
	margin-right:5%;
}
#next{
	display:inline;
}
#slideshow{
	text-align:center;
}
.comment, .comment2{
	font-family:sans-serif;
	font-size:12px;
	padding:5px;
	color:#3399ff;
	width:500px;
}
.comment2{

}
	
.pics{    
    padding:0;  
    margin:0;
    float:left;
} 
 
.pics img{  
    padding:10px;  
    border:1px solid #ccc;  
    background-color: #eee;  
    top:0; 
    left:0;
}
.pic{
	padding-left:20px;
	margin-bottom:50px;
	text-align:left;
	width:504px;
  height:336px;
}
.note{
	color:#cc3399;
	margin-bottom:3px;
	font-weight:bold;
}
.pic2{
	padding-left:5px;
	margin-bottom:50px;
	text-align:left;
}
.pic3{
	padding-left:5px;
	margin-bottom:50px;
	text-align:left;
	width:540px;
  height:336px;
}

.pic4{
	padding-left:20px;
	margin-bottom:50px;
	text-align:left;
	width:540px;
  height:288px;
}

/* Calendar CSS */
#cal{
	width:725px;
	margin:auto;
	background-color:#6699cc;
	margin-top:10px;
}

#cal td.day{
	width:100px;
	height:125px;
	border:1px solid #ffffff;
	vertical-align:top;
}
.dayWeek{
	width:100px;
	height:20px;
	font-weight:bold;
}
#events{
	margin-top:10px;
}
.event_header{
	font-weight:bold;
}
#calendarStyle td{
	width:110px;
	height:100px;
	border:2px solid #666;
	padding:0;
	margin:0;
}
#calendarStyle th{
	background-color:#336699;
	color:#fff;
}