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



body, div, ul, li, input, form, p, h1, h2, h3 ,h4, a , a:hover {
	margin: 0px;
	padding: 0px;
}
#one_wide {
	width: 600px;
	height: 250px;
	background-image: url(../img/Pertunia-education.jpg);
}


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

body {
	background-color: #fcfdd5;
	font-family: 'Didact Gothic', sans-serif;
	color: #5D594D;
	font-size: 14px;
}
#topContent p {
	margin-left: 10px;
}
h1 {
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 10px;
	color: #4C4B3B;
	font-family: 'Acme', sans-serif;
}
h3 {
	color: #333331;
	font-weight: normal;
	margin-left: 10px;
	padding-bottom: 10px;
}




#wrapper {
}
#content {
	width: 670px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}
#logo {
	height: 100px;
	width: 600px;
	margin-left: 8%;
}
#bottomImage {
	margin-right: auto;
	margin-left: auto;
	width: 920px;
	background-image: url(../img/noICC/noICC_241.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 500px;
}
#main {
	margin-right: auto;
	margin-left: auto;
	width: 922px;
	background-image: url(../img/noICC/topGradient1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f7f4cc;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EFEFC0;
	border-left-color: #EFEFC0;
}
#header {
	height: 145px;
	width: 100%;
	background-image: url(../img/noICC/header1.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#nav {
	height: 630px;
	width: 246px;
	float: right;
	background-image: url(../img/noICC/navBox5b.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 10px;
}
#navLinks {
	margin-top: 65px;
	margin-left: 49px;
	height: 450px;
}
#navLinks a {
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 15px;
	float: left;
	clear: left;
	color: #000000;
	font-size: 18px;
	text-align: center;
	padding-left: 5px;
	font-family: 'Acme', sans-serif;
	padding-right: 5px;
	width: 120px;
}
li.aboutUs a {
	
	border-bottom-width: 5px;
	border-bottom-style: double;
	border-bottom-color: #F98E0A;
}

li.aboutUs a:hover {background-color: #FDCE73;}

li.programs a {
	border-bottom-style: double;
	border-bottom-width: 5px;
	border-bottom-color: #FC4BD4;
}
li.programs a:hover {background-color: #FCB9EC;}

li.gallery a {
	border-bottom-width: 5px;
	border-bottom-style: double;
	border-bottom-color: #4C86FF;
}


li.gallery a:hover {
	background-color: #B1AFFF;
}


#gallery1 a img {
    border-radius: 10px 10px 10px 10px;
    border-style: none;
    padding: 7px;
}


#gallery1 a img:hover {background-color:#F9F5F9}



li.support a {
	border-bottom-width: 5px;
	border-bottom-style: double;
	border-bottom-color: #33FF00;
}
li.fiyiyi a {
	border-bottom-width: 5px;
	border-bottom-style: double;
	border-bottom-color: #33FF00;
}
li.support a:hover {
	background-color: #D6FFBF;
}
#logo a:hover {
	background-color: transparent;
}
li.fiyiyi a:hover {
	background-color: #D6FFBF;
}


li.friends a {
	border-bottom-width: 5px;
	border-bottom-style: double;
	border-bottom-color: #AE0DFF;
}
li.friends a:hover {
	background-color: #E9CAFF;
}



