@charset "utf-8";
/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; color: #333;
}
.supercontainer #container {
	position: relative; background: #fff; margin: 0 auto; text-align: left; overflow: hidden;
} 

.supercontainer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 1.8;
}
.supercontainer #header { 
	height: 160px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.supercontainer #header p {
	display: none;
}

.supercontainer #header h5 {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #0082b3;
	text-align: left;
	vertical-align: top;
	position: absolute;
	top: 3px;
	padding-top: 0px;
	padding-left: 20px;
}
.top {
	display: none;
}

.supercontainer #header h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0082b3;
	text-align: right;
	vertical-align: baseline;
	position: absolute;
	top: 10px;
	right: 50px;
	border: none;
	display: none;
}

.supercontainer #header hr {
	color: #0082b3;
	position: absolute;
	top: 170px;
	width: 100%;
}

.supercontainer #header a hover{ text-decoration:underline; color: #000000; }
.supercontainer #header a{ color: #000000; }


.supercontainer #sidebar1 {
	display: none;
}

.supercontainer #sidebar2 {
	display: none;
}

.supercontainer #mainContent {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.supercontainer #mainContent  h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #333;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}

.supercontainer #mainContent  h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0082b3;
	padding-top:0px;
	margin-top:0px;
	font-weight:bold;
	padding-top: 20px;
	padding-top: 10px;
}

.supercontainer #mainContent  hr {
	color:#CCCCCC;
	width:inherit;
	height:
}

.supercontainer #mainContent  p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 1.8;
}

.supercontainer #mainContent  ul, li, td, th, dt, dd {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
}



  dl.tablestyle1 {
    padding: 0.5em;
  }
  dl.tablestyle1 dt {
    float: left;
    clear: left;
    width: 150px;
    text-align: right;
    font-weight: bold;
	clear: left;
  }
  dl.tablestyle1 dd {
    margin: 0 0 0 160px;
    padding: 0 0 0.5em 0;
	clear: right;
  }

* html .tablestyle1 dd {
	float: none;
	margin-left: 25%;}
	


  dl.tablestyle3 {
    border: 0px solid #ccc;
    padding: 0.5em;
  }
  dl.tablestyle3 dt {
    float: left;
    clear: left;
    width: 150px;
    text-align: right;
    font-weight: bold;
	clear: left;
  }

  dl.tablestyle3 dd {
    margin: 0 0 0 160px;
    padding: 0 0 0.5em 0;
	clear: right;
  }

* html .tablestyle3 dd {
	float: none;
	margin-left: 25%;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.language {
	display: none;}

.search {
	display: none;
}

img 
{
	border: 0;
	top: 0px;
}

.rightaligned {
	border: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	float:right;
}

.leftaligned {
	border: 0;
	padding: 3px;
	float: left;
}

.orange {
	color: ff9900;
}
/* Link styles */
a { color: #0082b3;  text-decoration:none;}
a:hover { text-decoration:underline; }
a:link{ }
a:visited{ color: #003366; }
a:active {color: #0082b3; }


/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	list-style-type: none;
	font-size: 70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	position:absolute;
	top: 130px;
	left: 0px;
	font-weight: bold;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	width: 85px;
	hight: 31px;
	float: left;
	text-decoration: none;
	color:#ccc;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2BAFE1;

}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	color: #ccc;
	width: auto;
	hight: 31px;
	float: left;
	padding: 10px;
	height: 25px;
	text-decoration: none;

}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	text-decoration: underline;	
	background-image:url(/extra/countryaction/includes/images/bg_tab0.gif);
}


/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}


[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.supercontainer #sidebar1 { width: 180px; }
.supercontainer #sidebar2 {
	width: 150px;
}

<![endif]