body {
        /*save a background image (.gif file) in "images"
         * and rename it "bk_gd1.gif" for the body background
         * image color is #d285de for council background
         * (bk2a_pbg.gif) which is reasonably matched with
         * #774477 as a simple color as a default background
         * color or blue (#0000ff) works for all */
		background-color: #a053ab;
        background-image: url("bk_gd1.gif"); 
        color: #ffff00;
      }
#logo {
        position: relative;
        top: 0;
        left: 0;
        border: 5px outset #ffddff;
		width: 120px;
        height: 120px;
        float: left;
      }

      #GEAST {
        border: 5px outset #ffff00;
        width: 200px;
        height: 250px;
        margin-left: auto;
        margin-right: auto;
      }

      #header {
        color: #ffff00;
        width: 694px; /* 640px; */
        height: 175px;
        clear: both;
        text-align: center;
        float: left; 
        margin-left: -8px;
        margin-top: 0px;
      }

      #all {
        width: 692px;
        height: 720px;
        margin-left: auto;
        margin-right: auto;
      }

      #left {
      	margin-left: -.5em;
        float: left;
        width: 167px;
		height: 400px;
        clear: left;
      }

      #center {
        float: left;
        text-align: center;
        width: 352px;
		height: 400px;
      }

      #right {
      	margin-right: .5em;
		clear: right;
        float: right;
        text-align: center;
        width: 167px;
		height: 400px;
      }

      #footer {
        float: left;
        width: 694px;
        clear: both;
   /*     text-align: right; */
		font-size: 90%;
        margin-left: -8px;
		text-align: center;
      }

      /* ************* Begin vmenu CSS ************** */
	  
      #vmenu {
      	margin-left: .5em;
		    margin-top: -1em;
      }

	  /*set li as buttons */
      #vmenu li {
        list-style-type: none;
        margin-left: -3em;
        border: 3px outset #eeeeff;
        height: 22px;
        width: 152px;
        background-color: #ccccff;
        color: #000000;
        padding-left: .5em;
      }
	  /*a parent line with offspring will have an arrow */
      #vmenu li.line1 {
		background-image: url("arrow_1.gif");
		background-repeat: no-repeat;
		background-position: right;
}	

      /*display anchors as buttons */
      #vmenu a{
      	height: 20px;
        text-decoration: none;
        color: black;
        display: block;
      }
 	  
      /*flash on anchor hover and
       *flash on li hover */
      #vmenu a:hover,
	    #vmenu li:hover {
        color: #444444;
        background-color: #aaaadd;
      }

      /*collapse submenues */
      #vmenu li ul {
        position: relative;
        top: -1.3em;
        left: 6.5em;
        display: none;
      }

      /*show submenus on hover */
      #vmenu li:hover > ul {
        display: block;
      }  

/* ************ End vmenu CSS ************* */

.line1:hover {
		background-image: none;
		background-repeat: no-repeat;
		background-position: right;
} 
	 
/* ************ Begin hmenu styles ************ */

#hmenu {
	font: 75%/1.5 arial, helvetica, serif;
    position: relative;
    left: -34px;
    top: -15px;
    width: 728px;
    padding: 0;
    text-indent: -1em;
	text-align: center;
}

#nav1 li {
	float: left;
    list-style: none;
/*	background-color: #0000ff; */
    color: #ffffff;
    font-size: 100%;
	font-weight: bold;
	padding: 0;
	border-left: 1px solid #000000; 
	border-bottom: 1px solid #000000;
/*	border: none; */
	margin: 0 0 0 0; 
    margin-left: -5px;
	width: 160px;
    height: 27px;
	background-image: url("h_b1a.gif");
	background-position: right;
    background-repeat: no-repeat;
    line-height: 1.5;
}

#nav1 li.first {
/*  margin-left: -40px;*/
    float: left;
    list-style: none;
    border: none;
    width: 36px;
    height: 28px;
    background-image: url("h_leftb.gif");
/*  background-color: #ffffff; */
    background-position: right;
    background-repeat: no-repeat;
}

#nav1 li.last {
    float: left;
    list-style: none;
    border-bottom: none;
    width: 36px;
    height: 28px;
    background-image: url("h_rightb.gif");
/*  background-color: #ffffff; */
    background-position: right;
    background-repeat: no-repeat;
}

#nav1 a {
	display: block;
/*	width: 10em;
	w\idth: 6em; */
	color: #ffffff;  /* #7C6240; */
	text-decoration: none;
	padding: 0.25em 2em;
}

#nav1 li:hover, #nav li.sfhover {
    background-image: url("h_b1_over.gif"); 
    background-position:right;
    background-repeat: no-repeat;
}

#nav1 li.first:hover, #nav1 li.first.sfhover {
	background-image: url("h_leftb.gif");
	background-position:right;
    background-repeat: no-repeat;
}

#nav1 li.last:hover, #nav1 li.last.sfhover {
	background-image: url("h_rightb.gif");
	background-position:right;
    background-repeat: no-repeat;
}

#nav1 li a:hover, nav1 li a.sfhover {
	color: #000000;
}
/* ************* End hmenu styles ************* */

