body 
{
	background: #000000;
    font-family:Times New Roman;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    font-size: 12pt; 
    behavior: url("/htc/csshover.htc");
}

#WrapperPanel
{
	margin: auto; 
	width: 800px;
}

#main-stage-content
{
    background-color: #305080;
    opacity:.90;
    filter:alpha(opacity=90);
	margin: auto;
}

#logo-area
{
	background-image: url(/images/header/curtain.JPG); 
	background-repeat: repeat;
	width: 800px;
	height: 118px;
}

#LogoPanel
{
	width: 800px;
	height: 118px;
}

/* TOP TAB MENU */
#top-menu
{
    left: 84px;
	height: 24px;
	background-image: url(/images/header/wood-menu.jpg); 
}

#top-menu ul 
{   
    font: normal 11px Arial, Verdana, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 24px;
    
}

#top-menu li 
{
    background-image: url(/images/header/top-tab-button.jpg); 
    float: left;
    height: 23px;
    width: 96px;
    position: relative;
    margin: 1px 2px 0 0;
    padding: 0;
    text-align: center;
    left:84px;
}

#top-menu li.selected
{
    background: #14202F;
}

#top-menu h2 {
    font-size:100%;
    font-weight:normal;
    line-height:100%;
    margin:0;
    padding:5px 0px 7px;
    color: #FFFFFF;
}

#top-menu ul li a:link, #top-menu ul li a:visited, #top-menu ul li a:active
{
    color: #FFFFFF; 
    text-decoration: none;
    display: block;
    height: 20px;
    padding-top: 4px;
}	

#top-menu ul li a:hover
{
    color: #FFFFFF; 
    text-decoration: underline;
}

/* PAGE TAB MENU */
#tab-menu
{
    padding-top: 2%;
    margin-left: 4%;
    width: 90%;
}

#tab-menu ul{
    font: normal 11px Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

#tab-menu li{
    display:inline;
    margin: 0 2px 0 0;
    padding:0;
}

#tab-menu a:link, #tab-menu a:visited, #tab-menu a:active
{
    float: left;
    color: white;
    background: #666666 url(/images/buttons/tab-button.jpg) repeat scroll 0 0;
    margin:0 2px 0 0;
    padding: 5px 16px 0px 16px;
    text-decoration:none;
    height: 19px;
    
}

#tab-menu a:hover
{
    text-decoration: underline;
}

#tab-menu h3
{
    float:left;
    color: white;
    background-color: #999999;
    margin:0 2px 0 0;
    padding: 5px 16px 0px 16px;
    text-decoration:none;
  
    color:#FFFFFF;
    font-size:100%;
    font-weight:normal;
    margin:0 2px 0 0;
    cursor: default;
    height: 19px;
}

#left-curtain
{
	background-image: url(/images/header/curtain.jpg); 
	background-color: #666666;
	background-repeat: repeat;
	width: 80px;
	height: 482px;
	float: left;
}

#right-curtain
{
	background-image: url(/images/header/curtain.jpg); 
	background-color: #666666;
	background-repeat: repeat;
	width: 80px;
	height: 482px;
	float: right;
}

#main-stage
{
	background-image: url(/images/header/stage.jpg); 
	background-color: #666666;
	background-repeat: no-repeat;
	width: 640px;
	height: 480px;
	float: left;
}

#main-stage-scroll
{
    clear:both;
	height: 453px;
	width: auto;
	overflow: auto;
	color: #ffffff; 
}

/* BIOGRAPHY PAGE */
#biography
{
    background-color:#305080; 
    color:white;
    opacity:.90;
    filter:alpha(opacity=90);
    padding-top: 2%;
    padding-bottom: 2%;
    margin-left: 1%;
    width: 96%;
}

#biography img
{
    opacity:1.0; 
    filter:alpha(opacity=90);
}

#biography img.left {float: left; margin-right: 10px;}

#biography img.right {float: right; margin-left: 10px;}

#biography div { clear: both; padding: 16px 4px 0px 4px; }

#biography p { margin: 0px; }

/* BREADCRUMBS */
#breadcrumbs 
{
    background: #14202F;
    color: white;
    margin: 0;
    padding: 0;
    height: 28px;
}

#breadcrumbs ul
{
    float: right;
    padding: 0;
    margin: 2px 2% 0 0;
    list-style-type: none;
}

#breadcrumbs ul li
{
    float: left;
    margin: 0;
    margin-top: 1px;
    padding: 0;
    color: White;
}

#breadcrumbs li.dropdown-button
{
    height: 22px;
    padding: 0 20px 0 8px;
    background:transparent url(/images/breadcrumbs/botharrow.gif) no-repeat scroll right 0px;
}

#breadcrumbs ul li.dropdown-button ul
{
    clear: both;
    display: none;
    position: absolute;
    background-color: #14202F;
    border: 1px solid white;
    z-index: 1;
    padding: 8px 28px 16px 8px;
    margin: 0;
     
}

#breadcrumbs ul li.dropdown-button:hover ul
{
    display: block;
    margin: 22px 0px 0px -9px;
	overflow: auto;
    height: 115px;
}

#breadcrumbs ul li ul li
{
    margin: 0px;
    clear: both;
    float: left;
}

