/* CSS Document */

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding:0;
	font-family: "Palatino Linotype", Verdana, Arial;
	font-size: 12px;
	color: #333333;
	height:700px;
}

/*not using. using the navbar wrapper. #wrapper{
	background-color: #666666;
	height:auto;
	padding:0;
	margin:0px auto;
}*/

p {font-size: 80%;
}

h1, h2, h3, h4, h5, h6{
color: #000000;
font-size: 100%;
padding: 0px;
font-weight: bold;
margin:0;
} 


.leftimage {
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 20px;
}


#NavBarImageHome{
	background-image:url(../images/Julia_Arabesque_blkBackGrd.gif);
	width:288px;
	height: 498px;
	top: 113px;
	left:51px;
	margin-left:3px;
	position:absolute;
	padding:0;
	z-index: 2;
}

#NavBarImageAboutUs{
	position:absolute;
	background-image:url(../images/Ian smiling_TransBlkBk.jpg);
	width:159px;
	height: 478px;
	top: 111px;
	left:154px;
	margin-left:3px;
	padding:0;
	z-index: 2;
	background-image: url(../images/Ian%20smiling_TransBlkBk.jpg);
}

#NavBarImageDance{
	background-image:url(../images/Jillian_PDQ_transblkbk.jpg);
	width:370px;
	height: 406px;
	top: 108px;
	left:17px;
	margin-left:3px;
	position:absolute;
	padding:0;
	z-index: 2;
}

#NavBarImageMusic{
	background-image:url(../images/Chris%20and%20HilaryColor_TransBlkBk.jpg);
	width:288px;
	height: 492px;
	top: 113px;
	left:23px;
	margin-left:3px;
	position:absolute;
	padding:0;
	z-index: 2;
}

#NavBarImageTheatre{
	background-image:url(../images/CHORUS%20LINE1_TransBlkBk.jpg);
	width:291px;
	height: 494px;
	top: 106px;
	left:13px;
	margin-left:3px;
	position:absolute;
	padding:0;
	z-index: 2;
}
#NavBarImageFaculty{
	background-image:url(../images/Julia_Arabesque_blkBackGrd.gif);
	width:288px;
	height: 498px;
	top: 113px;
	left:51px;
	margin-left:3px;
	position:absolute;
	padding:0;
	z-index: 2;
}
#NavBarImageSchedules{
	background-image:url(../images/SunnyTrans.gif);
	width:148px;
	height: 462px;
	top: 119px;
	left:143px;
	margin-left:3px;
	position:absolute;
	padding:0;
	z-index: 2;
}

#NavBarImageContactUs{
	background-image:url(../images/nutcrackpartyGirls_blkbk.gif);
	width:319px;
	height: 430px;
	top: 105px;
	left:-3px;
	margin-left:3px;
	position:absolute;
	padding:0;
	z-index: 2;
}

#LogoImage{
	background-image: url(../images/ArtsConPA_Logo_BlkBkg.jpg);
	width:230px;
	height: 103px;
	top: 6px;
	left:2px;
	margin-left:10px;
	position:absolute;
	padding:0;
	z-index: 2;
}

#content{
	position:absolute;
	margin-left:50px;
	background-color: #FFF;
	top: 5px;
	width: 720px;
	height: 100%;
	z-index:0;
	height:100%;
	border-left-style: ridge;
	border-left-width: 1px;
	border-left-color: #CCCCCC;
}

#content h1{
	font-size:110%;
	font-weight:600;
	margin-left:20px;
	color:#333333;
}

#content h2{
font-size:100%;
font-weight:bold;
margin-left:20px;
padding:0;
}

#content h3{
font-size:100%;
padding:0;
margin-left:20px;
}


#content p{
	margin-top: 20px;
	font-size:100%;
	margin-left:20px;
}

#content ul {
	font-size:100%;
}

#content a {
color: #003399;
}

.rightfloat {
	float: right;
}
.leftfloat {
	float: left;
	margin-right: 10px;
}

.clearit {
	clear: both;
	display: block;
}

#address{
	position:absolute;
	margin-top:515px;
	margin-left:0px;
	z-index:15;
	left: 40px;
	top: -4px;
}

#address p{
font-size:90%;
color:#FFFFFF;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	display: block;
}


#nav a {
	color: #663366;
	font-size:110%;
	text-decoration:none;
	padding: 2px;
	margin-right:0;
	font-weight:300;
}



#nav ul li{
position: relative;
}

#nav li ul {  
	position: absolute;
	width: 18em;
	left: -999px;
	top: 0px;
	border:1px solid #666666;
	z-index:1500;
	background-color: #CCC;
	font-size:100%;
}

#nav ul li a:hover, #nav ul li a:focus{
	color: #000;
	font-weight: 500;
}

#nav li:hover ul, #nav li.sfhover ul, #nav ul li a:focus{ 
	left: 75px;
	top: 0px;
	display: block;
}
.clearit {
	clear: both;
	display: block;
}
