body {background:#111111; no-repeat 0px 0px;font-size:100%;} {text-align: center;} 
p {color:#cccccc; text-indent:0px; font-family:Lucida Console, Monaco, monospace; font-size:16px;font-weight:700;font-smooth:always; 
-webkit-font-smoothing: antialiased;}
h2 {color:#cccccc;text-indent:0px; font-family:Courier New, Courier New, monospace;font-size:20px;font-weight:700;font-smooth:always; 
-webkit-font-smoothing: antialiased;} 
h3 {color:rgb(124,117,108); text-indent:0px; font-family:Courier New, Courier New, monospace; font-size:16pxem;font-weight:700;font-smooth:always; 
-webkit-font-smoothing: antialiased;}
h4 {color:#cccccc;text-indent:0px; font-family:Courier New, Courier New, monospace;font-size:16px;font-weight:700;font-smooth:always; 
-webkit-font-smoothing: antialiased;}
h5 {color:#cccccc;text-indent:0px; font-family:Courier New, Courier New, monospace;font-size:17px;font-weight:700;font-smooth:always; 
-webkit-font-smoothing: antialiased;}
h6 {color:#cccccc; text-indent:0px; font-family:Lucida Console, Monaco, monospace; font-size:16px;font-weight:700;line-height:0em;font-smooth:always; 
-webkit-font-smoothing: antialiased;}
h7 {color:#00aa00; text-indent:0px; font-family:Lucida Console, Monaco, monospace; font-size:16px;font-weight:700;font-smooth:always; 
-webkit-font-smoothing: antialiased;}


#webcast {
	position:absolute;
	left:12px;
	width: 82px;
}

br {
        line-height:.5px;
		content: " ";
  display: block;
		margin: .07em;
     }

