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

#Container{
    width: 960px;
    margin: 0 auto;
}
body {
    padding: 0;
	margin: 0;
	overflow-y: scroll;
	font-family: Arial;
	}
#navigation {
	background-color: #FFF;
	width: 960px;
	margin: 0 auto;
	}
nav{
	background-color: #fff;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	margin: 0px -10px 0px 0px;
}
nav_wrapper{
	width: 960px;
	margin: 0 auto;
	text-align: right;
}
nav ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	float: right;
}
nav ul li{
	display: inline-block;
	
}
nav ul li:hover{
	background-color: #fff;
}
nav ul li img{
	vertical-align: middle;
	padding-left: 5px;
}
nav ul li a,visited{
	color: #58595B;
	display: block;
	padding: 15px;
	text-decoration: none;
}
nav ul li a:hover{
	color: #1CABE2;
	text-decoration: underline;
}
nav ul li:hover ul{
	display: block;
}
nav ul ul{
	display: none;
	position: absolute;
	background-color: #fff;
	border: 1px solid #ccc;
	border top 0;
	margin-left: -5px;
	min-width: 200px;
}
nav ul ul li{
	display: block;
}
nav ul ul li a,visited{
	color: #000;
}
nav ul ul li a:hover{
	color: #519ac8;
}
#logo {
	margin: 0px 0px -5px 0px;
}
#pylogo {
	margin: 0px 0px -35px 0px;
}
section{
	float: left;
	width: 760px;
	height: 200px;
}
aside{
	float: right;
	width: 190px;
	margin-left: 10px;
}
footer{
	clear: none;
}
footer ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
footer ul li{
	float: left;
    clear: left;
	padding: 0px;
	list-style-type: none;
	float:left;
	font-family: sans-serif;
	color: #519ac8;
	margin-top: -22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
.donate-top a {
	float: right;
	font-family: Roboto;
	font-weight: bold;
	font-size:11px;
	color:#DF2F2F;
	margin: -60px 0px 0px 0px;
	text-decoration: none;
	}
footer li p {
    color: black;
	font-size: 75%;
	font-family: sans-serif;
	margin-top: 30px;
	margin-bottom: 0px;
}
footer ul li a {
    color: black;
	text-decoration: none;	
}
footer ul li p a:focus, footer ul li a:hover, footer ul li a:active{
	text-decoration: underline;
}
.footer-title{
	color: #519ac8;
	font-size: 95%;;
	font-family: sans-serif;
	margin-top: 20px;
	}
#title1{
	 color: #da3b01;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal; 
	}	
	
hr {
  	width: 100%;
  	background-color: #D3D3D3;
	border: none;
	height: 1px;
}

h1 {
  color: #da3b01;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal; 
}
h3 {
  color: #da3b01;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;  
}
.sidebar {
  color: black;
}

/* Home Page */

.div1index {
	width: 370px;
	float: right;
	}
.div1index2 {
	width: 370px;
	float: left;
	margin: 0px 0px 0px 0px;
	}
p {
  font-family: sans-serif; 
  margin: 0px 5px 0px 5px;
  line-height: 150%;
}
.ddp {
	margin: 5px 0px 0px 0px;
	font-size: 11px;
	}
.cdiv {
	text-align:center;
	float:left;
	width: 248px;
	margin-bottom: 35px;
	}
.indexNews{
	float: right;
	width: 370px;
	margin: 0px 0px 0px 0px;
	}
.indexEvents{
	float: left;
	width: 370px;
	margin: 0px 0px 0px 10px;
	}
#picXmas{
	margin: 0px 0px 20px 20px;
	}
#picBlu{
	margin: 0px 0px 0px 20px;
	}
/* Music Pages Div's */

div.mcontent {
	float: left;
	width: 380;
	}
/* Footer div */

.fifth-column{
	width: 20%;
	height: 150px;
	float:left;
	margin-left: -5px;
	margin-bottom: 20px;
	}
.title {
	font-family: Roboto;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #1CABE2;
	}
.qlinks {
	font-family: Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: black;
	text-decoration: none;
    margin-top: 5px;
	}
.qlinks a {
	font-family: Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: black;
	text-decoration: none;
	}
