/*HTML Elements*/
body
{
    font-family:Arial, helvetica neue, Sans-Serif;
    background:url('../UI/bg.png') repeat-x top center;
}
h1
{
    font-size:16pt;
    color:#ffffff;
    margin-top: 12px;
    width:500px;
    float: left;
}
h2
{
    font-size:16pt;
    font-weight:bold;
}
h3
{
    font-size:14pt;
}
h4
{
    font-size:12pt;
    font-weight:bold;
}


/*Header*/
#logo
{
    float:left;
    margin-top: 15px;
    margin-bottom: 6px;
    margin-right:10px;
}
#icons
{
    margin-top: 15px;
    margin-bottom: 6px;
}*
#topBar
{
	font-size:10pt;
	color:#FFFFFF;
	height:25px;
}
#topBar li
{
    list-style:none;
    margin:0;
    padding:0 15px 0 24px;
	height:25px;
    float:left;
}
#topBar a
{
    color:#000000;
    text-decoration:none;
}
#topBar a:hover
{
    color:#000000;
    text-decoration:underline;
}   
#topBarHelp
{
    background:url('../UI/icoHelp.png') no-repeat 0 0;
}
#topBarPrint
{
    background:url('../UI/icoPrint.png') no-repeat 0 0;
}
#topBarInteractivity
{
    background:url('../UI/icoLightBulb.png') no-repeat 0 0;
}

/*Tabs*/
#tabs li
{
    float:left;
    list-style:none;
    height:60px;
    width:90px;
    margin:4px 0 0 0;
    padding:5px 0px 0 5px;
    text-align:left;
    color:#000000;
    font-size:9pt;
    line-height:1.25em;
    font-weight:normal;
}
#tabsOff
{
    background:url('../UI/tabs.png') no-repeat 0 -65px;
}
#tabsOn
{
    background:url('../UI/tabs.png') no-repeat 0 0px;
}
#tabs a
{
    color:#000000;
    text-decoration:none;
}
#tabs a:hover
{
    color:#000000;
    text-decoration:underline;
}

/*Tier 1*/
#tier1
{
/*    height: 530px;*/
}
#tier1Player
{
    text-align:left;
    margin-top:25px;
}
#tier1 h2
{
    margin-top:30px;
    color:#000000;
}
#transcriptLink
{
    text-align:right;
    margin-right:40px;
    font-size:9pt;
}
#transcriptLink a
{
    text-decoration:none;
    color:#000000;
}
#transcriptLink a:hover
{
    text-decoration:underline;
}

#transcriptText
{
    display:none;
    font-size:12pt;
    color:#71706e;
    font-style:italic;
    background:#C0C0C0;
    margin-top:9px;
    padding:10px 20px 0px 20px;
}

/*Tier 2*/
#tier2
{
    margin-top:30px;
    margin:auto;
}

.textBlock h3, .textBlockAlternate h3
{
    color:#000000;
    margin:20px 0px 10px 0px;
    text-align:left;
}
.textBlock p, .textBlockAlternate p

{
    color:#71706e;
    margin:0px 0px 20px 0px;
    text-align:justify;
    font-size:12pt;
}

.textBlock ul, .textBlock ol, .textBlockAlternate ul, .textBlockAlternate ol{
	color:#71706e;
    margin:0px 0px 20px 0px;
    text-align:left;
    font-size:12pt;
	
	}
.textBlock
{
/*    float:left;*/
/*margin:auto;*/
/*margin-left:83px;*/
/*    width:350px;*/
}
.textBlockAlternate
{
    float:right;
    margin:auto;
    width:350px;
    clear:right;
    margin-right:80px;
}
.textBlockSpacing10
{
    line-height:1em;
}
.textBlockSpacing15
{
    line-height:1.5em;
}
.textBlockSpacing20
{
    line-height:2em;
}
.textBlockSpacing25
{
    line-height:2.5em;
}

/*Tier 3*/
.tier3Overlay
{
    display:none;
    z-index:10000;
    background:url(../UI/Tier3BG.png);
    width:980px;
}
.tier3Overlay div.close
{
    background-image:url(../UI/icoClose.png);
    position:absolute;
    right:25px;
    top:30px;
    cursor:pointer;
    height:28px;
    width:28px;
}
.tier3Overlay h3
{
    margin:60px 0 0px 100px !important;
    font-size:12pt !important;
    font-weight:bold !important;
    color:#FFFFFF !important;
}
.tier3Overlay p
{
    margin:10px 0 0px 100px !important;
    font-size:9pt !important;
    color:#FFFFFF !important;
}
.tier3Overlay a
{
    font-weight:bold;
    color:#d3cec3;
}
.tier3Content
{
    margin:20px 0 0 0;
    text-align:center;
}
.tier3Icon
{
border:none;
width:120px;
height:125px;
cursor:pointer;
float:right;
}

/*Interactivities List*/
.listTop
{
}
.listBody
{
}
.listBottom
{
}
.listTop h3
{
    color:#000000;
}
#interactivityList
{
    list-style-type:none;
    padding:0 0 0 0;
    margin:0 0 0 0;
    color:#000000;
}
.listT3-Type0
{
font-size:12pt;
margin: 0 0 0 0;
padding: 7px 0 0 0px;
height:40px;
}
.listT3-Type1
{
font-size:12pt;
background:url(../UI/hlpT3Type1sm.png) no-repeat 0px 0px;
margin: 0 0 0 0;
padding: 7px 0 0 40px;
height:40px;
}
.listT3-Type2
{
font-size:12pt;
background:url(../UI/hlpT3Type2sm.png) no-repeat;
margin: 0 0 0 0;
padding: 7px 0 0 40px;
height:40px;
}
.listT3-Type3
{
font-size:12pt;
background:url(../UI/hlpT3Type3sm.png) no-repeat;
margin: 0 0 0 0;
padding: 7px 0 0 40px;
height:40px;
}
.listT3-Type4
{
font-size:12pt;
background:url(../UI/hlpT3Type4sm.png) no-repeat;
margin: 0 0 0 0;
padding: 7px 0 0 40px;
height:40px;
}
.listT3-Type5
{
font-size:12pt;
background:url(../UI/hlpT3Type5sm.png) no-repeat;
margin: 0 0 0 0;
padding: 7px 0 0 40px;
height:40px;
}

/*Non-chapter pages*/
#blankContainer
{
    background:#FFFFFF;
}
#blankContainer h2
{
    margin-top:30px;
    color:#000000;
}
#blankContainer h3
{
    color:#000000;
    margin:20px 0px 10px 0px;
}
#blankContainer p, #blankContainer ul li

{
    color:#71706e;
    font-size:12pt;
    margin:0px 0px 20px 0px;
}
#blankContainer .bullet
{
    float:left;
}
#blankContainer a
{
    color:#71706e;
    text-decoration: none;
}
#blankContainer a:hover
{
    text-decoration: underline;
}

/*Footer*/
#footer
{
	font-size:10pt;
	color:#FFFFFF;
	height:25px;
	clear:both;
}

/*Print Page*/
#print
{
}
#printLogo
{
    float:right;
}
#printHeader
{
    width:100%;
    height:100px;
}
#print h1
{
    color:#000000;
    margin-top:50px;
}

#printTranscriptText
{
    font-style:italic;
}