li.contact a {
	border-bottom-width: 5px;
	border-bottom-style: double;
	border-bottom-color: #FFE01C;
}
li.contact a:hover {background-color: #FFF08C;}



#navLinks  ul li {
	margin-top: 45px;
	margin-left: 10px;
}
#navLinks a:hover {
	color: #000000;
}
#pinkTrim {
	width: 100%;
	height: 16px;
	background-image: url(../img/pinkTrim1.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#footer {
	background-color: #ffec48;
}
#fringeCont {
	position: relative;
	background-color: #FFEC48;
	top: 5px;
}
#fringe {
	position: absolute;
	height: 25px;
	width: 100%;
	background-image: url(../img/bottomYellow.png);
	z-index: 2;
	top: -30px;
}
#footerLinks {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	padding: 25px;
}
#topContent {
	padding-top: 20px;
	padding-left: 20px;
}
p {
	font-size: 17px;
	line-height: 1.4em;
	margin-bottom: 20px;
     font-family: 'Didact Gothic', sans-serif;
}
#footerRt {
	width: 200px;
	float: right;
}
.divider {
	background-image: url(../img/noICC/noICC_196.jpg);
	height: 28px;
	width: 650px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
a {
	color: #FA5FD7;
}
.clearfix {
	clear: both;
}
.fma {
	height: 300px;
	width: 250px;
	background-color: #F6EABD;
	margin-right: 30px;
	border: 1px solid #A6A581;
	margin-left: 20px;
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: top;
}
#fma_one {
	background-image: url(../img/Reno_Indian001.jpg);
	background-position: -100px 0px;
}
#fma_two {
	background-image: url(../img/Tuba1.jpg);
	background-position: 0px 0px;
}
#topContent h2 {
	margin-left: 5px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-weight: bold;
	color: #000;
}
#shadTst {
	background-color: #0000CC;
	height: 65px;
	width: 400px;
}
#gallery1 {
}
#gallery1 {
	width: 600px;
	height: 450px;
	margin-top: 15px;
	padding-top: 15px;
}
#gallery1 a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.box_shadow {
     -moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE9, Chrome 10+ */
}
.finePrint {
	font-size: 12px;
	font-style: italic;
}
a:hover {
	color: #FF9B0D;
}
#topContent h4 {
	margin-left: 8px;
	margin-bottom: 10px;
	font-size: 16px;
}
.flt_left {
	float: left;
	padding-right: 25px;
	padding-bottom: 10px;
}
div.home #fma_one {
	background-image: none;
}
#cd_overlay_info {
	background-color: #52AE19;
	height: 150px;
	width: 630px;
	position: absolute;
	bottom: 25px;
	left: 10px;
}
.flt_rt_image {
	float: right;
	padding-top: 15px;
	padding-right: 15px;
	clear: right;
}
#soundcloud {
	padding-left: 15px;
	margin-bottom: 15px;
}
#fi_yi_yi_cover {
	height: 760px;
	width: 630px;
	position: relative;
	padding-left: 15px;
	margin-bottom: 25px;
}
#no_jazz_heritage {
	background-color: #EBE4AF;
	height: 140px;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 20px;
}
div.friends_of h3 {
	margin-bottom: 5px;
	padding-bottom: 0px;
}
h3.buy_it {
	margin-top: 15px;
	color: #FFF;
}
.cd_info {
	font-size: 12px;
	float: left;
	width: 450px;
	color: #FFF;
	margin-top: 15px;
	padding-left: 10px;
}
#cd_overlay_info a {
	color: #FFF;
}
#right_col {
	
}
.pad_left {
	padding-top: 10px;
	padding-left: 10px;
}


@media only screen and (max-width: 900px) {
  
  #one_wide {
	width: 100%;
	height: auto;
	background-image: url(../img/Pertunia-education.jpg);
}
  
  #content {
	width: 100%;
	max-width:800px;	
	margin-right: 0px;
	margin-left: 0px;
	float: none;
}
  
  
 #topContent {
	padding-top: 0px;
	padding-left: 0px;
	margin:0px
	
} 
  
  
  
  
  #topContent p{padding:0px;}
  
#logo {
	height: auto;
	width: 100%;
	margin: 0%;
	background-image: url(../img/logo_mobile.jpg);
	background-repeat: no-repeat;
}  
  
  
#bottomImage {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-image: url(../img/noICC/noICC_241.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 500px;
}  
  
  
 #main {
	width: 100%;
	background-image: url(../img/noICC/topGradient1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f7f4cc;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EFEFC0;
	border-left-color: #EFEFC0;
} 

#bottomImage {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-image: url(../img/noICC/noICC_241.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 500px;
}

#header {
	height: 145px;
	width: 100%;
	background-image: none;
	
}
 
#nav {
	height: 250px;
	width: 100%;
	float: none;
	background-image: none;
	padding-top: 10px;
}
  
  
  #navLinks {
	  width:100%;
	margin-top: 10px;
	margin-left: 20px;
	height: 200px;
}
  
  
 #navLinks a {
	 display:inline;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-right:15px;
	float: left;
	clear: none;
	color: #000000;
	font-size: 18px;
	text-align: center;
	padding-left: 5px;
	
	padding-right: 5px;
	width: auto;
} 

#navLinks  ul li {
	margin-top: 22px;
	margin-left: 10px;
}
  
  .divider {
	background-image: url(../img/noICC/noICC_196.jpg);
	height: 28px;
	width: 100%;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	margin-left:0px;
}
  
#main img{ max-width:100%; height:auto;}
  
#footerLinks {
	width: 100%;
	
	padding: 25px;
}  
  
  
  
  #content, #topContent, #main, #wrapper{max-width:100%;}
  
}