/*
 *	Dana Vachharajani Music, LLC.
 *	Site version 2.1.1
 *	Updated May 20th, 2009
 *	Created May 12th, 2008
 *	info@creativeboulder.com
 *	Libs Used - Jquery, Yahoo Base&Reset, Facebox
 */
body {
    background: #ffffff;
    font-family: Garamond, serif, verdana;
}

#container {
    background: #ffffff;
    margin: 0 auto;
    padding: 16pt;
    width: 808px;
}

img {
	border:0px;
}

p {
    margin: 0.3em;
	padding-bottom:4px;
}
/*
 *	Header
 */
#header {
    margin: 0em 0.2em;
    padding: 0.4em;
    width: auto;
    height: 77px;
    border: 0px solid #2a2a2a;
    background: transparent url(../images/header.jpg) no-repeat scroll 0% 26%;
}

#header p {
    font-size: 0.9em;
}

/*
.toprightmenu{
	font-size:0.8em;
	font-family:verdana;
	padding: 0px;
	margin: 0em;
	display: block;
	width: 330px;
	height: auto;
	float: right;
	margin:47px 0 0 35px;
	color:#939598;
}

.toprightmenu a {
	margin: 0em 0.3em 0em 0.3em;
	font-size: 0.75em;
	color:#B81A1A;
	text-decoration:none;
	font-weight: bold;
}

.toprightmenu a:hover{
	text-decoration:underline;
}
*/

.toprightmenu{
	font-size:0.8em;
	font-family:verdana;
	padding: 0px;
	margin: 0em;
	display: block;
	width: 330px;
	height: auto;
	float: right;
	margin:47px -20px 0 35px;
	color:#939598;
}

.toprightmenu a {
	margin: 0em 0.3em 0em 0.3em;
	font-size: 0.75em;
	color:#B81A1A;
	text-decoration:none;
	font-weight: bold;
}

.toprightmenu a:hover{
	text-decoration:underline;
}

.topleftmenu a:hover {
	font-size: 0.92em !important;
	text-decoration: underline;
}

.photogallerytab {
    float: right;
    margin-right: 5em;
    margin-top: 3.2em;
	padding: 0;
}
/*
 * Navigation
 */
#nav {
/*    background: transparent url(../images/nav-background.jpg) repeat scroll 0% 1%;*/
	background:#bf2230;
    padding: 0em;
    margin: 0px 6px 0px 4px;
    width: auto;
    height: 24px;
}

#menu {
    text-align: center !important;
	font-size: 1.1em;
}

#menu ul {
    list-style: none;
    margin: -3px 0 0 10px;
    padding: 0 0;
}

#menu li {
    display: block;
/*    margin: 0 5px 0 1.2em;*/
	padding:0 8px 0 0px;
    margin: 0;
    width: auto;
    height: auto;
    float: left;
    text-align: center;
	color:#e54044;
}

#menu img {
    padding: 0;
    margin: 0;
}

#menu a {
    font-size: 0.9em;
/*    font-weight: bold;*/
    font-family: georgia;
    padding: 0.2em;
    text-decoration: none;
    color: #fbfbfb;
}

#menu a:active {
    text-decoration: none;
    color: #fbfbfb;
}

#menu a:hover {
    color: #fcffb1;
}

.activenavlink {
    font-size: 0.92em !important;
    color: #fcffb1 !important;
}
.activetopnavlink {
	font-size: 0.92em !important;
	text-decoration: underline;
}
/*
 *	Middle Image
 */
#middleimage {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 400px;
    height: 303px;
    border: 5px solid #2A2A2A;
    background: transparent url(../images/middleimage.jpg) no-repeat scroll 0% 0%;
    cursor: pointer;
}

#middleimage p {
    padding: 0;
    margin: 14.5em 2em 0em 1em;
    font-style: normal;
    text-align: justify;
    font-size: 1.2em;
    color: #ffffff;
}

#middleimage a {
    text-decoration: none;
    color: #b81a1a;
}

#middleimage a:hover {
    text-decoration: underline;
    color: #fcffb1;
}

#middleimage-bavpa {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 96px;
    border: 5px solid #2A2A2A;
    background: transparent url(../res/courses/Bugz-Final.jpg) no-repeat scroll 0% 0%;
}

#middleimage-bavpa p {
    margin: 0;
    padding: 0;
}

#middleimage-courses {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 96px;
    border: 5px solid #2A2A2A;
    background: transparent url(../res/courses/Bugz-Final.jpg) no-repeat scroll 0% 0%;
}

#middleimage-courses p {
    margin: 0;
    padding: 0;
}

#middleimage-instruction {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 96px;
    border: 5px solid #2A2A2A;
    background: transparent url(../res/instructors/middleimage-instruction.jpg) no-repeat scroll 0% 0%;
}