.qlinks a:hover {
	text-decoration: underline;
	}
.donate-bottom a {
	margin:-5px 0px 0px 0px;
	float: right;
	font-family: Roboto;
	font-weight: bold;
	font-size: 11px;
	color: #DF2F2F;
	text-decoration: none;
	}
.socialicon {
	margin-right:8px; 
	float:left; 
	padding:0 overflow:hidden; 
	display:inline;
	}
/* Digital Dream Page */

#ddvideo {
	margin: 30px 0px 30px 0px;
	}
.h1dd {
	text-decoration: underline;
	}
#fakeh3 {
	font-family: Roboto;
	font-size: 18px
	}
.events {
	width: 760px;
	height: 492px;
	display: inline-block;
	margin: 5px 0px 0px 0px; 
}
/* Events page */
.events .eventstext {
	width: 360px;
	height: 492px;
	float: right;
	margin: 0px 0px 10px 0px;
}
.events .eventsimages {
	width: 380px;
	height: 492px;
	float: left;
	}

.beatgrade2 {
	width: 760px;
	height: 222px;
	display: inline-block;
	margin: 5px 0px 0px 0px; 
}
.beatgrade2 .beatgradetext2 {
	width: 360px;
	height: 222px;
	float: right;
	margin: 0px 0px 10px 0px;
}
.beatgrade2 .beatgradeimages2 {
	width: 380px;
	height: 222px;
	float: left;
	margin: 0px 20px 0px 0px;
	}
.picopromise {
	width: 760px;
	height: 505px;
	display: inline-block;
	margin: 0px 0px 0px 0px; 
}
.picopromise .picopromisetext {
	width: 360px;
	height: 505px;
	float: right;
	margin: 0px 0px 10px 0px;
}
.picopromise .picopromiseimages {
	width: 380px;
	height: 492px;
	float: left;
	margin: 0px 20px 0px 0px;
	}
/* Music Program Page */

.musiccontainer {
	width: 380px;
	margin: 0px 0px 10px 0px;
	}

.musiccontainer .schedulemusic {
	width: 380px;
	text-align: center;
	float: left;
	margin: 0px 10px 0px 0px;
	}
h6{
	font-size:23px;
	}
.julianpic {
	display: inline-block;
	float: right;
	width: 370px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}
.schedulemusic h1, .schedulemusic h2, .schedulemusic h3, .schedulemusic h4 {
	color: #000;
	text-align: center;
	}
.julianpic h1, .julianpic h2, .julianpic h3, .julianpic h4 {
	color: #000;
	text-align: center;
	}

.musicimage {
	margin: 15px 0px 0px 0px;
	}

.compilations {
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

/* Film Page */
	
div.videosFilmPage{
	width: 370px;
	height: 200px;
	}
#video1{
	margin: 0px 0px 20px 0px;
	float: left;
	}
#video2{
	margin: 0px 0px 20px 0px;
	float: right;
	}
.videoTitle {
	float: left;
	clear: right;
	width: 100px;
	margin: 0px 0px 15px 345px;
	}
div.filmPageMainPic {
	margin: 15px 0px 15px 20px;
	}

/* Programs Page */

.firstpic {
	margin: 0px 0px 20px 50px;
	}
.musicp {
	float: right;
	width: 380px;
	margin: 0px 0px 20px 0px;
	}
.firstprogrampic {
	float: left;
	width: 370px;
	margin: 20px 0px 20px 0px;
	}
.musicp2 {display: inline-block;
	float: left;
	width: 380px;
	margin: 0px 0px 20px 0px;
	}
.firstprogrampic2 {
	float: right;
	width: 370px;
	margin: 20px 0px 0px 0px;
	}
	
.fvm {display: inline-block;
	float: right;
	width: 360px;
	margin: 0px 0px 0px 20px;
	}
.fvmpic {display: inline-block;
	float: left;
	width: 380px;
	margin: 20px 0px 20px 0px;
	}
	
		
.mpad {display: inline-block;
	float: left;
	width: 360px;
	margin: 0px 2px 0px 0px;
	}
.mpadpic {display: inline-block;
	float: right;
	width: 380px;
	margin: 20px 0px 20px 0px;
	}
	
	
