/* ########## FILTERS ########## */

/* undohtml.css file used to create a consistent starting point by outruling browser defaults */
@import url(undohtml.css);

/* browser specific filters */
@import url( filters.css );

/* ########## END FILTERS ########## */

body {
	background: #ffffff;
	color: #000000;
	margin: 0;
	padding: 0;
	font: 95%/2 arial, sans-serif;
}

div#headmast {
	background: #151316 url(../images/bg-logo.jpg) repeat;
	Color: #ffffff;
	height: 142px;
	border-bottom: 4px solid #7ab7d8;
	margin:0;
	padding: 0;
	display: block;
	text-align: left;
}

div#headmast img {
	float: left;
	padding-right: 2em;
}

div#headmast p {
	font-size: 140%;
	padding-top: 1%;
}

div#wrapper {
	background: #ffffff;
	color: #000000;
	margin-left: 23%;
	padding:0;
}

div#wrapper a {
	background: transparent;
	color: #0000ff;
	text-decoration: underline;
	padding: .25em;
}

div#wrapper a:hover,
div#wrapper a:focus,  
div#wrapper a:active {
	background: #ffff99;
	color: #000000;
	text-decoration: none;
}

div#content {
	margin: 0% 0% 2% 0%;
	padding-bottom: 0;
	border-left: 1px solid #b1c3f5;
	background: #ffffff url(../images/guitar.jpg) no-repeat scroll top left;
}

div#content h1 {
	font-size: 120%;
	margin: 0em 0em 2.5em 0em;
	padding: 1em 1em .3em 5em;
}

div#content h2 {
	background: #ffffff url(../images/dot.gif) no-repeat scroll left;
	color: #454545;
	font-size: 120%;
	margin-left: 2%;
	padding-left: 30px;
}

div#content h3 {
	background: #ffffff;
	color: #000066;
	font-size: 115%;
	margin:0;
	padding: .2em 5em 0em 1.5em;
}

table {
	border: 1px;
	text-align: left;
	margin: 1.5em 3em;
}

div#content ul {
	padding: 0em 5em .75em 5em;
	list-style: square;
}

div#content ol {
	padding: .75em 5em .75em 5em;
	list-style: decimal;
}

th {
	background: #b5d6e8;
	color: #000000;
	border: 1px solid #ccc;
	padding: .5em 3em;
}

tr td {
	border: 1px solid #ccc;
	padding: .25em 2em .25em .5em;
}

td + td {
	border: 1px solid #ccc;
	padding: .25em .5em .25em 2em;
}

div#content p {
	padding: .5em 6em 1em 3em;
}

div#content p.img {
	padding: 0em 0em 1em 0em;
}

div#content img {
	float: right;
	margin: 0% 3%;
	padding: 3px;
	border: 1px solid #7ab7d8;
}



div#content a:hover.imglink, 
div#content a:active.imglink {
	background: #ffffff;
	color: #000000;
}

div#content img.mid {
	float: none;
	margin: 0% auto;
	padding: 2px;
	border: 1px solid #7ab7d8;
}

div#content ul {
	padding: 0em 5em .75em 5em;
	list-style: square;
}

div#menu {
	width: 23%;
	position: absolute;
	top: 146px;
	left: 0px;
	padding: 0;
	margin: 0;
	height: 100%;
	background: #ffffff url(../images/bg.jpg) repeat-x scroll top;
	color: #000000;
}

div#menu ul {
	list-style-type: none;
	padding: 0;
}

div#menu ul li {
	padding-left: 15px;
	border-bottom: 3px solid #ffffff;
	background: transparent url(../images/bullet3.jpg) no-repeat scroll left center;
}

div#menu ul a {
	display: block;
	line-height: 1.5;
	text-decoration: none;
	background: #d2ccaf;
	color: #000000;
	font-size: 90%;
	font-weight: bold;
	padding: .75em 0em .75em 2em;
}

div#menu ul a.thispage {
	background: #231f20 url(../images/bullet.jpg) no-repeat scroll right;
	color: #ffffff;
}

div#menu ul a:hover, 
div#menu ul a:focus, 
div#menu ul a:active {
	background: #231f20;
	color: #ffffff;
}

div#footer p {
	background: #231f20;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	margin: 2em 0em 0em 0em;
	padding: .5em 1em;
}

div#siteinfo {
	font-size: 85%;
	padding: 1em 0em 1em 1em;
	font-style: normal;
}

div#skiplink {
	float: right;
	text-align: right;
	font-size: 85%;
	padding-top: 5px;
	padding-right: 50px;
	margin: .5em .5em 0em 0em;
}

div#skiplink a {
	padding: .15em;
	background: #ffffff;
	color: #000000;
}

div#skiplink a:hover, 
div#skiplink a:focus, 
div#skiplink a:active {
	background: #ffff99;
	color: #000000;
}

div#content p.top {
	background: #ffffff url(../images/top.gif) no-repeat scroll left;
	margin-left: 2%;
	padding-left: 30px;
}

.center {
	text-align: center;
}