* {
margin:0;
padding:0;
}

html, body  { font-size: 101%; /* IE hack */
              height: 100%;
}

body  {font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
		background-color:#336699;
		text-align:center;
		font-size:67%;
		width:100%;
		height:auto;}

		
/* IE hack for keeping container right width */

html>body div {
width: 800px
}

/* main page container */

.container {
			margin: 0 auto;
			width:800px !important; 
			min-height:1200px;
                        height:auto;
			text-align:left;
			background-color:#ffffff;
			padding:0 2.5em;
			border:2px #ccf solid }

#header  {width:100%;}

/* Heading colors */

.logo	{
	font-family:'century gothic',tahoma,arial;
	float:left;
	width:50%;
	margin:20px 0 0 5px;
	text-align:left;
	padding-top:.5em;
	padding-bottom:.5em;
	line-height:2em;
	
	}

.logo_heading	{font-size:2.8em;}
.logo_caption	{text-transform:uppercase;font-family:'century gothic', arial, 'sans serif';line-height:140%;margin:0; font-size:1.4em;color:#999999}

/* Main navigation container */

#navigation	{

	width:780px;
	text-align:right;
	margin: .3em 0 0 0;
	border:0px solid #fff;
}


/* headings */

h1	{
	color:#333;
	font-family : Arial, Helvetica, Tahoma, Verdana, Geneva, sans-serif;
	text-decoration : none;
	font-size : 2em; margin-bottom:0.5em; line-height:130%;
	margin:1em 0 0.5em 0;
}

h2, a.h2 {
	font-family: 'century gothic', Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color:#336699;
	font-size :1.2em;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	margin:0 0 5px 0;
	padding: .7em .7em .2em .7em;
		}

		
.special	{background-color:orange;}

h3	{
	font-family:arial,helvetica;
	COLOR: #333;
	margin:4px 0 0px 0;
	font-weight:600;
	font-size:1.2em;
	text-transform:uppercase;
}

h4	{
	font-family:Arial, Helvetica;
	color: #333;
	font-size:11pt;
	display:inline;

}

.container, .page, div, .logo, .text_navigation_banner {

	background-color:#fff;
}

.single	{
	margin:5em 0em 5em 10em;
	width:300px;
	float:left;
	background-color:#fff;
}

.clear	{
	margin-top:10px;
	clear:both;
}

/* sub pages where one full column */

.content, .page {margin:5em;width:740px;height:100%;border:0px solid #eee;}


/* top left float box for ads */

.top_left_box	{float:left;
				text-align:left;
				width:30em;
				height:6em;
				padding:.5em;
				margin:0 0 0px 0;
				font-size:1em;
				color:#000;
				border:0px solid #ccc; 
}

.left	{
	float:left;
	width:390px; 
	text-align:left;
	background-color:#fff;
	margin:0 0 20px 0;
	border-bottom:#ddd 1px solid;
	border-left:#ddd 0 solid;
	padding:0 0.5em;
}

.left p {line-height:140%;margin:10px 5px;
}

.right	{
	float:right;
	width:350px;
	margin:0 0 20px 0;
	background-color:#cccccc;
	border-left:#ddd 1px solid;
	padding:0;
}

.right a.link {text-decoration:none;color:#00f;}

.right a.link:hover {text-decoration:underline;color:#666;}

.right p {line-height:140%;margin: 5px 10px;
}


.link_column	{
	width:350px;
	background-color:#eee;
	text-align:right;  /* changed from right nov 09 */
	border-bottom: 1px dashed #333;
}

.news_item, .news_item_right, .news_item_highlight {
	font-size:1.1em;
	line-height:140%;
	border-bottom:#ddd 10px solid;
	margin:0;
	padding:5px;
	clear:both;
}

.news_item, .news_item_highlight {
	width:390px;
}

.news_item_right {
	width:330px;
	text-align:left;
	padding:5px 10px;
}

.news_item_highlight {
	background-color:#fff;
	border:1px solid #333;
}

.highlight_news	{
	background-color:#cdc;
}

ul.plain li	{list-style:none;font-size:.9em;}

ul.bullet li	{list_style:bullet;font-size:.9em;margin:0 0 0 20px;}

ul.link_list	{
	width:330px;
	display:block;
	margin:15px 0;
}

ul.link_list li {
	list-style:none;
	line-height:160%;
        font-size:;
	display:block;
}

.links {
	font-size:1.1em;
	font-weight:600;
	color:#000;
	background-color:#ccc;
	text-align:right;

}

.error	{color:#c00;
}

.calendar	{
		width:330px;
		border-bottom:#999 1px solid;
		font-family:Arial,Helvetica,'Sans Serif';
		margin:.5em; 
		padding:.5em .5em; 
		background-color:#fff;
		line_height:140%;
		text-align:left;
				
}

.cal_date, .cal_contact, .cal_band, .cal_city {

	font-size:1em;
}

.cal_band  {font-weight:bold;}
a.cal_band {color:#000;}
a.cal_band:visited {color:#333;}
a.cal_band:focus {background-color:#fff;color:#333;}
a.cal_band:hover {color:#666;}

.cal_date, .cal_city	{
	text-transform:uppercase;
	color:#666;
	font-weight:100;
}

a.cal_promoter, .cal_gig_tags{

	font-size:.8em;
}

.cal_gig_tags {font-style:italic;}

.news_item_fest_listing	{

	width:230px;
}


/* font-size and line height */


.left p, p, p.news, ul, ol, pre, .calendar {color:#333;} /* Text colors */

/* font-size and line height */
p, p.news, ul, ol, pre, td, .calendar, .news_item, .links, .sblogo {  


	font-size: 1.1em;
	line-height:1.4em;
} 


.quote	{
	font-style:italic;
	font-size:2em;
}
	
/* FUTURES */

.futures	{
	font-size:80%;
	color:#ddd;
	background-color:#333;
	font-family:'Century Gothic', 'Sans Seriff';
	font-weight:600;
	letter-spacing:.5em;
	padding:0.5em 1em;

}

.scheme	{
	font-size:80%;
	color:#333;
	background-color:#ddd;
	font-family:'Century Gothic', 'Sans Seriff';
	font-weight:600;
	letter-spacing:.5em;
	padding: 0.5em 1em;

}



/* Table */
.sblogo {
	
	color:#333;
	padding:5px;
	line-height:160%; 
	border-bottom:1px solid #ddd; 
	/*border-right:1px solid #ddd;*/
}

.sblogo #top {border-top:1px solid #ddd;
}
							
/* for news items until blog version ready */

p.fest {color:#000;padding:0 0 0 .5em;}
p.fest1 {background-color:#fcf;color:#000;}
p.fest2 {background-color:#fff;color:#000;}

/* Picture captions */

.picture {border:1px solid #333;}

.caption	{font-size:.8em;font-family:tahoma; color:#666;padding:0;margin:5px 0;text-align:center;line-height:110%;}

a.caption	{font-size:1em;font-family:tahoma; color:#333;padding:0px;margin:-0.1em 0 0.1em 0;text-align:center;line-height:110%;}

/* Main navigation into site pages  */

ul#nav { 		width:700px;
				height:1.1em;
				padding:0;
				margin:0 auto;
				display:block;
				clear:both;
				
				
}

ul#nav	li		{list-style:none;
				float:left;
				margin:0 auto;
				padding:0;
				display:block;
				
}

ul#nav	li	a	{
				display:block;
				text-align:center;
				text-decoration:none;
				padding:0 0.5em 0 0.5em;
				width:10em;
				border:solid 1px #cccccc;
				
				
}

/* styling for main navigation links */

.home, .cal_link, .contact, .wheretofind, .promoters, .music, .demo, .about, .sign_up,
.about {
	font-size:1.2em;
	text-align:center;
	padding:.2em 1.1em .2em 1.1em;
	margin:0 0 0 0;
}

a.sign_up {border:1px solid #999999;color:#fff;
			background-color:#999;text-decoration:none}
a.sign_up:visited {color:#fff}
a.sign_up:hover {color:#ffffff;background-color:#000000;}

a.demo {border:1px solid #999999;color:#fff;
			background-color:#333;text-decoration:none}
a.demo:visited {color:#fff}
a.demo:hover {color:#ffffff;background-color:#000000;}
    
a.home {border:1px solid #999999;color:#fff;
			background-color:#999;text-decoration:none}
a.home:visited {color:#fff}
a.home:hover {color:#ffffff;background-color:#000000;}

               
a.wheretofind {border:1px solid #999999;color:#fff;background-color:#636;text-decoration:none}
a.wheretofind:visited {color:#fff;background-color:#636;}
a.wheretofind:hover {color:#fff;background-color:#000000;}

a.music {border:1px solid #999999;color:#fff;
			background-color:brown;text-decoration:none}
a.music:visited {color:#fff}
a.music:hover {color:#ffffff;background-color:#000000;}

a.cal_link {border:1px solid #999999;color:#fff;background-color:orange;text-decoration:none}
a.cal_link:visited {color:#fff}
a.cal_link:hover {color:#ffffff;background-color:#000000;}

a.promoters {border:1px solid #999999;color:#fff;background-color:olive;text-decoration:none}
a.promoters:visited {color:#fff}
a.promoters:hover {color:#ffffff;background-color:#000000;}

a.about {border:1px solid #999999;color:#fff;
			background-color:orange;text-decoration:none}
a.about:visited {color:#fff}
a.about:hover {color:#ffffff;background-color:#000000;}
    
a.extra	{font-weight:600;color:#000;}
a.extra:visited	{font-weight:600;color:#000;}
a.extra:hover	{font-weight:600;color:#000;}


a.contact {border:1px solid #999999;color:#fff;
			background-color:brown;text-decoration:none}
a.contact:visited {color:#fff}
a.contact:hover {color:#ffffff;background-color:#000000;}

.news_link	{font-family:arial;text-align:center;background-color:#336699;
	padding:1px 10px 1px 10px;
	border:1px solid #999999;color:#ffffff;FONT-SIZE:100%;font-weight:bold;}
a.news_link:visited {color:#ffffff;background-color:#336699;}
a.news_link:hover {color:#ffffff;background-color:#000000;}

.jy	{font-size:80pt;font-family:arial black;color:#ffffff;background-color:#336699;line-height:80%;padding:0 3px 0px 2px;}

/* Where to find jazz */

a.link	{
	font-weight:100;
	text-decoration:none;
	color:#00f;
}


/* FUTURES logo */

/* Text banner navigation - as found on sub-pages without the JY header block and links */

.text_navigation_banner	{width:100%;text-align:center;}

h1.rss	{color:#999;
}
h2.special {
	background-color:orange;
}
.rss_pic	{
	margin:0px 0 0 0;
	}

#rss	{border:1px solid #ddd;
}

a.rss	{color:#999; font-weight:600;text-transform:uppercase;text-decoration:none;}




/* Anchor link styling */

a	{color:#0000ff;text-decoration:underline;
}
a:focus	{color:#000;background-color:#fff;
}
a:visited	{color:#00f;
}
a:hover {color:#000;
}


a.fest		{color:#333;text-decoration:none;font-weight:bold;
}

a.fest:hover	{color:#000;

}

/* Links that need to stay in normal font color i.e. bands and pro in right.php */

a.ordinary	{text-decoration:underline;
}
a.ordinary:focus	{color:#000;background-color:#fff;
}
a.ordinary:visited	{color:#333;
}
a.ordinary:hover {color:#666;
}

/* HOME links styling on news page */

.homenav_focus, a.homenav {

				padding:0 3px;
}

.homenav_focus {background-color:#fff;color:#369;}  /* for the active home page - which doesn't need a link */

a.homenav	{ text-decoration:underline;color:#fff;background-color:#369;
}
a.homenav:focus	{color:#fff;background-color:#369;text-decoration:none;
}
a.homenav:visited	{color:#fff;background-color:#369;

}
a.homenav:hover {color:#369;background-color:#fff;text-decoration:none;


}

/* Text navigation styling - for the footer.js script */

a.text_navigation	{
	font-family:century gothic,tahoma;
					color:#369;font-size:1.1em;text-decoration:none;
}
a.text_navigation:hover {color:#000;}
					
}

.pic	{border:1px solid #ddd;}



/* footer */

a.footer		{font-weight:bold;color:#336699;text-decoration:none;}
a.footer:visited {color:#336699;text-decoration:none;}
a.footer:hover {color:#0000ff;text-decoration:underline;}