@charset "utf-8";
/* CSS Document */
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	color:#666666;
}
table, div
{
	margin:0px auto;
}
iframe
{
	margin:0px auto;
	padding:0px;
}
html, body 
{
    height: 100%;
}
h1, h2, h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	border-bottom:solid 1px #666666;
	padding-bottom:5px;
	color:#333333;
}
h2
{
	font-size:18px;
	border-bottom:none;
	padding-bottom:0px;
}
h3
{
	font-size:16px;
	border-bottom:none;
	padding-bottom:0px;
}
fieldset
{
	-moz-border-radius: 8px;
	 border-radius: 8px;
	  border: 1px solid #ccc;
	  width:600px;
	  padding:10px;
	  margin:0 auto;
	  margin-top:15px;
}
legend
{
	padding:0 5px;
	margin-left:10px;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
.main
{
	margin:0px;
	padding:0px;
}
.cl 
{ 
	display: block; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
	text-indent: -4000px; 
	clear: both; 
}
.header
{
	background:url(../images/Apex logo.jpg) no-repeat top;
	height:120px;
	border-top: solid #0d0d2e 20px;
}
.toplink
{
	width:90px;
	height:12px;
	margin-top:10px;
	float:right;
}
.container
{
	width:940px;
	overflow:hidden;
}
.navleft
{
	background:url(../images/nav_left.jpg) no-repeat top left;
	width:10px;
	height:40px;
	float:left;
}
.navright
{
	background:url(../images/nav_right.jpg) no-repeat top right;
	width:10px;
	height:40px;
	float:right;
}
#navBG
{
	background:url(../images/nav_bg.jpg) top repeat-x center;
	height:40px;
	float:left;
}

#nav {
	height:40px;
	width:900px;
	margin:0; 
	padding:0; 
	list-style:none;
	color:#FFFFFF;
	margin-left:20px;
}	
	
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
	float:left; 
	display:block; 
	background:transperant; 
	position:relative;
	z-index:500; 
}

/* this is the parent menu */
#nav li a {
	display:block; 
	padding: 0 20px; 
	font-weight:700;  
	height:40px; 
	text-decoration:none;			 
	color:#fff; 
	text-align:center;
	background: url(../images/header-bg.gif) repeat-x;
}
#nav li a:hover {
background: url(../images/nav-h.gif) repeat-x center bottom; text-decoration: none; color: #fff;
}

#nav li a span {
	display:block; 
	font-weight:700;
	line-height:40px;  
	height:40px; 
	text-decoration:none; 
	color:#fff; 
	text-align:center;
	text-decoration: none;
	 background: url(../images/header-bg.gif) repeat-x;
	 padding: 0 20px;	
}

#nav li a:hover span {
	color:#fff;
	background: url(images/nav-arr.gif) no-repeat center bottom; text-decoration: none; color: #000;
}

/* you can make a different style for default selected value */
#nav a.selected {
	color:#f00;
	background: url(../images/nav-h.gif) repeat-x center bottom; text-decoration: none; color: #000;
}

#nav a.selected span {
	color:#f00;
	background: url(../images/nav-h.gif) repeat-x center bottom; text-decoration: none; color: #000;
}

/* submenu, it's hidden by default */
#nav ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin:0 0 0 -1px; 
	padding:0; 
	list-style:none;
	height:30px;
}

#nav ul li {
	width:120px; 
	float:left;
	height:30px;
	
}

#nav li ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin:0 0 0 -1px; 
	padding:0; 
	list-style:none;
	height:30px;
}

#nav li ul li {
	width: 120px;
	height:30px;
}

#nav li ul ul {
	position: absolute;
	margin-top: -40px;
	margin-left: 120px;	
	height:30px;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;  
	line-height:30px;
	padding: 0px 20px; 
	color:#fff;
	text-align:left;
}

#nav ul a:hover {
	background: url(../images/nav-h.gif) repeat-x center bottom; text-decoration: none; color: #000;
	text-decoration:none;	
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0px;
}
.navsap
{
	background: url(../images/nav_sap.gif) no-repeat center bottom; width:1px; height:40px; text-decoration: none; color: #fff;
}
.banner
{
	width:920px;
	height:300px;
	padding:10px 0;
	border:solid 1px #CCCCCC;
	margin-top:15px;
}
.textBox
{
	width:100%;
}
.textBox p
{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	line-height:22px;
}
.textBox ul
{
	margin:0px;
	padding:0px;
	margin-left:15px;
	display:inline-block;
	
}
.textBox li
{
	margin:0px;
	padding-left:10px;
	line-height:24px;
	list-style-image:url(../images/arrow.gif);
	display:list-item;
}
.textBox a
{
	color:#000066;
	text-decoration:underline;
}
.textBox a:hover
{
	color:#FF0000;
	text-decoration:none;
}
.footer
{
	background:#0d0d2e;
	height:70px;
	color:#FFFFFF;
	font-size:11px;
	line-height:30px;
}
.footer a
{
	color:#FFFFFF;
	text-decoration:none;
}
.footer ul, li
{
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
}
.footer ul, li
{
	margin:0px;
	padding:0px;	
	display:inline;
}
.footer li a
{
	color:#FFFFFF;
	padding:0px 10px;
	text-decoration:none;
	list-style:none;	
}
.footer li a:hover
{
	text-decoration:underline;
}
.leftSide
{
	width:640px;
	float:left;
	margin:20px 0px;
}
.rightSide
{
	width:280px;
	float:right;
	margin:20px 0px;
}
.HomeBox
{
	background:url(../images/box_bg.jpg) no-repeat;
	height:300px;
	width:310px;
	float:left;
}
.HomeBox p
{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px;
	line-height:22px;
	padding-top:0px;
}
.news
{	background:url(../images/news_bg.jpg) top center no-repeat;
	width:280px;
	height:300px;
	padding-top:10px;
}
.news p
{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px;
	line-height:22px;
	padding-top:0px;
}

.textbox table{
	width:100%;
	border:1px solid #000000;
}
.table{
	background-color:#fff;
	margin:0 auto;
	width:500px;
	padding-top:10px;
	border:1px solid #CCCCCC;
}
.tr{
	text-align:center;
	
}

.grid{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #dbdada;
	border-left-color: #dbdada;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
}
.grid th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background-color: #dbdada;
	text-align: center;
	height: 26px;
}
.grid-row, .grid-alternate-row, .grid-row-center, .grid-alternate-row-center{
	height: 26px;
	line-height:26px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #dbdada;
	border-bottom-color: #dbdada;
	background-color:#f7f6f6;
	padding-right: 5px;
	padding-left: 5px;
}
.grid-alternate-row{
	background-color: #fff;
}
.grid-row-center{
	text-align: center;
}
.grid-alternate-row-center{
	background-color: #fff;
	text-align: center;
}
.alliances{
	border-bottom:1px solid #333333;
	border-top:1px solid #333333;
	padding:10px 0px;
	margin-top:25px;
}
.logo{
	height:60px;
	margin:0 4px;
	padding:5px;
}