/* CSS Document */

body {
	background-color: #FFFFFF;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #333333;
}
/* Holds all the content for layout */
div.main {
	width: 700px;
	height: 100%;
	position: absolute;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
}

/* Div for photo */
div.pic {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 350px;
	height: 341px;
	background-color: #FFFFFF;
}

div.form {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 350px;
	height: 341px;
	background-color: #FFFFFF;
}

div.text {
	position: absolute;
	left: 0px;
	top: 450px;
	width: 350px;
	height: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	padding-top: 5px;
}

div.counter {
	position: absolute;
	top: 700px;
	left: 335px;
}

/* Menu items */
div.drumming {
	position: absolute;
	top: 100px;
	left: 350px;
	width: 350px;
	height: 80px;
	margin-bottom: 7px;
	z-index: 2;
	background-color: #CC3333;
	text-decoration: none;
}

div.menuText {
	position: relative;
	top: 50px;
	height: 30px;
	background-color: #0D2529;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	padding-left: 10px;
	z-index: 3;
	text-decoration: none;
}

div.photo {
	position: absolute;
	top: 187px;
	left: 350px;
	width: 350px;
	height: 80px;
	margin-bottom: 7px;
	z-index: 2;
	background-color: #0F3461;
	text-decoration: none;
}

div.webdesign {
	position: absolute;
	top: 187px;
	left: 350px;
	width: 350px;
	height: 80px;
	margin-bottom: 7px;
	z-index: 2;
	background-color: #FBDE4A;
	text-decoration: none;
}

div.scott {
	position: absolute;
	top: 274px;
	left: 350px;
	width: 350px;
	height: 80px;
	margin-bottom: 7px;
	z-index: 2;
	background-color: #D9FF6A;
	text-decoration: none;
}

div.contact {
	position: absolute;
	top: 361px;
	left: 350px;
	width: 350px;
	height: 80px;
	z-index: 2;
	background-color: #AD85AD;
	text-decoration: none;
}

div.color-bar {
	position: absolute;
	top: 50px;
	left: 475px;
	width: 125px;
	height: 645px;
	z-index: 1;
	background-color: #FFFFFF;
}


h1 {
	font-size: 18pt;
	font-weight: bold;
	letter-spacing: 5px;
}

p.main {
	padding-left: 10px;
}

p.contactText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	padding-top: 5px;
	padding-left: 5px;
}

a:hover, {
	cursor: pointer;
}

a {
	color: #333333;
}

/* Contact Form styles */

form {
	padding-left: 25px;
	padding-top: 5px;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 8pt;
}

input {
	width: 200px;
	color: #333333;
	background-color: #DDCCDD;
	border: 1px solid #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

textarea {
	color: #333333;
	background-color: #DDCCDD;
	border: 1px solid #333333;
	width: 250px;
	height: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/* LATHALLAN STYLES */
table.musictable {
	width:475px; 
	border-width: 1px; 
	border-style: dotted;
	border-color: #666666;
	padding: 1px;
}

td.tuneName {
	width: 275px;
	line-height: 150%;
	border-width: 1px; 
	border-style: dotted;
	border-color: #666666;
}

tr.titles {
	font-weight: bold;
	background-color: #333399;
	text-align: center;
	color: #FFFFFF;
	vertical-align: middle;
	line-height: 175%;
	border-width: 1px; 
	border-style: dotted;
	border-color: #666666;
}

td.instruments {
	text-align: center;
	border-width: 1px; 
	border-style: dotted;
	border-color: #666666;
}