body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  background-image: url(/images/backgrounds/page.gif);
  margin: 0px;
}

div.page_container {
	background-color: #ffffff;
	width: 963px;
	margin: 0px auto;
}

div.popup {
	background-color: #ffffff;
	margin: 10px auto 0px auto;
	border: 1px solid #000000;
}

div.content {
	padding: 20px;
}

table.master {
	width:963px;
	padding: 0px;
	margin: 0px;
	border: none;
	border-collapse: collapse;
}
td.leftcolumn {
	width: 196px;
	background-image:url(/images/backgrounds/leftcolumn.jpg);
	vertical-align: top;
}
td.twocolumn { 
	width: 767px;
	vertical-align: top;
}
td.middlecolumn { 
	width: 571px;
	vertical-align: top;
}
.content_3c {
	 width: 525px;
	 margin: 33px auto;
}
.content_2c {
	 width: 721px;
	 margin: 33px auto;
}
td.rightcolumn {
	 width: 196px;
	 background-image: url(/images/backgrounds/rightcolumn.gif);
	 background-repeat: repeat-x;
	 vertical-align: top;
}

td.newsDate {
	width: 90px;
	padding: 0px 0px 15px 0px;
	vertical-align: top;
	color: #7d9ccc;
}

td.newsItem {
	padding: 0px 0px 15px 0px;
	vertical-align: top;
}

td.partnerHeader {
	 background-color: #464b68;
	 color: #ffffff;
	 font-size: 12px;
	 font-weight: bold;
	 padding: 4px;
}

#case_studies {
	color: #ffffff;
}
#case_studies a {
	color: #7ed5ff;
}

#solutions h1 {
	font-size:12px;
	color: #21274a;
	line-height: 12px;
	margin: 0px 0px 5px 0px;
}
#solutions p {
	font-size:10px;
	color: #666666;
	line-height:12px;
	margin: 0px 0px 5px 0px;
}
#solutions a {
	font-size:10px;
	font-weight: bold;
	color: #aa761c;
}

#leftnav_box {
	color: #7ed5ff;
}
#leftnav_box h1 {
	font-size: 12px;
	color: #ffffff;
	margin: 0px 0px 10px 20px;
}
#leftnav_box p {
	margin: 0px 0px 0px 20px;
	font-weight: bold;
	line-height: 18px;
}
#leftnav_box a {
	color: #7ed5ff;
	text-decoration: none;
}
#leftnav_box a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#leftnav_box ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
#leftnav_box li {
	line-height: 18px;
}

div.leftnav {
	 width: 196px;
	 background-image: url(/images/backgrounds/leftnav.jpg);
	 background-repeat: no-repeat;
	 padding-top: 25px;
}

#content h1 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 8px 20px;
}

#content h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0px 0px 8px 20px;
}

#content p {
	margin: 0px 20px 15px 20px;
	orphans: 20;
}

#content li {
	margin-bottom: 10px;
}

#rightinfo_box h1 {
	font-size: 12px;
	color: #555555;
	margin: 0px 0px 10px 14px;
}
#rightinfo_box p {
	margin: 0px 14px 10px 14px;
}
div.rightinfo {
	padding-top: 25px;
}

#home_bottom h1 {
	color: #ffffff;
	font-size: 11px;
	margin: 0px;
}
#home_bottom p {
	font-size: 10px;
	margin: 0px 0px 5px 0px;
}
#home_bottom a {
	color: #333333;
}
#home_bottom a:hover {
	text-decoration: none;
}

.home_bottom_header_row {
	padding: 8px 15px;
}
a.fh {
	color: #ffffff;
	text-decoration: none;
}


.home_bottom_content {
	background-image: url(/images/backgrounds/gray_fade.gif); 
	background-repeat: repeat-x;
	vertical-align: top;
}

#footer {
	color: #ffffff;
}
#footer a {
	color: #ffffff;
}
#footer p {
	color: #999999;
	margin-top:10px;
}

p.question {
	color: #21274a;
	font-weight: bold;
}

.small_text {
	font-size: 10px;
}

.ltblue10 {
	font-size: 10px;
	color: #7d9ccc;
}

.ltblue {
	color: #7d9ccc;
}

.red {
	color: #ff0000;
}

.bluegray {
	color: #464b68;
	font-weight: bold;
}

.bg_lt_gray {
	background-color: #cccccc;
}

table.ruled {
	border: 1px solid #000000;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

table.ruled td {
	border: 1px solid #000000;
	padding: 4px;
}

a:link {
	color: #aa761c;
}
a:active {
	color: #aa761c;
}
a:visited {
	color: #aa761c;
}
a:hover {
	color: #aa761c;
	text-decoration: none;
}

a.small_link {
	font-size: 10px;
}

/* Top Navigation */

/* ######### Indent Main Menu Bar CSS ######### */

.indentmenu{
font: bold 11px verdana;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/*width: 80%; width of menu*/
/*border: 1px solid #564c66; border around menu*/
border-width: 1px 0;
background: black url(/images/ddlevels/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 8px;
text-decoration: none;
border-right: 1px solid #ffffff; /*divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li a.selected{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(/images/ddlevels/indentbg2.gif) center center repeat-x;
}

/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 11px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: black;
background-color: #f2f2f2;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: black;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(/images/ddlevels/bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 11px verdana, helvetics, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }