/*
green: #a6ce39
blue: #1bb1e7
green sub: #86a62c
blue sub: #129bcc
gold: #ffcb08;
*/

body  
{	
	font-family: Verdana, Arial, Sans-Serif; 	
	margin: 0;
	background-image: url(/images/background.jpg);
	background-repeat: repeat-x;
	background-color: #1bb1e7;
	/*font-size: 14px;*/
}
a { color: #1bb1e7; text-decoration: underline; }
a:visited { color: #33CCFF; }
a:hover { color: #ffcb08; text-decoration: underline; }

/** Global Styles **/

h1 { font-size: 1.25em; color: #86af17;	font-weight: bold; padding-bottom: 15px; }
h2 { font-size: 1.05em; font-weight: bold; color: #1bb1e7; }
h3 { font-size: .8em; font-weight: bold; color: #006290; padding-bottom: 4px; }
h4 { font-size:0.9em; font-style:italic; margin-bottom:5px; }
p { padding-bottom: 15px; }
strong { font-weight: bold; }
em { font-style:italic; }
.clear { clear: both; }

.Content ul, .WideContent ul { margin-top: 1px; margin-bottom: 15px; }
.Content ul li, .WideContent ul li { margin-left: 25px; list-style-type: disc; }

ul.spaced li { margin-bottom:5px !important; }

ol
{
	margin: 1px 0px 15px 0px;
}
ol li 
{ 
	list-style-type:decimal; 
	margin:0 0 5px 25px;
}

#OuterDiv
{
	background-color: #fff;
	width: 928px;
	padding: 0px 10px 0px 10px;
	margin: 0px auto;	
	background-image: url(/images/content_bg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;		
	position: relative;
}

/** Footer **/

#Footer { padding: 25px 10px 10px 10px; font-size: .65em; color: #fff; text-align: center; }
#FooterLinks a { color: #fff; }
#Copyright { padding: 10px; width:322px; margin:0 auto; font-size: .65em; color: #fff; text-align: center;}
.brinker{background:transparent url('/images/brinker.gif') no-repeat top left; height:26px; width:90px; margin:0 auto;}
/** Header **/

#Header { height: 101px; }
#Logo { margin-left: 30px; }
#HeaderNavigation { position: absolute; right: 15px; top: 10px;	}
#HeaderNavigation a, #HeaderNavigation span { color: #1bb1e7; font-size: .7em; text-decoration: none; font-weight: bold; }
#HeaderNavigation a:hover, #HeaderNavigation span:hover { color: #ffcb08; font-size: .7em; text-decoration: none; }
#HeaderNavigation a.selected  { color: #a6ce39; font-weight: bold; font-size: .7em; text-decoration: none; }
#HeaderNavigation .TeacherResources { color: #a6ce39; font-weight: bold; font-size: .7em; text-decoration: none; }

/** Navigation **/

#MainNavigation { background-image: url(/images/nav_bg.gif); background-repeat: no-repeat; height: 68px; padding-top: 4px; padding-left: 5px; position: relative; }
#MainNavigation a, #MainNavigation li { color: #fff; text-decoration: none;	font-weight: bold; cursor: pointer; }

/** Content Area **/

#ContentContainer { background-color: #fff;	min-height: 400px; _height: 400px; margin: 0px 3px; padding: 34px 10px;	}
#ContentContainerBottom { background-image: url(/images/sub_bg_btm.gif); background-repeat: no-repeat; background-position: top; height: 12px; clear: both; padding-top: 0px; margin-top: 0px; }
#SidebarContent { float: left; height: 100%; }
.Content { margin-left: 220px; margin-right: 15px; font-size: .9em; }
.WideContent { }

/** Home **/
.HomepageContent {	min-height: 500px; margin-top: 5px; }

.HomeBox { float: left;  color: #00608e; font-family: Arial, Sans-Serif; }
.HomeBox_Header { background-repeat: no-repeat; height: 31px; width: 300px; }
.HomeBox_Content { background-image: url(/images/box_middle_bg.gif); background-repeat: repeat-y; height: 183px; width: 270px; padding: 15px; }
.HomeBox_Content H3 { font-size: 13px; }
.HomeBox_Content p { font-size: 12px; padding-bottom: 10px; }
.Teachers p { font-size: 11px; padding-bottom: 10px; }
.Teachers h3 { padding-bottom: 1px; }
.HomeBox_Footer { background-image: url(/images/box_btm.gif); background-repeat: no-repeat; height: 9px; width: 300px; }



.Home_Games {  }
.Home_Symphony { margin-left: 12px; }
.Home_Listen { margin-top: 12px; }
.Home_Spotlight { margin-top: 12px; margin-left: 12px;  }
.Home_Spotlight .HomeBox_Header { background-image: url(/images/hdr_spotlight.gif); }
.Home_Spotlight_Link { text-align: center; }
.Home_Teachers { margin-top: 12px; margin-left: 12px; }
.Home_Teachers .HomeBox_Header { background-image: url(/images/hdr_teachers.gif);	}
.Home_Teachers .HomeBox_Content { position: relative; }
.Home_Teachers_Books { background-image: url(/images/book_btm.gif); background-repeat: no-repeat; height: 90px; width: 82px; margin-top: -15px; margin-right: -2px; float: right;  }

/** News/Special Events Articles **/
.articleListItem { padding: 20px 0;}
.articleTitle { font-weight: bold; }
.articleDate { font-style: italic; }
.articleBody {}
.articlePager { padding: 10ps 0; }

/** Contact **/
.contactInfo span { display: block; }
.contactInfo div { padding-bottom: 10px; }
.contactEmailAddresses span { padding-bottom: 10px; }
.contactNumbers span { padding-bottom: 10px; }
.contactForm h2 { padding-bottom: 10px; }
.contactForm span { display: block; }
.contactForm .subtextInfo span { display: inline; }
.contactForm .subtextInfo { font-size: .7em; }
.contactForm input[type='text'], textarea { width: 250px; padding: 2px; font-size: .8em; }
.contactForm .fieldLabel { padding-bottom: 2px; }
.contactForm div { padding-bottom: 10px; }

/** SymphonyYES **/
.contactForm { }
.contactForm table tr td { vertical-align: top; padding: 5px; }
.contactForm .subtextInfo { font-size: 0.7em; color: #777; padding: 0 0 0 15px; width: 250px; }
.contactForm input[type='text'] { width: 250px; padding: 2px; font-size: .9em; }
.contactForm  textarea { height: 80px; }
.contactForm .requiredIndicator { color: #777; }
.contactForm .fieldLabel { padding-top: 5px; width: 40%; padding-right: 5px; }
.contactForm .fieldValue {}
.contactForm .validationNotice { color: Red; font-size: 0.8em; }
.contactForm .errorMessage { color: Red; padding: 5px 0; }

/** About Sub Menu *
#1bb1e7 blue
#ffcb08 green */
.aboutSubHeader { color: #1bb1e7; }
#AboutSubMenu ul { padding-bottom: 25px; }
#AboutSubMenu ul li { padding: 5px; border-bottom: solid 1px #1bb1e7; font-family: Arial, Sans-Serif; }
#AboutSubMenu ul li a { color: #1bb1e7; text-decoration: none; font-weight: bold; font-size: .7em; }
#AboutSubMenu ul li:hover a { color: #ffcb08; text-decoration: none; font-weight: bold; font-size: .7em; }
#AboutSubMenu ul li.selected a { color: #a6ce39; font-weight: bold; font-size: .7em; text-decoration: none; }

/** Listen **/
.ListenContent { margin-bottom: 20px; }
.ListenItem { }
.ListenSubContent { margin-left: 40px; }
.ListenSubItem { display: block; }

.MusicFileHeader, .MusicFile { border-bottom: solid 2px #1bb1e7; }
.MusicFile { padding-top: 4px; padding-bottom: 4px; }
.MusicFileTitle { float: left; margin-right: 20px; padding-top: 3px; font-size: 1.05em; font-weight: bold; color: #1bb1e7; white-space: nowrap; }
.MusicFileMP3 { text-align: right; }
.ComposerImage, .InstrumentImage, .MusicTheoryImage { padding-top: 10px; float: right; margin: 10px; }
.ComposerDetails, .InstrumentDetails, .MusicTheoryDetails { padding-top: 10px; }
.ComposerDetails .reqDetails, .InstrumentDetails .reqDetails, .MusicTheoryDetails .reqDetails, .ComposerDetails .optDetails, .InstrumentDetails .optDetails, .MusicTheoryDetails .optDetails { padding-top: 20px; }

/** News/Events **/
.articleTitle { padding: 0 0 0 0; }
.articleDate { padding: 0 0 10px 0; font-size: 0.75em; }
.articleBody {}
.articleSubmenu{}
.articleSubmenu ul { padding-bottom: 25px; }
.articleSubmenu ul li { padding: 5px; border-bottom: solid 1px #1bb1e7; font-family: Arial, Sans-Serif; }
.articleSubmenu ul li a { color: #1bb1e7; text-decoration: none; font-weight: bold; font-size: .75em; }
.articleSubmenu ul li:hover a { color: #ffcb08; text-decoration: none; font-weight: bold; font-size: .75em; }
.articleSubmenu ul li.selected a { color: #a6ce39; font-weight: bold; font-size: .75em; text-decoration: none; }
.articlePage {}

/** Concerts **/
td .ConcertsContent { padding-top: 20px; }
.ConcertsContent { padding-bottom: 20px; }
.ConcertsContent li { list-style-type: disc; }
.calendarEvents .CalendarEventItem { margin: 0 0 30px 0; }
.calendarEvents .CalendarEventHeaderSection { padding: 0 0 4px 0; }
.calendarEvents .CalendarEventTitle { color: #1bb1e7; font-weight: bold; font-size: 1.2em; padding: 0 0 0 0; }
.calendarEvents .CalendarEventSubTitle { font-style: italic; font-size: 0.9em; padding: 0 0 15px 0; }
.calendarEvents .CalendarEventIcon { padding: 10px; /*width: 130px; float: left;*/ }
.calendarEvents .CalendarEventIcon img { height: 120px; width: 120px; }
.calendarEvents .CalendarEventDescription { padding: 0 0 10px 0; /*width: 500px; float: left;*/ }
.calendarEvents .CalendarEventDates { clear: both; }
.calendarEvents .CalendarEventDate { border-top: solid 1px #1BB1E7; height: 15px; font-size: 0.8em; padding: 4px 0;  }
.calendarEvents .CalendarEventDate .eventDate { float: left; }
.calendarEvents .CalendarEventDate .eventReservationLink { float: right; }
.calendarEvents .CalendarEventDate .eventDateSelector { float: left; padding: 0 5px 0 0; display: none; }

/** Reservations **/
.ReservationForm { }
.ReservationForm table tr td { vertical-align: top; padding: 5px; }
.ReservationForm .subtextInfo { font-size: 0.7em; color: #777; padding: 0 0 0 15px; width: 250px; }
.ReservationForm input[type='text'], .ReservationForm  textarea { width: 250px; padding: 2px; font-size: .9em; }
.ReservationForm input[type='text'].NumericTextbox { width: 35px; }
.ReservationForm  textarea { height: 80px; }
.ReservationForm .requiredIndicator { color: #777; }
.ReservationForm .fieldLabel { padding-top: 5px; }
.ReservationForm .fieldValue {}
.ReservationForm .validationNotice { color: Red; }
.ReservationForm .CalendarEventItem { margin: 0 0 20px 0; }
.ReservationForm .CalendarEventHeaderSection { padding: 4px 0; }
.ReservationForm .CalendarEventTitle { color: #1bb1e7; font-weight: bold; padding: 0 0 2px 0; }
.ReservationForm .CalendarEventSubTitle { font-style: italic; font-size: 0.8em; padding: 0 0 12px 0; }
.ReservationForm .CalendarEventDescription { padding: 0 0 2px 0; font-size: 0.7em; }
.ReservationForm .CalendarEventIcon { display: none; }
.ReservationForm .CalendarEventDate { border-top: solid 1px #1BB1E7; height: 15px; font-size: 0.75em; padding: 4px 0;  }
.ReservationForm .CalendarEventDate .eventDate { float: left; }
.ReservationForm .CalendarEventDate .eventReservationLink { float: left; }
.ReservationForm .CalendarEventDate .eventDateSelector { float: left; padding: 0 5px 0 0; }
.ReservationForm .CalendarEventDate .soldOut { padding: 0 5px; color: #777; }
.ReservationForm .CalendarEventDate .available { display: none; }

/** SymphonyYES **/
.SymphonyYesForm { }
.SymphonyYesForm table tr td { vertical-align: top; padding: 5px; }
.SymphonyYesForm .subtextInfo { font-size: 0.7em; color: #777; padding: 0 0 0 15px; width: 250px; }
.SymphonyYesForm input[type='text'], .ReservationForm  textarea { width: 250px; padding: 2px; font-size: .9em; }
.SymphonyYesForm  textarea { height: 80px; }
.SymphonyYesForm .requiredIndicator { color: #777; }
.SymphonyYesForm .fieldLabel { padding-top: 5px; width: 40%; padding-right: 5px; }
.SymphonyYesForm .fieldValue {}
.SymphonyYesForm .validationNotice { color: Red; font-size: 0.8em; }
.SymphonyYesForm .errorMessage { color: Red; padding: 5px 0; }

/** Resources **/
table.orderform
{
	border: solid 1px #99CCFF;
	width:500px;
	border-spacing:2px;
	border-collapse:separate;
}
table.orderform tr td
{
	margin:2px;
	padding:3px;
	border: solid 1px #99CCFF;
}
.centered-small
{
	margin: 0pt auto 20px; 
	width: 100px;
}
.indented
{
	padding-left: 80px;
}

td.logo
{
	text-align:center;
	padding:10px;
}

.lessonPlans table td { padding: 5px 15px 5px 0; }
.lessonPlans table { margin-bottom:20px; }

/** Games **/
.games { padding-left: 60px; }