#breadcrumbs ul li a:link, #breadcrumbs ul li a:visited, #breadcrumbs ul li a:active
{
    font-size: 12pt;
    float: left;
    margin: 0;
    padding: 0;
    color: white;
    text-decoration: none;
    width: 100%;
    display: block;
}

#breadcrumbs ul li a:hover
{
    color: yellow;
    text-decoration: underline;
}

#breadcrumbs span
{
    font-size: 12pt;
    float: left;
    margin: 0;
    padding: 0;
    color:White;
    text-decoration: none;
}


/* SOCIAL LINKS */
#social-links 
{
    clear: both;
    color: white;
    margin: 0px;
    padding: 0;
    height: 24px;
}

#social-links ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    cursor: pointer;
}

#social-links ul.social {
    float: right;
}

#social-links li {
    float: left;
    margin-left: 4px;
}


/* RESUME CONTENT */
#resume-content
{
    clear:both;
    width: 96%;
    margin: auto;
}

#resume-content ul
{
    padding: 1px 4px 8px 4px;
    margin-top: 0;
    background-color: #305080;
    border-top: 4px solid #777777;
}

#resume-content ul li
{
    list-style-type: none;
    border-bottom: 1px dotted #888888;
    padding-bottom:4px;
    padding-top:4px;
}

#resume-content ul li a:active,#resume-content ul li a:link, #resume-content ul li a:visited
{
    color: yellow;
    display: block;
    text-decoration: none;
    border: white;
    height: 40px;
}

#resume-content ul li a:hover
{
    background-color: #446699;
    color: yellow;
    text-decoration: underline;
}

#resume-content ul li img
{
    float:left;
    margin-top: 3px;
    margin-left: 3px;
    border-color: White;
}

/*
#resume-content ul li div
{
    padding: 0;
    margin: 5px 0px 5px 0px;
}
*/

#resume-content ul li span.year
{
    display: inline;
    float: right;
    padding: 0;
    margin: 0;
    margin-right:4px;
    font-size: 12px;
    color: White;
}

#resume-content ul li span.credit
{
    display: block;
    padding: 0;
    margin: 0;
    margin-left: 43px;
    font-size: 12px;
    color: White;
}

#resume-content ul li a:hover
{
    text-decoration: none;
}

#resume-content ul li strong, #resume-content ul li strong em
{
    font-weight: normal;
    font-style: normal;
    margin-left: 2px;
    color: White;
}

#resume-content ul li em
{
    font-weight: normal;
    font-style: normal;
    color: White;
}

/* GALLERY CONTENT */
#gallery-content
{
    clear:both;
    width: 96%;
    margin: auto;
}

#gallery-content ul
{
    padding: 1px 4px 8px 4px;
    margin-top: 0;
    background-color: #305080;
    border-top: 4px solid #777777;
}

#gallery-content ul li
{
    list-style-type: none;
    border-bottom: 1px dotted #888888;
    padding-bottom:6px;
    padding-top:2px;
}

#gallery-content ul li div
{
    padding: 0;
    margin: 5px 0px 5px 0px;
}

#gallery-content ul li img
{
    float: left;
}

#gallery-content ul li div
{
    float: none;
    margin-left: 38px;
}

#gallery-content ul li a img
{
    float: none;
}

#gallery-content ul li span.year
{
    display: inline;
    float: right;
    padding: 0;
    margin: 0;
    margin-top:0px;
    font-size: 12px;
}

#gallery-content ul li span.credit
{
    display: block;
    padding: 0;
    margin: 0;
    margin-left: 38px;
    font-size: 12px;
}

#gallery-content ul li strong, #resume-content ul li strong em
{
    font-weight: normal;
    font-style: normal;
    margin-left: 2px;
}

#gallery-content ul li em
{
    font-weight: normal;
    font-style: normal;
    margin-left: 2px;
}


/* CAREER PAGE TABLE */

#career-detail
{
    background: inherit;
    padding-top: 4%;
    margin-left: 2%;
    width: 96%;
}

#career-detail h2
{
    padding: 0px;
    vertical-align: bottom;
    
}

.row
{
    background: inherit;
    clear:both;
    width: 100%;
    border: none;
    border-top: 1px dotted white;
}

.no-top-border
{
   border-top: none;
}


.cell
{
    float:left;
    padding: 1%;
}

.cell-no-float
{
    float:none;
    padding: 1%;
}

.c1
{
    width: 77px;
    font-weight: bold;
}

.c1
{
    width: 77px;
    font-weight: bold;
}

.c2
{
    width: 498px;
}

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


#cast
{
    padding: 8px 4px 8px 8px;
    margin-top: 0;
}

#cast li
{
    list-style-type: none;
    clear: both;
}

#cast  li  strong.actor
{
    float: left;
}

#cast  li  strong.character
{
    float: right;
}

#cast li strong,  #cast li em
{
    font-weight: normal;
    font-style: normal;
    color: White;
}


/* SITEMAP PAGE */
#sitemap
{
    background-color:#305080; 
    color:white; 
    opacity:.90; 
    filter:alpha(opacity=90);
    padding-top: 2%;
    padding-bottom: 2%;
    margin-left: 1%;
    width: 96%;
}

#sitemap a:active, #sitemap a:link, #sitemap a:visited
{
    color: white;
    display: block;
    text-decoration: none;
    border: white;
}

#sitemap a:hover
{
    background-color: #446699;
    color: yellow;
    text-decoration: underline;
}