html    { background-color: #E5EEFF; }

body    {  font-family: arial, helvetica, sans-serif; 
	       	margin: 1px;   background-color: #E5EEFF;    }

/* default link colors */
a         { /* text-decoration: none;  */  }
a:link    { color: navy; }
a:visited { color: navy; /*   color: #2D73B9;  */ }
a:hover   { color: red; text-decoration: underline; }
a:active  { color: red; }

a.nolink  { color: navy; text-decoration: none; }

/* heading formats */
em {  }
h1 { font-size: 36px;  font-family: cursive; font-style: italic; }
h2 { font: italic bold 22px sans-serif; color: #00008B; }
h3 { font: bold 18px sans-serif; color: #00008B; line-height: 110%; }
h4 { font: bold 16px sans-serif; color: #00008B; line-height: 110%; }

/* custom heading formats - to avoid extra lines */
.heading1 { font-size: 36px;  font-family: cursive; font-style: italic; }
.heading2 { font: italic bold 22px sans-serif; color: #00008B; }
.heading3 { font: italic bold 18px sans-serif; color: #00008B; }
.heading4 { font: bold 16px sans-serif; color: #00008B; line-height: 110%; }


/* formatting for list elements of menus                        */
/* formatting approach to create dropdowns was obtained from:   */
/* http://www.alistapart.com/articles/horizdropdowns            */
/* note on {ul li a} element there was an error in the original */
/* in identifying the IE bug - the *border* is needed for IE    */
/* to work correctly.                                           */
        
ul { padding: 0; 	margin: 0; 	list-style: none;    } /* all lists */

/* ***** Horizontal menu under title bar ***** */

ul.menu li  /* default for menu list items */
        { float: left; position: relative; width: 115px;  z-index: 10; }

ul.menu li.menu_short  {  width: 85px;  z-index: 10;     }

ul.menu li.menu_medium { width: 115px; z-index: 10;      }
  
ul.menu li.menu_long   { width: 150px;    z-index: 10;   }

ul.menu li.menu_longer { width: 180px;  z-index: 10;     }

li ul { /* second-level lists */
	display: none;  position: absolute; top: 1.5em;   left: 2px; 
        z-index: 10;      }

li ul ul { /* third-level lists */
	display: none;	position: absolute; top: 1.5em;   left: 2px; 
        z-index: 10;      }

/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/* > is child selector (ref Castro p 139); IE 5.5 and IE 6 don't recognize, so will ignore */

/* z-index is used to keep the menu items on top of the text in the 'main' section, */
/* which has z-index of 1 - highest z-index is on top. */

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

li>ul   /* references a ul that is child of an li */
       {  top: auto; left: auto;  z-index: 10;       }

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

li:hover ul, li.over ul   /* lists nested under hovered list items  */
       {  display: block;  }

ul li a { display: block; text-decoration: none; font-weight: bold;
	      background: #EBECF6; padding: 1px; 
	      /* IE6 Bug  - menus don't stay visible when you move the cursor */
	      border: 1px solid #EBECF6; border-bottom: 0px none; }


/* Fix IE. Hide from IE Mac \*/
/* see discussion at http://www.alistapart.com/articles/horizdropdowns/ */
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


/*  ****** END horizontal menu formatting   ****** */

/*  ****** Sidebar menu formatting ****** */

ul.sidebar_links li  /* default for menu list items */
       { font-size: 12px;   z-index: 2;     }

ul.sidebar_links 
        { margin: 0;  padding: 0; list-style: none;
          /* width: 175px;     Width of Menu Items */
	      border-bottom: 1px solid #ccc; 
          z-index: 1;   }
	
ul.sidebar_links li { 	position: relative;          z-index: 10; 	}
	
ul.sidebar_links ul 
        { position: relative;	top: 0; left: 8px; width: 155px; 
	      display: block; background: #EBECF6; border-color: #2D73B9;
          border-bottom: 0px none;   /* IE6 default is a slight border */
          z-index: 10;   }

/* Styles for Menu Items        */
ul.sidebar_links li a 
       { text-decoration: none; font-weight: normal;
	     background: #EBECF6; /* IE6 Bug */
	     padding: 2px;   border: 1px solid #EBECF6; 	border-bottom: 0px none; } 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */


/* ***** DIV formats ******  */
 
#content { /* clear: left; position: absolute;  */   width: auto; 
           border-color: blue;  border-width: 4px; border-style: ridge;
           margin-top: 10px; margin-right: 10px; margin-left: 10px; } 

#header  { background-image: url(images/kickingass_bgnd.jpg);
           background-repeat: repeat-x;  color: navy;
	       padding-top: 2px;  /* needed for Firefox 1.0 */
	       height: 99px; text-align: center; }

#menu    { position: absolute;  left: 210px;  top: 125px;
          border: 4px ridge blue;  margin: 0; margin-top: 4px; 
          padding: 0px; padding-left: 8px;  background: #EBECF6;
          z-index: 10;	}

#sidebar { position: absolute; top: 125px; width: 155px;   
           border: 4px ridge blue;  margin: 0px; margin-top: 4px;  
           padding: 8px; background: #EBECF6;
           font: bold 14px sans-serif; color: navy;
           z-index: 2;  }
	
#nav	{  font-size: 12px;  text-align: left; 	}

#main   { position: absolute; left: 218px; top: 170px; 
          width: 560px;  line-height: 140%; z-index: 1; }

.detail_text { font-size: 80%;}

.para_text { font-size: 90%; line-height: 125%;}

/*
html>body #content {
	width: 80%;
} 
*/