*, html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

html {
	height: 100%;
}

body {
	background: url('images/bg2.gif') top left;
	color: #003366;
	font-family: 'Tahoma', Verdana, Arial;
	font-size: 12px;
	height: 100%;
	text-align: center;
}


h1, h2, h3, h4, h5, h6 { color: black; margin: .75em 0 0 0; font-weight: bold; font-style: normal; }
h1 { font-size: 1.85em; margin-top: 0; }
h2 { font-size: 1.36em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.00em; }
h5 { font-size: 0.85em; }
h6 { font-size: 0.73em; }

.hdr2 {
	margin: 0;
	padding: 0;
	font-weight: 800;
	font-size: 1.36em;
}

.hdr3 {
	margin: 0;
	padding: 0;
	font-weight: 600;
	font-size: 1.17em;
}
.black {color: #000;}
.clear {clear: both;}

/* GLOBAL LINK STYLE */
a, a:link, a:visited {
	color: #660000;
	text-decoration: underline;
}
a:active, a:hover {
	color: #660000;
	text-decoration: none;
}

/* GLOBAL TABLE */

table.global-table {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 690px;
	border-collapse: collapse;
	border: 1px #00AEEF solid;
}

td.page-title {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 688px;
	height: 93px;
	background: url('images/page-hdr.jpg') no-repeat top left;
	border-bottom: 1px #00AEEF solid;
}

td.page-title img {
	margin: 10px 0 0 0;
	}

/* LEFT CONTENT COLUMN */

td.page-left-col {
	margin: 0;
	padding: 0;
	background: #EFDE8A url('images/bg_left-col.gif') repeat-x bottom left;
	text-align: left;
	width: 142px;
	border-right: 1px #00AEEF solid;
}

/* RIGHT CONTENT COLUMN */

td.page-right-col {
	margin: 0;
	padding: 30px 0px 30px 30px;
	background: #EFF4D8 url('images/copy_bg1.jpg') no-repeat bottom left;
	text-align: left;
	width: 545px;
}

td.sub-page-right-col {
	margin: 0;
	padding: 15px 0px 30px 20px;
	background: #EFF4D8 url('images/copy_bg1.jpg') no-repeat bottom left;
	text-align: left;
	width: 545px;
}

.sub-content-area {
	margin: 0;
	padding: 10px 0;
	text-align: left;
	width: 510px;
}
.sub-content-area p {
	margin: 5px 0 0 0;
	padding: 0;
}

table.content-area {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 490px;
}

/* PAGE FOOTER */
td.page-footer {
	margin: 0;
	padding: 0;
	text-align: right;
	width: 688px;
	height: 91px;
	background: url('images/page-footer.jpg') no-repeat top left;
	border-top: 1px #00AEEF solid;
}

td.page-footer p {
	margin: 0;
	font-color: #fff;
	font-size: 10px;
}

a.footer:link { color: #fff; text-decoration:none; }
a.footer:visited { color: #fff; text-decoration:none; }
a.footer:hover { color: #660000; text-decoration:none; }
	

/* PAGE NAV */

UL.navigation { 
	list-style: none; 
	margin: 0; 
	padding: 0;
	width: 142px;
}

	ul.navigation li { 
		padding: 0; 
		margin: 0; 
		border: 1px #00AEEF solid;
		border-width: 0 0 1px 0;
	}

	ul.navigation li a, ul.navigation li a:visited , ul.navigation li a:link {
		display: block;
		line-height: 18px;
		padding: 10px;
		color: #077647;
		text-decoration: none;
		width: 100%;
		text-align: left;
		font-size: 9pt;
		overflow: hidden;
	}

	ul.navigation li a:hover, ul.navigation li a:active, ul.navigation li a.nav-on {
		color: #660000;
		background: url('images/nav_on.gif') repeat-y top left;
	}
	
small.nav {
	display: block;
	color: #003366;
	text-size: 10pt;
	padding: 10px;
	margin: 0;
	border: 1px #00AEEF solid;
	border-width: 0 0 4px 0;
}

.copy {
	text-size: 14pt;
	margin: 0;
	padding: 0;
}
.copy p {
	margin: 10px 0 0 0;
}
.red { color: #003366; }


.highlight {
	font-family: times new roman, times roman, serif;
	color: #000000;
	font-style: italic;
	font-weight: 800;
	font-size: 14pt;
}

.hidden {
	display : none;
}

/* FORM STYLES */
.form1
{
	font-family:"HELVETICA","VERDANA"; 
	font-size:12px; 
	text-decoration:none;
	color: black; 
	border: 1px solid black;
	background-color:white;
	border-collapse: collapse;
	background-color: #e6e6e6;
	margin: 3px 0;
}

/* MASHUP LIST */
ol.mashup {
	margin: 0 0 0 15px;
	padding: 0;
}
ol.mashup li {
	padding: 3px;
	margin: 0 0 3px 0;
	border: 1px transparent solid;
	overflow: visible;
	width: 100%;
}
ol.mashup li:hover {
	border: 1px #000 dotted;
	border-width: 1px;
	padding: 3px;
	margin: 0 0 3px 0;
}

/* PLAYER CONTROLS */
.play-button {
	background: transparent url('images/play.gif') no-repeat top left;
	height: 20px;
	width: 20px;
	margin: 0;
	padding: 3px 0 0 0;
	border: 0;
}
.stop-button {
	background: transparent url('images/stop.gif') no-repeat top left;
	height: 20px;
	width: 20px;
	margin: 0;
	padding: 3px 0 0 0;
	border: 0;
}

/* PLAYLIST CSS */

.playlist-wrap {
	width: 100%;
	padding: 0;
	margin: 0;
	background: #FFFFAA url('images/copy_home_rightcol_bg1.jpg') repeat-x bottom left;
}

.playlist-wrap2 {
	width: 100%;
	padding: 0;
	margin: 0;
	background: #b3eaff;
}

.home-playlist-title { 
width: 140px;
}
.home-playlist-title a, .home-playlist-title a:link, .home-playlist-title a:visited {
display: block;
width: 145px;
margin: 0;
padding: 0 0 0 3px ;
border-top: 1px #990000 solid;
text-decoration: none;
color: #990000;
overflow: hidden;
}
.home-playlist-title a:active, .home-playlist-title a:hover {
color: #003366;
text-decoration: underline;
}


.playlist-title{ 

font-size: 12pt;
font-weight: 800
}
.playlist-title a, .playlist-title a:link, .playlist-title a:visited {
display: block;
width: 100%;
margin: 2px 0;
padding: 0 3px;
border-top: 1px #990000 solid;
text-decoration: none;
color: #990000;

}
.playlist-title a:active, .playlist-title a:hover {
color: #003366;
text-decoration: underline;
}


a.sub-nav-on, a:link.sub-nav-on, a:visited.sub-nav-on  {
display: block;
width: 100%;
margin: 2px 0;
padding: 0 3px;
border-top: 1px #990000 solid;
text-decoration: none;
color: #003366;

}
a:active.sub-nav-on, a:hover.sub-nav-on  {
color: #003366;
}

.playlist-songs {
margin: 0;
padding: 0;
}
.playlist-songs ul {
margin: 0 0 0 18px;
padding: 0;
}
.playlist-songs li {

}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #003366;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #990000;
}


/** RUBY / JAVASCRIPT **/
code span.comment {
	color: #BD48B3;
}

code span.string {
	color: #99FF00;
}

code span.brackets {
	
}

code span.symbol {
	color: #6BCFF7;
}

code span.keywords {
	color: #FF8400;
}

code span.erb {
	background: #333;
}

code span.symbol {
      color: #07DFFC;
}

/** HTML **/
code.html span.tag {
	color: #fff;
}

code.html span.attribute {
	color: #FFD500;
}

code.html span.string {
	color: #99FF00;
}

code.html span.comment {
	color: #999;
}

code.html span.doctype {
	color: #D7FF80;
}