/* CSS Document */

/* GLOBAL RESET starts here */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #1F1C1C;
	text-align: center;
	margin: 0;
	padding: 0;
	/*background: #2A2727;*/
	/*background: #1F1C1C;*/
	/*background: #CBBCA3;*/
	/*background: #3B2E17;*/
	
	background: url(../images/bg_body_24.gif) repeat top left;
	
	
}

p {
	font-size: 12px;
	line-height: 1.8em;
	margin: 0;
	padding: 0 0 1.2em 0;
}

img {
	border: 0;
}

a:link {
	color: #B20707;
	text-decoration: none;
}

a:visited {
	color: #B20707;
}

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

a.externalLink {
	background: url(../images/bg_outerlink.gif) no-repeat center right;
	padding: 0 20px 0 0;
	text-decoration: none;
}

a:link.externalLink {
	color: #B20707;
	text-decoration: none;
}

a:visited.externalLink {
	color: #B20707;
}

a:hover.externalLink {
	color: #B20707;
	text-decoration: underline;
}
	

h1 {
	margin: 0;
	padding: 0 0 12px 0;
	font-size: 1.6em;
}

h2 {
	margin: 0;
	padding: 10px 0 0.2em 0;
	font-size: 1.6em;
}

h3 {
	margin: 0;
	padding: 0;
}

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

.emphItal {
	font-style: italic;
}

.textRed {
	color: #B20707;
}



#container {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #D65F0B url(../images/bg_container.gif) no-repeat top left;
}

p, div, h1, h2, h3, ul, li {
	text-align: left;
}

img.portrait {
	margin: 0;
	padding: 5px 10px 0 0;
}


ul li p {
	margin: 0;
	padding: 0;
}


/* Header area styling starts here. */
#header {
	width: 760px;
	height: 110px;
	margin: 0 auto;
	padding: 0;
}

#logo {
	width: 390px;
	height: 75px;
	margin: 0;
	padding: 0;
	float: left;
}

#headMenuBox {
	width: 370px;
	height: 75px;
	margin: 0;
	padding: 0;
	float: left;
}

#utilityNavi {
	width: 370px;
	height: 75px;
	margin: 0;
	padding: 0;
}


#mainMenus {
	width: 760px;
	height: 35px;
	margin: 0;
	padding: 0;
	clear: both;
	
}

#mainMenus ul {
	margin: 0;
	padding: 0;
}

#mainMenus ul li{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

#mainMenus ul li a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-indent: -100em;
	background-repeat: no-repeat;
	height: 30px;
}

#mainMenus ul li#spacerForMainNavi {
	width: 86px;
	height: 30px;
}

/* Setting button state animation */
#mainMenus ul li a:link {
	background-position: top left;
}

#mainMenus ul li a:visited {
	margin: 0;
	padding: 0;
	background-position: top left;
}

#mainMenus ul li a:hover {
	margin: 0;
	padding: 0;
	background-position: top right;
}

/* Keeping the dotted line below the selected menu. */
#mainMenus ul li span a:link {
	background-position: top right;
}

#mainMenus ul li span a:visited {
	margin: 0;
	padding: 0;
	background-position: top right;
}

#mainMenus ul li span a:hover {
	margin: 0;
	padding: 0;
	background-position: top right;
}
	

/* Width and background-image setting for each main menu. */
#mainMenus ul li#home a {
	width: 47px;
	background-image: url(../images/btn_home.gif);
}

#mainMenus ul li#concerts a {
	width: 70px;
	background-image: url(../images/btn_concerts.gif);
}

#mainMenus ul li#education a {
	width: 75px;
	background-image: url(../images/btn_education.gif);
}

#mainMenus ul li#supportUs a {
	width: 80px;
	background-image: url(../images/btn_supportus.gif);
}

#mainMenus ul li#aboutUs a {
	width: 69px;
	background-image: url(../images/btn_aboutus.gif);
}

#mainMenus ul li#reviewsPress a {
	width: 100px;
	background-image: url(../images/btn_reviews.gif);
}

