@charset "utf-8";

/* CSS Document */
html {
	margin: 0;
	padding: 0;
}
* { margin: 0; padding: 0; border:none;}
body {
	background: #000000;
	background-position: top;
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 0;
}

p {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#maincontainer {
	width: 1026px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	padding: 0px;
}
/*\*/
html*#maincontainer {
[height: 900px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is addressed below.*/
height: 970px;/*Affects Google Chrome amd Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also hidden from older Firefox and Netscape browsers.*/
background: #000000;
]/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox and Netscape browsers.*/
}/**/

#header {
	width: 1026px;
	height: 85px;
	text-align: left;
}

.innertube {
	margin-top: 35px;
	text-align: right;
}

.innertube p {
	color: #ff5a00;
}

.innertube a {
	color: #ff5a00;
	text-decoration: none;
}

.innertube a:hover {
	color: #ffffff;
	text-decoration: none;
}

#menu_bar {
	width: 1026px;
	height: 34px;
	border-left: 1px solid #717171;
	border-right: 1px solid #717171;
	background: url(../images/menu.jpg) repeat-x;
}

.innermenu {
	text-align: right;
	padding-right: 1px;
}

#container {
	width: 1026px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	padding: 0px;
	text-align: justify;
	height: 808px;
	border-bottom: 1px solid #717171;
	border-left: 1px solid #717171;
	border-right: 1px solid #717171;
	background: #161616;
}

#footer {
	width:1026px;
	height:20px;
	margin: 0 auto;
	margin-top:45px;
	float:left;
	text-align:center;
	color:#FFFFFF;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #ff5a00;
	text-decoration: none;
}

#footer2 {
	width: 1026px;
	margin: 0 auto;
	margin-top: 5px;
	float: left;
	text-align: center;
	color: #999999;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer2 a {
	color: #999999;
	text-decoration: none;
}

#footer2 a:hover {
	color: #ff5a00;
	text-decoration: none;
}

#left {
	width: 814px;
	height: 457px;
	margin-left:8px;
	margin-top:29px;
	float:left;
	background:#000000;
	border: 1px solid #717171;
}
#leftside {
	width: 825px;
	height: 717px;
	float:left;
}

#left_up {
	width: 807px;
	margin: 0px;
	height: 403px;
	margin-top: 8px;
	padding-left: 3px;
	text-align: center;
}

#left_down p {
	color: #ffffff;
}

#left_down {
	width: 813px;
	margin: 0px;
	height: 40px;
	padding-top: 2px;
	text-align: center;
}

#left_down1 {
	width: 250px;
	margin: 0px;
	margin-left: 108px;
	margin-right: 48px;
	height:33px;
	text-align: center;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
}

#left_down1 a {
	color: #FFFFFF;
	text-decoration: none;
}

#left_down1 a:hover {
	color: #ff5a00;
	text-decoration: none;
}

#left_down2 {
	width: 250px;
	margin: 0px;
	margin-left: 48px;
	margin-right: 108px;
	height:33px;
	text-align: center;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
}

#left_down2 a {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}

#left_down2 a:hover {
	color: #ff5a00;
	text-decoration: none;
}

#rightside {
	width: 193px;
	margin:0px;
	margin-top:29px;
	margin-left:5px;
	float:left;
	padding:0px;
}

#right_up {
	width:179px;
	margin: 0px;
	height:20px;
	padding-top:6px;
	padding-left:8px;
	text-align:left;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#000000;
	border: 1px solid #717171;
	font-weight: bold;
}

#right_down {
	width:186px;
	margin: 0px;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	text-align:left;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#000000;
	border: 1px solid #717171;
}
#right_down h3{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding: 0px;
height: 31px;
}

#getFlash {
	padding-top:20px;
	text-align:center;	
}

#info {
	width:814px;
	height:230px;
	margin: 0 auto;
	margin-top:10px;
	float:left;
	text-align:center;
	color:#FFFFFF;
}
#info1 {
	width:197px;
	height:212px;
	margin-left:0px;
	margin-right:0px;
	margin-top:4px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	text-align:left;
	color:#FFFFFF;
	background:#000000;
	border: 1px solid #717171;
}
#info2 {
	width:588px;
	height:204px;
	margin: 0 auto;
	margin-top:4px;
	margin-left:5px;
	margin-right:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:8px;
	float:left;
	text-align:left;
	color:#FFFFFF;
	background:#000000;
	border: 1px solid #717171;
}

#info1 a {
	color: #FFFFFF;
	text-decoration: none;
}

#info1 a:hover {
	color: #ff5a00;
}

/*Scroller!!!*/
.Container {
	float: left;
	height: 211px;
	width: 180px;
	margin-top: 7px;
}

#Scroller {
	position: relative;
	overflow: hidden;
	width: 185px;
	height: 196px;
}

#Scroller p {
	margin: 0;
	padding: 10px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 20px;
	color: #6F6048;
}

.Scroller-Container {
	position: absolute;
	top: 0px;
	left: 0px;
}

#Scrollbar-Container {
	float: right;
	width: 10px;
	height: 190px;
	margin-top: 5px;
}

.Scrollbar-Up {
	cursor: pointer;
	float: right;
	width: 10px;
	height: 12px;
}

.Scrollbar-Track {
	cursor: pointer;
	position: relative;
	width: 10px;
	height: 176px;
	background: transparent url(../images/background.gif) repeat-y center
		center;
}

.Scrollbar-Handle {
	position: relative;
	width: 10px;
	height: 40px;
}

.Scrollbar-Down {
	cursor: pointer;
	float: right;
	width: 10px;
	height: 12px;
}

.sphericalVideoInformation {
	color: #ff5a00;
	text-align: justify;
}

.sphericalVideoInformation p {
	color: #ff5a00;
	text-align: justify;
}

#sphericalVideoCategoryBreadCrumb {
	color: #FFFFFF;
	margin-bottom: 10px;
}

#sphericalVideoCategoryBreadCrumb a:hover {
	color: #ff5a00;
}

ul#sphericalVideoCategoryList {
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	list-style: none;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

.arrowlistmenu {
	width: 176px; /*width of accordion menu*/
	margin-left:5px;
	margin-bottom:5px;
	margin-top:5px;
}

.arrowlistmenu .menuheader {
	/*CSS class for menu headers in general (expanding or not!)*/
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: white;
	background: #161616 left;
	margin: 0px;
	/*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 0px 0px 0px 0px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	margin-top: 14px;
}

.arrowlistmenu .openheader {
	/*CSS class to apply to expandable header when it's expanded*/
	
}

.arrowlistmenu h3{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding: 0px;
height: 31px;
}

.arrowlistmenu ul { /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0px;
	padding: 0px;

	/*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li {
	padding: 0px; /*bottom spacing between menu items*/
	margin: 0px;
	padding-left: 0px;
	cursor: hand;
}

.arrowlistmenu ul li a {
	color: #ffffff;
	background: no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 0px;
	padding-left: 0px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	padding-bottom:0px;
	padding-top:1px;
}
.arrowlistmenu ul li a:hover{
color: #ff5b00;
}