/* CSS Document */

body {
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background-image: url(mainBCK.jpg);*/
        background-color: darkred;
	font-size: smaller;
        behavior: url(http://fladance.org/beta/media/csshover.htc);

}

#logo {
	border-left: 1px solid black;
}

#nav {
	background-image: url(fladance-header-bg-wide.png);
	width: 547px;
	border-right: 1px solid black;
        z-index: 900;
}

#nav li {
	display: inline;
        position: relative;
        z-index: 900;
}


#nav ul li.lev0 {
        padding-left: 10px;
        padding-right: 10px;
}

#nav li.menu-current {
	background-color: #C0C0C0;
}

#nav li:hover {
        background-color: #C0C0C0;
}

#nav a {
	color: black;
        text-decoration: none;
}

#main {
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: white;
}

#footer {
	background-image: url(footer.gif);
	height: 30px;
	text-indent: 10px;
	vertical-align: middle;
}

#developer {
	font-size: x-small;
	text-align: center;
	color: white;
}

#developer a {
	color: white;
	text-decoration: none;
}

#developer a:hover {
	color: white;
	text-decoration: underline;
}

.1 {
	vertical-align: middle;
}

/*.1 a {
	left: -999px;
}

.0 a:hover .1 {
	left: 0px;
}*/

#nav ul li {
	position: relative;
}

#nav ul ul {
	display: none;
        position: absolute;
}

#nav ul ul ul {
	display: none;
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
}

#nav ul ul,
#nav ul li:hover ul ul,
#nav ul ul li:hover ul ul
{display: none;}

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

/*#nav ul ul li {
	list-style: none;
}*/

#nav ul li:hover ul {
	display: block;
        font-size: small;
        /*border: 1px solid black;*/
        background-color: #C0C0C0;
        width: 90px;
        filter: Alpha(Opacity=90, FinishOpacity=95, Style=1, StartX=1, StartY=1, FinishX=20, FinishY=20);
        opacity: 0.9;
        moz-opacity: 0.9; 
}

#nav ul ul li:hover ul {
	display: block;
        position: absolute;
        /*left: 600px;
        top: 0;*/
        /*left: 195%;*/
        /*margin-top: -30px;
        margin-right: -100px;*/ 
        font-size: small;
        /*border: 1px solid black;*/
        background-color: #C0C0C0;
        width: 90px;
        filter: Alpha(Opacity=90, FinishOpacity=95, Style=1, StartX=1, StartY=1, FinishX=20, FinishY=20);
        opacity: 0.9;
        moz-opacity: 0.9;
        z-index: 900;
}

#nav ul li.About:hover ul {
	left: 0px;
        margin-top: 28px;

}


#nav ul li.Studio:hover ul {
	left: 0px;
        margin-top: 28px;

}

#nav ul ul li.Classes:hover ul {
	left: 90px;
        margin-top: 0px;
}

#nav ul ul li.Calendar:hover ul {
	left: 90px;
        margin-top: 0px;
}


#nav ul ul li {
        list-style: none;
        background-image: none; 
}

#nav ul ul li:hover {
	background-color: #FFFFFF;
}

#nav ul ul li a {
	border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        border-left: 1px solid #C0C0C0;
        border-right: 1px solid #C0C0C0;
        margin-left: -40px;
        text-indent: 0px;
        text-align: left;
        list-style: none;
        background-image: none;
        display: block; 
}

#nav ul ul li a:hover {
	background-color: #FFFFFF;
        border: 1px solid #990000;
        /*border-bottom: 1px solid #990000;*/
        margin-left: -40px;
        text-indent: 0px;
        display: block;      
        /*filter: Alpha(Opacity=120, FinishOpacity=125, Style=1, StartX=1, StartY=1, FinishX=20, FinishY=20);
        opacity: 1.2;
        moz-opacity: 1.2;*/
}

/*#nav ul li.menu-sibling {
	border-left: 1px dotted black;
}*/


#nav ul li.lev0 a.menu-expand {
	background-image: url(http://fladance.org/beta/media/down-arrow-sm.png);
        background-repeat: no-repeat;
        background-position: right;
        padding-right: 10px;
}

#nav ul ul li.lev1 a.menu-expand {
	background-image: url(http://fladance.org/beta/media/right-arrow.gif);
        background-repeat: no-repeat;
        background-position: right;
}

/*
.Studio {
	background-image: url(http://fladance.org/beta/media/down-arrow-sm.png);
        background-repeat: no-repeat;
        background-position: right;
        filter: Alpha(Opacity=120, FinishOpacity=125, Style=1, StartX=1, StartY=1, FinishX=20, FinishY=20);
        opacity: 1.2;
        moz-opacity: 1.2;
}





.About {

	background-image: url(http://fladance.org/beta/media/down-arrow-sm.png);
        background-repeat: no-repeat;
        background-position: right;
        filter: Alpha(Opacity=120, FinishOpacity=125, Style=1, StartX=1, StartY=1, FinishX=20, FinishY=20);
        opacity: 1.2;
        moz-opacity: 1.2;
}


.Classes {
	background-image: url(http://fladance.org/beta/media/right-arrow-white.gif);
        background-repeat: no-repeat;
        background-position: right;
        filter: Alpha(Opacity=120, FinishOpacity=125, Style=1, StartX=1, StartY=1, FinishX=20, FinishY=20);
        opacity: 1.2;
        moz-opacity: 1.2;
}
*/

/*.menu-expand {
	font-style: italic;
}*/
/*
.> {
        background-image: url(http://fladance.org/beta/media/right-arrow.gif);
        background-repeat: no-repeat;
        background-position: right;}*/