/*
CSS for Speen festival Site
*/
body {
  text-align: center;
  min-width: 850px;
  background-color:black;
  padding:0;

}
#main {
  text-align: left;
  width: 850px;
  margin-top:20px;
  min-height:400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:0px;
  padding-bottom:0px;
  background-color:#567cbc;
	background-image:url('images/gradient500.jpg');
	background-repeat:repeat-y;
}

/* Header Logo --------------------------------------*/
#header{
}
#footergraphic{
position:relative;
top:-1px;
padding:0;
margin:0;
}

#eventDetails h1{
font-family: Candara;
background:inherit;
}

#logo{
float:left;
position:relative;
left:65px;
}

/* Bird image */
#kite{
float:left;}

/* Speen Shield */
#shield{
	float:right;
	position:relative;
	left:20px;}
	
#topleftcorner{
position:relative;
top:-3px;}

#toprightcorner{
position:relative;
top:-19px;
float:right;}	
	
#bottomleftcorner{
float:left;
position:relative;
top:20px;}

#bottomrightcorner{
float:right;
position:relative;
top:21px;}	

#threecolumns{
width:685px;
padding-left:1em;
padding-right:1em;	padding-top:1em;
text-align:justify;
margin:0;
float:left;
}
#twocolumns{
width:440px;
padding-left:1em;
padding-right:1em;	padding-top:1em;
text-align:justify;
margin:0;
float:left;
}
#onecolumn{
	width: 220px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top:1em;
	text-align: justify;
	margin: 0;
	float: right;
}

#jazz{
float:right;
}




/* Content pane ---------------------------------------*/
#hall {
	background-image: url('images/villagehall.jpg');
	background-position: center;
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	float: left;
	margin:15px;
}
#marquee {
	background-image: url('images/dewanium.jpg');
	background-position: center;
	background-repeat: no-repeat;
width:300px;
height:200px;
float:right;margin:15px;}
#ridgeleys {
	background-image: url('images/ridgeleys.jpg');
	background-position: center;
	background-repeat: no-repeat;
width:300px;
height:200px;
float:left;margin:15px;}
#chapel	{width:300px;
	background-image: url('images/chapel.jpg');
	background-position: center;
	background-repeat: no-repeat;
height:200px;
float:right;margin:15px;}
#tabcontent{
	width: 700px;
	height: auto;
	border-left: thin gray solid;
	border-right: thin gray solid;
	border-bottom: thin gray solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	margin-left: 20px;
	margin-top: 0px;
	font: x-small/1.5em Verdana, Helvetica, Arial, sans-serif;
	background-color: white;
	padding: 4px;
	text-align: center;
	float: left;
	min-height: 480px;
}


#eventDetails {
	float: right;
	width: 580px;
	border: thin white groove;
	min-height: 500px;
	text-align: left;
	background-color:#FFFFCC
}

/* Standard Headings ----------------------------------*/
   
h3{	font-family:Candara, "Trebuchet-MS", Arial, Helvetica, sans-serif;}

h2{	font-family:Candara, "Trebuchet-MS", Arial, Helvetica, sans-serif;}

h1{	font-family:Candara, Verdana,Helvetica,Arial,sans-serif}
li{	font-size:small;}
h1{
	font-size: x-large;
	background-color: inherit;
	color: black;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: .4em;
	margin: 0;
}
h2{	color:navy;
	font-size:130%;
	font-weight:normal;
	padding:3px;}


/* Email signup ---------------------------------------*/
#sidepanel{
float:right;
	margin: 0px;
	border: thin black none;
	width: 100px;
	text-align:center;
	font:x-small/1.5em Verdana,Helvetica,Arial,sans-serif;
	padding:3px;}
	
#signup {
width:100px;
	border:medium grey solid;
	background:white;
	position:relative;
	left:-6px;
	top:31px;
	}


#sponsors{
	float: right;
	top: 20px;
	margin: 10px;
	width: 99px;
	height: 221px;
	text-align: center;
	font-family: Aharoni;
	Background-color: white;
	background-image: url('images/sponsors.png');
	background-repeat: no-repeat;
}
	
#pg{

}	
	
#emailSubscribe {font:x-small/1em Verdana,Helvetica,Arial,sans-serif;}

#emailInput {  	font:x-small/1em Verdana,Helvetica,Arial,sans-serif;
  width: 90px;	text-align:center;}

/* Tab System -------------------------------------------*/
a{ 	font-weight:bold;}
# tabheader a:link {
	color: black;
	width: 300;
}
# tabheader a:visited {	color:white;}
a:hover{	text-decoration:none;
	color:black;background-color:navy;}
a:active {	color:aqua;
	background-color:navy;}

#tabheader {
	font-size: 93%;
	line-height: normal;
	float:left;
	width:700px;
background:transparent;
margin-left:10px;}

#tabheader ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;  }
#tabheader li {
  float:left;
  background:url("images/leftblue.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  max-width:600px;  }
#tabheader a {
  float:left;
  display:block;
  background:url("images/rightblue.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:white;
  height:auto;
  font-size:x-small; 
  font:x-small/1.5em Verdana,Helvetica,Arial,sans-serif; }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabheader a {float:none;}
/* End IE5-Mac hack */
#tabheader a:hover {
  color:#333;  }
#tabheader #current {
  background-image:url("images/left_on.gif");  }
#tabheader #current a {
  background-image:url("images/right_on.gif");
  color:#567cbc;
  padding-bottom:5px;  } 

/* Events table -------------------------------------------*/

#eventTable{
border:1px gray solid;
table-layout:auto;
}
#eventTable td{
	border:1px gray solid;
	margin:0;
	padding:2px;
	text-align:center;
}
#eventTable a{
color:white}

#eventTable tr{
margin:0;
	}
#eventTableHeader{
background-color:#a4b8db;
font-weight:bold;
color:white;
background-color:black;
}

#thursday6 {
background-color:#567cbc;
}
#friday7 {
background-color:#a4b8db;
}
#saturday8 {
background-color:#567cbc;
}
#sunday9 {
background-color:#a4b8db;
}
#monday10 {
background-color:#567cbc;
}
#tuesday11 {
background-color:#a4b8db;
}
#wednesday12 {
background-color:#567cbc;
}
#thursday13 {
background-color:#a4b8db;
}
#friday14 {
background-color:#567cbc;
}
#saturday15 {
background-color:#a4b8db;
}


/* Contacts ------------------------------------*/
#contactTable{
border:thin silver groove;
margin:20px;
background-color:#567cbc;
	
}

#contactTable tr{
	border:thin black solid;
}
#contactTable a{
	border: thin gray none;
	padding: 3px;
	color:black;
}

#iframe{
	float: left;
	width: 550px;
	height:600px;
}

}
.button {
	background-image:url('images/button.png');
	width:90px;
	height:29px;
	float:left;
margin:3px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	text-decoration:none;
	  font-weight:bold;
  color:white;

  font-size:x-small; 
  font:x-small/1.5em Verdana,Helvetica,Arial,sans-serif;
}

.buttondown {
	background-image:url('images/buttondown.png');
	width:90px;
	height:29px;
	float:left;
	margin:3px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	  font-weight:bold;
  color:white;
	text-decoration:none;
  font-size:x-small; 
  font:x-small/1.5em Verdana,Helvetica,Arial,sans-serif;
}

.button a:hover {
  color:#333;  }