/* CSS Document */


.editable:hover	{ background:#eee; }
.textarea textarea{ height:200px; padding:3px; }
.editable-empty	{ background:#fffea1; padding:20px; border:1px dashed #fc0; }
.box		{ border:1px solid #ccc; padding:5px; display:block; width:95%; }

html {
height: 100%;
}



body {
background-color:  #000000;
background-image:url(images/layout/daae-bgnd.jpg); 
background-repeat: repeat-x;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 0px;
position:relative;
}


td{
text-align: center;
}	




/*/////////////////////////////////TEXT STYLES//////////////////////////*/

p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
}


a {
color: #CCCCCC;
}

a:link {
text-decoration: underline;
}



a:visited {
text-decoration: underline;
color:#FFFFFF;
}


a:hover {
text-decoration: none;
color: #FFFFFF;
}

a:active {
text-decoration: underline;
color:#FFFFFF;
}




h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#FFFFFF;
}

h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#FFFFFF;
}

h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#FF6600;
text-decoration:underline;
}

h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#33CCFF;
text-decoration:underline;
}


/*//////////////DIV STYLES///////////////////////*/


#flash{
z-index: 7; 
position: absolute; 
left: 11px;
}



#splash2{
	z-index: 4;
	width:304px;
	position: absolute;
	top: 2px;
	left: 573px;
	height: 308px;
	}

#splash{
	z-index: 4;
	width:304px;
	position: absolute;
	top: -28px;
	left: 315px;
	height: 308px;
	}

#logo{
	vertical-align: top;
	background-image: url(images/layout/nav-mn.png);
	background-repeat: no-repeat;
	z-index: 5;
	width:668px;
	position: absolute;
	top: 2px;
	left: 25px;
	height: 188px;
     }


#footer{
vertical-align: top;
z-index: 7;
width:208px;
position: absolute;
top: 438px;
left: 596px;
height: 32px;
}

#nav{
vertical-align: top;
z-index: 7;
width:560px;
position: absolute;
top: 344px;
left: 387px;
height: 38px;
}

#mainnav{
	vertical-align: top;
	z-index: 10;
	width:419px;
	position: absolute;
	top: 150px;
	left: 158px;
	height: 52px;
	}

#container{
	position: relative;
	width: 960px;
	}	


#mainContent{
	height: auto;
	vertical-align: text-top;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 1;
	position: relative;
	left: 49px;
	top: 442px;
	width: 851px;
	background-image:url(images/layout/main-bgnd.jpg);
	background-repeat:repeat-y;
	}	

#title{
	z-index: 2;
	left: 103px;
	top: 393px;
	position: absolute;
	background-image:url(images/layout/title-topper.jpg);
	background-repeat:no-repeat;
	width: 851px;
	height: 51px;
	}


#header{
	z-index: 2;
	left: 0px;
	top: 0px;
	position: absolute;
	width: 84px;
	height: 21px;
	}


/*//////////////MARK PAGES NAVIGATION///////////////////////*/


#mark-contact{
	z-index: 12;
	position: absolute;
	left: 488px;
	top: 151px;
	}
	
#mark-home{
	z-index: 12;
	position: absolute;
	left: 397px;
	top: 347px;
	}
	
	#mark-classes{
	z-index: 12;
	position: absolute;
	left: 255px;
	top: 151px;
	}
	
	#mark-gallery{
	z-index: 12;
	position: absolute;
	left: 409px;
	top: 151px;
	}
	
	#mark-calendar{
	z-index: 12;
	position: absolute;
	left: 334px;
	top: 151px;
	}

