html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1.1em;
background-color:#000;  /* change this */
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
width:100%;
height:100%;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

body#transcript{
background-color:#fff;
padding:10px;
}

#main li{
margin-bottom:4px;
}


/* remember to define focus styles! */
:focus {
outline: 0;
}


/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

img, div, a, span, h2, blockquote { behavior: url(iepngfix.htc) } /*IE6 PNG FIX */


/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

#wrapper{
width:950px;
height:700px;
margin:0 auto;
position:relative;
}

#wrapper #copyright{
	font-size:0.85em;
	position:absolute;
	bottom:0px;
	text-align:center;
	left: 361px;
}

#wrapper #copyright_act2{
	font-size:0.85em;
	position:absolute;
	bottom:2px;
	text-align:center;
	left: 531px;
}

#copyright_act{
	font-size:0.85em;
	
	text-align:center;
	
}


#wrapper h1{
	
	width:790px;
	height:78px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	left: 120px;
	top: 520px;
}





blockquote{
border-left:solid 2px #b51817;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
padding:10px;
padding-top:2px;
background:  url(images/transbg.png) repeat;
width: 530px;
}

#quad, #newquad{
width:320px;
height:240px;
padding:3px;
background-color:#FFFFFF;
margin:0 auto;
text-align:center;
}

.imgright{
padding:5px;
background-color:#fff;
width:150px;
float:right;
margin-right:10px;
}

.imgleft{
padding:5px;
background-color:#fff;
width:150px;
float:left;
margin-right:10px;
}

.thumbleft{
padding:2px;
background-color:#fff;
width:100px;
float:left;
margin-right:5px;
}

#skyline {
    width: 731px; height: 52px;
    margin: 0px 0px; padding: 0;
    position: relative;
	
	}
#skyline li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
	}
#skyline li, #skyline a {
    height: 52px; display: block;}
#panel1b {left: 0; width: 127px;background: transparent url('images/topmenu_home.jpg')
    0 0 no-repeat;text-indent:-9999px;}
#panel2b {left: 127px; width: 212px;background: transparent url('images/topmenu_about.jpg')
    0 0 no-repeat;text-indent:-9999px;}
#panel3b {left: 339px; width: 167px;background: transparent url('images/topmenu_activities.jpg')
    0 0 no-repeat;text-indent:-9999px;}
#panel4b {left: 522px; width: 137px;background: transparent url('images/topmenu_activity3.jpg')
    0 0 no-repeat;text-indent:-9999px;}
#panel5b {left: 659px; width: 137px;background: #FFFF00 url('images/topmenu_activity4.jpg')
    0 0px no-repeat;text-indent:-9999px;}
#panel1b a:hover, #intro #panel1b {
background: transparent url('images/topmenu_home_r.jpg')
    0 0px no-repeat;text-indent:-9999px;
}
#panel2b a:hover, #synopsis #panel2b {
    background: transparent url('images/topmenu_about_r.jpg')
    0 0px no-repeat;text-indent:-9999px;}
#panel3b a:hover, #activities #panel3b, #activity1 #panel3b, #activity2 #panel3b, #activity3 #panel3b, #activity4 #panel3b {
    background: transparent url('images/topmenu_activities_r.jpg')
    0 0px no-repeat;text-indent:-9999px;}
#panel4b a:hover, #activity3 #panel4b {
    background: transparent url('images/topmenu_activity3_r.jpg')
    0 0px no-repeat;text-indent:-9999px;}
#intro #panel5b a:hover, #activity4 #panel5b {
background: url('images/topmenu_activity4_r.jpg')
    0 0px no-repeat; }
	

ul#sub-nav{
	position:absolute;
	width:800px;
	
	top: 62px;
	margin-left:10px;
	
}
#sub-nav li{
position:relative;
display:inline;
margin-right:30px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#b51817 none repeat scroll 0 0;
color:white;
font-size:0.8em;
padding:5px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
text-transform:uppercase;
letter-spacing:2px;
}

#sub-nav .active{
background-color:#fff;
}

#sub-nav .active a{
color:#b51817;
}

#sub-nav li a{
color:#FFFFFF;
text-decoration:none;
}
	
#sub-nav li a:hover{
text-decoration:underline;
}

#activity1 a,#activity3 a{
text-decoration:none;
}
	
	
	
#skyline a span {
display: none;
}	


.orderdisc{
position:absolute;
right:0px;
top:0px;
display:block;
text-indent:-9999px;
width:174px;
height:84px;
background:url(images/order_button.png) no-repeat top left;
}


#topmenu{
height:52px;
background:url(images/topmenu_bg.jpg) repeat #9c2829;

}



.aright{
float:right;
}

.header{
	background:url(images/header.png) no-repeat;
	text-indent:-9999px;
	position:absolute;
	height:38px;
	width:603px;
	left: 180px;
	top: 92px;
}


#intro_new #background,#intro #background{
background:#add6ef url(images/bg_main_new.gif) no-repeat top left;
width:950;
height:648px;
}

#synopsis #background,#activities #background,#intro #background,#order #background{
background:#add6ef url(images/bg_main_new2.gif) no-repeat top left;
width:950;
height:648px;
}


#activity1 #background{
background:#992423 url(images/bg_activity1.gif) no-repeat top left;
width:950;
height:648px;
}

#activity2 #background{
background:#b1b432 url(images/bg_activity2.gif) no-repeat top left;
width:950;
height:648px;
}

