@charset "utf-8";
/* CSS Document */

td {vertical-align:top;}

body {
	background-color:#FFFFFF;
	color:#333333;
	margin:0 0 0 0;
	font-family: Tahoma, Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
}


/* Div structure, this sites uses no tables */

#container {
	margin: 0 auto; /*Centers container on page*/
	width:780px;
}

#banner {
	position:relative;
	text-align:left;
    width: 780px;
}

#bannerLeft {
	position:relative;
	text-align:left;
    width: 200px;
	padding-top:100px;
	float:left;
}

#bannerRight {
	position:relative;
	text-align:right;
	margin-left:200px;
    width: 580px;
}
#menu {
	margin-top:20px;
	/*position:relative;
	float:left;*/
	text-align:left;
    width: 230px;
}
#copy {
	position:relative;
	/*margin-left:230px;*/
	text-align:left;
    width: 550px;
	line-height: 20px;
}
#footer{
	/*clear: left;*/
	width: 780px;
	text-align: center;
	color: #6071A6;
	margin-top:40px;
	margin-bottom:40px;
}

/* Page elements (images, paragraphs headings) */

h1 {
	color:#6071A6;
	margin-top:30px;
	font-family: Tahoma, Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	text-align:left;
	border-bottom: 1px dotted #E1E8EF;
}
h2 {
	color:#6071A6;
	margin-top:8px;
	font-family: Tahoma, Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	text-align:left;
	border-bottom: 1px dotted #E1E8EF;
}

h4 {
	color:#6071A6;
	font-family: Tahoma, Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-align:left;
}

.copy {
	font-family: Tahoma, Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:justify;
}
.tm {
	font-family: Tahoma, Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size: 6px;
	font-weight:bold;
}

/* Hyperlink properties */
a.home:visited,active,link {opacity:0.5;}
a.home:hover {opacity:1.0;}

a.intext:link {text-decoration:none; color:#6071A6;}
a.intext:visited {text-decoration:none; color:#6071A6;}
a.intext:hover {text-decoration:underline;}

/* Accordion menu properties */

.arrowlistmenu{
width: 200px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 2px 0px 2px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-top: 8px;	/*top spacing between each UL and rest of content*/
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #6071A6;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 35px; /*link text indent*/
text-decoration: none;
letter-spacing: 1px;
font-weight: bold;
border-bottom: 1px dotted #dadada;
font-size: 10px;
}

.arrowlistmenu ul li a:visited{
color: #6071A6;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #6071A6;
background-color: #E1E8EF;
}


/* play buttons */
div.items a {
	background:url(images/vidblock.jpg) no-repeat;
	width:117px;
	height:68px;
	display:block;
	text-decoration:none;
	color:#444;		
}

div.items p {
	font-size:11px;
	width:91px;
	padding:6px 18px 0 13px;
	margin:0px;		
}

div.items p.time {
	padding-top:0px;
	color:#777;
	margin-top:5px;
} 

/* item stages: normal, hover, playing, paused */
div.items a:hover {
	background-position:0 -68px;	
}