/* Reset */

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

img, fieldset { border: 0; }

/* Basic Styles */

body {
	background-image:url('images/index_bg.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-color:black;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	width: 75%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-top:25px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}

body a {
	cursor:hand;
}

#index {
	text-align: center;
	vertical-align: middle;
	padding: 100px;
	margin-top:100px;
	text-decoration:none;
}

#index a {
	text-decoration:none;
	color:#44afc8;

}

#index a:hover {
      color: #c00;
}

#index h1 {
	color: #44afc8; 
	font-size: 60px;
	text-shadow: .1em .1em .2em black;
}
#index h2 {
	color:#44afc8;
	font-size: 60px; 
	font-weight:100;
	text-shadow: .1em .1em .2em black;
}



#container	{
	background-color:#610E06;
	border-color:#6E1209;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:outset;
	border-left-style:outset;

}


#header	{
	font-size:25px;
	color:#4086B0;
	text-align:center;
	text-shadow: .1em .1em .2em black;
	padding:10px;
}

#header a {
	text-decoration:none;	
	color:#4086B0;
}


/* Navigation Styles */
	
#nav {
	width: 99%;
	float:left;
}

#nav ul {
	width: 475px;
	list-style-type:none;
	margin:auto;
	padding:0;

}
#nav li {
	float:left;
	list-style: none;
	font-size:25px;

}
#nav li a {
    display: block;
    padding: 20px 15px;
    text-decoration: none;
    color: #4086B0;
}
#nav li a:hover {
      color: #c00;
}

#sidebar	{
	float:right;
	height: 100%;
	background-color: #45ACE4;
	padding:10px;
	border:2px;
	border-style:solid;
	border-color:black;
}

div.share	{
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	width:83%;
}

#sidebar.composer	{
	width: 250px;
}

#sidebar.bio	{
	width: 300px;
}

#sidebar.contact	{
	width: 300px;
}

#sidebar.music	{
	width: 250px;
}

#maincontent	{
	width:70%;
	height:100%;
	padding:20px;
	margin:10px;
	color:#4086B0;

}

#maincontent a	{
	text-decoration:underline;
	color:silver;
}

#maincontent a:hover {
	text-decoration:underline;
	color:#c00;
}

#maincontent i {
	letter-spacing:4px;
	color:cyan;
}

div.event	{
	border-style:solid;
	border-color:#480C03;
	border-width:medium;
	padding:15px;
	margin-top:10px;
}

#maincontent p	{
	margin-bottom:20px;
}

#maincontent h3	{
	margin-bottom:20px;
}

h3.sectionhead	{
	text-align:center;
	font-size:30px;
	text-decoration:none;
}
.date	{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	letter-spacing:5px;
	text-transform:uppercase;
}


table.center	{
	padding:25px;
	margin-left:auto;
	margin-right:auto;
	width:50%;
}

table.music	{
	width:100%;
	margin-bottom:50px;
	border-style:dotted;
	border-color:#480C03;
	border-width:thin;
}

table.music th	{
	font-size:25px;
	padding-bottom:20px;
}

table.music td	{
	padding:0px 10px 0 px 10px;
}

td.score	{
	text-align:right;
}

td.ensemble	{
	text-align:center;
}