/*layout*/

body {
	margin:5%;
	margin-top:10px;
	min-width:715px;
}

div#left {
	min-height:400px;

}

ul {
  margin-left:0;
  padding-left:1em;
}


/*good default*/
div, p, #nav, #nav ul, #nav li {
	margin:0;
	padding:0;
}

img {
	border:none;
}

p {
	margin:0;
	padding:0.5em;

}




/*COLORSCHEME (borders defined here)*/
body, #nav ul ul {
	background: #fff3c2;
}

#nav, #main, #left, #right, #footer,#left_image,#right_image,#left_image img{
	border:solid 5px #FF907A;
}

#nav, #footer,#right_image {
	background:white;
}

#nav li a, #nav li ul li a, h1, h2, h3, h4, h5, dt, a, em {
	color:#8B2626;
}

.calendar_nav {
  text-align: center;
}

a:visited, .cal2html th {
	color:#CD5555;
}

#nav li:hover > a {
	color:#FF907A;
}


#nav li ul li a:hover {
	color:#FF907A;
}

p {
	color:black;
}

/*END COLORSCHEME*/

/*Global style*/
em {
	font-weight:bold;
}


/*REMOVE REDUNDANT BORDERS*/

#nav {
	border-bottom:none;
}
#left {
	border-top:none;
	border-bottom:none;
	border-left:none;
}
#right {
	border-top:none;
	border-bottom:none;
	border-right:none;
  border-left:none;
}
#left_image {
	border-bottom:none;
	border-left:none;
	border-right:none;
}

#left_image img {
	border-bottom:none;
	border-top:none;
	border-left:none;
}

#right_image {
	border-top:none;
	border-left:none;
	border-right:none;
}
#footer {
	border-top:none;
}
#banner {
	border-bottom:none;
}
/*END REDUNDANT BORDERS*/

/*positioning*/

#main{
	position:relative;
	z-index:1;
}

#left {
	margin-right:300px;
	z-index:1;
}

#right {
	float:right;
	width:300px;
}

#footer {
	clear:both;
}
/*end positioning*/

/*MISC*/
/*BE ON TOP!!!!! THIS MEANS YOU IE!!!!!*/
#nav, #nav li, #nav li ul, #nav li ul li {
	z-index:100;
}


/*keep it all on one line hopefully*/
#nav, #nav li, #nav ul, #nav a {
	white-space:nowrap;
}


/*make room for the dancer and position it*/
#nav,#logo {
	padding-left:120px;
}

#logo {
}

#dancer {
	position:absolute;
	z-index:50;
}

/*make left and right effectively the same height [IE DOESN'T LIKE IT] 
#main {
	overflow:hidden
}
#left, #right {
	padding-bottom:2000px;
	margin-bottom:-2000px;
}

*/

/*STYLE NAV*/
/*colors, borders, and such*/

#nav {
	display:block;
	text-align:justify;
	padding-top:30px;
	padding-bottom:30px;
	height:1.2em;
}



#nav ul {
	display:block;
	z-index:100;
}


#nav li {
	list-style-type:none;
	list-style-position:outside;
	font-weight:bold;
	display:block;
	float:left;
  padding: 0 0.5em;
}

#nav > li {
  list-style-image:url('/images/bullet.png');
}

#nav li a {
	font-family:sans-serif, sans;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
}


#nav li ul li {
	margin:0;
	padding:0;
}


/* top nav elements*/
#nav li{
	padding-left:0.5em;
	display:inline;
	position:relative;
}

/* level two */
#nav li ul {
	z-index:100;
	background-image: url(/bg4-banana.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 60px;
	padding-left: 30px;
	/*width:140px; 	THIS NUMBER WILL COME UP ALOT BELOW HERE*/
	padding-top: 3px;
}

#nav li ul li{
	/*
	width:140px;
	*/
	display:block;
}

#nav li ul li a{
	/* IE DOESN'T LIKE IT
	display: block;
	*/
	/*	130 + 10 = 140
	width:130px; 
	padding-left:10px;
	*/
	text-align:left;
	text-decoration: none;
	font-size: 15px;
	font-weight: normal;
}

#nav li ul li a:hover {
	text-decoration:underline;
}

/*place the second level*/
#nav ul {
	position:absolute;
	display:none; /*hides until shown*/
	width:140px;
	top:1.2em; /*same as nav li a size*/
	left:-10px;
}

/*levels 3 and below*/
#nav li ul ul {
left:125px;
width:125px;
top:0px;
background-image:none;
padding:0;
}

/*not sure what this stuff down here does... probably helpful*/
#nav a:hover ul ul, #nav a:hover ul ul ul, #nav a:hover ul ul ul ul{
display:none;
}

#nav a:hover ul, #nav li a:hover ul, #nav li li a:hover ul, #nav li li li a:hover ul {
display:block;
}

/*END NAV*/


/*MISC*/

/*bgimage */

#left {
	background-image:url(/images/maibg.png);
}

h1, h2, h3, h4, h5 {
	clear:left;
}

h1, h2, h3, h4, h5, p, li, dt, dd, a, em, td, th, caption, body {
	font-family:arial, helvetica, sans-serif;
}

dt {
	font-weight:bold;
}

#left_stuff, #right_stuff, #footer {
	padding:1em;
}

h3 {
	margin-bottom:0.1em;
}

img.teacher, #left_stuff img {
	float:left;
	padding-right:1em;
	padding-bottom:1em;
}

/* little events calendar 
.calendar {
	font-size:0.6em;
	float:left;
	border:thin black solid;
	margin-left:1px;
	height:13em;
}

.calendar thead {
	font-weight:bold;
}
.calendar td {
	text-align:right;
}

.calendar a {
	font-weight:bold;
}
*/

/*BLOCKS WITH IMAGES NEED TO CLEAR*/
.news_blurb, .event, .lesson, .teacher {
clear:left;
}

br.end_block{
clear:left;
}

.clearit {
	clear:both;
}

.posted {
  display:block;
  font-size:0.7em;
  color:#8b6513;
  margin-left:1em;
  font-weight:lighter;
  text-align:right;
}
li.event {
  padding-top:0.5em;
  list-style:none;
  clear:right;
}
li.event img {
  float:right;
}

/* float registration buttons */

.register {
  float:right;
  overflow:visible;
  height:19px;
  font-size:14px;
}

.register, .register * {
  padding:0;
  margin:0;
}

.register .btn {
  font-size:11px;
  height:19px;
}

.last {
  float: left;
}

.next {
  float: right;
}