a:link {color:#cccccc; text-decoration:none;}
a:visited {color:#cccccc; text-decoration:none;}
a:hover {color:#00aa00;text-decoration:none;}

a.speciallink:link { color: #00aa00; }
a.speciallink:visited { color: #00aa00; }


a.speciallink2:link { color: #888888; }
a.speciallink2:visited { color: #888888; }
a.speciallink2:hover { color: #00aa00; }


a:link {color:#cccccc;}
a:visited {color:#cccccc;}
a:hover {color:#00aa00;}

a.speciallink:link { color: #00aa00; }
a.speciallink:visited { color: #00aa00; }

a.live:link {color:#00aa00;}
a.live:visited {color:#00aa00;}
a.live:hover {color:#00aa00;}

h1.tutorial {color:#cccccc; line-height: 14px; text-indent:0px; font-family:Courier New, Courier New, monospace;font-size:14px;font-weight:700;font-smooth:always; 
-webkit-font-smoothing: antialiased;}


h3.links {color:#cccccc; line-height: 20px; text-indent:0px; font-family:Courier New, Courier New, monospace;font-size:16px;font-weight:700;font-smooth:always;-webkit-font-smoothing: antialiased;}

a.webcastlinks:link {color:#cccccc;}
a.webcastlinks:visited {color:#cccccc;}
a.webcastlinks:hover {color:#00aa00;}

a.webcastlinks2:link {color:#cccccc;}
a.webcastlinks2:visited {color:#cccccc;}
a.webcastlinks2:hover {color:#00aa00;}



.panel {
    position: absolute;
    top: 0px;
    left: 0;
    display: none;
    background: #000000;
    border: 1px solid #111111;
    -moz-border-radius-topright: 40px;
    -webkit-border-top-right-radius: 40px;
    -moz-border-radius-bottomright: 40px;
    -webkit-border-bottom-right-radius: 40px;
	border-radius-topright: 40px;
    border-top-right-radius: 40px;
    border-radius-bottomright: 40px;
    border-bottom-right-radius: 40px;
    width: 300px;
    height: auto;
    padding: 40px 5px 10px 30px;
    filter: alpha(opacity=85);
    opacity: .90;
	z-index:25;
}



a.trigger {
    position: absolute;
    text-decoration: none;
    top: 0px;
    left: 0;
    font-size: 14px;
    letter-spacing: -1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color: #fff;
    padding: 8px 8px 8px 8px;
    font-weight: 700;
    background: #000 url(images/plus.png) 85% 55% no-repeat;
    border: 0px solid #444444;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
	border-radius-topright: 0px;
    border-top-right-radius: 0px;
    border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
    border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    display: block;
	z-index:26;
}

a.trigger:hover {
    position: absolute;
    text-decoration: none;
    top: 0px;
    left: 0;
    font-size: 14px;
    letter-spacing: -1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color: #00aa00;
    padding: 8px 8px 8px 8px;
    font-weight: 700;
    background: #222222 url(images/plus.png) 85% 55% no-repeat;
    border: 0px solid #444444;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
	border-radius-topright: 0px;
    border-top-right-radius:0px;
    border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
    border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    display: block;
}

a.active.trigger {
    background: #222222 url(images/minus.png) 85% 55% no-repeat;
}




.panel2 {
    position: absolute;
    top: 0px;
    right: 0;
    display: none;
    background: #000000;
    border: 1px solid #111111;
    -moz-border-radius-topleft: 40px;
    -webkit-border-top-left-radius: 40px;
    -moz-border-radius-bottomleft: 40px;
    -webkit-border-bottom-left-radius: 40px;
	border-radius-topleft: 40px;
    border-top-left-radius: 40px;
    border-radius-bottomleft: 40px;
    border-bottom-left-radius: 40px;
    width: 300px;
    height: auto;
    padding: 40px 5px 10px 30px;
    filter: alpha(opacity=85);
    opacity: .90;
	z-index:23;
}



a.trigger2 {
    position: absolute;
    text-decoration: none;
    top: 300px;
    left: 0;
    font-size: 14px;
    letter-spacing: -1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color: #fff;
    padding: 8px 8px 8px 8px;
    font-weight: 700;
    background: #000 url(images/plus.png) 85% 55% no-repeat;
    border: 0px solid #444444;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
	border-radius-topright: 0px;
    border-top-right-radius: 0px;
    border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
    border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    display: block;
	z-index:24;
}

a.trigger2:hover {
    position: absolute;
    text-decoration: none;
    top: 300px;
    left: 0;
    font-size: 14px;
    letter-spacing: -1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color: #00aa00;
    padding: 8px 8px 8px 8px;
    font-weight: 700;
    background: #222222 url(images/plus.png) 85% 55% no-repeat;
    border: 0px solid #444444;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
	border-radius-topright: 0px;
    border-top-right-radius: 0px;
    border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
    border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    display: block;
}

a.active.trigger2 {
    background: #222222 url(images/minus.png) 85% 55% no-repeat;
}




#links {
	width:105px;
	position:absolute;
	top: -6px;
	left: 8px;
}
#vid {width:500px; height:=451px; position:absolute; top: 0px; left: 100px;}
#vid2 {
	width:500px;









height:=451px; 										position:absolute;
	top: 0px;
	left: 0px;
}
#vid3 {
	width:500px; height:=451px;position:absolute;
	top: 300px;
	left: 0px;
}



  #RAstore {
    width: width: 53px; height: 54px;
    position: absolute; top:540px; left:20px;}
  #RAstore li {
    list-style: none;
    position: absolute; top: 0;}  
  #RAstore li, #RAstore li a {
    height: 54px; display: block;}

#RAstore li.RAstoread {width: 53px; height: 54px; background:url(Images/RAstore.png); position:absolute; top: 0px; left: 0px;}
#RAstore li a.RAstoread:hover {width: 53px; height: 54px; background:url(Images/RAstoreH.png);}


#chattoggle {width:820px; position:absolute; top: 451px; left: 0px;}

#chatlinks {
	width:105px;
	position:absolute;
	top: 0px;
	left: 16px;
}


#textbox {width:500px; position:absolute; top: 0px; left: 0px;}
#textbox2 {width:500px; position:absolute; top: 0px; left: 0px;}
#textboxinfo2 {width:160px; position:absolute; top: -12px; left: 15px;}
#textboxinfo3 {width:160px; position:absolute; top: 16px; left: 15px;}

#vidcontent {width:1000px; position:absolute; top: 0px; left: 190px;}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px Lucida Console}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 160px;
	height: 15px;
	background: #444444;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #990000}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #990000}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #444444;
		color: #ffffff;
		font: 14px Lucida Console}

	#sddm div a:hover
	{	background: #666666;
		color: #FFF}
