/* 	
	STYLESHEET for the EXETER SYMPHONY ORCHESTRA website
	Designed by Alacrify Ltd
	01300 320076 | 01305 812030
	enquiries@alacrify.co.uk
	March 2007
*/

body {
  	font-family: 	Verdana, Geneva, Arial, helvetica, sans-serif;
	text-align: 	center;
	font-size:		0.8em;
	color:			#000;
	background:		#220;
	}
	
p {	font-size: 		1em;
	}
	
h1 {
	font-size: 		1.8em;
	font-family: 	georgia, serif;
	color: 			#640;
	font-weight:	normal;
	}	
	
table {
	font-size: 		1em;
	border-collapse:collapse;
	border:			0;
	margin:			0;
	padding			0;
	}
	
td {
	font-size: 		1em;
	font-family: 	Verdana, Geneva, Arial, helvetica, sans-serif;
	background-image: url(images/top-shadow.gif);
	background-repeat: repeat-x;
	padding: 20px;
	vertical-align: top;
	}
	
td.plain {
	background: none;
	padding: 0 5px 0 0;
	}

#contacts td.plain {
	padding:		3px;
	}
	
#contact_form tr {
	vertical-align: middle;
	}

#contact_form td.left {
	text-align:right;
	padding: 5px;
	border: #fca 1px solid;
	border-right: 0;
	background: #ffe;
	width: 50px !important;
	}

#contact_form td.right {
	text-align:left;
	padding: 5px;
	border: #fca 1px solid;
	border-left: 0;
	background: #ffe;
	width: 350px !important;
	}	

th {
	font-size: 		3.5em;
	font-family: 	georgia, serif;
	font-weight:	normal;
	padding:		45px;
	background:		#330;
	color:			#ffc;
	}
	
.title {
	font-family:	georgia, serif;
	font-weight:	bold;
	margin-right: 	20px;		
	}	

.details {
	font-family:	georgia, serif;
	font-weight:	normal;
	}
		
/* links */

a {
	text-decoration: none;
	}	
a:link, a:visited  {
	color: #009;
	}
a:hover {
	color: #900;
	}
li a:link, li a:visited  {
	color: #cca;
	}
li a:hover {
	color: #ffd;
	}
	
p.plain {	
	padding: 0;
	margin:5px 0;
	border:0;
	}

a:link.plain {
	color:#962;
	}
	
a:hover.plain {
	color: #65f;
	}	
/* container */

#container {
	margin: 		auto 20px;
	width:			800px;	
	height:			600px;
	min-height:		600px;
	background:		#ffffcc;
	border:			1px solid #440;
	}

/* top navigation cell */

.navigationCell {
	background:		#640;
	border-top:		1px solid #750;
	border-bottom:  1px solid #450;
	padding:		10px;
	vertical-align: middle;
	color:			#962;
	padding:		0;
	}
	
.titleImage1 {
	float: 			left;
	margin: 		-30px;
	}
	
.titleImage2 {
	float: 			right;
	margin: 		-30px;
	}
	
.mainCell {
	width: 200px; 
	min-width: 200px;
	height: 440px; 
	min-height:	440px;	
	background-color: #ffffcc;
	background-image: url('images/violin-background.jpg'); 
	background-repeat: no-repeat; 
	background-position: top -40px;
	}
	
.leftCell {
	width: 600px; 
	height: 440px; 
	max-width: 600px;
	background-color: #ffffcc;
}

.leftCell table {
	width : 100%;
}

ul {
  margin:0;
  padding:0;
  list-style:none;
  }
  
li {
  margin:0;
  padding:0;
  }
  
li a {
  display:block;
  background:#640;
  height:2em;
  padding:0 10px 2px 10px;
  line-height:2em;
  text-decoration:none;
  border-right: 1px solid #962;
  }
  
li.parent {
  position:relative;
  float:left;
  }
  
li.parent ul {
	position:absolute;
	top:2em;
	left:0;
	width: 376px;
	height: 26px;

  }
  
li.parent:hover ul {
 display:block;
  left:0;
  }
  
li:hover {
  background:#58b;
  }
  
li:hover a {
  color:#fff;
  }
  
li:hover li a {
  color:#fff;
  }
  
li a:hover, li li a:hover {
  background:#369;
  background:#962;
  color:#fff;
  display: block;
  }
  
li.parent a {
  float:left;
  }
  
li.parent li a {
  float:none;
  width: 12em;
  display:block;
	border:0;
border-bottom: 1px solid #962;/
  }
  
li ul {
  display: none;
  }
  
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left;  }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
	display: block;
	margin-top:2px;
	border:0;
  	background:#640;
	width: 10em;
	}