/* Layout */

body
{
   background-image: url(images/EMS_bodyBG.gif);
   background-color: #D7D4BB;
   text-align: center;  /* to force IE to center the page */
}

#pageContainer /* wraps a border around everything and controls centering */
{
   border-width: 2px;
   border-color: #B4BD97;
   border-style: solid;
   width: 780px;
   margin-left: auto;   /* center the page (in non-IE browsers) */
   margin-right: auto;
   text-align: left;  /* to counteract the body's text centering */
}

#contentContainer
{
   padding: 24px 8px 16px 16px;
   background-color: #fbfbfb;
   background-repeat: no-repeat;
   background-position: top right;
}

#pageContent
{
   /* width: 75%;  needed only if right menus are used */
   margin-right: 3em;  /* narrows the text for more readability.  Increase if there is extra content at right */
    margin-left: 160px;  /* must be greater than the left menu's width */
   /* remove this left margin to eliminate the empty column below the left menu */
}

#fullPage
{
   margin-right: 1em;  /* narrows the text for more readability.  Increase if there is extra content at right */
    margin-left: 1em;  /* no menu used  */
}

.homePage { height: 188px;}  

/* Text */

div, p, td, li {
   font-family: Candara,Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #111111;
}

.heading
{
   font-size: 18px;
   font-weight: bold;
   font-family: Candara, Verdana, Arial, sans-serif;
   color: #809080;
}

.heading:first-child { margin-top:0 }

.headingPadded
{
   font-size: 18px;
   font-weight: bold;
   padding-top: 1em;
}

p.section
{
   font-weight: bold;
   color: #334433;
   padding-top: 1em;
   border-bottom: 1px solid #ddddcc;
}

