* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #e6e6e6;
	color: #330066;
}

p, h2, h3, h4, table {
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
}

p {
	line-height: 1.3;
	margin-bottom: 18px;
}

tr, td {
    vertical-align: top;
}

th {
    padding-top: 16pt;
    text-align: left;
    border-style: none none solid none;
    border-color: #ffff99;
    border-width: 2pt;
}

h1 {
	font-family: 'Coda', Verdana, Helvetica, sans-serif;
}

.head {
    margin: 8px 8px 8px 108px;    
	font-size: 60px;
	font-family: 'Coda', Verdana, Helvetica, sans-serif;
}

.head a {
	text-decoration: none;
	color: #330066;
	white-space: nowrap;
}

.contents {
    background: url(images/davepics.jpg) repeat-y left top;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    min-height: 1000px;
    padding-top: 20px;
    padding-bottom: 60px;
}

.nav {
	white-space: nowrap;
    background-color: #330066;
    color: white;
    padding: 4px 4px 4px 108px;
    font-size: 10pt;
    font-weight: bold;  
    font-family: Verdana, "Lucida Grande", Arial, sans-serif; 
    margin-top: -20px;
}

.nav span.selected {
	color: #ffff99;
    padding-right: 24px;
}

.nav a {
    color: white;
    text-decoration: none;
    padding-right: 24px;
}

.nav a:hover {
    color: white;
    text-decoration: underline;
}

.caption {
    font-size: 9pt;
    padding: 2px;
}

.imgframe {
    float: right;
    margin: 4px 4px 4px 40px;
	border: solid 1pt #ffffff;
	background: #ffffff;
}

.imgframe-left {
    float: left;
    margin: 4px 40px 4px 4px;
    border: solid 1pt #ffffff;
	background: #ffffff;
}

.listen {
    color: #330066; 
    font-size: 85%;
}

a.listen:hover {
    color: #ffff99;
}

table.list {
    border: none;
}
    
table.list td {
    padding-left: 4pt;
    padding-right: 4pt;
    font-size: 85%;
}

.footer, .footer a {
    background-color: #330066;
    color: white;
    padding: 4px;
    font-size: 10pt;
    font-weight: bold;  
    font-family: Verdana, "Lucida Grande", Arial, sans-serif; 
    text-align: center;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

body#home .footer {
	margin: 0;
}

.column {
	width: 700px;
    padding: 25px;
    margin-left: 100px;
  	background: url(images/whitetransparent80.png) repeat;
  	/* for IE */
	/*filter:alpha(opacity=83);*/
  	/* CSS3 standard */
  	/*opacity:0.83;*/
}