/* 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=
Created by Martin Kruit
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-==-=-=-=-=
*/

* { margin: 0; padding: 0; border: 0; }

body
{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #670000;
	background: #670000;
}

body, td
{
	font-size: 11px;
	line-height: 15px;
}
p { margin: 0 0 1em 0; }
#content h1
{
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 170%;
    font-weight: 100;
	font-style: italic;
    letter-spacing: -0.04em;
	text-align: center;
    color: #AD6769;
	background: #fff url('img/h1.gif') left center repeat-x;
}
#content h1 span
{
	padding: 0px 10px;
	background-color: #fff;
}
h2 { margin-top: 10px; margin-bottom: 10px;font-size: 1em; color: #670000; }
#content h3
{
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
    font-weight: 120;
	font-style: italic;
	text-align: center;
    color: #AD6769;
	}
td {padding: 2px 0;}


/*========================================
	Form Settings
========================================*/
input, textarea { border: 1px solid #ccc; background-color: #fff; }
input.grey { border: 1px solid #ccc; background-color: #FFEFE8; }
input:hover, textarea:hover { border: 1px solid #666; background-color: #fff; }

/*========================================
	Links Settings
========================================*/

a:link,a:visited { color: #670000; text-decoration: none; }
a:hover { color:#670000; text-decoration: underline; }

/*========================================
	Container
========================================*/

div#container
{
	margin: 0 auto;
	width: 700px;
	height: 700px;
	text-align: left;
	background-color: #670000;
}

/*========================================
	Banner
========================================*/

div#banner
{
	height: 73px;
	text-indent: -9999px;
	background: #670000 url(../img/banner.jpg) top center no-repeat;
}

/*========================================
	Global Menu
========================================*/

div#globalnav
{
	width: 700px;
	height: 37px;
}

div#globalnav ul#menu
{
	position: relative;
	width: 700px;
	height: 37px;
	background: #670000 url(../img/sd_menu.jpg) top left no-repeat;
}

div#globalnav ul#menu li
{
	list-style: none;
	position: absolute;
	top: 0;
}
	
ul#menu li, ul#menu a
{
	height: 37px;
	display: block;
}
	
div#globalnav ul#menu li a
{
	text-indent: -9999px;
	text-decoration: none;
}
	
#home        			{ left: 185px; width: 45px; }
#songlist 				{ left: 237px; width: 60px; }
#repertoire         	{ left: 305px; width: 88px; }
#contact_us     		{ left: 397px; width: 90px; }

#home a:hover			{ background: transparent url(../img/sd_menu.jpg) -185px -37px no-repeat; }
#songlist a:hover 		{ background: transparent url(../img/sd_menu.jpg) -237px -37px no-repeat; }
#repertoire a:hover		{ background: transparent url(../img/sd_menu.jpg) -305px -37px no-repeat; }
#contact_us a:hover		{ background: transparent url(../img/sd_menu.jpg) -397px -37px no-repeat; }

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

div#main
{
	background: #FFF8EF url(../img/main_middle.jpg) center top repeat-y;
}


div#content
{
	width: 700px;
	padding: 25px 61px 20px 55px;
	width/**/:/**/584px;
	background: transparent url(../img/main_top.jpg) center top no-repeat;
}

div#left
{
	float: left;
	width: 290px;
	padding-right: 15px;
	width/**/:/**/275px;
	background: transparent url(../img/divide.gif) right top repeat-y;
}

div#right
{
	float: right;
	width: 280px;
}

div#footer
{
	clear: both;
	width: 700px;
	padding: 0 61px 0 55px;
	width/**/:/**/584px;
	height: 50px;
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
	color: 670000;
	background: #fff url(../img/main_bottom.jpg) center top no-repeat;
}