body {
	margin: 0px;
	padding: 0;
	background: #0066cc;
	font-family: verdana,arial,sans-serif;
	font-size:1em;
	}
	html {

	}
	
	#main {
	width: 1000px;
	margin: 0; 
	background: transparent;
	color: #000; 
	margin-top: 4em;
	margin-left:3em;
	}
	
		
	#main h1 {
	margin-left: 9em;
	padding-left:3em; 
	padding-right: 2em;
	font-size:1.3em;
	color: #0E4702;
	font-weight: normal;
	letter-spacing: .1em;
	z-index:3;
	}

	
	#main h2 {
	font-size:1.4em;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.1em;
	z-index:3;
	
	}
	
	#main h3 {
	font-size:1.2em;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.1em;
	z-index:3;
	}
	#nav {
	float: left;
	width: 300px;
	top: 100px;
	left: 3em; 
	padding-bottom: 0.5em;
	background: #0066cc;
	z-index:1; 
	color: #ffffff;
	}
		
	#content {
	float: left;
	width: 600px;
	padding-left:2em; 
	padding-right: 2em;
	padding-top:0.9em;
	padding-bottom:0.8em; 
	font-size:0.8em;
	color: #ffffff;
	font-weight: normal; 
	text-align:left;
	z-index:3;
	line-height: 1.3em;
	background: #0066cc;
	margin-bottom: 3em;
	min-height: 500px;
	
	}
	

	#logout
		{
		float: left;
		margin-left: 350px;
		font-size:0.8em;
		color: #fff;
		}
	 
	
h4 {
font-size: 1em;
font-weight: bold;
margin-top: 1em;
 margin: 1em 0.5em 0 0.5em;
padding: 0;
text-align:center;
background: #3366cc;
color: #fff;
height:3em;
padding-top:1.2em;
width: 14em;
border-left: 1px #fff dotted;
border-right: 1px #fff dotted;
border-top: 1px #fff dotted;
}

h5 {
font-size: 1em;
font-weight: bold;
margin-top: 1em;
padding: 0;
text-align:center;
background: #3366cc;
color: #fff;
height:2em;
padding-top:0.5em;
width: 10em;
border-left: 1px #fff dotted;
border-right: 1px #fff dotted;
border-top: 1px #fff dotted;
}

li {
	margin: 10px 0;
	line-height: 20px;
}
li.big
{
font-size: 0.9em;
font-weight: bold;
margin-top: 0.5em;
padding: 0;
text-align: left;
color: #fff;
height:2em;
padding-top:0.2em;
width: 20em;
}

#navcontainer {
	margin: 10px 0;
}
#navcontainer li {
	margin: 0;
	line-height: 1em;
}
#navlist li
{
display: inline;
/* for IE5 and IE6 */
}

#navlist
{
text-transform: lowercase;
width: 14em;
/* to display the list horizontaly */
margin: 0 0 0 0.5em;
padding: 0;
border-top: 1px #fff dotted;
border-left: 1px #fff dotted;
border-right: 1px #fff dotted;
font-family:verdana,arial,sans-serif;
background-color: #3366cc;
 }
 
#navlist p
{
text-transform: none;
margin-left: 1em;
font-size: 0.7em;
color: fff;
}

#navlist .active
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #000099;
border-bottom: 1px #fff dotted;
text-align: center;
text-decoration: none;
 color: #fff;
font-size: 0.75em;
font-weight: bold; 
padding-top:1em;
padding-bottom:1em;
}
#navlist a
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #0000CC;
border-bottom: 1px #fff dotted;
text-align: center;
text-decoration: none;
color: #fff;  
letter-spacing: 0.1em;
font-size: 0.65em; 
padding-top:0.5em;
padding-bottom:0.5em;
}
 
#navlist a:hover { background-color: #FFCC00; color: #fff;font-weight:bold; }
#navlist a:visited { color: #fff; }


#footer {
float: left;
clear: both;
margin-bottom: 0px;
background: #003399;
color: #ffffff;
font-size: 0.65em; 
text-align:center;
padding-top:0.5em;
padding-bottom:0.5em;
line-height: 2.5em;
}

#footer p{
padding-top:0.1em;
padding-bottom:0.1em;
}

#footer a {
color: #ffffff;
text-decoration: underline;
border none;
padding: 0.5em;
font-weight: normal;
}
#footer a:hover {
color: #FFCC00;
text-decoration: underline;
}


#content a {
color: #ffffff;
text-decoration: underline;
border none;
padding: 0 0.1em;
font-weight: normal;
}
#content a:hover {
color: #ffcc00;
text-decoration: none;
}

span {
color: #FFCC00;
font-weight: bold;
letter-spacing:0.1em;
padding-left: 0.3em
}

	

.testimonial
	{
	margin-top: 30px;
	margin-bottom: 30px;
	}