#mainMenus ul li#contactUs a {
	width: 82px;
	background-image: url(../images/btn_contactus.gif);
}

#mainMenus ul li#links a {
	width: 47px;
	background-image: url(../images/btn_links.gif);
}

#mainMenus ul li#orderTickets a {
	width: 100px;
	background-image: url(../images/btn_ordertickets.gif);
}

/*Content area styling starts here. */
#content {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg_main_box_02.gif) repeat-y top left;
}

#main {
	width: 545px;
	margin: 0;
	padding: 0;
	float: left;
}

#main div {
	margin: 0;
	padding: 10px 0 0 20px;
}

#main div#mainText {
	margin: 0;
	padding: 0 15px 0 25px;
}

/* ORDER TICKETS page styling. */
#orderInfo {
	margin: 0;
	padding: 0 27px 0 25px;
}

.concert {
	margin: 0;
	padding: 0 0 25px 25px;
}

.adults {
	margin: 0;
	padding: 0;
	background: url(../images/bg_adults.gif) repeat-y top left;
}

.seniors {
	margin: 0;
	padding: 0;
	background: url(../images/bg_seniors.gif) repeat-y top left;
}

.students {
	margin: 0;
	padding: 0;
	background: url(../images/bg_students.gif) repeat-y top left;
}

.adults p, .seniors p, .students p {
	text-align:center;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

.concert table {
	margin: 0;
}


/* SideBar area styling starts here. */

#sideBar {
	width: 215px;
	margin: 0;
	padding: 0;
	float: right;
}

/* box menus for sideBar area */
#sideBoxMenus {
	margin: 0;
	padding: 0 0 0 17px;
}



#subMenus {
	margin: 0;
	padding: 20px 0 0 0;
	width: 215px;
}

#subMenus ul {
	margin: 0;
	padding: 0 0 0 17px;
}

#subMenus ul li {
	margin: 0;
	padding: 0;
	height: 20px;
	width: 177px;
	list-style-type: none;
}

#subMenus ul li a {
	text-indent: -100em;
	background-repeat: no-repeat;
	height: 20px;
	width: 177px;
}

#subMenus ul li a:link {
	display: block;
	margin: 0;
	padding: 0;
	background-position: top left;
}

#subMenus ul li a:visited {
	display: block;
	margin: 0;
	padding: 0;
	background-position: top left;
}

#subMenus ul li a:hover {
	display: block;
	margin: 0;
	padding: 0;
	background-position: top right;
}

#subMenus ul li.nolink {
	height: 45px;
}

/* The height sub-navi title is 30px. The height of each sub-menu is 20px. */
#subMenus ul li:first-child {
	height: 26px;
}

#subMenus ul li:first-child a {
	height: 26px;
}

/* Sub-menu bg images for ABOUT US page. */
#subMenus ul li#aboutUs a{
	background-image: url(../images/btn_sub_about.gif);
}

#subMenus ul li#mission a {
	background-image: url(../images/btn_sub_mission.gif);
}

#subMenus ul li#history a {
	background-image: url(../images/btn_sub_history.gif);
}

#subMenus ul li#personnel a {
	background-image: url(../images/btn_sub_personnel.gif);
}

#subMenus ul li#directorBios a {
	background-image: url(../images/btn_sub_director.gif);
}
	
#subMenus ul li#musicianBios a {
	background-image: url(../images/btn_sub_musician.gif);
}

#subMenus ul li#composers a {
	background-image: url(../images/btn_sub_composers.gif);
}

#subMenus ul li#photoSlideshow a {
	background-image: url(../images/btn_sub_slideshow.gif);
}

#subMenus ul li#listen a {
	background-image: url(../images/btn_sub_listen.gif);
}

/* Sub-menu bg images for CONCERTS page. */
#subMenus ul li#concerts a {
	background-image: url(../images/btn_sub_concerts.gif);
}

