/* @group Globals
------------------------------------------------------*/
body { font:62.5% Verdana, Arial, Helvetica, sans-serif; background:#000; color:#fff; }
div#body { background:#010e1f url(../images/bg-body-alt.jpg) left top repeat-x; color:#fff; }
#indexpg div#body { background:#000 url(../images/bg-body.jpg) left top repeat-x; }
/* @end */




/* @group Containers
------------------------------------------------------*/
#indexpg #site { background:url(../images/bg-home-with-tm.jpg) center top no-repeat; height:580px; }
#helper { background:url(../images/bg-secondary-top-with-tm.jpg) center top no-repeat; }
#indexpg #helper { background:transparent; }
#secondary { background:url(../images/bg-secondary-middle.jpg) center top repeat-y; }
#secondaryhelp1 { background:url(../images/bg-secondary-top-with-tm.jpg) center -186px no-repeat; }
#secondaryhelp2 { background:url(../images/bg-secondary-bottom-border.jpg) left bottom repeat-x; }
#secondaryhelp3 { background:url(../images/bg-secondary-bottom.jpg) center bottom no-repeat; }
#secondarypagecontent { background:url(../images/bg-secondary-pagecopy.gif) left bottom repeat-x; width:865px; margin:0 auto; }
#secondarywrapper { background:url(../images/bg-secondary-wrapper.jpg) center 19px no-repeat; padding:34px 30px; overflow:hidden; }
#secondarycopy { min-height:500px; border-left:1px solid #435364; width:597px; float:right; overflow:hidden; padding-left:12px; }
#narrow { width:390px; float:left; }
#wide { min-height:500px; overflow:hidden; }
#bottomstock { clear:both; overflow:hidden; text-align:center; padding-top:80px; }
/* @end */




/* @group Emergency
------------------------------------------------------*/
#emergency { background:#b2272e; color:#fff; font:17px times, "courier new", "courier", "times new roman", serif; }
#emergency p { overflow:hidden; height:38px; position:relative; }
#emergency p span { position:absolute; top:10px; left:0; }
/* @end */



/* @group Header
------------------------------------------------------*/
#linkhome { width:800px; height:146px; margin:0 auto; }
#linkhome a { display:block; height:143px; overflow:hidden; text-indent:-9999px; /*background:url(../images/tm.jpg) 572px 85px no-repeat;*/ }

	/* @group Nav */
	ul#nav { width:860px; height:40px; background:url(../images/bg-nav.jpg) no-repeat; margin:0 auto; overflow:hidden; }
	ul#nav li { float:left; position:relative; }
	ul#nav li a { display:block; height:25px; overflow:hidden; text-indent:-9999px; }
	ul#nav li#nav_home { width:69px; }
	ul#nav li#nav_about_us { width:90px; }
	ul#nav li#nav_programs { width:102px; }
	ul#nav li#nav_tms_difference { width:225px; }
	ul#nav li#nav_faq { width:53px; }
	ul#nav li#nav_contact_us { width:107px; }
	ul#nav li#nav_gallery { width:87px; }
	ul#nav li#nav_private { width:115px; }
	ul#nav ul { display:none; }
	
		/* @group Subnav */
		ul#nav ul { position:absolute; left:auto; top:25px; width:650px; background:transparent; }
			li#nav_about_us ul { padding-left:4px; }
			li#nav_programs ul { padding-left:6px; }
			li#nav_tms_difference ul { padding-left:6px; }
			li#nav_gallery ul { padding-left:6px; width:200px; }
		ul#nav ul li { display:block; float:left; width:auto !important; }
		ul#nav ul li a { display:block; height:1.1em; width:auto !important; overflow:visible; text-indent:0; color:#fff; text-decoration:none; font-size:11px; text-transform:uppercase; padding:0 8px; }
		ul#nav ul li a:hover { text-decoration:underline; }
		ul#nav li:hover ul { display:block; }
		/* @end */
		
	/* @end */
	
/* @end */




/* @group HTML Area
------------------------------------------------------*/
.htmlarea { font-size:1em; font-size:1.2em; color:#919eab; line-height:1.4em; }
.htmlarea h1 { color:#76c3f7; font-size:2em; margin-bottom:0; font-weight:normal; line-height:1.4em; }
.htmlarea h2 { color:#a0bbd7; font-size:1.7em; margin-bottom:0.3em; font-weight:normal; line-height:1.4em; }
.htmlarea h3 { color:#919eab; font-size:1.1em; margin-bottom:0.3em; font-weight:normal; line-height:1.4em; }
.htmlarea h4,.htmlarea h5,.htmlarea h6 { color:#919eab; font-size:1.1em; margin-bottom:0.3em; font-weight:normal; line-height:1.4em; }
.htmlarea p { margin-bottom:1.4em; font-size:1.15em; }
/* .htmlarea p.overview { font-size:1.3em; color:#a0bbd7; margin-bottom:0.8em; line-height:1.4em; } */
.htmlarea ul { margin:0 0 2em 2em; list-style:disc; }
.htmlarea ol { margin:0 0 2em 2em; list-style:decimal; }
.htmlarea li { margin-bottom:0.3em; }
.htmlarea dl {  }
.htmlarea dd {  }
.htmlarea a { text-decoration:underline; color:#a0bbd7; }
.htmlarea a:hover { text-decoration:none; }
.htmlarea blockquote { padding:1em 4% 0.4em 4%; font-size:1.1em; font-style:italic; margin-bottom:1em; }
.htmlarea blockquote p { margin-bottom:0.5em; }
.htmlarea img.middle { display:block; margin:0 auto; }
.htmlarea img.left { display:block; float:left; margin:0 0.8em 0.5em 0; }
a.more { clear:both; display:block; text-align:right; font-style:italic; text-decoration:none; color:#4e5f70; }
a.more:hover { text-decoration:underline; }
/* @end */




/* @group Forms
------------------------------------------------------*/
form { overflow:hidden; }
fieldset { overflow:hidden; padding-bottom:25px; }
legend { color:#a0bbd7; font-size:1.7em; margin-bottom:0.3em; font-weight:normal; line-height:1.4em; }
form div { overflow:hidden; padding-bottom:12px; width:49%; float:left; }
form label { display:block; margin-bottom:3px; }
form input { display:block; width:220px; padding:2px 4px; }
form div.textarea { width:100%; }
form textarea { display:block; width:400px; height:135px; }
form div.checkbox { width:100%; }
form div.checkbox input { width:auto; height:auto; float:left; margin-right:10px; padding:0; }
form div.checkbox label { float:left; }
.dropdown select { display:block; }
.checkbox .dropdown { clear:both; padding:4px 0 0 28px; }
.checkbox .dropdown label { margin-right:20px; }
.checkbox.textfield label { margin-right:10px; }
form .invalid { font-size:0.9em; color:#a92e2d; font-style:italic; padding-left:12px; }
form input.invalid { padding-left:4px; }
/* @end */




/* @group Sidebar
------------------------------------------------------*/
.sidebar { width:180px; font-size:1.2em; }
.sidebar.left { float:left; }
.sidebar.right { float:right; font-size:1.1em; color:#4e5f70; }
ul.secondarynav { background:url(../images/bg-secondarynav-border.gif) left top repeat-x; padding-top:1px; }
ul.secondarynav li { padding:1px 0; background:url(../images/bg-secondarynav-border.gif) left bottom repeat-x; }
ul.secondarynav li a { display:block; padding:10px 6px 11px 6px; color:#fff; text-transform:uppercase; text-decoration:none; }
ul.secondarynav li a:hover { background:#091c32 url(../images/bg-secondarynav-li.jpg) left top repeat-x; }

.sidebar.right h4 { font-weight:normal; margin-bottom:12px; }
.sidebar.right h4 span { display:block; padding:8px 6px 7px 6px; color:#fff; text-transform:uppercase; background:#091c32 url(../images/bg-secondarynav-li.jpg) left top repeat-x; font-weight:normal; border-top:1px solid #435364; border-bottom:1px solid #435364; }

.sidebarsection { overflow:hidden; padding-bottom:30px; }
/* @end */




/* @group Footer
------------------------------------------------------*/
#footer { text-align:center; color:#596c80; font-size:1.1em; padding-bottom:120px; background:url(../images/bg-footer-alt.jpg) center 20px no-repeat; padding-top:32px; }
.basepic#footer { background-position: center 295px; }
#footerpic { text-align:center; margin-bottom:25px; }
#indexpg #footer { background-image:none; padding-top:10px; }
/* @end */





/* @group Home
------------------------------------------------------*/
#home { width:684px; height:375px; margin:12px auto 0 auto; /* background:url(../images/stock-home.jpg) right top no-repeat; */ }

/* @end */





/* @group Gallery
------------------------------------------------------*/
#galleries { min-height:600px; height:auto !important; height:600px; overflow:hidden; background:url(../images/bg-gallery.jpg) center top repeat-y; }
.gallery { width:47%; float:left; }
#gallery_video { float:right; }
.gallery_category { overflow:hidden; padding:10px 0 20px 0; }
.gallery_info { width:260px; float:right; }
.gallery_info h2 { font-size:1.4em; line-height:1.4em; }
.gallery_info a { text-decoration:none; }
.gallery_info a:hover { text-decoration:underline; }
.gallery_image { float:left; border:1px solid #435364; }
.gallery_image img { display:block; float:left; margin:3px; }

	#gallery { min-height:600px; height:auto !important; height:600px; overflow:hidden; }
	#gallery .htmlarea { padding:0 15px 10px 15px; }
	#gallerylist { overflow:hidden; padding:0 0 25px 14px; }
	#gallerylist li { float:left; margin:0 15px 20px 0; border:1px solid #435364; }
	#gallerylist li img { display:block; float:left; margin:3px; }

/* @end */





/* @group News
------------------------------------------------------*/
.article { overflow:hidden; padding:20px 0 15px 0; background:url(../images/bg-secondarynav-border.gif) left bottom repeat-x; margin-bottom:10px; }
.article_image { width:79px; height:79px; margin:0.4em 1em 0.6em 0; float:left; border:1px solid #192a3e; }
.article_image img { display:block; margin:2px 0 0 2px; }

.upcoming_event { overflow:hidden; padding:20px 0; background:url(../images/bg-secondarynav-border.gif) left top repeat-x; }
.upcoming_event.first { background:transparent; padding-top:0; }
.upcoming_event dt { font-size:1.1em; text-transform:uppercase; color:#fff; margin-bottom:0.5em; }
.upcoming_event li.event_name { color:#7d93ab; }
ul#newsarchive { list-style:none; margin:0; padding:20px 0; }
ul#newsarchive li { margin-bottom:18px; }
ul#newsarchive li h2 { font-size:1.4em; }
ul#newsarchive li a { text-decoration:none; }
ul#newsarchive li a:hover { text-decoration:underline; }
/* @end */





/* @group Faculty
------------------------------------------------------*/
.member { text-align:justify; overflow:hidden; background:url(../images/bg-secondarynav-border.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:3px; }
.member h3 { text-transform:uppercase; color:#fff; font-weight:normal; padding:8px; background:url(../images/bg-faculty-member.jpg) left top repeat-x; border-top:1px solid #435364; border-bottom:1px solid #435364; }
.member span.position { font-size:0.9em; color:#859cb4; text-transform:none; }
.member span.position span { font-style:italic; }
.memberthumb { width:78px; height:78px; border:1px solid #082643; float:left; margin:0.3em 1em 0.6em 0; }
.memberthumb img { display:block; margin:3px 0 0 3px; }
/* @end */





/* @group FAQs
------------------------------------------------------*/
.faq { overflow:hidden; padding-bottom:10px; }
.question a { display:block; color:#fff; font-weight:normal; padding:2px 2px 2px 8px; margin:0; background:url(../images/bg-faculty-member.jpg) left top repeat-x; border-top:1px solid #435364; border-bottom:1px solid #435364; font-size:12px; text-decoration:none; }
.answer { margin:0; padding:0; }
.answer div { padding-bottom:10px; }
/* @end */





/* @group Programs
------------------------------------------------------*/
	
	/* @group Two Column */
	.programs_altgp #helper { background:url(../images/bg-secondary-top-programs-alt-with-tm.jpg) center top no-repeat; }
	.programs_altgp #secondary { background:url(../images/bg-secondary-middle-programs.jpg) center top repeat-y; }
	.programs_altgp #secondaryhelp1 { background:url(../images/bg-secondary-top-programs.jpg) center -12px no-repeat; }
	.programs_altgp #secondaryhelp3 { background:url(../images/bg-secondary-bottom-programs.jpg) center bottom no-repeat; }
	.programs_altgp #secondarywrapper { background:transparent; padding:0 20px; }
	.programs_altgp #secondarypagecontent { background:transparent; }
	.programs_altgp .sidebar { width:320px; float:left; padding-top:36px; font-size:1em; }
	.programs_altgp #programinfo { width:450px; float:right; min-height:700px; height:auto !important; height:700px; margin-right:3px; }
	/* @end */
	
	/* @group Formatting */
	#programcopy { overflow:hidden; padding-bottom:10px; background:url(../images/bg-secondarynav-border.gif) left bottom repeat-x; }
	#program_media { overflow:hidden; padding-bottom:4px; background:url(../images/bg-secondarynav-border.gif) left bottom repeat-x; margin-bottom:10px; height:192px; }
	#program_photos { width:49%; float:left; overflow:hidden; }
	#program_videos { width:49%; float:right; overflow:hidden; }
	#program_media li { width:73px; height:73px; float:left; background:url(../images/bg-li-thumb.gif) left top no-repeat; }
	#program_media li img { display:block; margin:6px 0 0 6px; }
	#programinfo h2 { color:#fff; font-weight:normal; padding:11px 2px 11px 8px; background:url(../images/bg-faculty-member.jpg) left top repeat-x; border-top:1px solid #435364; border-bottom:1px solid #435364; font-size:12px; margin:0 0 5px 0; text-transform:uppercase; }
	#programinfo #program_photos h2 { width:203px; }
	.class { color:#8795a2; font-size:1.15em; padding:10px 0; }
	.class h4.class_title { font-size:1.1em; font-weight:normal; color:#fcd187; margin-bottom:6px; }
	.class p.class_blurb { color:#8795a2; font-style:italic; }
	.class ul.class_schedule { padding:8px 0 20px 0; }
	.class ul.class_schedule li { background:url(../images/bg-secondarynav-border.gif) left bottom repeat-x; padding:5px 0 6px 0; }
	.class .reg_download { padding:10px 0 15px 0; }
	.class .reg_download a { color:#fff; text-decoration:none; }
	.class .reg_download a:hover { text-decoration:underline; }
	#class_registration { color:#8795a2; font-size:1.15em; }
	ul#registration_forms { padding-top:10px; overflow:hidden; }
	ul#registration_forms li { margin-bottom:4px; }
	ul#registration_forms li a { display:block; color:#fff; font-size:11px; text-decoration:none; }
	ul#registration_forms li a:hover { text-decoration:underline; }
	#program_class_schedule { min-height:200px; height:auto !important; height:200px; }
	/* @end */

	/* @group Piano Program */
	#pianoprogram { min-height:500px; height:auto !important; height:500px; border-left:1px solid #435364; width:500px; float:right; overflow:hidden; padding-left:12px; margin-top:22px; }
	#pianopg #secondarywrapper { padding:30px 23px; }
	#pianopg .sidebar { width:295px; background:url(../images/bg-piano-program.jpg) center top no-repeat; padding-top:122px; }
	#pianoprogramsidebar h3 { text-transform:uppercase; color:#fff; font-weight:normal; padding:8px; background:url(../images/bg-faculty-member.jpg) left top repeat-x; border-top:1px solid #435364; border-bottom:1px solid #435364; }
	ul#pianoprogrampics { overflow:hidden; padding:14px 0 0 0; }
	ul#pianoprogrampics li { margin:0 6px 12px 6px; float:left; border:1px solid #132638; }
	ul#pianoprogrampics li img { display:block; margin:4px; }
	/* @end */
	
	/* @group Music For The Young */
	#music_for_the_youngpg #programinfo { background:url(../images/bg-music-for-the-young.jpg) center 4px no-repeat; padding-top:150px; }
	/* @end */
	
	/* @group Music Fundamentals */
	#music_fundamentalspg #programinfo { background:url(../images/bg-music-fundamentals.jpg) center 12px no-repeat; padding-top:150px; }
	/* @end */
	
	/* @group Recreational Piano */
	#recreational_pianopg #programinfo { background:url(../images/bg-recreational-piano.jpg) center 6px no-repeat; padding-top:150px; }
	/* @end */
	
/* @end */





/* @group CONTACT
------------------------------------------------------*/
#map { height:300px; margin-bottom:40px; border:1px solid #89a8c7; color:#000; }
#map a { text-decoration:underline; color:#00f; display:block; }
/* @end */