body{ text-align:center; background-color:#FFFFE3; }

#outerWrapper{ min-width:800px; max-width:1020px; /*width: 98%; */  margin:0 auto; border-left:1px solid #DCDCDC; border-right:1px solid #DCDCDC;   }

* html #outerWrapper {
    width:expression(document.body.clientWidth < 801? "800px" :    
    document.body.clientWidth > 1020? "1020px" : "auto");
   } 

#innerWrapper{ text-align:left; background-color:#FFFFFF; }

#header{
	margin:0; 
	padding:0; 
	height: 136px; 
	width:100%; 
	background:url(../images/structure/portal_banner2.jpg) bottom left no-repeat;
	border-bottom:1px solid #999999;}
	
/*\*/html>body #header	{height:auto; min-height:136px ; overflow:hidden;}/**/

#strategy_header{
	background:url(../images/structure/Strategy_banner2.jpg) bottom left no-repeat;
	margin:0; 
	padding:0; 
	height: 136px; 
	width:100%;
	border-bottom:1px solid #999999; }
	
/*\*/html>body #strategy_header{height:auto; min-height:136px ; overflow:hidden;}/**/
	
#engagement_header{
	background:url(../images/structure/Engagement_banner2.jpg) bottom left no-repeat; 
	margin:0; 
	padding:0; 
	height: 136px; 
	width:100%; 
	border-bottom:1px solid #999999;}
	
/*\*/html>body #engagement_header	{height:auto; min-height:136px ; overflow:hidden;}/**/

#events_header{
	background:url(../images/structure/events_banner2.jpg) bottom left no-repeat; 
	margin:0; 
	padding:0; 
	height: 136px; 
	width:100%; 
	border-bottom:1px solid #999999;}
	
/*\*/html>body #events_header	{height:auto; min-height:136px ; overflow:hidden;}/**/

#header h1, #strategy_header h1, #engagement_header h1, #events_header h1{
margin:85px 0 0 23px;
color:#fff;
float:left;
width:300px;
font-size:1.4em;
display:inline;
}



#header h1.black, #strategy_header h1.black, #engagement_header h1.black, #events_header h1.black  { color:#000; font-size:0.01em;}

#header p, #strategy_header p, #engagement_header p, #events_header p	{margin:0;  }
#header p a, #strategy_header p a, #engagement_header p a, #events_header p a{  
	display:block; 
	height:80px; 
	width:400px; 
	margin-top:15px; 
	color: #000; 
	float:left; 
	/*font-size:0.01em;*/
	margin-left:-300px;
}
/*\*/html>body #header p a, #strategy_header p a, #engagement_header p a, #events_header p a{height:auto; min-height:80px ; overflow:hidden;}/**/

#header p a span, #strategy_header p a span, #engagement_header p a span, #events_header p a span, #events_header p a span{ position:absolute; left:-999px }

#events_header p a { margin-left:-322px; font-size:0.75em }


#header p a:visited, #header p a:hover, 
#strategy_header p a:visited, #strategy_header p a:hover, 
#engagement_header p a:visited, #engagement_header p a:hover, 
#events_header p a:visited, #events_header p a:hover{color:#000}

.logo					{	margin:0; padding:0; /*width:91px;*/ width:231px;  float:right; }
/*\*/html>body .logo	{ height:auto; min-height:115px; overflow:hidden;  }/**/

.logo .DSTLLogo
{
	float:left;
	margin:65px 20px 0 0;
}

#contentwrapper{
	float: left;
	width: 100%;
	position:relative;
	background: url(../images/structure/rightColBackground.gif) repeat-y top right;
	border-top:1px solid #999999;
	border-bottom:1px solid #B2B2CC;}

#contentwrapper:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}


/*************Two Column Layout**********************/
#leftcolumn {
  float:left;
  width: 0px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
}
* html div#leftcolumn  {margin-left: 0;}

#contentcolumn{
  color: #000;
  float:left;
  width: 100%; 
  text-align:left;
  margin-right: -95%; 
}


* html #contentcolumn {margin-right: -100%;}

#contentcolumnPad{margin: 0 185px 0 0px; display:inline-block; padding:10px 20px 0 20px; }
#contentcolumnPad{display: block;}
#rightcolumn{  float:right; width:193px; }

