﻿A:link {text-decoration: none;}

A:visited {text-decoration: none; color:#0000FF}

A:hover {text-decoration: underline;}

.text8 {FONT-FAMILY: arial,verdana; FONT-SIZE: 8px; }

A:hover {color: #FF0000}

.bg { 	
	background-image: url("lined-paper.gif");
	}
	
.bg1 { 	
	background-image: url('..\lined-paper.gif');
	}

.bg3 { 	
	background-image: url('..\..\..\lined-paper.gif');
	}


p.t14 {font-family: arial,verdana; FONT-SIZE: 14px; }

<!-- p.t14 {font-family: "Times New Roman", Times, serif; FONT-SIZE: 14px; } -->

#td {
	border:1px black solid
}

#center	{
		text-align: center;
}

#banner {

	position: absolute; 
	width: 100%; 
	height: 90px; 
	left: 0px; 
	top: 0px;
	right:0px; 
	visibility: visible;
}

.center {
	text-align: center;
}

#menu {
	position: absolute; 
	width: 145px; 
	height: 100%; 
	z-index: 1; 
	left: 10px; 
	top: 110px;
	 visibility: visible;
	 clear:both; 
	 }

#policymenu {
	position: absolute; 
	width: 160px; 
	height: 100%; 
	z-index: 1; 
	left: 10px; 
	top: 120px;
	 visibility: visible;
	 clear:both; 
	 }

#policysection {
	position: absolute;
    width:800px;
    left: 200px;
    top: 120px;
    padding:10px;
	height: 500px;
}


#section {
	position: absolute;
    width:900px;
    left: 170px;
    top: 110px;
    padding:0px;
	height: 500px;
}

#section1 {
	position: absolute;
    width:700px;
    left: 170px;
    top: 120px;
    padding:10px;
	height: 100%;
}

#section2 {
	position: absolute;
    width:1200px;
    left: 170px;
    top: 140px;
    padding:10px;
	height: 100%;
}

#section-left {
	position:absolute;
    width:900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 135px;
    padding:10px;
	min-height: 600px;
}

#right {
	float:right;
	top:120px;
	width:150px;
	padding:0px;
	height: auto;
	min-height:1px;
	}
	
#content {
	padding:5px;
	float:left;
	margin-top:110px;
	width:540px; 
	height:auto;
	min-height:1px;
	}
	
#menu-1 {
	padding:5px;
	float:left;
	margin-top:110px;
	width: 145px;
	min-height:1px; 
	height: auto;
	clear:both 
	 }
	 
#banner-1 {

	position: absolute; 
	width: 100%; 
	height: 130px; 
	left: 0px; 
	top: 0px;
	right:0px; 
	visibility: visible;
}

  /* Navbar container */
    .navbar {
      background-color: #333;
      overflow: hidden;
    }

    /* Menu list */
    .navbar ul {
      display: flex;
      flex-direction: row;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .navbar li {
      position: relative;
    }

    .navbar a {
      display: block;
      padding: 14px 20px;
      color: white;
      text-decoration: none;
    }

    .navbar a:hover {
      background-color: #575757;
    }

    /* Dropdown content */
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #444;
      min-width: 160px;
      z-index: 1;
      top: 100%;
      left: 0;
    }

    .dropdown-content a {
      padding: 12px 16px;
    }

    .navbar li:hover .dropdown-content {
      display: block;
    }

    /* Mobile toggle button */
    .menu-toggle {
      display: none;
      background-color: #333;
      color: white;
      padding: 14px 20px;
      cursor: pointer;
      text-align: center;
    }

    /* Responsive styles */
    @media (max-width: 768px) {
      .navbar ul {
        flex-direction: column;
        display: none;
      }

      .navbar ul.active {
        display: flex;
      }

      .menu-toggle {
        display: block;
      }

      .navbar li:hover .dropdown-content {
        position: static; }
 
