/*
-----------------------------------------------
Exmoor Singers Stylesheet
Version: $Id: exmoorstyle.css,v 1.12 2007/01/15 23:55:31 andrewl Exp $
----------------------------------------------- */

/* -------------------
Generic elements
------------------- */
body {
	margin: 0;
	color : Black;
      	background-color : #003300;
	/* background-color : Purple; */
	text-align: left;
	font-size: 0.7em;
}
a, p, th, td, input, textarea, select, option, h1, h2, h3, li, th {
	font-family : 'Arial', 'Helvetica', 'sans-serif';
	text-align : justify;
	margin-top : 0;
}

td,th {
	font-size: 0.7em;
}
img { 
	border: 0; 
}
a {
	 text-decoration: none; 
}
a:hover { 
	text-decoration: underline; 
}
h1,h2,h3 {
	font-family : 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
	letter-spacing : 2px;
	color : white;  <!-- changed to white from green-->
}
h1 {
        font-size : 1.6em;
        font-weight : Bold;
}
h2 {
	font-size : 1.4em;
	font-weight : normal;
}
h3 {
font-family : 'Arial', 'Helvetica', 'sans-serif';    
font-size : 1.4em;
	font-weight : Bold;
}

/* -------------------
Container
------------------- */
#container {
	width: 768px;
	text-align: left;
       /* background-color : Maroon; */
	padding: 0 0 0 0;
}

/* -------------------
Banner (include main navigation)
------------------- */
#main {
	xbackground-color : cyan;
	width : 617px;
	float: left;
}
#banner-faces {
	height: 81px;
}
#banner-nav {
	width: 100%;
	/* height: 20px; */
	background-color : #415742;
	overflow: auto;
}
#banner-nav ul {
	/**border : 1px solid Silver;**/
	list-style: none;
	margin: 0;
	height: 15px;
	/*padding-top : 3px;*/
	padding-left : 0;
	background-color : #415742;
	text-align:center;
}
#banner-nav li {
	float: left;
	color : Silver;
	height: 15px;
}
#banner-nav a {
	color : white;
	border-right : 1px solid Silver;
	font-size: 1em;
	font-weight : normal;
	height: 15px;
	padding-top : 2px;
	padding-right : 5px;
	padding-bottom : 2px;
	padding-left : 6px;
}
#banner-nav a.last {
	border-right : none;
}
#banner-nav a:hover {
	background-color : #E2FCE3;
	color: black;
}
#banner-nav a.hi {
	background-color : white;
	color: black;
	font-weight : bold;
}

/* -------------------
Content (white body area)
------------------- */
#content {
	float:left;
	width : 597px;
	/** IE hack for widthL */
	* width: 617px;
	/** background-image:url(/imgs/ExSbackgroundA.JPG); **/
       padding : 10px 10px 10px 10px;
}
a {
	color: white; <!--#009900 colour for linked text was green but change to white for home page-->
	Text-Decoration : none;
	font-weight : none; <!-- was bold now making no highlight of linked text-->
}


a:hover {
	
	text-decoration : underline;
}
/* -------------------
Right Bar
------------------- */
#right-bar {
	float: right;
	width : 143px;
	/* background-color : Fuchsia; */
	padding : 0 0 6px 0px;
}
#banner-logo {
	padding : 0 0px 3px 0;
	/* background-color : Purple; */
}
#banner-logo  p {
	text-align : center;	
}
#banner-logo a {
	font-size: 2.5em;
	color : #ADBEAD;
	letter-spacing : 2px;
	font-family : Verdana, Arial, sans-serif;
	font-weight : bold;  <!-- new to switch bold back on for logo text -->
}
#banner-logo a:hover{
	color: White;
	text-decoration : none;
}
#banner-logo a.sub {
	font-size: 0.7em;
	color : red;
}
#banner-logo hr,#promotions hr {
	height : 1px;
	color : Silver;
	width: 100px;
	border-right-style : none;
	text-align : center;
}

#promotions p, #promotions a {
	text-align : center;
	color : #ADBEAD;
	font-weight : normal;
}
#promotions a.nextconcert1 {
	letter-spacing: 2px; 
	font-size: 1.7em; 
}
#promotions a:hover {
	color : White;
	text-decoration : none;
}
#photos img {
	margin-top : 11px;
	margin-bottom : 11px;
}

#footer {
	width: 100%;
	/* height: 20px; */
	/* background-color : purple; */
	/* overflow: auto; */
}
#footer ul {
	list-style: none;
	margin: 0;
	xheight: 15px;
	/*padding-top : 3px;*/
	text-align:center;
	padding : 10px 20px 2px;
}
#footer li {
	float: left;
	/* height: 15px; */
}
#footer a {
	padding : 2px 15px 2px 15px;
}


span.newFeature { 
	font-size:0.75em; 
	font-weight:normal; 
	color: #fff; 
	padding: 1px 2px; 
	vertical-align: middle; 
	background-color:#009900; 
}	

#quote-narrow, #quote-wide {
	border: 1px solid Silver;
	margin-bottom : 10px;
}
#quote-narrow blockquote, #quote-wide blockquote {
	font-style : italic;
	margin : 10px 10px 0 10px;
	font-size: 1.2em;
	font-family : serif;
}
#quote-narrow p, #quote-wide p {
	margin-right : 10px;
	margin-top : 0;
	text-align : right;
}
#quote-wide {
	margin-left : 20px;
	margin-right : 20px;
}
#quote-narrow {
	margin-left : 110px;
	margin-right : 110px;
}

DIV.clearer {
	/* To clear floated divs for section backgrounds */
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}
textarea {
	font-size: 1em;
}