/* Sub-menu bg images for EDUCATION page. */
#subMenus ul li#education a {
	background-image: url(../images/btn_sub_education.gif);
}

/* Sub-menu bg images for SUPPORT US page. */
#subMenus ul li#supportUs a {
	background-image: url(../images/btn_sub_support.gif);
}

/* Sub-menu bg images for NEWS/PRESS page. */
#subMenus ul li#reviewsPress a {
	background-image: url(../images/btn_sub_reviews.gif);
}

/* Sub-menu bg images for CONTACT US page. */
#subMenus ul li#contactUs a {
	background-image: url(../images/btn_sub_contact.gif);
}

/* Sub-menu bg images for LINKS page. */
#subMenus ul li#links a {
	background-image: url(../images/btn_sub_links.gif);
}

/* Sub-menu bg images for ORDER TICKET page. */
#subMenus ul li#orderTickets a {
	background-image: url(../images/btn_sub_tickets.gif);
}


/* Layout styling for CONCERT page. */
#main div#mainText div {
	margin: 0;
	padding: 0;
}

/* ORDER TICKETS button action. */
p.ticketsAndDirections {
	width: 100%;
}

.orderTicketsBtn a {
	text-indent: -100em;
	background-repeat: no-repeat;
	height: 15px;
	width: 107px;
	background-image: url(../images/btn_order_tickets.gif);
	float: left;
}

.orderTicketsBtn a:link {
	display: block;
	margin: 0;
	padding: 0;
	background-position: top left;
}

.orderTicketsBtn a:visited {
	display: block;
	margin: 0;
	padding: 0;
	background-position: top left;
}

.orderTicketsBtn a:hover {
	display: block;
	margin: 0;
	padding: 0;
	background-position: top right;
}

/* DIRECTIONS button action. */
.directionsBtn a {
	text-indent: -100em;
	background-repeat: no-repeat;
	height: 15px;
	width: 89px;
	background-image: url(../images/btn_directions.gif);
	float: left;
}

.directionsBtn a:link {
	display: block;
	margin: 0;
	padding: 0;
	background-position: top left;
}

.directionsBtn a:visited {
	display: block;
	margin: 0;
	padding: 0;
	background-position: top left;
}

.directionsBtn a:hover {
	display: block;
	margin: 0;
	padding: 0;
	background-position: top right;
}
/*#concert1, #concert2, #concert3, #concert4, #concert5 {
	margin: 0;
	padding: 0 0 20px 0;
}

#cencert1 h2, #concert2 h2, #concert3 h2, #concert4 h2, #concert5 h2 {
	margin: 0;
	padding: 20px 0;
}*/


/* Keeping the highlight on selected menu. */
#subMenus ul li span a:link {
	background-position: top right;
}

#subMenus ul li span a:visited {
	margin: 0;
	padding: 0;
	background-position: top right;
}

#subMenus ul li span a:hover {
	margin: 0;
	padding: 0;
	background-position: top right;
}

/* JOIN MAILING FORM */
#joinMailForm tr{
	background: url(../images/bg_form_mailing.gif) repeat-x top left;
}

#joinMailForm td{
	padding: 0 5px 0 5px;
}

#joinMailForm .text1 {
	width: 50%;
}

#joinMailForm .text2 {
	width: 100%;
}

#joinMailForm .text3 {
	width: 10%;
}

#joinMailForm .text4 {
	width: 30%;
}

#joinMailForm button {
	margin: 0;
	padding: 0;
	border: none;
}

.formLable {
	font-size: 11px;
	line-height: 14px;
}

/* PERSONEL page */
h2.exSpace {
	padding-bottom: 20px;
}

.personellTitle {
	font-size: 11px;
}

.personellName {
	font-size: 11px;
	line-height: 14px;
}
/* Footer styling */

#footer {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	clear: both;
}

#footer p {
	text-align: right;
	color: #FFFFFF;
	font-size: 10px;
	padding: 7px 4px 10px 0;
}
.emphRedcenter {
	text-align: center;
	color: #B20707;
	font-weight: bold;
}