/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
     
     
}
html
{
	
	
}
form
{
	
	
	
}
#mainForm
{
	
	
	
}

#mainCopy
{
	
	
	
}


* html #mainCopy
{
	
	
	
}


body
{
	
	margin:0; 
	padding:0; 
	
	 /* this is the key! */ 
	text-align:center;
	background-color:#848484;
	background-image:url(Images/bg_tile.gif);
	background-repeat:repeat;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.78em; 
} 




h1, h2, h3, h4, h5, h6 {color:#444444;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	margin-top:1em;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
	margin-top:1em;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}

p  {margin: 1em 0;
	width: 380px;
}

li
{
	font-size: 0.9em;
}

a
{
	text-decoration: underline;
	font-size: x-small;
}

a:hover {text-decoration:none;}

#wrapper{
	width:90%;
	text-align:left;
	
	
	/**min-height: 1024px;**/
	/**background-color:#E4E4E4;**/
	/**background-image:url(Images/main_bg.png);**/
	/**background-repeat:repeat-y;
	background-position:top center;
	margin:0 auto;**/
	/**padding-bottom:3px;**/
	border:1px solid #FFFFFF;
	text-align:left;
	background-color:#E4E4E4;
	/**background-image:url(Images/main_bg.png);/*/
	background-repeat:repeat-y;
	background-position:top center;
	
}
* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 772px;
	wid\th: 770px;
	
	
}
img.bg {
			/* Set rules to fill background */
			/*min-height: 100%;
			min-width: 1024px;*/
			
			/* Set up proportionate scaling */
			width: 100%;
			height: 70px;
			
			/* Set up positioning */
			position: relative;
			top: 0;
			/*left: 0;*/
		}
img.bgright 
{
			/* Set rules to fill background */
			/*min-height: 100%;
			min-width: 1024px;*/
			
			/* Set up proportionate scaling */
			width: 100%;
			height: 20px;
			
			
			/* Set up positioning */
			position: relative;
			top: 0;
	
}
#header
{
	height: 70px;
	position: relative; /**background-image:url(Images/header_bg.png);
	background-repeat:repeat-x;
	background-color:#F2F2F2;**/
	/**background-image: url('Images/devarticles-bckgtit.gif');
	width: 100%;
	background-repeat: repeat-y;*/
}
#logo
{
	position: absolute;
	top: 0px;
	left: 5%;
	
}

#banner{
	margin:0 152px;
	text-align:center;
}
#search{
	position:absolute;
	bottom:5px;
	right:5px;
}
#flags{
	position:absolute;
	bottom:45px;
	right:5px;
}
#mainnav {
	padding:0 150px;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FC506F;	
	background-color:#F2F2F2;
}

* html #mainnav tr {height:1.4em;}

#mainnav .item {
	padding:2px 7px;
	border-width:1px 0 0 1px; 
	border-style:solid; 
	border-color:#FFFFFF;
	background-color:#DADADA; 
	color:#333333; 
}

* html #mainnav .item {padding:0 20px;}

#mainnav .selected {
	background-color:#FF9900; 
	color:#FFFFFF;
}
#mainnav .hover {
	color:#FF284E; 
	background-color:#DADADA;
}

#mainnav table {border-right:1px solid #FFFFFF;}

#mainnav table table {border-right:none;}

#contentwrapper{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	/*margin-left: 150px;    /*** Critical left col dimension value ***/
	/**width: 468px; /*468px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	
	
	/**background-color:#F2F2F2;**/
	
	/**min-height: 1024px;
	/**border-left: 1px solid #FFFFFF;  /*** Critical left divider dimension value ***/
	/**border-right: 1px solid #FFFFFF;**/
	top: 0px;
	left: 0px;
	/**bottom:0px;**/
}

* html #contentwrapper {  /*** IE5.x/win box model fix ***/
	width: 90%;   /*** width: 470px; Critical left and right col/divider dimension value (moves inversly) ***/
	   /*** wid\th: 468px;  Critical left and right col/divider dimension value (moves inversly) ***/
	  
	
	
}
#floatwrapper {
	float: left;
	width: 80%;   /***width: 468px; Critical left and right col/divider dimension value (moves inversly) ***/
	
	
	
	/**margin:1px 5px;	/**margin-right: -1px;   /***  	margin-right: -1px;Static fix ***/
	/**overflow:auto;**/
	}
	