/***************Three Column Layout*************************/
#columnWrapper{ 
	float: left; 
	width: 100%; 
	position:relative; 
	height:200px;
	background: url(../images/structure/leftColBG.gif) repeat-y top left; }
	
html>body #columnWrapper	{height:auto; min-height:200px; overflow:hidden;}

#columnWrapper:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;}

#centerPad{margin: 0 200px; display: inline-block; padding:0 20px 20px 20px;  }
#centerPad {display: block; /* SWITCH back the display */}
#center {
	float:left;
	width: 100%; 
	margin-right: -95%;
	height:250px;}

html>body #center{ height:auto; min-height:250px; overflow:hidden;}

* html div#center {margin-right: -100%;}

#left{	float:left; width: 200px; margin-left: -5%; height:100px; background:#E6E6EF; }
html>body #left{ height:auto; min-height:100px; overflow:hidden;}
* html div#left {margin-left: 0; }

#right{	float: right; width: 193px;  /*position:absolute; */ }
/*****************2 column right wide************************************/
#rightCol {
  float:right;
  width: 0px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
}
* html div#rightCol  {margin-left: 0;}

#Widecolumn{
  	color: #000;
 	float:right;
 	width: 100%; 
 	text-align:left;
  	margin-left: -95%;
	/*background:url(../images/structure/leftColBG.gif) top left repeat-y ;*/

}
* html #Widecolumn {margin-left: -100%;}



#WidecolumnPad{	margin: 0 0px 20px 200px; display:inline-block;  padding:0 20px 0 20px;   }
#WidecolumnPad{	display: block;}
#Widecolumn h2{ border-bottom:1px solid #ACACB7; padding-bottom:5px; margin-bottom:10px;}
#leftcol{
  float:left;
  width: 200px; }


/*------------------- Full width - No left/right column - used for pop window ------------------*/


#FullWidth #outerWrapper{width:800px; margin:15px auto;}
#FullWidth #innerWrapper{border-bottom:1px solid #DCDCDC; padding-bottom:20px;}
#FullWidth #engagement_header{	height: 100px; }
	
/*\*/html>body #FullWidth #engagement_header	{height:auto; min-height:100px ; overflow:hidden;}/**/


#FullWidth h2{	margin:10px 0 10px 0; padding:0; font-size:1.5em; text-align:center;}


/*Portal Navigation*/

#portalNav	{  margin:2px 0 2px 0; padding: 0; width:100%; height:2.9em; background-color:#000033; }

.search{
	float:left;  
	/*width:16.7em;*/
	width:200px;
	background: #525270 url(../images/structure/search_lozenge_left.gif) top left no-repeat;
	margin:0;
	height:2.9em; }
	
.SearchBackground	{	
	background: #525270 url(../images/structure/search_lozenge_repeat.gif) top right no-repeat; 
	margin-left:21px;
	height:2.9em;
}

.search form{ }
.search input			{	border:0;}
.button					{	vertical-align:middle; }
.search input.lozenge	{	font-size:0.9em; margin:0; padding:1px; /*width:9em;*/ width:90px; background-color:#FFF; margin-top:8px; }
.search label			{ 	font-size:0.9em;color:#FFFFFF; font-weight:bold; vertical-align:middle; }	


#globalnav		{	float:left; /*width:700px;*/ width:75%; background-color:#000033;  }
#globalnav ul	{	margin:5px 0 0 15px; padding:0;width:100%;}
#globalnav li	{	float:left; list-style-type:none; font-weight:bold;margin-right:4.5%;width:21.5%;line-height:2.1em;}
.arrow			{	background:url(../images/structure/arrow.gif) top right no-repeat; padding:0 17px 2px 0;}
#globalnav li.last {margin:0 !important;}
#globalnav li a	{
	color:#fff; 
	text-align:center;	
	height:26px; 
	display:block;	
	padding:0; 
	text-decoration:none;
	background:url(../images/structure/topnav_topright.gif) top right no-repeat;}
	
#globalnav li a span.bgd{background:url(../images/structure/topnav_topleft.gif) top left no-repeat;	display:block; height:26px;}
#globalnav li a:hover, #globalnav li.globalActive a {color:#fff; text-align:center; height:26px; display:block; background:url(../images/structure/topnav_topright_active.gif) top right no-repeat; cursor:pointer; 
	}
	
