#mapContain #contain #content .left #flashCountdown {

}
#mapContain #contain #content .center #blogFeed #blogfeedflash {
	display: none;
}
/*************************************************************
Main Styles
*************************************************************/

body
	{
	margin: 0;
	border: 0;
	padding: 0 0 0 0;
	background: #8AB4E4 url(../images/skyBkg.jpg) fixed bottom no-repeat;
	font: 12px Arial, sans-serif;
	color: #333333;
	}

h1
	{
	margin: 0;
	padding: 3px 0 10px 0;
	border-top: 1px dashed #B2B9BA;
	font: 21px Arial, sans-serif;
	color: #CC3333;
	}

h2
	{
	margin: 0;
	padding: 0 0 4px 0;
	font: bold 16px Arial, sans-serif;F

	}

h3
	{
	margin: 0;
	padding: 0 0 4px 0;
	font: 23px Georgia, serif;
	line-height: .85em;
	}

h4
	{
	margin: 0;
	padding: 0 0 7px 0;
	font: bold 12px Arial, sans-serif;
	text-transform: uppercase;
	color: #000;
	}

h5
	{
	margin: 0;
	padding: 0 0 4px 0;
	font: 11px Georgia, serif;
	}

h6
	{
	margin: 0;
	padding: 0 0 4px 0;
	font: 10px Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: -.085em;
	color: #808080;
	}
	
p
	{
	margin: 0;
	padding: 0 0 15px 0;
	font: 12px;
	line-height: 1.75em;
	}
	
ul
	{
	margin: 0 0 8px 21px;
	padding: 0 0 0 3px;
	list-style:disc;
  	}

ol
	{
	margin: 0 0 8px 30px;
	padding: 0 0 0 3px;
  	}

li
	{
	padding: 0 0 8px 0;
  	}
	
img
	{
	margin: 0;
	border: 0;
	padding: 0;
	}

a
	{
	text-decoration: underline;
	color: #00699E;
	}

a:hover
	{
	text-decoration: underline;
	color: #333333;
	}

blockquote
	{
	margin: 0 0 28px 0;
	padding: 0 0 5px 0;
	font: bold 17px Arial, sans-serif;
	color: #333333;
	line-height: 1.69em;
	width: 420px;
	background: url(../images/blockquoteBkg.gif) top left repeat-y;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    blockquote { line-height: 1.75em; }} /*needed to fix in safari*/



/*************************************************************
Colors
*************************************************************/
	
.gray
	{color: #B2B9BA;}
	
.yellow
	{color: #FFD500;}

.red
	{color: #CC3333;}

.blue 
	{color: #00699E;}

.green
	{color: #5D9333;}

.lightGreen
	{color: #C4D6AE;}
	
/*************************************************************
Buttons
*************************************************************/

.bttn
	{
	margin: 0 7px 0 7px;
	padding: 1px 5px 1px 5px;
	text-transform: uppercase;
	font: 10px Arial, sans-serif;
	letter-spacing: -.085em;
	color: #fff;
	background: #CC3333; 
	text-decoration: none;
	}

:hover.bttn
	{
	color: #000;
	background: #B2B9BA; 
	text-decoration: none;
	}

.application
	{
	font: bold 13px Arial, sans-serif;
	color: #fff; 
	text-decoration: none;
	}

:hover.application
	{
	text-decoration: none;
	}

	
/*************************************************************
Table Syles
*************************************************************/




/*************************************************************
Form Syles
*************************************************************/
input
	{
	margin: 10px 0 0 8px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	}

input.bttn
	{
	border: none;
	cursor: pointer;
	}

#login
	{
	margin: 0 auto;
	margin-bottom: 35px;
	width: 360px;
	}

#login h1
	{
	padding: 3px 0 5px 0;
	border: none;
	}

#login p
	{
	padding: 5px 0 15px 0;
	border-top: 1px dashed #B2B9BA;
	}

/*************************************************************
Main Containers
*************************************************************/

#mapContain /*holds map and twitter callout*/
	{
	margin: 0 auto;
	margin-top: 20px;
	padding: 0;
	width: 1000px;
	background: url(../images/mapBkg.png) top right no-repeat;
	height: 400px;
	}

#contain
	{
	margin: 0 auto;
	margin-top: 30px;
	padding: 0;
	width: 900px;
	background: #fff;
	}

/*************************************************************
Header - holds aux, main and sub navs
*************************************************************/

#header
	{
	margin: 0;
	padding: 0 12px 0 12px;
	border: 0;
	width: 876px;
	}

#auxNav
	{
	float: right;
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	border-bottom: 1px solid #B2B9BA;
	text-align: right;
	width: 683px;
	height: 40px;
	font-size: 11px;
	color: #B2B9BA; 
	}

#auxNav a
	{
	padding: 0 5px 0 5px;
	text-decoration: none; 
	}

#mainNav
	{
	float: right;
	margin: 0;
	padding: 3px 0 1px 0;
	border-bottom: 1px solid #B2B9BA;
	text-align: right;
	width: 876px;
	height: 26px;
	}

#mainNav img
	{
	margin: 0 5px 0 5px;
	padding: 0;
	}

#subNav
	{
	clear: both;
	margin: 0 auto;
	margin-top: 16px;
	padding: 0;
	text-align: right;
	width: 876px;
	height: 47px;
	}

#subNav .border
	{
	margin: 0;
	padding: 0;
	border-left: 1px solid #fff;
	}

.about
	{
	background: url(../images/subNavBkg_about.gif) top left repeat-x;
	}

.participate
	{
	background: url(../images/subNavBkg_participate.gif) top left repeat-x;
	}

.teach
	{
	background: url(../images/subNavBkg_teach.gif) top left repeat-x;
	}
	
.showcase
	{
	background: url(../images/subNavBkg_showcase.gif) top left repeat-x;
	}

#tertiaryNav
	{
	margin:  1px 20px 0 0;
	font: 10px Georgia, serif;
	text-transform: uppercase;
	}

#tertiaryNav a
	{
	margin: 0 0 0 15px;
	color: #000;
	text-decoration: none;
	}

#tertiaryNav a:hover
	{
	color: #808080;
	}

/*************************************************************
Content
*************************************************************/

#content
	{
	margin: 40px 0 0 0;
	padding: 0 12px 10px 12px;
	border: 0;
	width: 876px;
	}

.left
	{
	float: left;
	margin: 0 18px 0 0;
	padding: 0;
	border: 0;
	width: 160px;
	}

.center
	{
	float: left;
	margin: 0 23px 0 0;
	padding: 0;
	border: 0;
	width: 421px;
	}

.wide
	{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 600px;
	}

.full
	{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 875px;
	}
	
.press
	{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 650px;
	}

.callouts
	{
	float: left;
	margin: 0;
	padding: 9px;
	border: 0;
	width: 235px; 
	background: #FEF8D6;
	}

.thumbs
	{
	padding-top: 158px;
	background: #fff;
	}
	
.callouts h3 a
	{
	color: #fff;
	text-decoration: none;
	}

.callouts h3 a:hover
	{
	color: #000;
	text-decoration: none;
	}

.callouts .bttn
	{
	margin: 0;
	}

#flashcontent
	{
	margin: 8px 0 30px 0;
	}

/*************************************************************
Footer
*************************************************************/

#footer
	{
	margin: 0 auto;
	margin-top: 13px;
	padding: 0 0 150px 0;
	border: 0;
	width: 900px;
	height: 114px;
	}

#footerNav 
	{
	float: left;
	margin: 0;
	padding: 0; 
	width: 503px;
	height: 66px;
	background: #fff;
	}

#footerNav .cell
	{
	float: left;
	margin: 19px 0 0 14px;
	padding: 0 14px 0 0 ;
	font: bold 10px Arial, sans-serif; 
	}
	
#footerNav .border
	{
	border-right: 1px solid #B2B9BA;
	}

#footerNav a
	{
	display: block;
	padding: 0 0 2px 0;
	text-decoration: none; 
	}

#footerSponsors 
	{
	float: right;
	margin: 0;
	padding: 0; 
	width: 382px;
	height: 66px;
	background: #fff;
	}


/*************************************************************
Callouts 
*************************************************************/

#twitter_div
	{
	margin: 0; 
	padding: 0;
	height: 65px;
	width: 270px;
	top: 0px;
	left: 725px;
	position: relative;
	overflow: hidden;
	color: #fff;
	}

#twitter_div ul
	{
	margin: 0;
	padding: 0;
	line-height: .85em;
	font: 11px Georgia, serif;
	}

#twitter_div ul li a
	{
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #000;
	font-style: italic;
	display: none;
	}

#twitter_div ul li a:hover
	{
	color: #fff;
	}
	
#twitter_div h2
	{
	font: bold 11px Arial, serif;
	line-height: 1em;
	color: #FFD500;
	text-transform: uppercase;
	}

#flashCountdown
	{
	margin: 30px 0 30px -45px;
	}

.callout
	{
	margin: 0;
	padding: 0;
	width: 235px;
	font-size: 11px;
	}

.callout p	
	{
	line-height: 1.3em;
	padding: 0 0 10px 0;
	}
	
.callout img	
	{
	margin: 0 0 10px 0;
	}

.callout li
	{
	padding: 0 0 2px 0;
  	}

.blueBox
	{
	margin: 3px 0 20px 0;
	padding: 10px 8px 8px 8px;
	width: 219px;
	background: #4D94B0;
	color: #fff;
	}

.greenBox
	{
	margin: 3px 0 20px 0;
	padding: 10px 8px 8px 8px;
	width: 219px;
	background: #86AD5C;
	color: #fff;
	}

.redBox
	{
	margin: 3px 0 20px 0;
	padding: 10px 8px 8px 8px;
	width: 219px;
	background: #db7070;
	color: #fff;
	}

.blueBox a, .greenBox a, .redBox a
	{
	color: #fff;
	}

.blueBox a:hover, .greenBox a:hover, .redBox a:hover
	{
	color: #000;
	}

.grid 
	{
	float: left;
	margin: 10px 20px 10px 0;
	width: 263px;
	
	}
	
.grid p
	{
	font-size: 11px;
	line-height: 1.4em;
	padding: 0;
	}

/*************************************************************
Classes 
*************************************************************/

.clear
	{ 
  	clear:both; 
	/*** these next attributes are designed to keep the div 
	height to 0 pixels high, critical for Safari and Netscape 7 ***/ 
	  height:1px; 
	  overflow:hidden; 
	  line-height:1%; 
	  font-size:0px; 
	  margin-bottom:-1px; 
	}

.logoMargin /*pulls logo pins out of white content areas*/
	{
	margin: -10px 0 0 10px;	
	}
	
.logoMarginFooter /*pulls logo pins out of white content areas*/
	{
	float: left;
	margin: -4px 20px 0 20px;	
	}

.floatRight
	{
	float: right;
	}

.floatLeft
	{
	float: left;
	}

.topMargin /*breaks images out of content area*/
	{
	margin: -75px 0 0 10px;
	}

.topLeftMargin /*breaks images out of content area*/
	{
	margin: -75px 0 0 -40px;
	}

img.thumb
	{
	margin: 0 7px 6px 0;
	}
	
ul.pins li
	{
	margin: 0;
	list-style: none;
	padding: 0 0 10px 20px;
	background-image: url(../images/bluepin.gif);
	background-repeat: no-repeat;
	background-position: 0em .1em;
	line-height: 1.5em;
	}

.initCaps
	{
	font-size: .78em; 
	}

.anchors
	{
	padding: 0 20px 0 0;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	}

.lesson
	{
	padding: 0 3px 0 0;
	font: 24px Arial, sans-serif;
	color: #7EB4CE;
	letter-spacing: -.04em;
	text-transform: uppercase;
	}

.wide blockquote
	{
	width: 596px;
	background: url(../images/blockquoteBkg.gif) top left repeat;
	}


/*************************************************************
Blog Feed
*************************************************************/
	
#blogFeed
	{
	margin: 15px 0 0 0; 
	padding: 0;
	}	

#blogFeed h1
	{
	border: none;
	}
	
#blogFeed .rss_box 
	{
	 margin: 0;
	 padding: 0;
	}

#blogFeed .rss_title, #blogFeed rss_title a 
	{
	display: none;
	}

#blogFeed .rss_items 
	{
	}

#blogFeed .rss_item  
	{
	 margin: 0 0 5px 0;
	 padding: 0 0 5px 0;
	}

#blogFeed ul 
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

#blogFeed ul li 
	{
	border-bottom: 1px dashed #B3BABB;
	}

#blogFeed .rss_item a:link, #blogFeed .rss_item a:visited, #blogFeed .rss_item a:active 
	{
	font: 18px Georgia, serif;
	color: #000;
	text-decoration : none;
	}

#blogFeed .rss_item a:hover 
	{ 
	text-decoration : underline;
	}
	
#blogFeed .rss_date 
	{
	color: #808080;
	font: 10px Georgia, serif;
	}

	
/*************************************************************
Gallery 
*************************************************************/

#loadarea
	{
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #B2B9BA;
	width: 421px;
	height: 368px;
	font: 11px Arial, sans-serif;
	overflow: hidden;
	}

#loadarea img
	{
	margin: 0 0 10px 0;
	}

/*************************************************************
Teach Accordion
*************************************************************/

#accordion 
	{
	margin: 10px 0 20px 0;
	}

#accordion  h3.toggler 
	{
	margin: 0 0 4px 0;
	padding: 9px 5px 5px 24px;
	cursor: pointer;
	font-size: 17px;
	color: #fff;
	}

h3.teacher
	{
	background: url(../images/accordionBkg.jpg) top left no-repeat;
	}

h3.artist
	{
	background: url(../images/accordionBkgRed.jpg) top left no-repeat;
	}

h3.student
	{
	background: url(../images/accordionBkgGreen.jpg) top left no-repeat;
	}

#accordion  div.element 
	{
	margin: 0px;
	padding: 20px 10px 10px 24px;
	}

#accordion  div.element h4 
	{
	margin: 8px 0 0 0;
	}

#accordion  div.element h5 
	{
	margin: 0 0 8px 0;
	padding: 0 0 7px 0;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dashed #B2B9BA;
	line-height: .8em;
	}
	
/*************************************************************
Showcase Accordion
*************************************************************/

.full #accordion 
	{
	margin: 10px 0 20px 0;
	}
	
.full #accordion a
	{
	margin: 0 0 4px 0;
	padding: 5px 5px 5px 24px;
	display: inline-block;
	width: 846px;
	cursor: pointer;
	font: 17px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	background: url(../images/showcaseAccordionBkg.jpg) top left no-repeat;
	text-decoration: none;
	}

.full #accordion a.active 
	{
	background: none;
	color: #000;
	}

.full #accordion div.element 
	{
	margin: 0px;
	padding: 8px 0px 0px 8px;
	float: left;
	}

.full #accordion h4 
	{
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #B2B9BA; 
	}

.full #accordion .project
	{
	float: left;
	margin: 25px 17px 0 0;
	width: 210px;
	}

.full #accordion .details
	{
	margin: 10px 0 15px 0;
	padding-bottom: 6px;
	background: url(../images/detailsBkg.gif) top left repeat-y; 
	}

.full #accordion .title
	{
	display: block; 
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.6em;
	letter-spacing: -.01em;
	}

.full #accordion .school
	{
	display: block; 
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.7em;
	}

.full #accordion .time
	{
	display: block; 
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #4D94B0;
	line-height: 2.5em;
	}

.full #accordion .date
	{
	padding: 0 0 0 3px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	letter-spacing: -.01em;
	color: #00699F;
	}

.full #accordion .video
	{
	float: left;
	margin: 13px 0 20px 0;
	width: 640px;
	height: 360px;
	position: relative;
	}

.full #accordion .artist
	{
	float: left; 
	width: 270px;
	padding: 20px 0 10px 0;
	margin: 0 18px 0 0;
	color: #666;
	}

.full #accordion .artform
	{
	float: left; 
	width: 270px;
	padding: 20px 0 10px 0;
	margin: 0 18px 0 0;
	color: #666;
	}

.full #accordion .community
	{
	float: left; 
	width: 288px;
	padding: 20px 0 10px 0;
	margin: 0;
	color: #666;
	}

.full #accordion .artist p, .full #accordion .artform p, .full #accordion .community p
	{
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	padding: 8px 0 5px 0;
	}

.full #accordion .thumb
	{
	float: left;
	margin: 10px 8px 0 0;
	}

