/* WaltzPlay */

* {margin: 0; padding: 0;}

/* The page structure is based on the following article */
/* http://www.alistapart.com/articles/holygrail/ */
/*** The Essential Code ***/
body {
	min-width: 500px;
	font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #900 url(../img/bg-body-3a.gif) repeat;
	margin: 20px 5%; /* overridden in IE6-hacks.css */
}
#container {
	position: relative; /* solves page length problem in IE7 */
	overflow: hidden;
	padding-left: 160px;      /* LC fullwidth */
	padding-right: 280px;     /* RC fullwidth + CC padding */
}
#container .column {
	position: relative;
	float: left;
	padding-bottom: 20020px;  /* X + padding-bottom */
	margin-bottom: -20000px;  /* X */
}
#main {
	padding: 10px 40px;       /* CC padding */
	width: 100%;
}
#nav {
	width: 140px;             /* LC width */
	padding: 0 15px;          /* LC padding */
	right: 240px;             /* LC fullwidth + CC padding */
	margin-left: -100%;
}
#sched {
	width: 180px;             /* RC width */
	padding: 0 10px;          /* RC padding */
	xmargin-right: -100%; /* hold */
	margin-right: -200px;
}
#footer {
	position: relative;
	clear: both;
}
/* ** IE Fix ** */
* html #nav {
	left: 200px;              /* RC fullwidth */
}
/* Equal heights 
http://www.positioniseverything.net/articles/onetruelayout/equalheight */
#container {
  overflow: hidden;
}
#container .column {
  padding-bottom: 20010px;  /* X + padding-bottom */
  margin-bottom: -20000px;  /* X */
}
* html body {
  overflow: hidden;
}
* html #footer-wrapper {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10020px;
  margin-bottom: -10000px;
  background: #B53000;         /* Same as body background */
}
/* ----------------------------------- */
/* -------- Just for Looks ----------- */
/* ----------------------------------- */
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	font-size: .1em;
	height: 80px;
	text-indent: -9999px;
	xbackground: transparent url(../img/h1-2b.gif) no-repeat center center;
	background: transparent url(../img/h1-2e.gif) no-repeat center center;
}
h2 {
	font-size: 1.4em;
	letter-spacing: -.025em;
	text-shadow: 1px 1px 1px #ccc;  /* css3 */	
	margin: 1.5em 0 .5em;
}
h3 {
	letter-spacing: -.01em;
	background-image: url(../img/h3-bg-1a.gif);
	background-repeat: repeat-x;
	margin: 1.5em 0 .5em; padding: 5px 0 0;
}
#header {
	height: 100px;
	text-align: center;
	xbackground: #F24000 url(../img/header-5c.jpg) repeat-x;
	background: #F24000 url(../img/header-7h.jpg) repeat-x;
	background: #F24000 url(../img/header-7k.jpg) repeat-x;
}
#header h1 {
	font-size: 2.5em;
	color: #fff;
	padding: 10px 0;
}
#container .column {
	border: 1px solid #fff;
	border-width: 4px 0;
	padding-top: 1em;
}
#container p {
	line-height: 1.5em;
	margin: 0 0 1em;
}
#container p.clear {
	clear: both;
}
#container ul {
	margin: 1em;
}
#container address {
	margin: 1em 0;
}
.fltrt {
	float: right;
}
.photo {
	float: left;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	margin: 20px 0; padding: 4px;
}
#main {
	background: #FFF7D2 url(../ximg/bg-main-1a.jpg) repeat;
}
#main h2 {
	color: #008080;
	background: url(../img/notes-2f.gif) no-repeat right center;
}
#main li {
	list-style: none;
	background: url(../img/note-1a.gif) no-repeat left top;
	padding: 0 0 0 15px;
}
#main form {
	background: #fffbe8;
	border: 1px solid;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-top-color: #FAE7A7;
	border-left-color: #FAE7A7;
	padding: 15px;
	padding-bottom: 0;
}
#main form p{
	font-weight: bold;
	color: #666;
	xtext-align: center;
}
#main form input{
	margin-right: 15px;
	margin-bottom: 15px;
}
#main form input[type=submit]{
	margin-left: 50px;
}
#main div.special {
	border: 1px solid #B53000;
	background: #fffcfc;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding: 0 1em 1em;
}
#main div.special h2{
	background: none;
}
#main div.special li{
	list-style: url(none);
	background: none;
	margin: 0 2em; padding: 0;
}
/* ---------- Navigation ------------ */
#nav {
	background: #40B3B3 url(../img/nav-3e.jpg) repeat-y right;
}
#nav h2 {
	text-indent: -99999px;
	line-height: 1px;
	xtext-align: center;
	xcolor: #E5F5F5;
}
#nav h3 {
	text-align: center;
	color: #FFF7D2;
	text-transform: uppercase;
	margin-top: 2em;
}
#nav li {
	list-style: none;
	border-bottom: 1px solid #40B3B3;
	margin: 10px 0;
}
#nav li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #018181 url(../img/nav-li-1a.gif) no-repeat right bottom;
	border-top: 1px solid #40B3B3;
	padding: 5px 5px 8px;
}
#nav li.current a{
	background-color: #007373;
}
#nav li a:hover {
	background-color: #007373;
}
/* ----------- Schedule -------------- */
#sched {
	background: #FCCFBF url(../img/sched-3j.jpg) repeat-y;
}
#sched h2 {
	text-align: center;
	xcolor: #792000;
	text-shadow: 1px 1px 1px #fed;  /* css3 */	
	color: #333;
}
#sched li {
	list-style: none;
	color: #000;
	background: #F89F7F url(../img/sched-li-2c.gif) no-repeat right bottom;
	background-color: #FABCA6;
	border-top: 1px solid #B53000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 10px 0; padding: 5px 3px 8px;
}
#footer {
	text-align: center;
	color: #fff;
	background: #B53000 url(../img/footer-1.jpg) repeat-x top;
	border-top: 4px solid #fff;
	padding: 10px 20%;
}
/* \*/
* html .gainlayout { height: 1%; }
/* */
