/* CSS Document */

/*--- Global Styles ---*/

	body{
		background-color: #0E1F4B;
		/*background-color: #FFFF99;*/		
		height: 100%;	
		min-width: 800px;
		/*position:absolute; */
		text-align: center;	
		top:0px;  
		margin: 0 auto;
		padding:0px; 
		font-family:Arial, Verdana, Helvetica, sans-serif; 
		font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	
	
	/*font-size:11px;*/
		/*background-image:url(../images/body_bg.jpg); 
		background-repeat: repeat-x;
		background-color:#202133;
		background-attachment: fixed;*/


	}
	body div#siteContainer{
		margin: 0 auto;
		position: relative;
		/* added font size in em below for 76% rule in body tag */
		font-size: 0.9em;
		top: 0;
		left: 0;
		height: 100%;		
		text-align: left;
		width: 800px;
	}
	
	div#siteContainer div#siteBody{
	/*position:relative;*/
		width:800px;
	margin: 0px;
	text-align: left;
	/*border:solid #CCCCCC 1px;*/
	/*background-color:#FFFFFF;*/
	}	
	div#siteBody div#header, div#siteBody div#navigation, div#siteBody div#footer {
	position:relative;
	width:100%;
	padding-top: 15px;
	padding-bottom: 5px;
	}
	
	div#navigation#sub {
	position:relative;
	width=500px;
	}
	
	div#siteBody div#header{
	}
	div#siteBody div#navigation, div#siteBody div#navigationSub {
	height:26px;
	background:url(/images/nav_tab_bg.jpg) top left;
	background-repeat: repeat-x;
	float: none;
	}
	div#header .headerTitle{
	display:block;
	float: left;
	font-size: 18px;
	font-weight:bold;
	color:white;
	font-family: Arial;
	}	
	div#siteBody div#footer{
	/*padding:25px 0px 10px 0px; padding-left:10px; */
		clear:both;
	padding: 0px;
	margin: 16px 0px;
		
	}
	div#header .secondaryNavigation{
	display:block;
	float:right;
	font-size:10px;
	color:#A8BAC8;
	text-align: right;
	line-height:18px;
	/*margin: 4px 4px 4px 0px;*/
	}
	.searchInput{
		width: 120px; height: 11px;	border: 1px solid #333333;	font: 9px Verdana, Arial, Helvetica, sans-serif; padding: 2px;
	}

/* NAVIGATION */

/*
	ul#navList, ul#navList ul {list-style: none; width: 100%;}
	ul#navList ul {margin: 0; padding: 0;}
	ul#navList {margin:0px 5px 0px 10px; padding:5px 0px 0px 0px;}
	ul li {position: relative; display:inline;}
	ul#navList li ul li {display: block; height: 15px}
	li ul {position: absolute; left: 0px; top: 18px; display: none;}
	ul#navList li a {text-decoration: none;	color: #777; background: #fff; padding-right: 35px;}
	li:hover ul, li.over ul {display: block;}
	ul.subNav {text-align:left;  border: 1px solid red;}
*/
	#navigation ul#navList{
	margin:0px 5px 5px 10px;
	padding:5px 0px 0px 0px;
	}
	#navigation ul#navList li{
		list-style-type:none; display:inline; padding-right:35px;
	}
	#navigation ul#navList li:hover{
		cursor:pointer;
		z-index:100;
	}
	#navigation ul#navList li:hover ul ul, #navigation ul#navList li li:hover ul ul, #navigation ul#navList ul{
		display:none;
	}
	#navigation ul#navList li:hover ul,	#navigation ul#navList li li:hover ul{
		display:block; width:100px; border: 1px solid red;
	}
	#productsSubnav, #programFeaturesSubnav, #orderingSubnav{
		position:absolute; top:30px; width:140px; background-color:#CCCCCC; display:none; z-index:1000;
	}
	#productsSubnav{
		left:80px;
	}
	#programFeaturesSubnav{
		left:200px;
	}
	#orderingSubnav{
		left:340px;
	}
	ul.subnav{
		list-style-type:none; margin:0px; padding:2px 3px 1px 3px; z-index:1000;
	}	






	img{
	z-index:1;
	}

	table.standardTable {
		border-width: 1px;
		border-spacing: ;
		border-style: outset;
		border-color: #000880;
		border-collapse: collapse;
		background-color: white;
	}
	table.standardTable th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #000880;
	background-color: #000880;


		-moz-border-radius: ;
	text-align: left;
	color: #FFFFFF;
	}
	table.standardTable td {
		border-width: 0px;
		padding: 0px;
		border-style: solid;
		border-color: gray;
		background-color: white;
		-moz-border-radius: ;
	}
	
	
	/*--- Global Text ---*/
	#navigation ul.navText, #navigation ul.navText a:link, #navigation ul.navText a:visited, #navigation ul.navText a:active{
		font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-decoration:none;
	}
	.footerText, .footerText a:link, .footerText a:visited, .footerText a:active {
	font-size:9px;
	/*color:#AEBECB;*/
		color:#98B4FA;
	text-align:center;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.footerText a:hover {
	text-decoration:underline;
	}


.headingText, .headingText a:link, .headingText a:visited, .headingText a:active {
	font-size:16px;
	/*color:#AEBECB;
		color:#98B4FA;*/
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	.headingText a:hover {
	text-decoration:underline;
	}


#nav a:link, #nav a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
	
#nav a:hover, #nav a:active {
	color:#FFFF33;
	text-decoration:none;
}

#rightContent a:hover, #rightContent a:active, #rightContent a:link, #rightContent a:visited {
	color:#0E1F4B;
	text-decoration:underline;
}
		
#siteContainer #footer {
	width: 800px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}


#topBar {
	background-image: url(../images/topbar_bkgd.jpg);
	background-repeat: no-repeat;
	height: 11px;
	line-height: 6px;
}
#botBar {
	background-image: url(../images/botbar_bkgd.jpg);
	background-repeat: no-repeat;
	height: 11px;
	line-height: 6px;
}
#midBar {
	background-image: url(../images/midbar_bkgd.jpg);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-bottom: 15px;
}
#nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*font-weight: bold;*/
	/*color: #FFFFFF;*/
	color: #0E1F4B;
	background-image: url(../images/nav_bkgd.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 35px;
	line-height: 31px;
}
#leftContent {
	float: left;
	width: 280px;
	text-align: center;
}
#rightContent {
	float: left;
	width: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	margin-top: 20px;
	margin-right: 20px;
}
#main #leftGraphic {
	position: relative;
	left: 10px;
	bottom: 228px;
	width: 267px;
}