#globalnav li a:hover span.bgd, #globalnav li.globalActive a span.bgd {background:url(../images/structure/topnav_topleft_active.gif) top left no-repeat; display:block; height:26px; }
#globalnav li.active a				{		
	color:#fff;
	text-align:center;
	height:26px; 
	display:block;
	padding:0;
	text-decoration:none;
	background:url(../images/structure/topnav_topright_active.gif) top right no-repeat;}

#globalnav li.active a span.bgd	{background:url(../images/structure/topnav_topleft_active.gif) top left no-repeat; display:block; height:26px;}
	
/*Search*/	




/*Top Navigation*/

.topnav{
margin:0;
padding:0;
width:100%;
font-size:0.9em;
color:#FFF;
height:1.7em;
background-color:#000;

}

.topnav ul				{	list-style-type:none; margin:0 5px 0 0; padding:3px 0 0 0; float:right; }
html>body .topnav ul	{	margin:0 20px 0 0}
.topnav li				{	float:left; margin:0; padding:0 6px 0 5px ; background:url(../images/structure/separator.gif) bottom right no-repeat;  }
.topnav li a			{	color:#FFF; font-weight:bold; padding:0 0px 0 0px; text-decoration:none; }/*change 6/5*/
.topnav li a:hover		{	text-decoration:underline; color:#FFF}
.topnav li a:visited	{	color:#FFF;}
.topnav li.remove	{	padding-right:0px;}


.topnav ul.homelinks				{ margin:0 0 0 10px; padding:3px 0 0 0; float:left;  }
html>body .topnav ul.homelinks		{ margin:0 0 0 20px;}
.topnav ul.homelinks li				{ background-image:none; margin-right:10px;}
.topnav ul.homelinks li	a			{ font-weight:normal}
.topnav ul.homelinks li	a:hover 	{ color:#FAA308; text-decoration:underline}
.topnav ul.homelinks li	span		{ margin:0; padding:0}






/*Breadcrumbs*/

#breadcrumbs		{	width:100%;font-size:0.8em;  }
#breadcrumbs ul		{	margin:5px 0 10px 0; padding:0; list-style-type:none;}
#breadcrumbs ul li{
	background:none;
	margin:0 0 0 2px; 
	padding:0 8px 0 0px; 
	display:inline; 
	background:url(../images/structure/breadcrumb.gif) 100% 60% no-repeat;}
	
html>body #breadcrumbs ul li		{	padding:0 7px 0 0; margin-right:2px		}
html>/**/body #breadcrumbs ul li	{	padding:0 10px 0 0;	margin-right:0px}

#breadcrumbs li a{color:#666666; text-decoration:none; font-weight:normal }
#breadcrumbs li a:hover{ text-decoration:underline}
#breadcrumbs li.selected{ background:none}
#breadcrumbs li.selected a{  color:#000; }

/*footer*/
#footer{
clear:both;
width:100%;
height:40px;
background-color:#DCDCDC;
color: #000;
font-size:0.8em;
}

/*\*/html>body #footer { height:auto; min-height:40px; overflow:hidden;}/**/

#footer ul{ list-style-type:none; margin:0 0 0 10px; padding:15px 0 10px 0; float:left}
html>body #footer ul { width:70%;}

#footer li{ margin:0; padding:0 6px 0 6px;float:left; background:url(../images/structure/black_separator.gif) bottom right no-repeat; }
#footer li a{margin:0; padding:0 0 0 0px; text-decoration:none; font-weight:normal; color:#000;}
#footer li a:hover{ text-decoration:underline}
#footer li.remove, .topnav li.remove, .smallImage.remove{ background:none;}

#footer .copyright{width:20%;  float:right;  text-align:right; margin:0 20px 0 0; padding:10px 0 0 0; }
html>body #footer .copyright{}



#footer .copyright p{  font-size:0.9em; line-height:1em; }
#footer .copyright p a{ color:#999999; text-decoration:none; font-weight:normal  }
#footer .copyright p a:hover{text-decoration:underline}

.accessibleLink		{ position:absolute; top:-1000px;}