/* Main Styles for Victory Dance School site */

body {
	background-image: url(../images/steps.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 16px;
	}	

a:link    { color: #666; text-decoration: none; }
a:visited { color: #999; text-decoration: none; }
a:hover   { color: #fff; text-decoration: underline; }
a:active  { color: #fff; text-decoration: underline; }

h1 { 
	font-size: large;
	margin: 0;
	padding: 0;
	}

h2 { 
	font-size: small;
	margin-bottom: 5px;
	padding: 0;
	}

h5 { 
	font-size: small;
	margin-bottom: 5px;
	padding: 0;
	}

#header { margin-bottom: 10px }

#footer {
	text-align: center;
	width: 350px;
	margin-left: 250px;
	color: #CCCCCC;
	font-style:italic;
	font-size: 9px;
	clear:both
	}

	
#wrapper {
 position: relative;
 bottom: 4px;
 right: 4px;
 width:768px;
 background-color: #fff;
 color: #999999;
 border: 1px solid #bbb;
 padding:10px;
}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  display:block;
  }
  
.wrap1 {
  float:left;
  background:url(../images/shadow1.gif) right bottom no-repeat;
  margin: 15px
  }
.wrap2 {
  background:url(../images/corner_bl.gif) 0px 100% no-repeat;
  }
.wrap3 {
  padding:0 18px 18px 0;
  background:url(../images/corner_tr.gif) 100% 0px no-repeat;
  }



#leftpanel {
 float: left;
 width: 120px;
 background-color: #fff;
 color:#fff;
}

#content {
 float: left;
 margin-left: 10px;
 text-align: justify; 
 border: solid 1px lightgrey;
 width:615px;
 color:#888;
 padding: 10px;
}


.home {background-color: #F5F4FF}
.classes {background-color: #F7F5FE}
.events {background-color: #FAF5F8}
.contact {background-color: #FAF5F8}
.medals {background-color: #F8F8FC}
.comps {background-color: #F8F8FC}
.photos {background-color: #FEF1F5}
.weddings {background-color: #FAF5F8}

.classes h1, .classes h2 { color: #000066}
.home h1, .home h2 { color: #003366 }
.home h5 {color: #F00}
.events h1, .events h2 { color: #990033}
.teachers h1, .teachers h2 { color: #006666}
.contact h1, .events h2 { color: #990033}
.medals h1, .events h2 { color: #990033}
.comps h1, .events h2 { color: #990033}
.photos h1, .events h2 { color: #990033}
.weddings h1, .events h2 { color: #990033}
.photos h1, .photos h2 { color: #000066}
	

#moz {
 clear:both;

}
	
#main_nav {
	font-size: small;
	}

#main_nav h3 {
  padding: 3px;
  margin: 0px;
  padding-left: 10px;
  font-size: small;
  color: #FFF;
  background-color: #999999;
}

#main_nav ul, #main_nav ul li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#main_nav ul.item a {
  display: block;
  padding-top: 3px ;
  padding-bottom: 3px;
  padding-left: 10px;
  background-color: #ECECFD;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
}

#main_nav ul.item a:link    { color: #666; }
#main_nav ul.item a:visited { color: #666; }
#main_nav ul.item a:active  { color: #666; }



#main_nav ul.item a:hover {
  color: #eee;
  background-color: #AA4892;
  text-decoration: none;
  list-style-type: circle;
}

#rightimage {
  float: right;
  margin-left: 10px;
  }

#leftimage {
  float: left;
  margin-right: 10px;
  }




/****************************  Table Style  *******************************/

.classes table {
	width: 100%;
	border-collapse:collapse;
	border:1px solid #666;
}

.classes thead th {
	background: url(../images/thbg.jpg) repeat;
	height: 40px;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #8D8D8D;
}

.classes tbody tr {
	background: url(../images/td1.jpg) repeat-x top;
}

.classes tbody tr.head:hover {
	background: url(../images/td1_head.jpg) repeat-x top;
}

.classes tbody tr:hover {
	background: #C9D1FA;
}



.classes tbody tr.head {
	background: url(../images/td1_head.jpg) repeat-x top;
	font-weight: bold;
}

.classes tbody td.head {
	color: #000033;
}

.classes tbody th,td {
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #2E2E2E;
	padding: 10px 7px;
	border-top: 1px solid #243D02;
	border-right: 1px solid #8D8D8D;
	text-align: left;
}

a {
	color: #2E2E2E;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #003366;
	text-decoration: underline;
}
.classes tfoot th {
	background: #004 url(../images/tfooter.jpg) repeat-x bottom;
	border-top: 1px solid #243D02;
	color: #FFFFFF;
	height: 15px;
}
.classes  tfoot td {
	background: #004 url(../images/tfooter.jpg) repeat-x bottom;
	color: #FFFFFF;
	height: 15px;
}

/**************************** End of Table Style  *******************************/