@charset "utf-8";
/* CSS Document */



<!--






/* Reset.css - Global Reset */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0 auto; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

html, body {
	height:100%;
}



#palantir{
	float: left;
	margin: 10px 5px 25px 0px;
}
#header span{
	text-align: right;
	float: right;
	width: 180px;
	margin-right: 4px;
	color: #999999;
	font-size: 1em;
	display: inline;
}
#menu{
	float: left;
	display: inline;
	margin-top: 20px;
}
#menu a{
    display: block;
}
#menu ul{
	background: none;
	float: left;
	width: 400px;
	display: inline;
}
#menu ul li{
	display: block;
	background: #000;
	height: 23px;
	color: #888;
	float: left;
	font-size: 1em;
/*	line-height: 13px; 
	 border-right: 1px solid #666; */
	padding: 2px 0px 0px 0px;
} 

#menu li div{
    border: 1px solid #666;
	background: #000;
    position: absolute;
    width: 13em;
	margin-top: 7px;
	padding-bottom: 1px;
}

#menu li div ul{
    width: 12em;
}

#menu li:hover div{
	text-align: left;
	position:absolute;
	left: auto;
}

#menu li ul li{
    clear: both;
    border: none;
	list-style: none;
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}



/* Main.css - Main Layout and styling components */



.header {
	padding:15px 10px 0px 15px;
	margin: 0 auto;
	background-image: url(images/00-header_bg.jpg);
	background-repeat:repeat-x;	
}

body,td,th {
	color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

body {
	background: #222 url(images/00-body_bg_lines.jpg) repeat-y fixed center;
}

content {
	color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
 	background: url(images/00-header_bg.jpg) repeat-x;
}

a:link {
	color: #FC0;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FC0;
}
a:hover {
	text-decoration: underline;
	color: #F90;
}
a:active {
	text-decoration: none;
	color: #FFF;
}

p {
	margin-bottom: 1em;
	line-height: 1.5em;
}

blockquote {
	padding-left: 3em;
	border-left: 2px solid #666;
}

h1, h2, h3 {
	margin-bottom: 0.5em;
}

h1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #FFF;
	font-weight: 100;
	margin-top: 0px;
}
	
h2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	font-weight: 100;
	margin-top: 0px;
}

h3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight: 100;
	margin-top: 0px;
}

h4 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: 800;
	margin-top: 0px;
}


.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clear {
	clear: both;
}


.content ul {
	margin-left: 30px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 12px;
	font-size: 12px;
	line-height: 24px;
	list-style-position: outside;
	list-style-type: square;
}

.content ol {
	margin-left: 30px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 12px;
	font-size: 12px;
	line-height: 20px;
	list-style-position: outside;
	list-style-type: lower-roman;	
}	






.footer {padding:15px 15px 15px 15px}
.title {font-size: 28px}
.subtitle {font-size: 22px}
.heading {font-size: 18px; font-family:Arial, Helvetica, sans-serif; color:#FFF}

.sidebar {float:left; width:160px; background-color:#333; border:#666 double; padding: 10px 10px 5px 13px; text-align:left}
.sidebar-container {float:left; width:185px; text-align:left}
.sidebar-subnav {float:none; background-color:#333; border:#666 double; padding: 10px 10px 5px 13px}
.sidebar-disclaimer {float:none; border: 1px solid #333; padding: 10px 10px 5px 13px; color:#666 }
.front-disclaimer {text-align:center; border: 1px solid #333; padding: 5px 4px 7px 4px; color:#666; width:910px;  margin-top: 0px; margin:auto}

.content {padding-left:190px; margin:0px 0px 0px 15px; text-align:left}
.content3 {padding-left:190px; padding-right:335px; margin:0px 0px 0px 15px; text-align:left}
.videobar {float:right; width:320px; margin:0px -10px 0px 20px; text-align:left}
.pagewidth {width: 938px; margin: 0 auto; text-align:center;}  

.videobar2 {float:right; width:385px; margin:0px 0px 0px 0px; text-align:left}
.content3a {padding-left:190px; padding-right:410px; margin:0px 0px 0px 15px; text-align:left}

.container {margin: 0 auto; width: 967px;   /* border-right:#333 1px solid; border-left:#333 1px solid; */}




#disclaimer a:hover {	
	color: #888;
	text-decoration: underline;
}
#disclaimer a:link {
	color: #888;
	text-decoration: underline;
}
#disclaimer a:visited {
	text-decoration: underline;
	color: #888;
}
#disclaimer a:active {
	text-decoration: none;
	color: #FFCC00;
}




img, div { behavior: url(iepngfix.htc) }


/* Drop Nav CSS */


#dropnav a.select {
	color: #CCCCCC;
}

#dropnav
{	margin: 0px 10px 0px 10px;
	padding: 0;
	z-index: 0}

#dropnav li
{	margin: 0px 10px 0px 10px;
	padding: 0;
	list-style: none;
	float: left;
}

#dropnav li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 0px;
	background: #000000;
	color: #FFCC00;
	text-align: center;
	text-decoration: none}

#dropnav li a:hover
{	background: #}

#dropnav div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	line-height: 25px;
	background: #000000;
	color: #FFFFFF;
	border: 1px solid #666666}

	#dropnav div a
	{	position: relative;
		display: block;
		margin: 0px;
		padding: 2px 10px 2px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #000000;
		color: #FFCC00;}

	#dropnav div a:hover
	{	background: #FFCC00;
		color: #000000}



#joyride_link { float:right; margin-right: 3px; }
#joyride_link a:hover { text-decoration: none }

/*
Videos page styling
*/

h3.border {
	border-bottom: 1px solid #222;
	padding-bottom: 3px;
}

div.video-description {
	width: 236px;
	margin: 0 12px 1em 0 !important;
	margin: 0 9px 1em 0; /* IE6 fix */
	float: left;
	font-size: 11px;
}

div.last {
	margin-right: 0 !important;
}
div.video-description h4 {
	font-size: 12px;
}

div.video-description img.thumbnail {
	border: 1px solid #222;
	display: block;
	margin-bottom: 1em;
}

/*
Java Version Checking Styling
*/

.style1 {font-size: 18px}
.style2 {font-family: webdings}
.style3 {
        color: #FF0000;
        font-weight: bold;
}
.style4 {color: #000000}