.ld {display: inline-block;
	float: right;
	width: 360px;
	margin: 0px 0px 0px 20px;
	}
.ldpic {display: inline-block;
	float: left;
	width: 380px;
	margin: 20px 0px 20px 0px;
	}
	
.aspic {display: inline-block;
	float: right;
	width: 380px;
	margin: 20px 0px 20px 0px;
	}
	
	

.gssg {display: inline-block;
	float: left;
	width: 360px;
	margin: 0px 0px 20px 20px;
	}
.gssgpic {display: inline-block;
	float: right;
	width: 370px;
	margin: 20px 0px 20px 10px;
	}


.rs {display: inline-block;
	float: right;
	width: 360px;
	margin: 0px 0px 0px 10px;
	}
.rspic {display: inline-block;
	float: left;
	width: 380px;
	margin: 20px 0px 20px 0px;
	}


.di {display: inline-block;
	float: left;
	width: 360px;
	margin: 0px 0px 0px 0px;
	}
.dipic {display: inline-block;
	float: right;
	width: 380px;
	margin: 20px 0px 20px 0px;
	}


.cm {display: inline-block;
	float: right;
	width: 360px;
	margin: 0px 0px 0px 0px;
	}
.cmpic {display: inline-block;
	float: left;
	width: 380px;
	margin: 20px 0px 20px 0px;
	}


.ll {display: inline-block;
	float: left;
	width: 360px;
	margin: 0px 0px 20px 0px;
	}
.llpic {display: inline-block;
	float: right;
	width: 380px;
	margin: 20px 0px 20px 0px;
	}
.top-programs {
	margin: 20px 0px 20px 0px;
	}

/* Who We Are Page */

.top-who-page {
	margin: 20px 0px 20px 0px;
	}
.mission {
	margin: 20px 0px 20px 0px;
	}
.vision  {
	margin: 20px 0px 20px 0px;
	float: left;
	width: 370px;
	}
.college-trip-pic  {
	margin: 70px 0px 20px 0px;
	float: right;
	width: 370px;
	}
.history  {
	margin: 20px 0px 20px 0px;
	}	
.board {
	margin: 0px 0px 20px 0px;
	float: left;
	width: 380px;
	}	
.staff {
	margin: 0px 0px 20px 0px;
	float: right;
	width: 380px;
	}	
.staff h3, h1{
	color: #000;
	}
.board h3, h1 {
	color: #000;
	}
.staffrow h4, h3, h2, h1 {
	color: #000;
	}
.staffrow {
	margin: 20px 0px 20px 0px;
	text-align: center;
	}	
.staffrow .staffunits1 {
	width: 230px;
	display:inline-block;
	margin: 0px 0px 20px 0px;
	}
.staffrow .staffunits2 {
	width: 230px;
	display:inline-block;
	margin: 0px 10px 20px 10px;
	}
.staffrow .staffunits3 {
	width: 230px;
	display:inline-block;
	margin: 0px 0px 20px 0px;
	}
.staffrow .staffunits4 {
	width: 230px;
	display:inline-block;
	margin: 0px 0px 0px 0px;
	}
.staffrow .staffunits5 {
	width: 230px;
	display:inline-block;
	margin: 0px 10px 0px 10px;
	}
.staffrow .staffunits6 {
	width: 230px;
	display:inline-block;
	margin: 0px 0px 0px 0px;
	}

.img-circle {
	border-radius: 50%;
	}	
	
.historyPic{
	width: 370px;
	float: left;
	margin: 0px 20px 30px 0px;
	}
.historyPic2{
	width: 370px;
	float: left;
	margin: 0px 0px 0px 0px;
	}
#luauPic{
	margin: 0px 0px 20px 0px;
	}	
	
/* Support us Page */	

.rightDiv {
	width: 370px;
	margin: 0px 0px 0px 10px;
	float: right;
	text-align: center;	
	}
.leftDiv {
	width: 370px;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;	
	}


/*      Arts for hearts button          */	
	
	




section {
    display: block;
    margin: 0 auto;
    background-color:#ffffff;
    width: 760px;
    height: 600px;
}