student_picture {
  float:left;
  position:absolute;
  width:163px;
  height:250px;
  background-color: #666666;
  border:0px dotted #000000;
  padding-left:3px;
  padding-top:3px;
  padding-right:3px;
  padding-bottom:3px;
  margin-left:350px;
  margin-top:70px;
  margin-bottom:5px;
  margin-right:5px;
  text-align: center;
}

code { 
font-size: 1.2em;
font-family:courier,courier new,monospace;
background: #666666;
padding-left:0.3em;
padding-right:0.3em;
border-top: 0.03em solid #000;
border-right: 0.03em solid #000;
border-bottom: 0.03em solid #ccc;
border-left: 0.03em solid #ccc;
margin-left:0.3em;
margin-right:0.3em;
}

blockquote {
border: 0.03em solid #ccc;
padding: 0.3em;
background: #666666;
margin-left: 0em;
}


p.instrument_links
 {
 font-size: 20px; 
 line-height: 40px;
 }

th
	{
	font-size: 10px;
	font-weight: bold;
	}

table.student_profile {
border: 0.03em solid #ccc;
padding: 0.3em;
padding-top: 0em;
padding-bottom: 1em;
margin-left: 0em;
/* width: 560px; */
width: 100%;
border-top: 1px dotted #ccc;
border-left: 1px dotted #ccc;
border-bottom: 1px dotted #666;
border-right: 1px dotted #666;
background: #3366cc;
}

.profile
	{
	border: 0.03em solid #ccc;
	padding: 0.3em;
	padding-top: 0em;
	padding-bottom: 1em;
	margin-left: 0em;
	/* width: 560px; */
	width: 100%;
	border-top: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	border-bottom: 1px dotted #666;
	border-right: 1px dotted #666;
	background: #3366cc;
	}

table.menu {
padding: 0.3em;
margin-left: 0em;
margin-top: 0.2	em;
margin-bottom: 2em;
width: 560px;



}
table.assignment {
border: 1px solid #fff;
padding: 0.3em;
background: #3366cc;
margin-left: 0em;
width: 560px;

}

table.practice_record {
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 0.05em;
background: #6699ff;
margin-left: 0em;
margin-bottom: 2em;
width: 560px;
}

table.update_practice_record {
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 0.05em;
background: #3366cc;
margin-left: 0em;
margin-bottom: 2em;
margin-top: -2em;
width: 560px;
}


#menu ul {
	margin:0px; 
	padding-top:20px;
	padding-bottom: 28px;
	padding-left: 0px;
	}

#menu li{
	background-image:url(../images/nav_button.gif);
	background: #0066cc;
	float:left;
	list-style-type:none;
	width:120px;
	height:25px;
	text-align:center;
	border-left:1px solid #ccc;
	border-right:1px solid #333;
	border-top:1px solid #ccc;
	padding-top:0px;
	margin: 0 0 0 5px;
}


#menu a{
	line-height:25px;
	margin-bottom: -3px;
	display: block;
	height:25px;
	font-size:11px;
	color:#edeaea;
	font-weight:normal;
	text-decoration:none;
}

#menu a:hover{
	background: #0000cc;
	font-size:11px;
	color:#fff;
	font-weight: normal;
	text-decoration:none;
	padding-bottom: 2px;
}

#menu li.active{
	background: #0000cc;
	font-size:11px;
	color:#fff;
	font-weight: normal;
	text-decoration:none;
	padding-bottom: 2px;
	border-left:1px solid #ccc;
	border-right:1px solid #333;
	border-top:1px solid #ccc;
}
#menu li.active a{
	color:#fff;
	}





#error_box {
  float:center;
  font-family: verdana,arial,sans-serif;
  font-size:0.85em;
  position:relative;
  width:550px;
  border:2px solid #ffcc00;
  padding-left:10px;
  padding-top:7px;
  padding-right:3px;
  padding-bottom:7px;
  margin-left:0px;
  margin-top:5px;
  margin-bottom:5px;
  margin-right:5px;
}




#error_box a:hover{ 

  color: #ffcc00;
}


.announcement {
  float:center;
  font-family: verdana,arial,sans-serif;
  font-size:0.85em;
  position:relative;
  width:550px;
  border:2px solid #00cccc;
  padding-left:10px;
  padding-top:7px;
  padding-right:3px;
  padding-bottom:7px;
  margin-left:0px;
  margin-top:5px;
  margin-bottom:5px;
  margin-right:5px;
}


#announcement a:hover{ 

  color: #ffcc00;
}

#sow
	{
	padding: 10px;
	margin: 10px;
	background: #003366;
	font-size: 11px;
	}