#centercolumn{
	float: right;
	width: 75%;   /*** width: 468px; Critical left and right col/divider dimension value (moves inversly) ***/
	 
	
	/* \*/
	margin-left: -1px; 
	/* Hidden from IE-mac */ 
	background-color:#F2F2F2;
	padding-top:30px;
	
	 
}

* html #centercolumn{
	float: right;
	width: 75%;   /*** width: 468px; Critical left and right col/divider dimension value (moves inversly) ***/
	 
	
	/* \*/
	margin-left: -1px; 
	/* Hidden from IE-mac */ 
	background-color:#F2F2F2;
	padding-top:30px;
	
	 
}

#breadcrumbs{
	position:absolute;
	top:5px;
	left:25px;
	font-size:0.9em;
}
#breadcrumbs a {
	color:#000000;
	text-decoration:underline;
}

#breadcrumbs a:hover {text-decoration:none;}

#copy a {color:#FF284E;}

#copy .container {
	margin:5px;
	padding:0 20px 15px;
	border:1px solid #999999;
	background:transparent;
	min-height: 100%;
	height: 100%;
	background-color:White;
	overflow:auto;
}

/* \*/
* html #copy .container 
{
	background:transparent;
	
    min-height: 100%;                  
                }
/* */

#copy img, #rightcolumn img {border:1px solid #FF284E !important;
	width: 14px;
	height: 14px;
}

#copy .teaser{
	margin-top:0;
	width: 100%;
	color:#777777; 
	font-size:0.9em; 
	font-weight:normal;
}
#copy .maincont
{
	margin-top: 0;
	width: 100%;
	
	
	color: #000000;
	font-size: 0.9em;
	font-weight: normal;
}

#copy .requestcont
{
	margin-top: 0;
	color: #444444;
	width: 100%;
	font-size: 0.7em;
	font-weight: normal;
}

#copy td, #copy th {padding: 0.2em 0.5em;}

#copy .container table tr {font-size:0.9em;}

.txtBox {border:1px solid #666666;}

#copy fieldset {	
	margin:1em 0;
	padding:1em;
	border:1px solid #CCCCCC;
}

#copy legend {
	color:#666666;
	background-color:#FFFFFF;
}

* html #copy legend {padding:0.5em;}

.button {
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    background-color:#FF9900;
    font-size:1em;
}
.selectedLink				  
{ 
	background-color: #99ccff; 
	border:solid 1px #ffffff; 
}

#copy .container .button {border-color:#CCCCCC;}

a.leftMenu 					  { color: #000000;
								text-decoration: none;
								padding: 4px; }
/*
a.leftMenu:hover 			  { color: #FFFFFF;
								text-decoration: none; }
*/
a.leftMenu:visited 			  { color: #000000;
								text-decoration: none; }

a.leftMenuSelected			  { color: #000000;
								text-decoration: none;
								padding: 4px;
								cursor: default; }

a.leftMenuSelected:hover 	  { color: #000000;
								text-decoration: none; }

a.leftMenuSelected:visited 	  { color: #000000;
								text-decoration: none; }

div.readmore
{
	text-align: right;
	font-size: 0.8em;
}
div.logo
{
	text-align: center;
	font-size: 0.9em;
	vertical-align: top;
}


#leftcolumn
{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 25%; /*** 	width: 152px;   Critical left col/divider dimension value ***/
	margin-left: 0px;
	 
	
	/**overflow:auto;*/
	
}
* html #leftcolumn {
	float:left;	
	padding-top:25px;
	
	
	/**overflow:auto;*/
}

*>html #leftcolumn {width:151px;}   /*** Fix only for IE/Mac ***/

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #leftcolumn {margin-right: -3px;}
/* */

#leftcolcontainer{
	width: 150px;   /***  width: 150px; *** Critical left col dimension value ***/
	
	
}

#subnav {
	overflow:hidden;
	/**margin-bottom:40px;**/
	margin-left:2px;
}

* html #subnav tr {height:1.4em;}

#subnav .item
{
	 padding: 2px 7px;
	border-top: 1px solid #FFFFFF;
	background-color: #E4E4E4;
	color: #333333;
	font-size: 8pt;
	
}


* html #subnav .item {padding:0 20px;}

