html,body {
margin: 0;
padding: 0;
height: 100%; /* for container min-height */
font-family: Arial, Sans-serif;
font-size: 1.0em;
color: #000000;
background: #cccccc;
}

A	{
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}
A:link	{
		color:	#000066;
		}
A:active	{
			color:	#000066;
			}		
A:visited	{
			color:	#000066;
			}		
A:hover	{
		color: #cc0000;
		}
		
A IMG	{
		border-style: none;
		}
		
CAPTION	{
	font-size: 1.25em;
	font-weight: bold;
	text-align: left;
	}
TH	{
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
	}
/* for internet explorer */
* html th {
  font-size: 0.8em;
  }	
TD	{
	vertical-align: top;
	font-size: 1.0em;
	}
/* for internet explorer */
* html td {
  font-size: 0.8em;
  }
  
div.myContainer {
font-size: 0.8em;
position: relative; /* for footer positioning */
width: 100%;
background: #ffffff;
height: auto !important; /* real browsers */
height: 100%; /* IE6 min-height*/
min-height: 100%; /* proper browsers */
}

div#top {
width: 100%;
text-align: center;
background: #000000;
}

IMG {
 border-style: solid;
 border-width: 10px;
 border-color: #ffffff;
}

 /* tabs */
 
div#tabs	
{
clear: both;
height: 1.25em;
width: 100%;
background: #ff6600;
margin-top: 0.0em;
}

#tabs ul
{
list-style: none;
padding: 0;
margin: 0;
}

#tabs li
{
float: left;
margin: 0;
border-style: none;
}

#tabs li a
{
height: 1.25em;
line-height: 1.25em;
float: left;
width: 8em;
display: block;
font-weight: bold;
background-color: #ff6600;
color: #ffffff;
text-decoration: none;
text-align: center;
}

/* hide from MS IE for Mac \*/
#tabs li a
{
float: none
}
/* end hide */

#tabs li a:hover {
color: #ff6600;
background: #ffffff;
}

#tabs li a.selectedTabItem, #tabs li a.selectedTabItem:hover {
color: #ff6600;
background: #ffffff;
}

 /* navigation path */
 
#navigation_path
{
margin-top: 0.25em;
float: left;
}

#navigation_path ul
{
float: left;
list-style: none;
padding: 0;
margin: 0;
}

#navigation_path li
{
float: left;
margin: 0;
border-style: none;
}

#navigation_path li a
{
height: 1.25em;
line-height: 1.25em;
float: left;
width: 12em;
display: block;
font-weight: bold;
background-color: #ffffff;
color: #666666;
text-decoration: none;
text-align: left;
}

/* hide from MS IE for Mac \*/
#navigation_path li a
{
margin-left: 0.25em;
float: none
}
/* end hide */

#navigation_path li a:hover {
color: #333333;
background: #d3d3d3;
}

#navigation_path span {
color: #000000;
font-weight: bold;
float: left;
}

#navigation_path span.selectedItem {
color: #333333;
font-weight: bold;
float: left;
}

#navigation_path span.separator {
margin-right: 0.25em;
float: left;
height: 16px;
width: 8px;
padding: 0px;
background-image: url(../images/next_01.gif);
background-repeat: no-repeat;
background-color: transparent;
}
* html #navigation_path span.separator {
}

/* back next */

#back_next
{
margin-top: 0.25em;
float: right;
}

#back_next ul
{
list-style: none;
padding: 0;
margin: 0;
}

#back_next li
{
float: left;
margin: 0;
}

.back_next a, .back_next a:visited {
  float: left;
  height: 16px;
  width: 3.0em;
  text-align: center;
  padding: 0px;
  color: #666666; 
  background: #f5f5f5; 
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  }
* html .back_next a, * html back_next a:visited {
  margin: 0 0px;			/* corrects IE border width */  
  }
.back_next a:hover {
  color: #333333; 
  background: #f5f5f5;
  }
  
.back_next span {
  float: left;
  height: 16px;
  width: 3.0em;
  text-align: center;
  padding: 0px;
  color: #cccccc;
  background: #f5f5f5; 
  font-weight: bold;
  }
  
.back_next span.next {
  height: 16px;
  width: 8px;
  padding: 0px;
  background-image: url(../images/next_01.gif);
  background-repeat: no-repeat;
  }
  
.back_next span.back {
  height: 16px;
  width: 8px;
  padding: 0px;
  background-image: url(../images/back_01.gif);
  background-repeat: no-repeat;
  }
    
.back_next span.back_off {
  height: 16px;
  width: 8px;
  padding: 0px;

  background-image: url(../images/back_01.gif);
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  }
  
.back_next span.next_off {
  height: 16px;
  width: 8px;
  padding: 0px;
  background-image: url(../images/next_01.gif);
  background-repeat: no-repeat;
  background-color: #f5f5f5;
 }
/****/

div#muddle {
clear: both;
padding: 0em 0em 1em 0em; /* bottom padding for footer */
}
div#muddle:after {
content: "";
display: block;
clear: both;
}

/* menu */

div#menu
{
margin-top: 1.0em;
float: left;
width: 18.0em;
background-color: #ffffff;
}

#menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#menu li
{
padding: 0;
}

#menu li a
{
height: 1.25em;
line-height: 1.25em;
float: left;
width: 17.5em;
display: block;
background: #ff6600;
color: #ffffff;
margin: 0.25em;
font-weight: bold;
text-decoration: none;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #ff6600;
}

/* hide from MS IE for Mac \*/
#menu li a
{
float: none;
}
/* end hide */

#menu li a:hover {
color: #ff6600;
background: #ffffff;
border-color: #ff6600;
}

#menu li a.selectedMenuItem {
color: #ff6600;
background: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
}

#menu li a.selectedMenuItem:hover {
color: #ff6600;
background: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
}


/* content */
div#content
{
background: #ffffff;
margin-left: 19.0em;
margin-right: 1.0em;
margin-top: 1.0em;
margin-bottom: 1.25em;
border-style: solid;
border-width: 0.25em;
border-color: #ffffff;
}
* html div#content
{
height: 1%;	/* to fix Microsoft Internet Explorer float bug! */
}

div#content p
{
margin-left: 0.0em;
}

div#content h1
{
font-size: 2.0em;
}
div#content  h2
{
font-size: 1.75em;
}
div#content h3
{
font-size: 1.5em;
margin: 0.0em;
}
div#content h4
{
font-size: 1.25em;
margin: 0.0em;
}
div#content h5
{
font-size: 1.0em;
margin: 0.0em;
}
div#content h6
{
font-size: 0.75em;
margin: 0.0em;
}

div#bottom {
position: absolute;
width: 100%;
bottom: 0;
clear: both;
background: #ff6600;
color: #ffffff;
text-align: center;
font-size: 0.75em;
}

/* site map */

div#map {
	text-align: center;
}

ul.map {
list-style: none;
margin-left: 1.0em;
}
li.map {
margin: 0.25em;
}

ul.mapTabs {
list-style: none;
}
ul.mapTabs li {
	margin: 0.2em;
	float: left;
}

ul.mapData {
list-style: none;
}
ul.mapData li {
	margin: 0.2em;
	float: none;
}

	
A.map, A.map:visited {width: 6.0em; background:#cccccc; color: #666666; font-weight: bold; margin: 0.0em; text-decoration: none; text-align: left;}
  
A.map:hover {background:#666666; color:#cccccc;}

div.links td	{
				vertical-align: top;
				}
/* for internet explorer */
* html div.links td {
  font-size: 0.8em;
  }