/* CSS Document for lessons section of brettgarsed.com */

/* style for lessonsNav div defined in default.css */

#lessonsNav ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#lessonsNav ul li
{
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
}

#lessonsNav ul li a,
#lessonsNav ul li a:visited, .inactive
{
	display: block;
	padding: 9px;
	width: 182px;
	text-decoration: none;
}

#lessonsPanel ul
{
	padding: 0 5px 10px 21px;
	margin: 0;
}

#lessonsPanel ul li
{
	padding: 5px 0;
}

.inactive
{
	color: #BBB;
}

#lessons h3
{
	margin-bottom: 0;
}

#lessons h3 + p
{
	margin-top: 0;
}
	
#fingerings,
#tabCredit
{
	width: 181px; /* needed to keep IE6 honest */
	padding: 9px;
	margin: 0;
	border-top: 1px solid #CCC;
	font-style: italic;
	font-size: 90%;
}

#lessons dl
{
	padding: 0;
	margin: 0 0 2em 0;
	width: 360px;
	border: 1px solid #CCC;
}

#lessons dl dt
{
	padding: 1em;
	margin: 0;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	background-color: #EFF1F8;
}
	
#lessons dl dd
{
	padding: 0;
	margin: 0;
}

#lessons dl dd.notation
{
	text-align: center;
}

#lessons dl dd a
{
	display: block;
	padding: 1em 0;
}

#lessons dl dd a:hover
{
	background-color: #FFC;
}

#lessons #lessonsPanel dl
{
	width: 175px;
	margin: 0;
	padding: 0 5px 10px 21px;
	border: none;
}

#lessons #lessonsPanel dt
{
	margin: 0;
	padding: 0;
	border: none;
}

#lessons #lessonsPanel dd
{
	padding: 5px 0;
}

#lessons #lessonsPanel dd a
{
	display: inline;
	padding: 0;
}

#lessons #lessonsPanel dd a:hover
{
	background-color: #515B7D;
	color: #EFF1F8;
}