#subnav .selected {
	background-color:#FF9900; 
	color:#FFFFFF;
}
#subnav .hover {
	color:#FF284E; 
	background-color:#E4E4E4;
}

#subnav table {border-bottom:1px solid #FFFFFF;}

#subnav table table {border-bottom:none;}

h4 img {margin-bottom:-0.5em;}
/* \*
#rightcolumn{
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	/* \*
	width: 152px;    /*** Critical right col/divider dimension value ***/
/* \*	
	margin-right: -150px;    /*** Critical right col/divider dimension value ***/
/* \*
	
	margin-left: -1px;   /*** Static fix ***/
	/* \*
	padding-top:30px;
}

/* \*/
#rightcolumn
{
	margin-left: 0px; /**margin-right: -500px; /**margin-right: -500px; **/ /**margin-right: -200px; /**margin-right: -200px; **/
	padding-top: 10px; /**padding-top:25px; **/
	width: 18%; /**width: 546px;**/
	margin: 1px 5px;
	
	/**overflow: auto;**/
	
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/

#rightcolcontainer{
	/* \*/
	width: 98%; /** width: 150px; **/
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
	 
	
	overflow:auto;
	
	
	
}

/* \*/
* html #rightcolcontainer {
	fl\oat: right;
	margin-left: 2px; 
	mar\gin-left: 0px; 
	 
	
	overflow:auto;
	
}
/* */

.sidebarcontainer
{
	/**margin: 5px;
	padding: 6px; **/
	border: 1px solid #FFFFFF;
	background-color: #EFEFEF;
	font-size: smaller;
	top: 0px;
	
	
	overflow:auto;
	
}

* html .sidebarcontainer
{
	/**margin: 5px;
	padding: 6px; **/
	border: 1px solid #FFFFFF;
	background-color: #EFEFEF;
	font-size: smaller;
	top: 0px;
	
	
	overflow:auto;
	
}

.sidebarcontainerl
{
	/**margin: 5px;
	padding: 6px; **/
	
	background-color: #EFEFEF;
	/**font-size: smaller;*/
	top: 0px;
	text-align: right;
	border: 1px solid #FFFFFF;
	background-color: #EFEFEF;
	font-size: smaller;
	top: 0px;
	
	
}
/* \*/
* html .sidebarcontainer {}
/* */


.sidebarcontainer a
{
	color: #FF284E;
	text-align: right;
}

.sidebarcontainerl a
{
	color: #FF284E;
	text-align: right;
}


.sidebarcontainer li {list-style-type:none;}


#footer
{
	/**clear: both;**/ /**margin: 1px 5px;**/ /**padding: 2px 20px;**/
	/**border: 1px solid #999999;**/
	background-color: #E4E4E4;
	font-size: 0.9em;
	text-align: center;
	vertical-align: bottom;
	
}
#footer a {
	/**margin:1px 5px;**/
	/**color:#FF284E;**/
	
}
.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}
@media print {	
	body{
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;
	}	
	#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn {
		width:auto !important;
		margin:auto !important;
		
		/**height: 100%;**/
		/**min-height: 100%;**/
	}

	#wrapper, #floatwrapper, #rightcolumn,#contentwrapper,* html #wrapper, * html #floatwrapper, * html #rightcolumn,*html #contentwrapper
	{
		
		
		
		background-color:#E4E4E4;
	}

	#mainnav{
		padding:0;
		text-align:center;
		border-bottom:1px solid #FFFFFF;
		border-top:1px solid #FC506F;	
		background-color:#F2F2F2;
	}

	#leftcolumn, #rightcolumn, #search {display:none;}
 #header, #mainnav, #mainnav .item, #mainnav .selected,#footer {
		background:transparent;
	}
		

	#breadcrumbs {position:static;}

		
	
    #copy fieldset {border:none;}	
	    
	#footer
	{
		/**position:static;**/
		border-style: none !important;
		/**border-top: 1px solid #000000;**/
		/**background-image: url('Images/devarticles-bckgtit.gif');**/
	}
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber
{
	background-color: #FFFFFF;
}
.tabberlive
{
	margin-top: 1em;
	background-color: #FFFFFF;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
	background-position: #FFCC66;
	color: #000;
	background: #FFCC66;
	border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab
{
	padding: 5px;
	border: 1px solid #aaa;
	border-top: 0;
	background-color: #FFFFFF;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}