/* core css for the site */
html {
scrollbar-face-color: #D4D0AB;
scrollbar-shadow-color: #D4D0AB;
scrollbar-highlight-color: #D4D0AB;
scrollbar-3dlight-color: #35362D;
scrollbar-darkshadow-color: #35362D;
scrollbar-track-color: #D4D0AB;
scrollbar-arrow-color: #35362D;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
}


.line {
border-top:1px dotted #35362D;
}

/* core body styles */
#container {
	margin: 0 auto;
	width:900px;
	background-color:#D4D0AB;
	}

body {
	background: #D4D0AB url(../images/gradient.jpg) repeat-x;
	margin: 0 auto;
	font: 11px/14px Arial, sans-serif;
	color:#35362D;
	}

a {
	display:inline-block;
	color:#AE4125;
	text-decoration:none;
	font: Arial, Helvetica, sans-serif, bold;
	font-weight: bold;
}
a:hover {
	color:#35362D;
}

#topbar {
	background: url(../images/head-final.png) no-repeat center top;
	width:900px;
	height: 190px;
	}

/* Navigation Menu */

#navbar {
	width: auto;
	position:relative;
	margin:-45px 0 30px 0;
	left:18px;
}
#navbar a {
	display:inline-block;
	color:#D4D0AB;
	text-decoration:none;
	font: Arial, Helvetica, sans-serif, bold;
	font-weight: bold;
}
#navbar a:hover {
	color:#AE4125;
}

/* Content */
.leftcol {
	position: relative;
	float:left;
	width:260px;
	margin:10px 0 15px 20px;
	border:1px solid #35362D;
}

.leftcol p {
	padding: 10px 20px 0 20px;
	text-align:justify;
}

.rightcol {
	position:relative;
	float:right;
	width:60%;
	margin:10px 20px 0 0;
}

.rightcol p {
	text-align:justify;
}
.rightcolrecords {
	position:relative;
	float:right;
	width:60%;
	margin:10px 20px 0 0;
}

.rightcolrecords p {
	text-align:left;
}
.twocol {
	position: relative;
	float:left;
	border-left:1px dotted #35362D;
	width:49%;
}

.twocol p {
	padding: 0 10px 0 10px;
	text-align:left;

}

.line {
	border-top:1px dotted #35362D;
}


.bar {
	position: relative;
	float: left;
	width:34px;
	margin:10px 10px 0 10px;
}

/* Footer */
#footer {
	clear: both;
	text-align: right;
	font: 10px Arial, sans-serif;
	border-top:1px solid #35362D;
	padding:20px 20px 20px 0;
}
#footer a {
	color:#AE4125;
	font-weight: bold;
}
#footer a:hover {
	color:#35362D;
}

/* Recordings */
#recButton .submit {
	width: 68px;
	background: url(../images/buttons-rec.png) left bottom no-repeat;
	font: 10px Arial, sans-serif;
	color: #D4D0AB;
	border: none;
	cursor: pointer;
	height: 16px;
	margin: 0 0 20px 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#recButton .submit:hover { background-position: left top; }