a.rollover_green_checkmark { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 22px; /* width of reactive image */
     height: 22px; /* height of reactive image */
     background-image: url(https://www.arenasound.net/teachers/scripts/icons/lesson_received.png); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.rollover_green_checkmark:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(https://www.arenasound.net/teachers/scripts/icons/lesson_received_selected.png); /* source for target image */
     } 

a.rollover_red_x { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 22px; /* width of reactive image */
     height: 22px; /* height of reactive image */
     background-image: url(https://www.arenasound.net/teachers/scripts/icons/lesson_not_received.png); /* source for start image */
     background-repeat: no-repeat;
     }
	 
a.rollover_red_x:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(https://www.arenasound.net/teachers/scripts/icons/lesson_not_received_selected.png); /* source for target image */
     } 
     
         
p.tooltip { 
	margin-top: -2px;
 	margin-bottom: -2px;
 	}
 
p.tooltip a {z-index: 3;}

a.tooltip {position: relative;}

a.tooltip span {
	display: none;
	}
	
a.tooltip:hover span {
  display: block;
  position: absolute;
  top: -15px;
  left: -270px;
  padding: 5px;
  font-size: 1em;
  font-weight: normal;
  background: #003399;
  width: 250px;
  color: #fff;
  opacity: 0.95;
  }


p.pay_rates { 
	margin-top: -2px;
 	margin-bottom: -2px;
 	}
h2.pay_rates {
	font-size: 14px;
} 
p.pay_rates a {z-index: 3;}

a.pay_rates {position: relative;}

a.pay_rates span {
	display: none;
	}
	
a.pay_rates:hover span {
  display: block;
  position: fixed;
  top: 10px;
  left: 350px;
  padding: 5px;
  font-size: 1em;
  font-weight: normal;
  background: #003399;
  width: 400px;
  color: #fff;
  opacity: 0.95;
  line-height: 10px;
  border: 1px solid #FFF;
  }

     
tr.purple_highlight {
     background-color: #000099;
     } 

#event_calendar table
	{
	margin: 20px 0;
	width: 99%;
	}
#event_calendar td
	{
	font-size: 12px;
	vertical-align: top;
	padding: 10px;
	background: #3399cc;
	}
#event_calendar th
	{
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	padding: 10px;
	width: 130px;
	background: #003399;
	}

.vendor {
display: block;
margin-left: 0em;
width: 100%;
height: 30px;
margin-bottom: 5px;
background: #003399;
padding-top: 10px;
font-size: 10px;
float: left;
}

.vendor b
	{
	margin-left: 10px;
	float: left;
	}

	
.vendor_link
	{
	font-size: 10px;
	float: right;
	margin-right: 10px;
	}

.vendor_p
	{
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 10px;
	}
 
 #calendar {
  font-family: verdana,arial,sans-serif;
  font-size:0.85em;
  position: absolute;
  margin-top:20px;
}


	.CALENDARcpYearNavigation,
	.CALENDARcpMonthNavigation
			{
			background-color:#3366cc;
			text-align:center;
			vertical-align:center;
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
			}
	.CALENDARcpDayColumnHeader,
	.CALENDARcpYearNavigation,
	.CALENDARcpMonthNavigation,
	.CALENDARcpCurrentMonthDate,
	.CALENDARcpCurrentMonthDateDisabled,
	.CALENDARcpOtherMonthDate,
	.CALENDARcpOtherMonthDateDisabled,
	.CALENDARcpCurrentDate,
	.CALENDARcpCurrentDateDisabled,
	.CALENDARcpTodayText,
	.CALENDARcpTodayTextDisabled,
	.CALENDARcpText
			{
			font-family:arial;
			font-size:0.95em;
			}
	TD.CALENDARcpDayColumnHeader
			{
			text-align:right;
			border-width:0 0 1 0;
			}
	.CALENDARcpCurrentMonthDate,
	.CALENDARcpOtherMonthDate,
	.CALENDARcpCurrentDate
			{
			text-align:right;
			text-decoration:none;
			}
	.CALENDARcpCurrentMonthDateDisabled,
	.CALENDARcpOtherMonthDateDisabled,
	.CALENDARcpCurrentDateDisabled
			{
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
			}
	.CALENDARcpCurrentMonthDate
			{
			color:#6677DD;
			font-weight:bold;
			background-color: #000099;
			}
	.CALENDARcpCurrentDate
			{
			color: #FFFFFF;
			font-weight:bold;
			}
	.CALENDARcpOtherMonthDate
			{
			color:#808080;
			background-color: #3333cc;
			}
				
			
	TD.CALENDARcpCurrentDate
			{
			color:#FFFFFF;
			background-color: #666;
			border-width:1;
			border:solid thin #999;
			}
	TD.CALENDARcpCurrentDateDisabled
			{
			border-width:1;
			border:solid thin #FFAAAA;
			}
	TD.CALENDARcpTodayText,
	TD.CALENDARcpTodayTextDisabled
			{
			border-width:1 0 0 0;
			}
	A.CALENDARcpTodayText,
	SPAN.CALENDARcpTodayTextDisabled
			{
			height:20px;
			}
	A.CALENDARcpTodayText
			{
			color:#6677DD;
			font-weight:bold;
			}
	SPAN.CALENDARcpTodayTextDisabled
			{
			color:#D0D0D0;
			}
	.CALENDARcpBorder
			{
			border:solid thin #6677DD;
			}