/* Style sheet for ESBC website */

/* Written by C J Jones */



body

{

	background-color:#03C;
	

	margin: 0;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: small;

}



/* ============== Definition of layout boxes =================*/



#container 

{

	width: 700px;

	background-color: #fff;

	color: #333;

	border: 2px solid Silver;

	border-right-style: ridge;

	line-height: 110%;

	margin: 0 auto 0px auto;

}

#container1

{

	width: 700px;

	margin: 0 auto;

	padding-top:5px

}



#top

{

	padding: 0.5em;

	background-color: White;

	border-bottom: 1px solid gray;

}



#leftnav

{

	float: left;

	width: 50px;

	margin: 0px;

	padding-left: 0em;

	padding-top: 3.5em;

	font-size : 110%;

}



#content

{

	margin-left: 160px;

	margin-bottom:-3px;

	padding: 1em;

	border-left: 1px solid gray;

	border-top: none;

}



#footerind

{

	clear: both;

	margin-top: 4px;

	margin-left: 0px;

	margin-right: 0px;

	padding: 0.5em;

	padding-top: 0.1em;

	padding-bottom: 1px;

	color: #333;

	background-color: White;

	border-top: 1px solid gray;

}



#footer

{

	clear: both;

	margin-top: 4px;

	margin-left: 0px;

	margin-right: 0px;

	padding: 0.5em;

	padding-top: 0.1em;

	padding-bottom: 1px;

	color: #333;

	border-top: 1px solid gray;

}



/* ============== Navigation  =================*/



#navigation 

{

 width: 145px;

 padding-left: 0.3em;

}



#navigation ul 

{

 	list-style: none;

 	margin: 0;

 	padding: 0;

}



#navigation li 

{

}



#navigation li a 

{

	display: block;

	padding: 5px 5px 5px 1em;

	border-left: 0px solid #711515;

	border-right: 0px solid #711515;

	font-size: 100%;

	color: black;

	background-color: White;

	text-decoration: none;

	font-weight : normal;

}



#navigation li a:hover 

{

	color: Red;

}



/* ============== Footers  =================*/



#footer P.centre 

{

	font-size: 90%;

	text-align : center;

}

#footerind img.rightimg {

	padding-top: 10px;

	padding-left: 2px;

	padding-bottom: 10px;

	margin-left: 12px;

	float: right;

}



/* ============== Content  =================*/



#content P.blhead 

{

	font-size: 140%;

	text-align : center;

	color:blue;

}



#content P.smallblhead

{

	font-size: 120%;

	text-align : center;

	color: blue;

	line-height: 20px;

}

#content P.smallblheadpadding

{

	font-size: 120%;

	text-align : center;

	color: blue;

	line-height: 20px;

	padding-bottom:135px;

}



#content P.offset 

{

	margin-left: 4em;	

}



#content P.smalloffset 

{

	font-size: 90%;

	margin-left: 3em;

}



#content P.red 

{

	font-size: 110%;

	color: red;	

}



#content P.blue 

{

	font-size: 110%;

	color: #0000FF;	

}



#content P.centre 

{

	text-align : center;

}



#content P.bold 

{

	font-size: 110%;

	font-weight : bolder;

}



#content H3 

{

	font-size: 140%;

	text-align : center;

	font-weight : normal;

	color:#333399

}



#content img.leftimg 

{

	margin-top: 5px;

	margin-right: 15px;

	margin-bottom: 15px;

	float: left;

 }



#content img.rightimg

{

	float: right;

}



#content li

{

	font-size: 95%;

}



#content p.centrepadding

{

	padding-bottom:180px;

	text-align : center;

}

#content p.bottompadding

{

	padding-bottom:150px;

}



#content table

{ 

	margin-left: auto;

	margin-right: auto;

}

#content li

{

}

/* =============== Top ======================*/

#top img 

{

    display: block;

    margin-left: auto;

    margin-right: auto;

}



/* ================= Images ===============*/

img.rightimg 

{

	float: right;

}

img.leftimg 

{

  float: left;

}



.imgborder 

{

  border: 1px solid #000000

}

.imgnoborder

{

	  border: none

}

.centredimage

{

	text-align:center;

    margin-top:0px;

    margin-bottom:0px;

    padding:0px;

 }



/* ================= Tables =======================*/

#tableTicketDetails 

{

	border-style:solid;

	border-width:1px;

	border-color:black;

	margin-left : auto;

	margin-right : auto;

}



#tableTicketDetails td 

{

	font-size: 110%;

	border-style:solid;

	border-width:1px;

	border-color:gray;

}

#tableTicketDetails td.title 

{

	font-size: 120%;

	color:maroon;

	text-align:center;

}

#tablePerformers 

{

	border-style: none;

	margin-left: auto;

	margin-right: auto;

}



#tablePerformers td.name 

{

	font-family : Verdana, Arial, Helvetica, sans-serif;

	font-size : 115%;

	text-align : left;	

	width: 186px;

	height:26px;

	}

#tablePerformers td.voice 

{

	font-family : Verdana, Arial, Helvetica, sans-serif;

	font-size : 115%;

	text-align : left;	

	width: 125px;

	height:26px;

	font-style:italic;

}



td.small 

{

	font-size:80%;

	padding-bottom:10px;

}



/* ========================== Show selected page =========================*/

#home .home, #about .about, #people .people, #friends .friends, #future .future, #ticketsintro .ticketsintro, #history .history, #join .join

{

	color: blue;

	font-weight : bolder;

}

/* =================== Futurepg =================*/

#futurepg h4

{

	font-size: 140%;

	text-align: center;

	font-weight: normal;

}



#futurepg h2

{

	font-size: 140%;

	text-align: center;

	font-weight: normal;

	color: Blue;

}



#futurepg h1

{

	font-size: 120%;

	text-align: center;

	font-weight: normal;

	line-height: 1.2em;

}



#futurepg h5

{

	font-size: 130%;

	color: Maroon;

	text-align: center;

	font-weight: normal;

}

#futurepg .italics

{

	font-style:italic;

}

#futurepg p{

	font-style: italic;

	font-size: 105%;

	margin-left: 5em;

	margin-right: 3em;

	line-height: 125%;

}

#futurepg p.noits{

font-style:normal;

	font-size: 105%;

	margin-left: 3em;

	margin-right: 3em;

	line-height:125%

}



/* ============================ Misc =======================*/



div.centre 

{

	text-align: center;

}

.boldemphasis

{

	font-weight: bold;

}



.boldmaroon

{

		font-weight: bold;

		color: maroon;

}

p.blhead 

{

	font-size: 130%;

	text-align : center;

	color:blue;

}



p.updated{

	text-align:center;

	margin-bottom: 0px;

}

hr

{

color:#E4E4E4;

background-color:#E4E4E4;

width:80%	

}.Bach2 {
	text-align: center;
	font-weight: bold;
}
.Bach2 {
	font-weight: normal;
}
.Bach2 {
	font-weight: bold;
}
.Bach2 {
	font-weight: bold;
}
.Bach3 {
	text-align: center;
}