* { 
	padding: 0;
	margin: 0;
}

body { 
font: 1em Arial, Helvetica, sans-serif;
background: #FFFFFF;
}

h2 { font-size: 1.2em; }
a { color: #003333; text-decoration: none;}
a:hover { color: #FFFFFF; background: #FFFF66; text-decoration: none; }

#wrap {	margin: 20px auto;	width: 90%; background: #FFFFFF; }

#header {
height: 70px;
margin: 0;
padding: 0;
}

#header h1 { font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, Arial, sans-serif;
	margin: 0; padding-left: 1px; padding-top: 12px; font-size: 1.1em; color: #FF9621; }
#header h1 a { font-size: 2em; color: #000033; text-decoration: none;}
#header h2 { margin: 0; padding-left: 1px; padding-top: 0px; font-size: .8em; color: #fff; }

#topmenu a { 
color: #FFFF33;
text-decoration: none;
line-height: 22px;
text-decoration: none;
} 

#topmenu a:hover {color: #aaa;}
#topmenu a:visited {color: #ddd;}

#topmenu {  
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: #CCCCCC;
margin-bottom: 5px;
color: #fff;
height: 22px;
}

#right {
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
float: right;
width: 72%;
margin-top: 5px;
margin-left: 10px;
margin: 0.2em;
color: #333300;
}

#right li {clear: left; border: 1px; padding: 3px 3px 8px 3px;}

#left { 
font: .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
width: 24%;
padding: 1px;
line-height: 1.4em; 
}

#left li { list-style-type: none; border-bottom: 1px dotted #666600;}
#left li a {text-decoration: none; }
#left li a:hover {color : #000000;}

.deepindent {Padding-left: 4em;}


#bottombar	{background-color : #CCCCCC; text-align: center;}

img		{border:0px}
a		{color :#006699;	text-decoration : none;}       
a:link		{color :#006699;	text-decoration : none;}       
a:visited	{color :#006699;	text-decoration : none;}       
a:active	{color :#CC3300;	text-decoration : none;}       
a:hover		{color :#CC3300;	text-decoration : none;}       
h2.c1 		{color: #FF8000;}
.mag 		{color: #009999;}
.webmag 	{font-style:italic; }
TD.middlebar	{background-color : #DDDDDD;}
TD.topbar	{background-color : #EBEBEB;}
TD.bottombar	{background-color : #CCCCCC;}
TD.abstractbar	{background-color : #EBEBEB;}
.footerbar	{background-color : #EBEBEB; color: #CCCCCC; font-family: arial, helvetica;font-size: 8px;}
A.footerlink	{background-color : #EBEBEB; color: #BBBBBB; font-family: arial, helvetica;font-size: 8px;}
A.footerlink:hover	{background-color : #EBEBEB; color: #BBBBEE; font-family: arial, helvetica;font-size: 8px;}
.overallnumber	{background-color : #EBEBEB; color: #999999; font-family: arial, helvetica;font-size: 8px; text-align: right;}
.hidden { display: none; }
.visible { display: block; }
.extended { background-color: #eff; padding: 0.5em; margin:0.2em; border: 1px #999 solid; }
.item { padding:0.5em; font: normal 8pt "Lucida Grande", Arial, Helvetica, sans-serif; color: black; border-bottom: 1px #ccc solid; border-top: 1px #fff solid; }
.odd { background-color: #eee; }
.even { background-color: #ddd; }
.formitem { background-color: #666; color: white; font: normal 8pt "Lucida Grande", Arial, Helvetica, sans-serif; border:0; }
.item_short { padding:0.3em; }
.item_menu { font: bold 8pt "Lucida Grande", Arial, Helvetica, sans-serif; color: black; cursor: pointer; padding: 0.5em; } .link { padding:0.5em; text-decoration : none; }
.item_menu a:hover,
.link:hover { background-color: #999; color: white; }
.item_menu a { padding:0.5em; text-decoration : none; }
.item_extended { background-color: #C6D8E0; color: black; border: 1px solid #999; padding:0.5em; }
.item_extended_small { font-size: 10px; background-color: #C6D8E0; color: black; border: 1px solid #999; padding:0.5em; }
.item_extended UL { background-color: #C6D8E0; color: black; padding:1em; }
.comment { background-color: #eee; }
.menu_item:hover { background-color: #999; }
#menu a { text-decoration : none; }

.section { padding:10.5em; text-decoration : none; }

.thumbnail{
padding: 3px 3px 8px 3px;
background-color: #666688;
border: 1px solid #555577;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}	

.free{
clear:left;
padding: 3px 3px 8px 3px;
}

#topborder{	
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.0em;
	background-color: #5ac0dB;
	}

#bottomborder{	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.0em;
	background-color: #5ac0dB;
	}

div.player {
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
}

/* play button */
div.player img {
	margin-top:67px;
}

/* info area */
div.player div.info {
	height:40px;
	background:#000 url(/video/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:45px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
	margin-top:40px;
}

/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}


.code {

		font-family:"bitstream vera sans","trebuchet ms";
		font-size:1.5em;
		line-height: 0.7em; /*--Height of each line of code--*/
		padding:0px 0px;
		color:#000099;

	}