/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  body {font-family: verdana, arial, sans-serif; 
    font-size: 100%; 
    margin: 1em 2em;
/*	behavior:url("csshover.htc");*/
    }

 * {margin:0; padding:0;} 

  h1 { font-weight: normal;
    font-style: normal;
    text-align: center;
    font-size: 1.4em;
    margin: 0 0 .5em 0;
    }

  h2 { font-size: 1.2em;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    margin: 0 0 .4em 0;
    }

  h3 { font-weight: normal;
    font-style: normal;
    font-size: 1.0em;
    text-align: center;
    margin: 0 0 .3em 0;
    }

  h4 { font-weight: normal;
    font-style: normal;
    font-size: 1em;
    margin: 0 0 .3em 0;
    }

  p { /*font-size: .8em;*/
    margin: 0.5em 0 .75em 0;
    }

  ol { font-size: 1em;
    margin-left: 4em;
    }

  ul { font-size: 1em;
    margin-left: 4em;
    }

  ul a p { font-size: inherit;
    }

/*  a { font-size: .76em;
    }*/

  div#container {position:relative;
    min-width:800px;
    max-width:1380px;
    margin-left:auto;
    margin-right:auto;
    }
/*
div#container {position:relative; min-width:800px; max-width:1000px; margin-left:auto; margin-right:auto; background-color:#ECf2C9}
*/
  .subtext { margin-left: 1em;
    font-size: .9em;
    }

  div.pic3col_contentb {min-width:780px; max-width:1380px;
    margin-left:auto; margin-right:auto;
    margin-bottom:25px;
    text-align:left;
    font-size: .9em;
/*    background-color:#CCC;*/
    }

  div.pic3col_col1b {width:23%;
  	margin-top:.76em;
    text-align:left;
    float:left;
    overflow:hidden; 
	font-size: .9em;
/*    background-color:#FCC;*/
    }
  div.pic3col_col2b {width:50%;
    text-align:justify;
    float:left;
    margin-left: 2%;
/*    background-color:#CFC;*/
    }
  div.pic3col_col3b {width:23%;
  	margin-top:.76em;
    text-align:right;
    float:right;
    overflow:hidden; 
	font-size: .9em;
/*    background-color:#AAF;*/
    }

/* to clear floats */
  .clearfix:after { content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
  .clearfix {display: inline-block;}
  * html .clearfix {height: 1%;}
  .clearfix {display: block;}

  div.clearfloats {clear:both;}

/* to get tables formatted.  Works on width, not alignment */
  .pic_text_pic_table { width: 100%;
    }

  .pic_text_pic_col1 { width: 33%;
    }

  .pic_text_pic_col2 { width: 33%;
    text-align: justify;
    }

  .pic_text_pic_col3 { width: 33%;
    text-align: right;
    }


/* Following is attempt at floating / clearing 3-column lay-out.  But only col2 clears. */

  div.pic3col_content {min-width:780px; max-width:1380px;
    margin-left:auto; margin-right:auto;
/*    margin: 1em auto 1em auto;*/
    text-align:left;
    position: relative;
/*    font-size: .9em;*/
/*    background-color:#CCC;*/
    }

  div.pic3col_col1 {width:23%;
    position: absolute;
    top:0px; left:0px;
    text-align:left;
	font-size: .76em;
    overflow:hidden;
    background-color:#FCC;
    }
  div.pic3col_col2 {margin:0 25% 0 25%;
    text-align: justify;
    background-color:#CFC;
    }
  div.pic3col_col3 {width:23%;
    position: absolute;
    top:0px; right:0px;
    text-align:right;
	font-size: .76em;
    background-color:#AAF;
    border:solid;
    }

/* For side list-menu */
  div.listmenu ul { margin: 0 0 0 0;
/*    font-size: 1em;*/
    }


/* the horizontal menu starts here */
div#dropmenu {
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	border-top:1px solid #069;	/* draws line on top edge of div */
	border-bottom:1px solid #069;	 /* draws line on bottom edge of div */
	font-size:1em;	/* SET FONT-SIZE HERE */
/*	background-color:#CCF;*/ /* colors the div */
	margin-top:5px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	margin-bottom:20px;
	}
div#dropmenu ul {margin:0 0 0 160px;/* indents ul from edge of container */
	}
div#dropmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFA; /*sets the background of the menu items */
	border-right:1px solid #069; /* creates dividing lines between the li elements */
	}
div#dropmenu li:first-child {
	border-left:1px solid #069; /*the first vertical line on the menu */
	}
div#dropmenu li:hover { 
	background-color:#FFF; /*sets the background of the menu items */
	}
div#dropmenu a {
	display:block;
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#069;	/* sets the type color */
	}
div#dropmenu a:hover {
	color:#F33;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#dropmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	}
div#dropmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #069; /*  three sides of each drop-down item */
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	}
div#dropmenu ul li ul li:first-child {
	border-top:1px solid #069; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#dropmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#dropmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#dropmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:80px; /* IE doubles the given value above - why? */
	}
/* * html a {display:block;}*/  /* makes IE5 & 5.5 accept the padding on the link */ /* Also makes links start new line in IE 6 */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#dropmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */