/***** Global Settings *****/

html, body {
	height:100%;
	max-height:100%;
	width: 100%;
	margin:0;
	padding: 0;
	border:0;
	background-color: #333333;
	}
body {
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align:middle;
	}

/***** hyperlink and anchor tag styles *******/
a { color: #0066CC; text-decoration: none; }
a:hover{ text-decoration: none; color: #003366; }

/***** Generic text styles *******/

h1 { font-family: Verdana, sans-serif; font-size: 16px;	color: #000000; }
h2 { font-family: Verdana, sans-serif; font-size: 14px;	color: #000; }
h3 { font-family: Verdana, sans-serif;	font-size: 12px; color: #000033;font-style: italic; font-weight: bold; }
h4 { font-family: Verdana, sans-serif;	font-size: 100%; color: #FFFF99; }
h5 { font-family: Verdana, sans-serif;	font-size: 9pt;	color: #FFFF99;	font-style: italic; font-weight: bold; margin: 12px 0 6px 0; }
h6 { font-family: Verdana, sans-serif;	font-size: 14pt;color: #FFFF99;	font-weight: bold; }

ul { margin: 0 0 2em 0;  list-style-position: inside; }
ul.standard { font-family: Verdana, sans-serif; font-size: 11px; }
ul.alacarte ul { margin-bottom: 0; }
ul.alacarte li { font-size: 1em; list-style-position: outside; margin-left: -15px; }
li { font-size: 11px; }
blockquote  { font-size: x-small; }

/***** layout styles *******/
#container {
    position: absolute;
	width: 900px;
	height: 900px;
	left: 50%;
	margin-left: -450px;
	text-align: left;
	background-color: #13387C;
	clear: right; /* to get menus to work in IE*/
	}

#footer {
	 position: absolute; 
	 margin-bottom: -3px;
	 height:20px; 
	 width: 500px; 
	 border-top: 1px solid #999; 
	 border-left: 1px solid #999; 
}

#footer a { color: #F9E00F; }
	
#content {
	position: absolute;
	padding: 10px, 0px, 0px, 50px;
	width: 804px;
	background-color: #ffffff;
	left: 51px;
	top: 200px;
	}	

#header {
	margin-left: 51px;
	text-align: left;
	z-index: 100;
	
	}
/***** globalNav styles ****************/

#navigation {
	position: absolute;
	top: 150px;
	left: 445px;
	width: 416px;
	margin: 0 300px 0 0;
	padding: 0;
	font-family: Arial, san serif;
	font-size: 8pt;
	font-weight: bold;
	z-index: 10;
	height: 34px;
}
#navigation ul {
	position: absolute; /* Needed for FF, background */
	margin: 0;
	padding: 0 0 0 5px;
}
#navigation ul li {
	position: relative;
	list-style: none;
	float: left;
	}
#navigation ul li a  {
	padding:3px 6px 0px 6px;
	text-align: center;
	display: block;
	height: 22px; /* Needed for IE 5.x broken box */
	height:20px; /* 30 - 9, for non-broken browsers */
	width: 70px;
	color: #fff;
	
}
#navigation ul li a:hover {
	text-decoration: none;
	background-color: #00AEEF;
	color:#000;
	display: block;
	}

	/***** ----- nav sub lists ----- *****/
#navigation li ul {
	position: absolute;
	left: 5px;
	top: 23px; /* moves the sublist below main list */
	display: none; /* Hide sublists */
	width: 80px; /* 800 - 10, IE needs this to be fixed width */
}

#navigation li li a {
	padding:3px 6px 0px 6px;
	width: 150px;
	color: #fff;
	text-align: left;
	border-bottom: 1px dotted #999;
}
#navigation li li a:hover {
	text-decoration: none;
	background-color: #00AEEF;
	color:#fff;
}
#navigation li li { background-color: #333333; }
#navigation li.mouse_over ul { /* Show sublist of hovered item */  display: block; }
#navigation li.nav_default_on ul { /* Show sublist of current page */ display: block; }
#navigation li.nav_default_off ul { /* Hide sublist of current page */ display: none; }
body:last-child #navigation li:hover ul { /* Show sublist of hovered item, hack hides this from Opera, works in FF & Safari(?) */ display: block; }
* html #navigation li:hover ul { /* Show sublist of hovered item, hack hides this from Opera, works in IE */ display: block; }

#address {
	position:absolute; 
	font-size: 14px;
	color:#000000;
	left:503px; 
	top:40px; 
	width:333px; 
	height:33px; 
	}
	

#spine_simulator {background:url(images/3d-spine-bg.png) no-repeat; width:190px; padding:36px 0 24px 0; font-weight:bold; text-align:center;}
#spine_simulator h2 {background:url(images/3d-spine-h2-bg.png) no-repeat; display:block; position:relative; width:190px; height:52px; z-index:1;}
#spine_simulator a {background:url(images/launch-button-bg.png) no-repeat 0 -36px; display:block; margin:16px auto 0 auto; width:98px; height:32px;}
#spine_simulator a:hover {background-position:0 -4px;}
#spine_simulator a.get-flash {background:url(images/flash-icon.gif) no-repeat; color:#fff; display:block; margin:20px auto; padding-left:18px; width:114px; height:16px; position:relative; left:-8px; font-size:10px; font-weight:bold; line-height:16px; text-decoration:none;}
#spine_simulator a.get-flash:hover {color:#000;}
#spine_simulator span {display:none;}