* { padding: 0; margin: 0; }

html {
	height: 101%;
}

body {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 12px;
 background-color: #fff;
 color: #685E28;
}
img {
    border: none;
}
p a {
    text-decoration: none;
    color: #685E28;
}
p a:hover, p a:active {
    background-color: #EDCA01;
}
object {
    margin: 0 0 1em 0;
}
#wrapper { 
 margin: 0 auto;
 width: 760px;
}
#content {
 background: #fff;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 width: 760px;
 height: 120px;
 margin: 0;
 padding: 0;
 /*background: url('../images/header.png');*/
}
#header img a, #header img {
    border: none;
}

/*----------------------------------------------------------------*/
/* Suckerfish */
#nav {
    color: #685E28;
    background: #EDCA01;
}
#nav ul { /* all lists */
    margin: 0 0 0 0;
	padding: 0;
	list-style: none;
    font-weight: bold;
    font-size: 14px;
	line-height: 1em;
}

#nav a {
	display: block;
	width: 6.5em;
    text-decoration: none;
    color: #685E28;
    padding: 0 .5em;
	text-align: center;
}

#nav li { /* all list items */
	float: left;
	width: 7.5em; /* width needed or else Opera goes nuts */
    line-height: 24px;
    border-right: 1px solid #fff; 
}

#nav li ul { /* second-level lists */
	margin: 0 0 0 -1px;
	position: absolute;
	background: #EDCA01;
	width: 7.5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #EDCA01;
	font-weight: normal;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav ul li#contact {
    /*border-right: 1px solid #fff;*/
}
#nav li#admin, #nav li#admin ul, #nav li#admin a {
    /*border-right: none;
	width: 5.6em;
	padding-right: none;*/
}
#nav li#admin li {
    /*border-right: none;
	width: 6.6em;
	padding-right: none;*/
}
/*----------------------------------------------------------------
/* old single-level menu 
#nav {
    width: 100%;
    height: 24px;
    color: #685E28;
    background: #EDCA01;
    margin: 0;
    padding: 0;
}
#nav ul {
    margin: 0 0 0 136px;
    list-style: none;
    font-weight: bold;
    font-size: 14px;
}
#nav ul li {
    float: left;
    display: block;
    margin: 0;
    line-height: 24px;
    border-left: 1px solid #fff; 
}
#nav ul li#dance {
    border-right: 1px solid #fff;
}
/*----------------------------------------------------------------*/
#nav a {
}
#nav a:hover, #nav a:active {
    color: #fff;
    background:#685E28;
}
#sectionHome #nav ul li#home a, 
#sectionSong #nav ul li#song a, 
#sectionStory #nav ul li#story a, 
#sectionDance #nav ul li#dance a, 
#sectionContact #nav ul li#contact a, 
#sectionLinks #nav ul li#links a, 
#sectionShop #nav ul li#shop a {
    color: #fff;
    background:#685E28;
}

#sectionShop #nav ul li#shop ul li a,
#sectionDance #nav ul li#dance ul li a {
    color: #685E28;
    background:#EDCA01;
}

#sectionShop #nav ul li#shop ul li a:hover,
#sectionDance #nav ul li#dance ul li a:hover {
    color:#fff;
    background: #685E28;
}
#content {
    background: #FCF6C1;
}
#main { 
 float: left;
 margin: 0 0 0 136px;
 padding: 24px 0 12px 0;
 width: 508px;
}
#main h1 {
    margin: 0 0 6px 0;
}
#main h3 {
    margin-top: 1em;
}
#main p {
    margin-bottom: 1em;
}
#main p.credits {
    line-height: 1.2em;
}
#main blockquote {
    margin: 0 0 1em 3em;
}
#main dl {
	margin-top: 3px;
}
#main dt {
    float: left;
    width: 36px;
    clear: both;
}
#main dd {
	margin-bottom: 3px;   
}
#main a:link, #main a:visited {
	text-decoration: none;
	color: navy;
}
#main a:hover, #main a:active {
	text-decoration: none;
	color: #685E28;
	background-color: #EDCA01;
}
#main a.imageLink {
	background: none;
	height: auto;
}
#main a.imageLink img {
	border: 1px solid #EDCA01;
	background: none;
	margin: 12px 0 0 0;
	padding: 0;
}
.player {
    border: 1px solid #EDCA01;
    margin: 6px 0;
    padding: 6px;
	width: 400px;
}
.item {
    float: left;
    margin: 12px 12px 12px 0;
}
.form1 {
    width: 400px;
    border: 1px solid #EDCA01;
    padding: 6px;
}
.itemstable {
    width: 388px;
}
.itemstable th {
    text-align: left;
}
fieldset {
    border: none;
}

ul.links {
	margin: 12px 0 0 0;
	list-style: none;
}
ul.links li {
	margin: 0 0 6px 0;
}
ul.links a {
	font-weight: bold;
}

#sidebar { 
 color: #685E28;
 background: #F9ED83;
 margin: 0;
 padding: 0;
 width: 116px;
 float: right;
}
#footer { 
 width: 760px;
 height: 18px;
 clear: both;
 color: #685E28;
 background: #EDCA01;
 margin: 0;
 padding: 0;
}
#footer p {
    margin: 0 0 0 136px;
    line-height: 18px;
    font-size: 10px;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #000;
}
.clear { clear: both; background: none; }
.buttonLink {
	font-size: .8em;
	color: #000;
	background-color: #EDCA01;
	padding: 3px;
	margin: 3px 0;
	text-decoration: none;	
	border: 1px solid #000;
}