body {
background: #000 url(../images/bg-main2.gif) repeat-x left top;
text-align: center;
margin: 5px auto 20px auto;
}

a {
color: #412937;
}

a:hover {
color: #004187;
text-decoration: none;
}

#wrapper {
bborder: 1px solid #333;
width: 800px;
background: #;
margin: 0 auto;
font-size:1.2em;
}


#header {
float: left;
width: 800px;
}

#logo {
margin: 10px 0 0 0;
width: 600px;
height: 100px;
float: left;
text-align: left;
background: #ccc url(../images/bg-gray.gif) repeat-x left top;
}

#logo img {
margin-top: 0px;
}

#headshot {
margin: 10px 0 0 0;
width: 200px;
height: 100px;
float: right;
text-align: right;
background: #ccc url(../images/bg-brown.gif) repeat-x left top;
}


#nav {
clear: both;
margin: 0;
padding: 10px 0 5px 5px;
width: 800px;
text-align: left;
height: 20px;
color: #666;
background: url(../images/j.png) no-repeat left top;
font-family: Arial, Helvetica, sans-serif;
}

#nav a  {
color: #ddd;
font-weight: bold;
padding: 3px 10px 4px 10px;
margin: 0 6px;
text-decoration: none;
}

#nav a.this {
color: #fff;
padding: 2px 9px 3px 9px;
border: 1px solid #444;
background: #372630;
}

#nav a:hover {
color: #fff;
padding: 2px 9px 3px 9px;
border: 1px solid #444;
background: #372630;
}

#left {
width: 200px;
float:left;
}

#center {
width: 359px;
float:left;
min-height: 280px;
padding: 0 20px 20px 20px;
background: #c0c0c0 url(../images/bg-center-right.gif) repeat-x left top;
border-right: 1px solid #ddd;
}

#right {
width: 200px;
float: right;
background: #f0f0f0 url(../images/bg-right.gif) repeat-x left top;
min-height: 300px;
}

#upcoming {
margin: 10px;
padding: 5px 10px 10px 10px;
width: 158px;
border: 1px solid #755440;
background: #f0f0f0;
text-align: left;
}

#upcoming span {
display: block;
padding: 2px 0;
}

#upcoming .date {
font-weight: bold;
}

#upcoming .opera {
font-style: italic;
color: #333;
}

#upcoming .opera span {
font-style: normal !important;
color: #600;
display: inline !important;
}

#upcoming .role {
font-weight: bold;
color: #372630;
}

#upcoming .location {
color: #333;
}

#upcoming div.seperator {
width: 136px;
height: 1px;
margin: 10px;
border-top: 1px dotted #666 !important;
}

#center-right {
width: 560px;
float:right;
padding: 0 20px 20px 20px;
background: #c0c0c0 url(../images/bg-center-right.gif) repeat-x left top;
min-height: 280px;
}

#content {
margin: 0 0 5px 0;
background: #c0c0c0 url(../images/bg-content.gif) repeat-y left top;
float: left;
}


#content p {
color: #333;
text-align: left;
margin-top: 1em;
}

#footer {
float: left;
width: 800px;
text-align: center;
margin: 0 auto;
color: #666;
}

#footer p {
font-size: 12px;
padding: 0;
}


p.byline {
margin-top: -15px !important;
margin-bottom: 30px;
margin-left: 30px;
font-style:italic; 
}

.center {
text-align: center !important;
}

.bold {
font-weight: bold;
}

.special {
font-weight: bold;
font-style: italic;
}

#table {
width: 560px;
color: #333;
margin-bottom: 15px;
}

#table td{
text-align: left;
padding: 4px 6px;
}

#table td.role {
width: 150px;
}

#table td.opera {
width: 150px;
font-style: italic;
}

#table td.opera span {
font-style: normal !important;
}

#table td.company {
width: 150px;
}

#table td.date {
width: 30px;
}

.performed {
float: right;
color: #333;
padding-top: 5px;
}

p.press {
float: left;
width: 560px;
}
span.byline {
float: right;
margin-top: 3px;
font-size: 11px;
width: 400px;
}