/* Clearing Class ////////*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

* { margin: 0; padding: 0; border: 0; color: #fff; font-family: arial, helvetica, sans-serif }

a { outline: none }

body { background: #000 url(../.img/bg-body.jpg) repeat-x }

div#container { 
	width: 550px;
	border: 3px solid #999;
	margin: 10px auto;
	background: #456;
	padding: 25px 50px 25px 50px;
}

h1 {
	width: 545px;
	height: 60px;
	margin: 0 auto 20px auto;
	background: transparent url(../.img/bg-h1.gif) no-repeat;
	text-indent: -9999px
}

h2 {
	border: 1px solid #ccc;
	border-width: 1px 0;
	text-align: center;
	background: #678;
	color: #fc3;
	font: normal 24px/35px arial;
	text-transform: uppercase;
	letter-spacing: 2px
}

h2 a { text-decoration: none }

h2 a:hover, h2 a:focus { color: #ffc }

/* Main Page /////*/

div#main { margin-top: 20px }

div#main h3 {
	text-align: center
}

div#main h4 { text-transform: uppercase; color: #ffc; font-size: 22px; font-weight: normal; margin: 10px 0 }

div#main h4 a { text-decoration: none; border-bottom: 1px dotted #ccc }

div#main h4 a:hover,
div#main h4 a:focus { color: #fc3 }

div#main p { font-size: 15px; margin-bottom: 10px }

table { background: #999; width: 100%; border: 1px solid #123; margin-bottom: 10px }
table td { padding: 10px; text-align: right }
table h5 { font-size: 18px; color: #234 }
div#main table td p { font-size: 13px; text-align: right; margin: 0 }


/* Bios Page ////*/

h3 {
	color: #ccc;
	font: bold 24px arial, helvetica, sans serif;
	border: 1px solid #f60;
	border-width: 1px 0;
	background: #678;
	padding-left: 10px;
	margin-bottom: 10px;
}

ul#alpha { 
	list-style: none;
	width: 546px;
	height: 20px;
	margin: 10px auto;
	}

ul#alpha li {
	float: left;
	height: 20px;
	line-height: 20px;
}

ul#alpha li a {
	display: block;
	width: 17px;
	text-align: center;
	text-decoration: none;
	font: bold 15px/17px arial, helvetica, sans-serif;
	color: #ccc;
	border: 1px solid #456;
	margin: 0 1px;
}

ul#alpha li:last-child a { margin-right: 0 }

ul#alpha li a:hover {
	background: #ccc;
	color: #456;
	border-color: #fff
}

div#bios {
	overflow: auto;
	padding: 0 10px 0 5px;
}

div.bio { margin: 0 10px 10px 0; }

div.bio h4 { font: normal 35px/35px arial, helvetica, sans-serif; color: #999; text-transform: uppercase }

div.bio h5 { font: bold 15px/15px arial, helvetica, sans-serif; color: #f90; text-transform: uppercase }

div.bio img { float: left; border: 4px solid #ccc; margin-right: 10px }

div.bio p { font: normal 11px/14px verdana, arial, helvetica, sans-serif; margin-bottom: 10px }

/* Events Page ////*/

div#events {
	overflow: auto;
	margin-top: 20px;
	text-align: center
}

div#events h3 {
	text-align: center
}

div#events h4 { text-transform: uppercase; color: #ffc; font-size: 22px; font-weight: normal; margin: 10px 0 }

div#events h4 a { text-decoration: none; border-bottom: 1px dotted #ccc }

div#events h4 a:hover,
div#events h4 a:focus { color: #fc3 }

div#events p { font-weight: bold; color: #f90; font-size: 17px }

div#events p span { color: #ccc }