#activity3 #background{
background:#e3c235 url(images/bg_activity3.gif) no-repeat top left;
width:950;
height:648px;
}

#activity4 #background{
background:#5598b8 url(images/bg_activity4.gif) no-repeat top left;
width:950;
height:648px;
}


#intro #main,#synopsis #main,#activities #main{
margin-left:380px;
padding-top:75px;
padding-right:20px;

}

#order #main{
margin-left:380px;
padding-top:30px;
padding-right:20px;

}

#activity1 #main,#activity2 #main,#activity3 #main,#activity4 #main{
margin-left:320px;
padding-top:50px;
padding-right:20px;

}

#intro_new #main{
width:700px;
margin:0px auto;
padding-top:100px;
text-align:center;

}

h2{
font-size:110%;
color:#b51817;
margin-bottom:0px;
padding-bottom:0px;
}

#activity1 h2{
color:#fff;
}

#activity1 a{
color:#c6707e;
}

#activities #main li{
color:#000;
margin-left:30px;
padding-bottom:10px;
font-size:110%;
}

a:link, a:visited{
color:#b51817;
}

p{
margin-top:5px;
}


.padding{
padding:30px;
}

.header_intro{
text-indent:-9999px;
width:154px;
height:16px;
background:url(images/header_intro.png) no-repeat top left;
}

.header_order{
text-indent:-9999px;
width:164px;
margin-bottom:10px;
height:16px;
background:url(images/header_order.png) no-repeat top left;
}

.header_synopsis{
text-indent:-9999px;
width:95px;
height:16px;
background:url(images/header_synopsis.png) no-repeat top left;
}

.header_activity1{
text-indent:-9999px;
width:130px;
height:20px;
background:url(images/header_activity1.png) no-repeat top left;
}

.header_activity2{
text-indent:-9999px;
width:134px;
height:20px;
background:url(images/header_activity2.png) no-repeat top left;
}

.header_activity3{
text-indent:-9999px;
width:134px;
height:20px;
background:url(images/header_activity3.png) no-repeat top left;
}

.header_activity4{
text-indent:-9999px;
width:134px;
height:20px;
background:url(images/header_activity4.png) no-repeat top left;
}


#main ul{
list-style:disc;
margin-left:30px;
margin-top:10px;
}



#main img{
margin:0px auto;

}

.thumbs{
width:410px;
margin:10px auto;
background:  url(images/thumbsbg.gif) repeat;
padding:5px;
text-align:center;
border: solid 1px  #666666;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

.openup{
width:100px;
margin:0px auto;

padding:5px;
text-align:center;
border: solid 1px #fff;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}


#thumbs img{
margin-right:5px;
margin-left:5px;
}

#main object{
margin:0px auto;

}


the_form {

padding-bottom: 5px;
margin: 0;
font-size:50%;

}

form {
padding-bottom: 2px;
}


label {

float: left;
width: 150px;
text-align:left;
padding-right: 2px;
font-size:14px;


}

input.checkbox {
text-align: right;
padding: 0 2px 0 200px;
margin: 0 0 0 0px;

}

#order p{
margin:2px;
}

.checkbox_text{
font-size:70%;
}

#scroll{
height:370px;

overflow:auto;
}

#fmscroll{
height:570px;
width:610px;
overflow:auto;
}

#atfscroll{
height:400px;
width:550px;
overflow:auto;
}


.button{
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#b51817 none repeat scroll 0 0;
color:#fff;
font-size:1em;
padding:5px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
text-transform:uppercase;
position:absolute;
bottom:10px;
right:10px;
}

.button a:link,.button a:visited,.button a:active{
color:#FFFFFF;
text-decoration:none;
}

#tempdate{
	position:absolute;
	width:261px;
	height:16px;
	background:url(images/tempdate.png) no-repeat;
	left: 345px;
	top: 629px;
}

#tempdate span{
display:none;
}

#intro h2,#synopsis h2,#activities h2{
font-size:1.3em;
}

#intro p,#synopsis p,#activities p{
font-size:1.1em;
line-height:1.2em;
}

.timecode{
width:82px;
}

.dialogue{
width:428px;
}

ul.navigation{
list-style:none;
padding:0;
margin:0 auto;
overflow:hidden;
font-size:0.85em;

width:450px;

}
.navigation li{
display:block;
float:left;
padding-left:10px;
padding-right:10px;

}
.panel{
padding:0px 100px;
overflow:hidden;
overflow-x: hidden;
font-size:0.85em;
}

#slider {
  width:500px;
  margin: 0 auto;
  position: relative;
}

.scroll {
    height: 300px;
    width: 500px;
    overflow: auto;
    overflow-x: hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 10px;
  height: 280px;
  overflow-x: hidden;
  width: 480px; /* change to 560px if not using JS to remove rh.scroll */
}


.scrollButtons {
  position: absolute;
  top: 100px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -30px;
}

.scrollButtons.right {
  right: -30px;
}

ul.navigation a {
padding:10px;
background-color:#FFFFFF;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
font-weight:bold;
display:block;
}

ul.navigation a.selected {
background-color:#b51817;
color:#fff;
text-decoration:none;
}

.firstli{
margin-left:50px;
}

.transp{
font-size:16px;
line-height:20px;
}

#video_player {
	width:600px;
	height:336px;
	margin:0 auto;}