.bold { font-weight: bold; color: #555555; }
.unbold { font-weight: normal }

.light { color: #778877; }

.note { font-size: 12px; font-weight: normal; }

.footnote
{ 
   text-align: right; 
   background-color: #ffffff;
   padding: 4px;
   border: 1px dotted  #eeeeee;
}

.footnote, .footnote p
{
   color: #778877; 
   font-size:12px; 
}

.disclaimer 
{ 
   color: #778877; 
   font-size: 12px; 
   background-color: #ffffff;
   padding: 4px;
}


.fieldDesc { background-color: #D8E4BC; padding-left: 4px; padding-right: 4px;}
.fieldDivider { background-color: #ffffff; }

.shadedDark
{
	background-color: #ededed;
	padding: 8px 8px 8px 8px;
}

.shadedLight
{
	background-color: #ffffff;
	padding: 8px 8px 8px 8px;
}


/* Images */
img
{
	border: 0;
}


/* Links */

a
{
   font-weight: bold;
/*   color: #57646F; #1D6F73 */
   color: #004455; 
   text-decoration: none;
}

a:hover 
{ 
   /* A0AB79 */
   color: #7B2300;
   text-decoration: underline; 
}

a.menuBar
{

   font-size: 16px;  /* font size is in pixels, not points, to be sure it fits the page content width */
   color: #5E5E5E;
   text-decoration: none;
}

a.menuBar:hover
{
   text-decoration: none;
}


a.homeButton {  font-size: 16px; color: #8F9C6B; text-decoration: none; }
a.homeButton:hover {  color: #5e5e5e; text-decoration: none; }

a.mainMenu
{
   font-weight: normal;
   font-size: 16px;
/*   color: #70A187; */
   text-decoration: none;
}

a.mainMenu:hover
{
   text-decoration: underline;
}

a.bottomMenu
{
   text-decoration: none;
}

a.bottomMenu:hover
{
   text-decoration: underline;
}

a.innerMenuLink
{
   font-family: Candara,Verdana , Arial, sans-serif;
   font-weight: bold;
   font-size: 14px;
   text-decoration: none;
}

a.innerMenuLink:hover
{
   text-decoration: underline;
}

li.home a
{
   font-family: Tahoma, Arial, sans-serif;
   font-weight: bold;
   font-size: 14px;
   text-decoration: none;
}

li.home a:hover
{
   text-decoration: underline;
}

li.search a
{
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #a8bfb3;
	text-decoration: none;
}

li.search a:hover
{
	text-decoration: underline;
	color: #007b3c;
}

/* Lists */

/* by default, lists have no bullets or padding in order to build menus from them more easily */

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

/* For a typical bulleted list, use this style ins5tead of just <ul> */

ul.bulleted {
	padding-left: .25em;
   margin-left: 1em;
	list-style: disc;
}

ul.bulleted li
{
	padding-bottom: .5em;
}

ol li {
	padding-bottom: .2em;
}

ul.detailItems li a { font-weight: normal }
/* Menus */

/* li.home { padding-top: 1em; } */
li.search { padding-top: 1em; }

#rightMenu
{
   float: right;
   text-align: right;
   margin-top: 30px;  /* so as not to interfere with any upper-right image */
   padding-left: 10pt;  /* space between text and the menu */
   padding-bottom: 16px;
   padding-right: 8px;
   line-height: 150%;
   background-color: #f8f8f0;
   border-width: 1px;
   border-color: #f0f0e0;
   border-style: solid;
   /*   border-left: 1px solid #eeeeee; */
}


/* Left-side menu */

#leftMenu
{
   float: left;
   padding: 8px 8px 4px 8px;
    background-color: #eef8d8;
	 border: 1px solid #eeeecc;
/*    padding-bottom: 1em; */
/*   border: 1px dotted #aabbaa; */
/*   width: 110px; */
}

#leftMenu li
{
   padding-bottom: .5em;
}

#leftMenu a { font-weight: normal; }

/* right sidebar */

#sidebar
{
   float: right;
   padding: 0 6px 0 6px;
	margin: 0 8px 8px 1em;
    background-color: #eef8d8;
	 border: 1px solid #eeeecc;
	 width: 190px;
}

#sidebar li {  padding-bottom: .5em; }
#sidebar a { font-weight: normal; }


/* Drop-down menu definitions */

ul.menuBarList
{
   height: 30px;  /* the height of our background image */
   background-image: url(images/EMS_menu_slice.gif);
}

ul.menuBarList li
{
	float: left;            /* to create horizontal items */
   margin-top: 8px;  /* to center in the 30-pixel space of the background image */
   border-right: 1px solid #aaaaaa;
   text-align: center;
   width: 155px;
}

#menuBarItem5 {  border-right: none; }

div.dropDown
{
  position:absolute;
  left: -1000px;  /* begin invisibly -- off the left of the page */
}


div.dropDown ul { /* drop-down list */
   position: absolute;  /* so that this doesn't interfere with other layout, and is relative to enclosing block */
   left: 0;
   top: 1px;
   background-color: #E5E7C6;
   border-width: 1px;
   border-color: #c1c1c1;
   border-top-color: #E5E7C6;
   border-style: solid;
   padding-left: 4px;
   line-height: 140%;
   width: 152px;
/*  width: 100%; solved bunching of items in Netscape */
}

div.dropDown li
{
   font-family: Tahoma, Arial, sans-serif;
	float: left;
	position: relative;
   width: 100%;
}

/*
#dropDown1 ul {  width: 180px; }
#dropDown2 ul {  width: 150px; }
#dropDown3 ul {  width: 160px; }
#dropDown4 ul {  width: 80px; }
*/


/* Bottom menu */

#bottomMenuContainer
{
   position: relative; /* so that the bottom menu can be positioned relative to it */
}

#bottomMenuContainer ul
{
   position: absolute; /* relative to container */
   top: -20px;
   background-color: #fbfbfb;
   padding-left: 6px;
}

#bottomMenuContainer li
{
   display: inline; /* makes this a horizontal list */
   padding-right: 30px;  /* space between items */
}

.footer { height:2px; width:100%; background-color:#B4BD97; }