/*
	Chamber Music Hamilton
	(c) 2006 Indigo Labs (www.indigolabs.ca)
	All Rights Reserved
	
	CSS developed by Darcy Darbyson - Indigo Labs
*/

/* ===== 1: universal reset ===== */

* {
	font-size: 103%;
	margin: 0;
	padding: 0;
}

/* ===== 2: common styles ===== */

a { 
	color: #74002B; /*#CF9280*/
	text-decoration: underline; 	
}

a:hover { 
	background-color: #74002B;
	text-decoration: none; 	
	color: #FFFFFF;
}

a img {
	border: none;
}


#frame_bodyLeft a:hover { 
	color: #F6EAE6;
	text-decoration: none; 	
}

h1 {
	color: #851E00;
	font-size: 24px;
	line-height: 28px;
/*	border-bottom: thin solid;
	margin-bottom: 10px;
*/}

h2 {
	color: #851E00;
	font-size: 22px;
	line-height: 24px;
}

h3 {
	color: #851E00;
	font-size: 30px;
	line-height: 32px;
}

h4 {
	color: #CF9280;
	font-size: 22px;
	line-height: 24px;
}


#storyText p:first-letter {
	color: #851E00;
	font-size:large
}

hr {
	color: #851E00;
	margin-bottom: 15px;
}

#storyText p {
	margin-bottom: 10px;
}

.concertTitle { color: #761A00; font-weight: bold; }	

.date { color: #761A00; }

/* ===== 3: Html, Body, Frameset ===== */

html {
	height: 100%;
	min-width: 760px;
	margin-bottom: 1px; /* constant scrollbar */
}

body {
	background: url(../images/background.jpg) #851E00 repeat-x;
	color: #FFFFFF;
	font: 70%/210% Georgia, "Hoefler Text";
}

#wrapper {
	width: 760px;
	margin: 0px auto;
	text-align: left;
	background: url(../images/frameMid.jpg) #851E00 repeat-y;	
}

#frame_Top {
	background: url(../images/frameTop.jpg) #851E00 no-repeat;
	width: 760px;
	height: 247px;
}

#frame_Mid {
	width: 760px;
	min-height: 400px;
}

#frame_Btm {
	background: url(../images/frameBtm.jpg) #851E00 no-repeat;
	width: 760px;
	height: 36px;	
}

#frame_Footer {
	font-size: 80%;
	text-align: center;
	background-color: #851E00;
}
#frame_Footer a {
	color: #FFFFFF;
}
#frame_Footer a:hover {
	background-color: #851E00;
	text-decoration: underline;
}

/* ===== 4: Body ===== */

#frame_bodyLeft {
	width: 189px;
	float: left;
	background: url(../images/frameLogo.jpg) transparent no-repeat;
	padding: 65px 3px 0 24px;
}

#frame_bodyRight {
	color: #270900;
	width: 493px;
	min-height: 605px;
	background: url(../images/frameBody.jpg) #851E00 repeat-y;
	padding: 4px 34px 0 17px;
	float: right;
}

#frame_bodyRightFooter {
	width: 527px;	height: 28px;
	text-align: center;
	background: url(../images/frameBodyFooter.jpg) #851E00 no-repeat;
	float: right;
	padding-right: 17px;
	padding-top: 26px;
}

/* ===== 5: Menu ===== */

#menuWrapper {
	border: #F6EAE6;
	border-top: thin solid;
	border-bottom: thin solid;
	padding: 2px 0 2px 0;
}

.menuButton {
	color: #4F1200;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: url(../images/menuButtons.gif) no-repeat;
	display: block;
	text-decoration: none;
}

.menuButton:hover {
	color: #FFFFFF;
	background: url(../images/menuButtons.gif) 0 -25px no-repeat;	
}

/*.menuButton:active {	font-weight: bold; }*/

#menuDecal {
	height: 32px;
	background: url(../images/menuDecal.jpg) no-repeat;
	margin-top: 4px;
}

/* ===== 5: Modules ===== */

#leftMod1 {
	margin-top: 6px;
	line-height: 210%;
	text-align: center;
}

#leftMod1 a {
	text-decoration:underline;
	color:#FFFFFF;
}
#leftMod1 a:hover {
	background-color: transparent;
	text-decoration:underline;
}

/* ===== 5: Tickets Form ===== */

legend {
	color: #4F1200;
	font-size: 110%;
	letter-spacing: 1px;
	font-weight: bold;
}

.formFrame {
	width:400px;
	margin: 0 auto 0px auto;
	text-align: left;
}

.fieldset {
	margin: 0 0 10px;
}

.tableFrame {
	margin: 0 auto 0 auto;	
	text-align: left;
}

.tableRow {
	height: 30px;
}

.tableName { 
	text-align: right;
	padding-right: 3px;
	width: 100px;
}

.tableName2 { 
	text-align: right;
	padding-right: 3px;
}

.inputbox {	
	padding: 3px;
	margin: 3px;
} 

.inputbox2 {	
	padding: 3px;
	margin: 3px;
	text-align: center;
} 

.inputbox3 {	
	padding: 3px;
	margin: 3px;
	text-align: right;
} 

.radio {	
	margin: 5px 3px 0px 3px;
} 

.tablePhp {
	width: 48px;
	font-weight: bold;
	padding-left: 3px;
	text-align: center;
}

.tablePhp1 {
	font-weight: bold;
	padding-left: 3px;
}

.tablePhp2 {
	padding-left: 13px;
} 

.tablePhp3 {
	margin-left: 3px;
	padding-left: 13px;
	background-color: #F6EAE6;
	width: 230px;
	border-bottom: thin solid;
} 

