/* this sets the over-all font size ratio and family and sets the entire page to be centered */
body
{
	font:80% Arial;
font-size: 9pt;
	margin:0;padding:0;
	text-align:center;
}
//ul	{margin:0; padding:.5em 0 .5em 1.5em;}
//ol	{padding:.5em 0 .5em 1.5em;}
//li	{margin:0; padding-bottom:.5em; line-height:1em;}
/* the div for this starts in HTML top and finnishes in HTML bottom*/
/* Added By Sean Cull from an article */
/* for understanding browsers */
#wrapper {
width:800px;
	margin:0px auto 0px auto;
	padding:0;
	overflow:hidden;
	background:url(../dx/bg.jpg/$file/bg.jpg) repeat-y #fff;
	text-align:left;
min-height:700px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html #wrapper {
height: 100%;
}
h3{
font-size:.9em;
}
/* ------- header treatments ------- */
h2{
margin:0; padding:0;
 color: #23598d;
 font-size: 13px;
}
/**/
/* ------------------------the following styles control the banner --------------------------------------------------------------------------------------- */
/* this sets the color, width and height of the banner */
#banner
{
 padding:5px 5px 5px 10px;
	background-color:#FFFFFF;
	margin-left:10px;
 margin-right:10px;
 border-bottom: 1px solid black
	width:790px;
	\\height:40px;
}
/* this controls the name in the banner */
#banner h1
{
	font-size:1.5em;
	font-family:verdana;
	font-weight:normal;
	color:BLACK;
	padding:0;
	margin:0;
}
/* this controls the description and links in the banner */
#banner p
{
	font-size:1.2em;
	font-family:Arial;
	font-weight:normal;
	color:BLACK;
	padding:0;
	margin:0;
	line-height:1.5em;
}
/* this gets rid of the underline on the links in the banner and controls the spacing between the links */
#banner h1 a
{
	font-family: Arial;
  font-size: 20px;
  color: #343A58;
  text-decoration: none;
  font-weight: normal;
}
/* ------------------------the following creates the bar at the bottom of the header ----------------------------------------------------------------------------------- */
#bannerbackdiv
{
	background:url(../dx/header.jpg/$file/header.jpg) repeat-x;
  background-color:#FFFFFF;
  margin:10px;
	width:780px;
	height:100px;
  border-bottom: 1px solid #666;
  border-top: 1px solid #666;
}
/* ------------------------the following styles control the page content area ----------------------------------------------------------------------------------- */
/* for good measure, this sets the background color of the entire content area */
#content
{
background-color:#FFFFFF;
clear:both;
}
/* ------------------------the following styles control the side navigation ------------------------------------------------------------------------------------ */
/* this sets the color, width, height and position of the side navigation */
#sidenavigation
{
	background-color:white;
 margin-left: 10px;
	float:left;
	width:180px;
 height:600px;
	clear:
}
/* this controls the positioning of the page navigation menu in the side navigation */
#pagenavigation
{
	margin-top:10px;
	padding:0;
}
/* this sets the style for the selected page in the page navigation menu */
.selected
{
	text-decoration:none;
	font-weight:regular;
	color:#000000;
	background-color:#FFFFFF;
}
/* ------------------------the following styles control the main content areas of the component -------------------------------------------------------------------- */
/* this sets the postion and creates the right side border for the first column of page content */
#maincontent
{
  background-color:#FFFFFF;
  float:left;
  margin-left:10px;
  width:550px;
}
/* this sets the style for the page description */
/* ------------------------the following styles control the footer ----------------------------------------------------------------------------------------------------- */
/* this sets the color, height, width and font-size for the footer */
#footer
{
 background-color:White;
 border-top: solid 1px #666;
 border-bottom: solid 1px #666;
 font-size:9px;
	color:#7D7D7D;
 margin-left:10px;
 margin-bottom: 0px;
 height:20px;
	line-height:20px;
 clear:both;
 width:780px;
 padding:0;
	overflow:hidden;
	position: relative;
 text-align: center;
}
/* this gets rid of the underline, sets the color and controls the spacing of the links in the footer */
#footer a
{
	text-decoration:none;
	color:#7D7D7D;
}
/* this controls the hover behavior of the links in the footer */
#footer a:hover
{
	color:#000000;
}
/* this enables tabbing between the links in the footer */
#footer a:focus
{
	color:#000000;
}
/* ----------------------------------------New Classes for Menu Blocks in Left Hand Side ---------------------------------------------------------*/
.menublock
{
 \\font: 80% Arial;
  margin:0px 5px 0px 0px; 
  background:#fff;
  border:1px solid #666; 
  line-height:30px;
  vertical-align:middle;
}
.menublock h2
{
  border-bottom: 1px dashed #666;
  padding:3px 0px 3px 0px;
  background-color: #f5f5f5;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-align: left;
	text-indent: 15px;
  text-transform: uppercase;
  line-height: 20px;
}
a.menublocka:link, a.menublocka:hover, a.menublocka:visited
{
  color: #3D4E6D;
  background: none;
  font-weight: bold;
  font-size :12px;
  text-decoration:none;
  text-align: left;
  padding-left: 15px;
  \\margin-left: 20px
  padding-top: 5px;
  vertical-align: middle;
\\  text-indent: 15px;
}
a.menublocka:hover
{
  color: #FF9900;
}
/* ----------------------------------------New Classes for Latest News Block  ---------------------------------------------------------*/
.latestnews
{
  margin:0px 5px 0px 0px; 
  background:#fff;
  border:1px solid #666; 
  vertical-align:middle;
}
.latestnews h2
{
  border-bottom: 1px dashed #666;
  padding:3px 0px 3px 0px;
  background-color: #f5f5f5;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  text-align: left;
  text-indent: 15px;
  text-transform: uppercase;
  line-height: 20px;
}
.latestnews li
{
  font-size: 10px;
  color: Red;
  background: none;
  font-weight: normal;
  text-decoration:none;
  text-align: left;
  margin-left: 15px;
\\  padding-left: 5x;
}
.latestnews a:link
{
 font-size: 11px;
 background: none;
 font-weight: normal;
 text-decoration:none;
 text-align: left;
 margin-left: 15px;
 text-indent: 5px;
 color: #23598d;
}
.latestnews a:visited
{
 font-size: 11px;
 background: none;
 font-weight: normal;
 text-decoration:none;
 text-align: left;
 margin-left: 15px;
 text-indent: 5px;
 color: #23598d;
}
.latestnews a:hover
{
 font-size: 11px;
 background: none;
 font-weight: normal;
 text-decoration:none;
 text-align: left;
 margin-left: 15px;
 text-indent: 5px;
color: #FF9900;
}
/* ----------------------------------------New Classes for Content Area ---------------------------------------------------------*/
/* ----below added by sc 5/1/07------ */
.contentarea
{
margin-top:0px;
margin-bottom:20px;
}
.contentarea li
{
margin: 10px 10px 10px 10px
}
.contentarea a, .contentarea p a
{
 color: #000000;
text-decoration:underline;
/* text-indent: 15px; */
}
.contentarea a:hover
{
color: #FF9900;
}
.contentarea p
{
margin-left:0px;
margin-right: 0px;
}
.contentarea h2
{
margin:5px 5px 5px 0;
 color: #23598d;
 font-size:13px; 
 font-weight:bold;
 text-transform:uppercase;
 text-decoration:none;
}
.contentarea h2 a, .contentarea h2 a:link, .contentarea h2 a:hover, .contentarea h2 visited
{
 color: #23598d;
  background: none;
  font-weight: bold;
  text-decoration:none;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
   vertical-align: middle;
}
.contentarea h2 a:hover
{
color: #FF9900;
}
/* ----------------------------------------New Classes for Case STudy Links ---------------------------------------------------------*/
.CaseStudyLinks
{
 margin-left: 25px;
}
.CaseStudyLinks li
{
  color: #23598d;
}
.CaseStudyLinks li a, .CaseStudyLinks li a:link, .CaseStudyLinks h2 a:hover, .CaseStudyLinks h2 visited
{
 color: #23598d;
  background: none;
  font-weight: normal;
  text-decoration:none;
  text-align: left;
  padding-left: 5px;
  padding-top: 5px;
}
.archivefooter
{
  font-size: 10px;
  color: #3D4E6D;
 text-align:right;
}
.portlet-content	{padding:.5em 10px;}
/* Hides from IE-mac \*/
* html .portlet-content {height: 1%;}
/* End hide from IE-mac */
.searchcounter, .searchquery{
font-weight:bold;
}