body {
	font: normal 100% verdana, arial, helvetica, sans-serif; 
	margin:0.25em;
}
/*   non styled font at 100% browser's default size (about 16px). we'll use this for working out relative sizes. */

#header, #aside, #content, #footer, #skip { padding:0.25em; left:5%;}
#container {
	position:relative;
	margin:0.25em; 
	background: #fff;
	min-height:40em;
	height:auto;
}
/* to set min height for internet explorer */
/*\*/
* html .container {
height: 40em;
}
/**/

#header {
	width:auto; 
	height:auto; 
	overflow: hidden;
}

#aside { 
	position:relative; 
	width:90%; 
	height:4em;
	margin: 0 1em;
/*	font-size:0.75em; /* 12px / 16px = 0.75em */
	border:1px dotted #dedede;
	background:#ffe;
	text-align:center;
}

#content {
	width:auto; 
	padding: 0 3em;
	min-height: 20em;
	height:auto;
}
/* to set min-height for internet explorer */
/*\*/
* html .content {
height: 20em;
}
/**/

#thumb { 
	position:relative; 
	width:90%; 
	height:6em;
	margin: 0 1em;
	font-size:0.875em; /* 12px / 16px = 0.75em */
	border:1px solid #551A8B;
	background:#f1e6f8;
	text-align:left;
}
#thumb p {margin: 1.5em;}

#footer {
    width:auto; 
    text-align:center; 
    border-top: 1px 
    dotted #ddd; 
    background:#f1e6f8;
    color:#000;
    overflow:auto;
}

#footer .footleft {
    float:left;
    width:32%;
}

#footer .footmid {
    float:left;
    width:34%;
}
#footer .footright {
    float:left;
    width:32%;
}
#footer .footleft ul {
    margin:0.625em;
    margin-left:3em;
    text-align:left;
}
#footer .footmid ul {
    margin:0.625em;
    margin-left:5em;
}
#footer li {text-align:left;}

#footer blockquote {
    font-size:0.8125em;
    font-family: palatino, georgia, times, serif;
    margin:0.625em;
    margin-left:1em;
    text-align:left;
}
#footer blockquote p cite {display:block; text-align:right; padding-right:2.5em;}
#footer p {margin:0.25em;}
/*
#footer a {color:#232;}
#footer a:hover {color:#373;}
*/
#skip {
	width:auto; 
	text-align:right;
}
#skip a {

	padding: 0.15em;
	padding-right:0.5em; 

}
#skip a, .return a {font-size: 0.75em;} /* 12px / 16px = 0.75em */

#header p, #header h1, #nav {
/*	float:left; */
	position: relative;
	height:auto;
}
/*#header p {
	margin:0.13em;
	width: 29%;
	text-align:center;
}*/
#header h1{
/*	width: 66%;*/
	font-size: 2em;
	text-align: center;
	margin: 0.6em 0 0.25em;
}
#nav {
/*	width:66%; */
	overflow:hidden; 
	text-align:center; 
	margin:0.5em;
	font-weight:bold;
	font-size: 0.94em; /* 15px / 16px = 0.94em */
}
#nav li {display: inline;}

#commons {
    position:relative;
    left:20%;
    width:60%;
    font-size:0.75em;
}

/* headings */

h1, h2, h3, h4, h5, h6 {
	padding: 0.31em; 
	color: #4B0082;
	font-family: palatino, georgia, times, serif;
}
h1 {
	text-align: center;
	font-size: 1.5em; /* 24px / 16px = 1.5em */
}  
h2 {font-size: 1.25em;} /* 20px / 16px = 1.25em */
h3{
	font-size: 1.125em; /*18px / 16px = 1.125em */
	font-style: italic;
} 
h4 {font-size: 1.125em;}
h5 {
	font-size: 1.06em; /* 17px / 16px = 1.06em */
	font-style: italic;
}
h6 {font-size: 1.06em;}

/* paragraphs, lists etc */

p, ul {padding: 0.13em;}
ul{list-style: none;}
ol {margin:0.1em;}
ol li {margin:0.5em 0;}
ul {font-size: 0.875em;  /* 14px / 16px = 0.875em */}
dt {color:#3e0147;}
li {border:none;}
.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.gallery li {
	display:inline;
	 width:auto;
}

p.dance_pos {text-align:center;}
blockquote {
    font-size:0.875em;
    font-family: palatino, georgia, times, serif;
    margin: 0 3em;
}
cite {display:block; text-align:right;}
#what .haiku blockquote p {
    font-size:1em;
    text-align:center;
    margin: 0 3em;
}

sup {color:#4B0082;}

/* images */

img {border: none;}
.gallery img {border: 1px solid #eee;}
.dance_main li img {
    vertical-align:middle;
    margin:0.675em;
}
#commons img
{
vertical-align:middle;
}


.leftimg {
	float: left;
	text-align: center;
	margin: 12px 5px 0 5px;
}

/* links */

a { 
    border:none; 
    font-weight:bold;
	font-size: 0.875em; /* 15px / 16px = 0.94em */
}
a:link { color: #551a8b;}
a:visited {color:#5d478b; 
           font-style:italic;}
a:hover {
	background: #ffd; 
	color:#904;
}
a:active {color: #567;}
a img {border:1px solid #eee;}
li a:hover img {background:transparent;}
.dance_main li a:hover, .music p a:hover, .gallery li a:hover {background:transparent;}


/* tables */

.dances table {margin: 0.5em 2em;}

.events table col.date {width:10em;}
.events table col.time {width:7.5em;}
.events table col.event {width:35em;}
th, td {padding:0.05em 0.3em;}
th {border-right: 1px dotted #ddd;}
thead th {
    text-align:left;
    border:1px dotted #ddd;
    border-left: none;
}
tbody th {
    text-align:right; 
    vertical-align:top;
    font-weight:normal;
}