﻿/* The A to Z letter styles */
#alphabetwrapper
{
	width: 100%;
	background: url(../../../images/hl-dot.gif) repeat-x top;

}

#alphabet 
{
	clear: left;
	list-style: none;
	padding: 15px 60px 0 60px;
	margin: 0;
}

#alphabet li {
	float: left;
	padding: 0;
	margin: 0.1em;
}

#alphabet li .selected, #alphabet li a {
	display: block;
	background-color: #ffc900;
	font-size: 130%;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}

#alphabet li .selected {
	background-color: #ff3d0e;
	color: #fff;
}

#alphabet li a {
	color: #000000;
	text-decoration: none;
}

#alphabet li a:hover {
	background-color: #ff3d0e;
	color: #fff;
}

/* The A-Z list styles */
#atozlist {
	clear: left;
	list-style: none;
	padding: 0;
	margin: 0;
	/* 	margin: 15px 0 0 0; */
}

#atozlist li 
{
	/* background: url(../../../images/hl-dot.gif) repeat-x bottom; */
	clear: both;
	padding: 0;
	/* padding: 0.25em 0 0.25em 0; */
	/* padding: 0.5em 0 1em 0; */
	margin: 0;
}

#atozlist h2 {
	font-size: 1.4em;
	font-weight: normal;
}

#atozlist h3 {
	padding: 0.5em 0.5em 0.5em 0;
	margin: 0;
	font-weight: bold;
	font-size: 130%;
}

#atozlist h3 a:hover, a:focus {
	color: #0000FF;
	text-decoration: underline;
}

#atozlist p {
	padding: 0;
	margin: 0;
}

#atozlist li p a
{
	margin: 6px 0 6px 0;
}

#atozlist a {
	color: #0000FF;
	font-weight: normal;
	text-decoration: none;
}

#atozlist a:hover, a:focus {
	text-decoration: underline;
}

/* Any items floated on the right of an event */
div.atozrelated {
	/* float: right; */
	/* width: 215px; */
	margin: 0 0 0 0.5em;
}

.atozrelated ul {
	list-style: none outside none;
}
