/* CSS Document */
body{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#000000; 
	text-align:center;}
	
A:link {text-decoration: none;color: #0072bc;}
A:visited {text-decoration: none;color: #0072bc;}
A:active {text-decoration:underline;color:#0072bc;}
A:hover {text-decoration: underline; color: #0072bc;}


h1{font-family:arial,helvetica;font-size:12pt;font-weight:bold;color:#43536e;}

h2{ font-weight:bold; color:#666666; font-size:11px;}
.li { margin:3px 0px 3px 0px;)}
#header{
	width:736px;
	height:81px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-image:url(../img/bg-header.gif);
	background-position:left;
	background-repeat:no-repeat; 
}

#content.subpage { 
	border-top:20px solid #0072bc;
	border-right:1px solid #0072bc;
	border-bottom:10px solid #0072bc;
	border-left:1px solid #0072bc;
	padding:10px;
	}

#footer{ text-align:center; color:#43536e; padding:5px;}

/* Navigation */
#navContainer {
	width:571px;
	height:32px;
	position:relative;
	top:49px;
	left:165px;
	
	z-index:200; 
}

.floatLeft { float:left;}

.noBackground { background:none;}
 

#nav, #nav ul {
	float: right;
	list-style: none;
	font-weight: bold;
	padding: 0px;
	height:32px;
	margin:0px;
	background-image:url(../img/nav-bg-off.gif);
	background-position:top;
	background-repeat:repeat-x;	
}

#nav a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 7px 5px 5px 5px;
	height:20px;
	text-align:center;
}


#nav li {
	float: left;
	height:32px;
}

.tpsosition{position: relative;}
.navDivder {width:1px;}
.home {width:71px;}
.services {width:80px;}
.clients {width:73px;}
.news {width:67px;}
.aboutus {width:92px;}
.contactus {width:125px;}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 90px;
	font-weight: normal;
	margin: 0px;
	background-image:none;
}

*html .tpSub{
    right:0;
}

#nav li li {/* chages subnav appearance*/
	padding: 0px;
	width: 175px; /* subnav LI width must total width plus left and right padding of (#nav li ul a)*/
	border-bottom:1px solid #c8d0dd;
	height:25px; /* subnav LI height must total height plus top and bottom padding of (#nav li ul a)*/
}

#nav li ul a { /* chages subnav appearance*/
	width: 170px;
	background-color:#d7e9f4;
	text-align:left;
	white-space:nowrap;
	color: #0072bc;
	height:20px; /* subnav LI height */
	padding:5px 0px 0px 5px;
}

#nav li ul a:hover { /* subnav hover bacground color */
	background-color:#eff5fd;
}

#nav li ul ul {
}

#nav li:hover ul ul, #nav li.sfhover ul ul, {
	left: -999em;
}

#nav li:hover ul,  #nav li.sfhover ul {
	left: auto;
}

#nav li:hover ul,  #nav li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover { /* changes main nav appearance */
	background-color:#eff5fd;
	background-image:url(../img/nav-bg-hover.gif);
	background-position:top;
	background-position:left;
	background-repeat:repeat-x;	
}

#nav li:hover li, #nav li.sfhover li{ /* supresses image for subnav */
		background-image:none !important;		
}

#home .home a { background-image:url(../img/nav-bg-hover.gif);}
#home li.home ul a { background-image:none !important;}
#services .solutions a { background-image:url(../img/nav-bg-hover.gif);}
#services li.services ul a { background-image:none !important;}
#clients .clients a { background-image:url(../img/nav-bg-hover.gif);}
#clients li.clients ul a { background-image:none !important;}
#news .news a { background-image:url(../img/nav-bg-hover.gif);}
#news li.news ul a { background-image:none !important;}
#aboutus .aboutus a { background-image:url(../img/nav-bg-hover.gif);}
#aboutus li.aboutus ul a { background-image:none !important;}
#contactus .contactus a { background-image:url(../img/nav-bg-hover.gif);}
#contactus li.contactus ul a { background-image:none !important;}




#container{ width:736px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#xLeft{
	width:490px;
	height:246px; 
	background-image:url(../img/bg-Xleft.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:162px;
}

#calloutHeaders {
	width:736px;
	height:61px;
	background-image:url(../img/bg-callout-headers.gif);
	background-position:left;
	background-repeat:no-repeat;
}

*html #calloutHeaders {
	width:737px;
	height:61px;
	background-image:url(../img/bg-callout-headers.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#newsHeader {
	position:relative; 
	top:20px;
	float:left;
	width:217px;
	margin-left:30px;
	font-weight:bold; 
	color:#43536e;
}

*html #newsHeader {margin-left:15px;}
	
#clientsHeader { 
	position:relative;
	top:20px;
	float:left;
	width:250px;
	margin-left:105px;
	font-weight:bold; 
	color:#43536e;
}

#calloutContainer {
	width:736px;
	background-image:url(../img/bg-calloutbox.gif);
	background-position:left;
	background-repeat:repeat-y;
}
#calloutContainerBottom {
	width:736px;
	height:1px;
	background-image:url(../img/bg-callout-bottom.gif);
	background-position:left;
	background-repeat:no-repeat;
}

*html #calloutContainerBottom	{margin-top:-6px;}

#latestNews{
	float:left;
	width:217px;
	margin-left:24px;
	padding:5px;
}
*html #latestNews{margin-left:12px;width:218px;}

#newsTable td{ border-bottom:1px solid #becac0; padding:4px;}

.negMargin{ margin-top:-15px; z-index:100; position:relative;}

#clients{
	float:left;
	margin-left:14px;
	width:431px;
	padding:5px;
}

*html #clients{width:430px;}

#clients table td{ padding:5px; vertical-align:top;}

/* Subpage Styles */

#data table { background-color:#f6f7f9; border:1px solid #d3d7d8;}
#data table th { background-color:#d3d7d8; color:#43536e; padding:5px;}
#data table td { border-bottom:1px solid #ebeef3;padding:5px;}

#highlight{  margin:10px;padding:5px;background-color:#f9f6c8; border:1px solid #43536e;}
#highlight.twoColumn{ width:550px; float:left;}
.columnOne{ width:100px; float:left; margin:10px 0px 10px 10px;padding:5px;text-align:center;}

.clear{ clear:both;}