/* -------------------------
Test/troubleshooting rules: 
-------------------------- */

/* table { border: 1px solid red; margin: 3px; } */
/* td { border: 2px dotted purple; padding: 2px; } */
/* div {color: red;} */


/* ----------------
Overall/document:
----------------- */

* {
  margin: 0;
  padding: 0;
}

* {
  font-family: sans-serif;
}

html {}

body {
  font-size: 107%;
  width: 95%;
  background: color white; /* #ffffe3 */
  font-family: Verdana, Arial, Helvetica, Sans-Serif; 
}

/* Note: main_content_enclosure position must be 'relative' to
   preserve bottom_panel location */

div#main_content_enclosure {
/* border: 2px solid green; */
  position: relative;
/*  left: 15%; */
  width: 100%; 
/*  margin-left: 2em; */
}



/* -----------------------------
Common/shared content elements: 
------------------------------ */

#header_enclosure {
/* border: 2px solid blue;  */
/*  margin-left: 20%; */
}


div#page_header_title_enclosure {
/* border: 2px solid red; */
  position: relative;
  margin-top: 20px;
/*  margin-bottom: 20px; */
  width=70%
  align: center ;
}

div#page_header_title_enclosure table {
/* border: 2px solid green; */
  width=70%
}

div#page_title_image {
/* border: 2px solid yellow; */
 margin-left: 20px ;
/*  margin: 10px ; */
}

#page_title_text {
/* border: 2px solid blue; */
/*  margin: 1em ; */
  font-size: 45pt;
 margin-left: 20px ;
}

div#page_header_title {
  position: relative;
  text-align: center;
}

div#page_header_text_enclosure table {
/* border: 2px solid green; */
  width=70%
  position: relative;
}

div.item li {
  text-align: left;
  list-style-type: disc
}

div#page_header_text {
/* border: 2px solid blue; */
  position: relative;
  height: 100%;
  width:  100%;
  text-align: left;
/*  font-family: sans-serif; */
  font-size: 13pt;
  padding: 1em;
  margin-bottom: 1em;
  z-index: 10;
}

/******* navigation box css *********/

div#nav_enclosure {
/* border: 2px solid blue; */
float: left ;
/*  position: absolute; */
/*  width:  19%; */
  padding: 1em
}

div#nav_box {
/* border: 1px solid purple; */
/*  text-align: left; */
/*  position: relative; */
  height: 100%;
  width:  100%;
/*  padding: 0 */
}

#nav_link {
/*  padding-left: 1em; */
margin: .5em ; 
display: block;
/* padding-bottom: .3em; */
background: lightblue none;
text-decoration: none;
text-align: center;
}

#nav_link a:hover {
background: #ff9 none;
}

#nav_sep {
  border: 2px solid green; 
  width:  65%;
  align:  center;
  margin: 1em ; 
}


div#main_content {
  margin-left: 2em;
  float: left ;
  width:  60%;
}

/********** section template ********/

div.section {
/* border: 2px solid black; */
  float: left;
  clear: both;
/*  padding: 1em .5em 1em .5em;
  margin-bottom: 20px; */
}

div.section_title {
  padding-top: 1em;
/*  padding-bottom: 1em; */
  font-family: Verdana, Arial, Helvetica, Sans-Serif; 
  font-weight: bold;
  font-size: 14pt;
  text-align: left;
  padding-bottom: .5em;
}

div.section_text {
/* border: 3px solid pink; */
  padding-top: .5em;
  padding-bottom: .5em;
  text-align: left;
}

/*
div.section_image {
  float: left;
  padding: 6px 12px 6px 6px;
}
*/

/*
div.section_list {
  padding-bottom: 1em;
}
*/

/************** Item ***********/

div.item {
/* border: 2px solid blue; */
  float: left;
  clear: both;
  padding-left: 2em ;
  margin-bottom: 10px; 
}

.item h3 {
	font-size: 122%;
	font-weight: bold;
}

.item img {
	float: left;
	margin: 0 5px 5px 0;
}

div.item li {
  text-align: left;
  list-style-type: disc
}


div.item_text {
/* border: 1px solid red; */
 text-align: left;
}

div.item_list {
  text-align: left;
}

div.subitem {
  padding-left: 2em ;
}


div.subitem li {
  text-align: left;
  list-style-type: circle
}

/************* footer ***************/

div#page_footer {
/* border: 2px solid black; */
/* clear: both ;*/
/* position: relative; */
  margin-top: 3em;
  margin-left: 3em;
   width: 80%;
}

.footer_link {
/*border: 2px solid red; */
  background: lightblue ;
  float: left ;
  height: 4em;
/*  width: 10em; */
/* top right bottom left */
 margin: 1em 2em 1em 2em ;
 padding: .4em 1em .4em 1em ;
  font-size: 80%;
}

.footer_link a:hover {
background: #ff9 none;
}

div#footer_bottom {
/*  border: 2px solid red;  */
  width: 70% ;
  clear: both ;
  align: center ;
}

div#footer_text {
/*  border: 2px solid blue;  */
  margin-left: 3em ;
  margin-right: 5em ;
/*  width: 50% ;  */
}


/* hijack .yui-t2 */
.yui-t2 .yui-b{float:left;width:15.8456em;*width:15.512em;}
.yui-t2 #yui-main .yui-b{margin-left:16.8456em;*margin-left:16.512em;}

.clearboth {clear: both;}