#middleimage-instruction p {
    margin: 0;
    padding: 0;
}

#middleimage-fyc {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 96px;
    border: 5px solid #2A2A2A;
    background: transparent url(../res/fyc/middleimage-fyc.jpg) no-repeat scroll 0% 0%;
}

#middleimage-fyc p {
    margin: 0;
    padding: 0;
}

#middleimage-performance {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 96px;
    border: 5px solid #2A2A2A;
    background: transparent url(../res/performance/middleimage-performance.jpg) no-repeat scroll 0% 0%;
}

#middleimage-performance p {
    margin: 0;
    padding: 0;
}

#middleimage-products {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 96px;
    border: 5px solid #2A2A2A;
    background: transparent url(../res/products/middleimage-products.jpg) no-repeat scroll 0% 0%;
}

#middleimage-products p {
    margin: 0;
    padding: 0;
}

#middleimage-links {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 96px;
    border: 5px solid #2A2A2A;
    background: transparent url(../res/links/middleimage-links.jpg) no-repeat scroll 0% 0%;
}

#middleimage-links p {
    margin: 0;
    padding: 0;
}

#middleimage-contact {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 96px;
    border: 5px solid #2A2A2A;
    background: transparent url(../res/contact/middleimage-contact.jpg) no-repeat scroll 0% 0%;
}

#middleimage-photos {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 96px;
    border: 5px solid #2A2A2A;
    background: transparent url(../res/photos/middleimage-photos.jpg) no-repeat scroll 0% 0%;
}
#middleimage-bringitto {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 96px;
    border: 5px solid #2A2A2A;
    background: transparent url(../res/bringitto/middleimage-bringitto.jpg) no-repeat scroll 0% 0%;
}
#middleimage-panel {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 96px;
    border: 5px solid #2A2A2A;
    background: transparent url(../panel/middleimage-panel.jpg) no-repeat scroll 0% 0%;
}
/*
 *	Content
 */
#content {
    padding: 0;
    margin: 0.2em;
    width: auto;
    font-size: 0.91em;
}

#content a {
    text-decoration: none;
    color: #b81a1a;
}

#content a:hover {
    text-decoration: underline;
}
/*
 *	Left Column
 */
#left {
    padding: 0.3em;
    margin: 0;
    width: 470px;
    float: left;
}

#left h1 {
    font-size: 1.15em;
    margin: 0;
    margin: 1.1em 0 0.4em 0.3em;
    padding: 0;
    color: #b81a1a;
    border-bottom: 1px solid #B81A1A;
}

#left h2 {
    font-size: 0.96em;
    margin: 0em 0em 0.3em 0.8em;
    padding: 0;
    color: #b81a1a;
}

#left p {
    font-size: 0.92em;
    margin-bottom: 1.15em;
}

#left img {
    float: left;
    margin: 0.8em;
}
/*
 *	Courses Page
 */
.courses-list {
    background: transparent;
    border: 3px solid #ffffff;
    border-bottom: 1px solid #DDDDDD;
}

.courses-list-nobottomborder {
    border-bottom: 0px solid #fff !important;
}

.details {
    border: 1px solid #DDDDDD;
}

.courses caption {
    text-align: center;
    margin-left: 15.5em;
}

.courses span {
    font-size: 0.8em;
}

.moreimg {
    margin: -1.5em 1em 2em 3em;
    float: right;
}

.coursestables {
    font-size: 0.92em;
    margin: 0.4em;
}

.firstcolumn {
    background: #B81A1A;
    color: #FCFFB1;
    font-weight: bold;
}

.secondcolumn {
    background: #FCFFB1;
    color: #B81A1A;
}

.notes {
    background: #FCFFB1;
    color: #B81A1A;
    font-size: 0.8em;
    font-style: italic;
}

.registerbutton {
    padding-top: 0.8em;
}
.promo {
	background: #FCFFB1;
	font-weight: bold;
	padding: 0.6em;
	margin: 0;
}

/*
*	Bring It To Broadway
*/
.bitb_table {
	background: #ffffff;
	padding: 0.2em;
	margin: 0;
	border: 1px solid #2A2A2A;
	font-size:  0.8em;
}
.bitb_table_1 {	
	background: #B81a1a;
	color: #ffffff;
	font-weight: bold;
	border: 1px solid #2a2a2a;
	width: 85px;
}
.bitb_table_2 {
	border: 1px solid #2a2a2a;
}
.onlinereg_table {
	background: #ffffff;
	padding: 0.2em;
	margin: 0;
	border: 1px solid #2A2A2A;
	font-size:  0.8em;
	width: 90%;
}
.onlinereg_table_1 {	
	background: #B81a1a;
	color: #ffffff;
	font-weight: bold;
	border: 1px solid #2a2a2a;
	width: 210px;
}
.onlinereg_table_2 {
	border: 1px solid #2a2a2a;
}
td.onlinereg_table_2 :hover {
	background: #FCFFB1 none repeat scroll 0 0;
}
.onlinereg_para_1 {
	border-bottom: 1px solid #363636;
	padding-bottom: 0.4em;
}
.onlinereg_para_2 {
	border-bottom: 1px solid #363636;
	padding-bottom: 0.4em;
}
#onlinereg_page2 {
	display: none;
}
/*
 *	Instructors Page
 */
.instructorslist li {
    display: block;
    list-style: none;
    width: auto;
    margin: 0;
    padding: 0.4em;
    border-bottom: 1px solid #DDDDDD;
	font-size: 0.75em;
}

.instructors-image {
    float: left;
    padding: 0.8em;
}
/*
 * Flatiron Youth Chorale
 */
.fyc img {
    margin: 0;
    padding: 0.8em;
    float: left;
}
/*
 * Perfomance
 */
.performance img {
    margin: 0.2em;
    padding: 0.8em;
    float: right !important;
	display: inline;
	position: static;
}
/*
 *	Products
 */
.products img {
    padding: 0.8em;
    float: left;
}

.productslist img {
    padding: 0.4em;
    float: left;
}

.orderform {
    text-align: center;
}
/*
 *	Links Page
 */
.links ul {
    margin: 0;
    padding: 0;
}

.links li {
    list-style: none;
    padding: 0.4em;
    margin: 0.2em;
    background: transparent;
    border-bottom: 1px solid #DDDDDD;
}

.links li:hover {
    background: #DDDDDD;
    cursor: pointer;
}
/*
 *	Contact Page
 */
.contactform form {
    margin: 0.8em;
}

.contactform label {
    padding: 0.4em;
}

.contactborder {
    padding: 0.2em;
    border: 1px solid #B81A1A;
}

.contactform textarea {
    padding: 0.2em;
    border: 1px solid #B81A1A;
    width: 221px;
}

.submitbutton {
    margin: 0.4em;
}
/*
 *	Right Column
 */
#right {
    padding: 0.3em;
    margin: 0;
    width: 304px;
    float: right;
}

#right h1 {
    font-size: 1.15em;
    margin: 0.7em;
    padding: 0;
    color: #b81a1a;
    border-bottom: 1px solid #B81A1A;
}

#right h6 {
    font-size: 0.82em;
    margin: 0em 0em 0.3em 0.8em;
    padding: 0;
    color: #b81a1a;
}

#right p {
    font-size: 0.92em;
    margin: 0;
    padding: 1.2em;
}
/*
 *	News Elements
 */
.news-header {
    font-weight: bold;
}

.news-item {
    background: transparent;
    border: 3px solid #ffffff;
    border-bottom: 1px solid #DDDDDD;
}

.news-date {
    font-style: italic;
    font-size: 0.8em;
    clear: both;
}

.news-item-nobottomborder {
    border-bottom: 0px solid #fff !important;
}

.news p:hover {
    background: #fcffb1;
    cursor: pointer;
}
.news-calendar p:hover {
	background: #B81A1A;
}
/*
 *	Footer
 */
#footer {
    background: #B81A1A url(../images/footer.jpg) no-repeat scroll 0% 50%;
    padding: 12px;
    margin: 0.2em;
    clear: both;
    width: auto;
    height: 45px;
    text-align: left;
}

#footer a {
    text-decoration: none;
    color: #ffffff;
}

#footer a:hover {
    text-decoration: underline;
    color: #fcffb1;
}

#footer p {
    color: #ffffff;
    font-size: 0.75em;
}
/*
 *	General Expressions
 */
.bordertop {
    border-top: 1px solid #DDDDDD;
    padding-top: 0.4em;
}

.borderbottom {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 0.4em;
}

.noborderbottom {
    border-bottom: 0px solid #fff !important;
}

.autowidth {
    width: auto !important;
}

.autowidth p {
    margin-bottom: 2.25em !important;
}

.autowidth p {
    margin-bottom: 2.25em;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.red {
    color: #b81a1a;
}

.smallfont {
    font-size: 0.82em !important;
}

.largetext {
    font-size: 0.94em;
}

.center {
    text-align: center;
}

.caption {
	float:left;
	width:100%;
    text-align: center;
	font-size:12px;
	margin:-8px 0 10px 0;
}

.emph {
    font-weight: bold;
    color: #b81a1a;
}

.biographyimages {
    float: left;
    padding: 0.8em;
}
/*
 *	Google Map
 */
#map {
    width: 456px;
    height: 333px;
    border: 3px solid #DDDDDD;
    margin: 0.4em;
}

