a:link {
    color: #000000;
}

a:visited {
    color: #0066CC;
}


/* For putting Hdr info in the far left and far right of the screen.
 * Coded to minimize extra space in the display.
 */
.col2A_hdr {
  float: left;
  width: 50%;
  font-size:125%;
  font-weight:bold;
} 	 

.col2B_hdr {
  margin-left: 50%;
  font-size:125%;
  font-weight:bold;
}


/*
 * PURPOSE: Column A is used for a menu and is smaller than Column B
 *
 */
.col2A_menu {
  float: left;
  width: 200px;
  line-height: normal;
  border: 0px solid #000;
} 	 

.col2B_menu {
  margin-left: 250px;
  margin-bottom: 10px;
  padding: 0px 0px 0px 10px;
}


/* Code for 2-column layouts.
 * Warning: In the HTML code, column2 should be placed after the code for the outer columns
 */
.column2A {
  float: left;
  width: 48%;
  padding: 0px 0px 0px 10px;
  line-height: normal;
} 	 

.column2B {
  margin-left: 50%;
  margin-bottom: 10px;
  padding: 0px 0px 0px 10px;
  line-height: normal;
} 

/* Code for 3-column layouts.
 * Warning: In the HTML code, column3C should be placed after the code for the outer columns
 */
.column3A {
  float: left;
  width: 30%;
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;
  line-height: normal;
} 	 

.column3B {
  margin-left: 34%;
  margin-right: 34%;
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;
  line-height: normal;
} 

.column3C {
  float: right;
  width: 30%;
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;
  border:  0px solid #000;
  line-height: normal;
}

/* Code for 4-column layouts. 
 *
 * Warning: after closing a 4-column division add some breaks so new text isn't
 * hiddnen under the columns.
 */
.column4A {
    float: left;
    left:4px;
    width:24%;
    margin-bottom: 10px;
} 	 

.column4B {
    float: left;
    left:25%;
    width:24%;
    margin-bottom: 10px;
}

.column4C {
    float: left; */
    left:50%;
    width:24%;
    margin-bottom: 10px;
} 	 

.column4D {
    float: left;
  left:75%;
  width:24%;
  margin-bottom: 10px;
/*  line-height: normal;*/
}


/******************* Horizontal Menu ***********************/

/* As written, the width of the menu and also the width of each "menu tab" is not set.
 * Set the width of the menu by placing the menu in a box of a specific width. 
 * Set width of each "menu tab"by placing in the HTML file a statement such as:
 *   <style type="text/css">   <!--  li {width: 90px} -->   </style>
 *
 * Guideless for the values "menu tab width", "menu width"
 * 3 item menu: 170px, 530px
 * 4 item menu: 137px, 565px
 * 5 item menu: 137px, 710px
 * 6 item menu: 116px, 730px
 * 7 item menu: 105px, 760px
 * 8 item menu:  90px, 760px
 */ 

#menu_hor {  
     list-style-type: none;
     padding: 0px;
     margin: 0px 0px 1px 0px; 
     height: 3em; 
     font-size: 12px;
}
#menu_hor li {
/*  width: 104px; */
    float: left;
    padding: 5px 0 5px 0px;
    background:  url(pix/FancyBlue.png) top center repeat;
    margin: 1px;
    color: white;
    border: 2px solid black;
}
#menu_hor a {
    text-decoration: none;
    color:#000;
}
#menu_hor li a {
    display: block;
    text-decoration: none;
}


#menu_hor li a:link {
    color: white;
    background:  url(pix/FancyBlue.png) top center repeat;
    text-decoration: none;
}
#menu_hor li a:visited {
    color: white;
    background:  url(pix/FancyBlue.png) top center repeat;
    text-decoration: none;
}
#menu_hor li a:hover {
    color: white;
    background:  blue;
    text-decoration: none;
}


/******************* Vertical Menu ***********************/

ul.menu_vertical {
    list-style-type: none;
    padding: 2px;
    margin: 0px;
    width: 160px;
    font-size: 12px;
}
ul.menu_vertical li {
    position: relative; 
    background: blue;
    margin: 1px;
    padding: 0px;
    border: 1px solid #000; 
}
ul.menu_vertical a {
    text-decoration: none;
}
ul.menu_vertical li a {
    display: block;
    text-decoration: none;
}
ul.menu_vertical li a:link {
    padding: 5px 0 5px 5px;
    color: white;
    background:  url(pix/FancyBlue.png) top center repeat;
    text-decoration: none;
    text-align: left;
    border: 1px solid black;
}
ul.menu_vertical li a:visited {
    padding: 5px 0 5px 5px;
    color: white;
    background:  url(pix/FancyBlue.png) top center repeat;
    text-decoration: none;
    text-align: left;
    border: 1px solid black;
}
ul.menu_vertical li a:hover {
    padding: 5px 0 5px 5px;
    color: white;
    background:  url(pix/FancyBlueLight1.png) top center repeat;
    text-decoration: none;
    text-align: left;
    border: 1px solid black;
}




/* Sub menu */
/*  a:hover   {color:#FF3300; text-decoration:none;}*/

ul.menu_vertical ul{
    display: none;
    position: absolute; 
    margin-left:80px;
    padding: 0;
    list-style-type: none; 
    width: 140px;
    border: 1px solid #333;
    left: 140px;
    background:#f69932;
}
ul.menu_vertical ul li {
    background: #99FFCC;
    margin: 0;
    padding: 5px;
    border: 2px solid #333;
    background:#f6dd32;
}
ul.menu_vertical li.submenu:hover ul,level2{
    display: block;
    left: 79px;
    top: 0px;
    background:#dd6124;
}



.home {
    width: 80px; 
    border: 1px solid black;
    margin: 3px;
}

.home a {
    display: block;
}

.home a:link, .home a:visited, .home a:hover {

    color: white;
    text-decoration: none;
    background:  url(pix/FancyBlue.png) top center no-repeat;
    border: 1px solid black;
}

.home a:hover {
    background:  blue;
}