/* CSS DOCUMENT FOR BELLYDANCE BY ALAENA */

/* BASIC TAGS */
h1 {font-family: Arial, Helvetica, sans-serif; 
	color: #146363; 
	border-bottom: 3px solid #6852AF; 
	border-bottom-width: 7px;  
	margin-left: 10%;
	margin-right: 75px; 
	padding-bottom:5px;}
h2 {font-family:Arial, Helvetica, sans-serif; 
	color: #3F7373; 
	border-bottom: 3px solid #6852AF; 
	border-bottom-width: 7px; 
	margin-left: 10%;
	margin-right: 75px;}
p {font-family: Arial, Helvetica, sans-serif; 
	font-size: .9em; 
	text-align: justify;
	padding-right: 75px;
	line-height: 1.1em;}
li { font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	text-align: justify;
	padding-right: 75px;}
body {background: #FFE3AB;
	font-family: Arial, Helvetica, sans-serif;}

/* BANNER SECTION */
div.banner {padding-bottom: 0; 
	width: 960px;
	position: absolute; 
	left: 0px; 
	top: 0px;}

/* NAVIGATION SECTION */
div.leftNav { background-color: #A67A21;
	width: 200px;
	height: 985px;
	position: absolute;
	top: 90px;
	left: 0px;}
div.leftNav a {font-family:Arial, Helvetica, sans-serif; 
	color: #2F1B72; 
	text-decoration: none; 
	font-size: 1.5em; 
	padding-left: 10px;}
div.leftNav a:hover {color: #FFE3AB;
	background: #330066;}
div.leftNav a { border-bottom: solid 1px #6852AF; 
	display: block;}
div.link a {font-size: 1.2em;}
img.navImg {margin-top: 10px;}
div.newStudent {border: solid 3px #6852AF; 
	text-align: center; 
	margin-top: 1.5em; 
	padding: 8px; font-size: 90%; 
	background-color: #251B72; 
	color: #FFE3AB; 
	font-family: Arial, Helvetica, sans-serif;}
div.newStudent a {color: #3D9999;
	border: none;}
span.newStudentTitle {color: #89CCCC; 
	font-weight: bold;}
	
/* JAVASCRIPT */
div.javascript {font-family: arial;
	color: #FFFFFF;
	margin-top: 10px;
	text-align: center;}

/* MAIN SECTION */
.contentImage {margin: 10px; 
	float: left;}
div.mainContent {background: #FFE3AB; 
	padding: 10px; 
	padding-right: 10px; 
	background-image: url(Images/hieroglyphics-bw.jpg); 
	background-position: right; 
	background-repeat: repeat-y; 
	height: 965px; 
	width: 740px; 
	position: absolute; 
	left: 200px; 
	top: 90px;}
div.pullquote {float: right; 
	width: 150px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #146363; 
	border: solid #6852AF; 
	border-width: 7px 0;
	padding: 3px 5px 3px 5px; 
	margin: 10px;
	margin-right: 75px;}

/* NEWS LEFT SECTION */
div.newsLeft {background: #BFA369;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em; 
	padding: 10px; 
	text-align: justify;
	width: 329px; 
	height: 525px;
	border-right: 1px solid #6852AF; 
	position: absolute; 
	top: 530px; 
	left: 200px;}

/* NEWS RIGHT SECTION */
div.newsRight {background: #BFA369;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em; 
	padding: 10px; 
	text-align: justify;
	width: 310px; 
	height:525px;
	position: absolute; 
	top: 530px; 
	left: 550px;}

div.pics {font-family: "Courier New", Courier, monospace; 
	font-weight: bold; 
	font-size: 1em;}
	
/* LESSON PAGE */
.info {padding-right: 75px;
	margin-right: 75px;
	text-align: left;}
	
h3 {padding-right: 75px;
	font-family: arial;
	color: #2F1B72;
	background-color: #BFA369;
	margin-right: 75px;
	clear: left;}
	
/* SUBNAVIGATION (LESSON, RESOURCE, AND CHOREOGRAPHY) */
	
div.subNav { background: #146363;
	margin-left: 200px;
	border: #6852AF solid 2px;
	padding: 1px;
	width: 300px;}
	
div.subNav a {border-bottom: #6852AF solid 2px;
	font-family: arial;
	display: block;
	text-decoration: none;
	color: #FFFFFF;}
	
div.subNav a:hover {background: #2F1B72;}

/* PICTURES PAGE */

.picsTable td { align: left;
	vertical-align: top;}
	
.picsTable {border: 2px solid #A67A21;
	background: #A67A21;
	width: 400px;
	position: absolute;
	left: 100px;}
	
.picsTable img { border: none;}

/* CONTACT PAGE */

.contact {font-family: arail;
	font-size: 1.5em;
	color: #6852AF;}

/* SURVEY PAGE */

.survey { margin-left: 100px;
	width: 400px;
	background: #A67A21;
	color: #FFFFFF;
	font-family: arial;
	padding-left: 100px;}

legend {color: #FFFFFF;}

/* CALENDAR PAGE */
div.calendar table { border: 2px solid #6852AF;
	width: 600px;
	height: 600px;
	position: absolute;
	left: 60px;
	background: #A67A21;}
	
div.calendar td { border: solid 2px #BFA369;
	vertical-align: top;
	text-align: left;
	width: 5%;
	height: 50px;}
	
td.month { background: #FFCC66;
	height: 2%;}

td.event {background: #FFCC66;
	font-size: .6em;}

td.day {background: #6852AF;}