.b_container {
    background: #ffffff;
    margin: 0 0;
    width: 800px;
	font-size:0.75em;
	font-family:georgia;
}

.broadway_header {
/*	border: 1px solid #000;*/
	float:left;
	width:100%;
/*	padding:00px 0 0 0px;*/
    background: #ffffff;/* url(../img/bk_broadway.png) top left no-repeat;*/
	margin-bottom:1px solid #000;
}

.b_content {
	float:right;
	width:770px;
	margin:25px 0 0 0px;
}

.b_title {
	float:left;
	width:350px;
	text-align:right;
	font-size:1.5em;
	line-height:1.2em;
	color:#39120e;
	margin-bottom:5px;
}

.b_title span {
/*	font-family:arial;*/
	font-size:1.7em;
	font-style:italic;
	line-height:1.1em;
/*	font-weight:bold;*/
 }
 
.b_title2 {
	float:left;
	width:420px;
	text-align:left;
	font-size:1.5em;
	line-height:1.2em;
	color:#39120e;
	margin-bottom:5px;
}

.b_title2 span {
/*	font-family:arial;*/
	font-size:1.7em;
	font-style:italic;
	line-height:1.1em;
/*	font-weight:bold;*/
 }
 
.bmore_title {
	float:left;
	width:450px;
	line-height:1.2em;
	margin-bottom:15px;
	font-size:31px;
	color:#b02028;
	font-family:georgia;
	font-weight:normal;
}
 .b_registration {
	float:right;
	text-align:left;
	width:320px;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
 }

.b_info {
	float:left;
	padding:6px 0;
	width:466px;
}

.bmore_info {
	float:left;
	padding:6px 0;
	font-size:1.2em;
	width:456px;
	line-height:1.4em;
}

.checkers {
	float:left;
	text-align:left;
	width:400px;
	margin:15px 0 2px 10px;
	/*font-size:0.95em;*/
}

.checkers span {
	font-size:1.1em;
	font-weight:bold;
	color:#39120e;
}

.c_pink {
	background:#fafafa;
	padding: 5px 0 5px 12px;
}

.c_pink a {
	color:#000000;
}

.c_pink h3 {
	font-size:21px;
	color:#b02028;
	font-family:georgia;
	font-weight:normal;
	margin:5px 0 10px 0;
}

.c_white {
	background:#ffffff;
	padding: 5px 0 5px 12px;
}

.checker_right {
	float:right;
	text-align:left;
	width:280px;
	margin:-80px 0 2px 0;
/*	font-size:0.95em;*/
}

.c_dk_pink {
/*	background:#a50046;*/
	background:#bf2230;
	padding: 5px 0 5px 12px;
	color:#fff;
	height:30px;
}

.c_dk_pink span{
	font-style:italic;
	font-size:0.9em;
}

.c_dk_pink_left {
	float:left;
}

.c_dk_pink_right {
	float:right;
	padding-right:6px;
	font-size:0.9em;
}

.c_time {
	float:left;
	width:78px;
	font-weight:bold;
}

.b_bottom {
	float:left;
	width:100%;
	margin-top:-2px;
/*	font-size:0.9em;*/
	border-top:1px solid #39120e;
}

.b_bio1 {
	float:left;
	width:259px;
	min-height:600px;
	background:#fafafa;
	padding-top:25px;
}

.b_bio2{
	float:left;
	width:259px;
	min-height:600px;
	background:#fff;
	padding-top:25px;
}

.b_bio3 {
	float:right;
	width:280px;
	min-height:600px;
	background:#fafafa;
	padding-top:25px;
}

.b_bio_name {
	float:left;
	width:100%;
	text-align:center;
	font-size:1.5em;
	color:#39120e;
	font-weight:bold;
	padding:5px 0 12px 0;
}

.b_bio_text {
	float:left;
	width:230px;
	text-align:left;
	margin-left:25px;
}

.b_image {
	padding:5px;
	border-top:1px solid #39120e;
	border-bottom:1px solid #39120e;
	margin-bottom:1px;
}

.register {
	float:left;
	padding:5px;
	font-size:1.2em;
	color:#5b5b5d;
}

#slideshow {
    margin: 0.2em;
    padding: 0.6em;
    width: 770px;
    height: 400px;
    height: 303px;
    border: 5px solid #2A2A2A;
/*    background: transparent url(../images/middleimage.jpg) no-repeat scroll 0% 0%;*/
    cursor: pointer;
}

.hold {
	clear:both;
}

.line {
	float:left;
	width:280px;
	height:1px;
	border-top:1px solid #ccc;
	margin:7px 0 2px -12px;
}

.italic {
	font-size:1em;
	font-style:italic;
}

.text_left {
	float:left;
	width:250px;
}

.text_right {
	float:right;
	width:215px;
}
