<style type = 'text/css'>
      <!--
/* Heading Styles  */
      	body
      	{
      	  background-color: #acbfa2;
      	  width: 100%;
      	  height: 100%;
      	}
        #wrapper
        {
          margin: 0px auto;
          text-align: left;
          width: 1000px;
          height: 500px;
          position: relative;
          background-color: #acbfa2;
        }
        #navred
        {
          position: relative;
          top: 30px;
          width: 100%;
          height: 15px;
          background-color: #921f23;
          padding: 0px;
          z-index: 0;
        }
        #navblue
        {
          position: relative;
          top: -50px;
          width: 100%;
          height: 15px;
          background-color: #235895;
          padding: 0px;
          z-index: 0;
        }
	
	#compName h1
	{
	  color: #acbfa2;
	  position: relative;
	  left: 400px;
	  top: -10px;
	  z-index: 1;
	}
	
/* Start Home Page Sign In */


        p.errHome
        {
          border-bottom: 2px outset black;
          color: black;
          background-color: #fd6d15;
          width: 300px;
          position: relative;
          bottom: 148px;
        }        
        
        p.err1
        {
          border-bottom: 2px outset black;
          color: black;
          background-color: #fd6d15;
          width: 300px;
          position: relative;
          bottom: 318px;
        }

	p.homeVid
	{
	  position: relative;
	  color: #ffffff;
	  background: #000000;  /*black*/
	  border:outset #dcced3;
	  width:40em;
	  padding-top:.5em;
	  padding-bottom: .5em;
	  text-align: center;
	  bottom: 120px;
	  
	}        
        p.HomeSignIn
        {
          position: relative;
          background: #006c58;
          text-align: center;
          color:#dcced3;
          padding:.2em .3em;
          font-size: 0.8em;
          border: 2px outset #DED983;
          margin-bottom: 0em;
          width: 26.4em;
          margin-left: 1em;
          margin-top: 1em;
          left:635px;
          bottom: 490px;
        }
        p.HomeSignInv
        {
          visibility: hidden;
        }
        p.errors
        {
          position: relative;
          background: #f7c901;
          text-align: center;
          color:#000000;
          padding:.2em .3em;
          font-size: 0.8em;
          border: 2px outset #DED983;
          margin-bottom: 0em;
          width: 26.4em;
          margin-left: 1em;
          margin-top: 1em;
          left:635px;
          bottom: 490px;
        }
	fieldset.memberIn
	{
	  position: relative;
	  background: #006c58;
	  border:outset #dcced3;
	  color: #dcced3;
	  width: 20em;
          left:645px;
          bottom:490px;
	}
	fieldset.memberInv
	{
	  visibility: hidden;
	}
	
	p.caution
	{
	  border: 3px solid black;
	  background-color: #fd6d15;
	  color: #000000;
	  padding:0px; margin:0px;
	  left: 50px;
	  position: relative;
	  bottom: 200px;
	  width: 775px;
	  z-index: 0 ;
	} 	

/* End Home Page Sign In */


/*  Register Form Styles   class over id makes the element exclusive from other elements with name attached.*/
	
	p.RegHere
	{
	  position: relative;
	  color: #dcced3;
	  background: #235895;
	  border:outset #dcced3;
	  width:40em;
	  padding-top:.5em;
	  padding-bottom: .5em;
	  text-align: center;
	  bottom: 75px;
	  left:  75px;
	}
	
        p.RegError
        {
          position: relative;
          background: #fd6d15; /* Red Color-921f23  Blue Color-235895   Orange Color- fd6d15  Yellow color #f7c901 */
          color:#000000;
	  border:outset #000000;
	  width:40em;
	  padding-top:.5em;
	  padding-bottom: .5em;
	  text-align: center;
	  bottom: 75px;
	  left:  75px;          
          
        }

	fieldset.RegForm
	{
	  color: #dcced3; 
	  background: #006c58; /* Green Color */
	  border:outset #dcced3;
	  margin-bottom: 1em; 
	  width:15em;
	  padding-top: 1.5em;
	  position: relative;
	  bottom: 446px;
	  left: 720px;
	}
	
	fieldset.RegFormError
	{
	  color: #000000; 
	  background: #f7c901; /* yellow Color */
	  border:outset #000000;
	  margin-bottom: 1em; 
	  width:15em;
	  padding-top: 1.5em;
	  position: relative;
	  bottom: 446px;
	  left: 720px;
	}	
	
        p.SignIn
        {
          background: #235895;
          color:#dcced3;
          padding:.2em .3em;
          font-size: 0.8em;
          border: 2px outset #DED983;
          position: relative;
          margin-bottom: -1em;
          width: 10em;
          margin-left: 1em;
          margin-top: 1em;
          left: 12em;
          top: -3em;
        }        
	
	#memberIn  /* Red Color-921f23  Blue Color-235895   Orange Color- fd6d15  Yellow color #f7c901 */
	{
	  postition: relative;
	  background: #006c58;
	  border:outset #dcced3;
	  color: #dcced3;
	  width: 20em;
	  left: 40em;
	}
	
	#field.RegForm
	{ 
	  position: relative;
	  background: #006c58;
	  border:outset #dcced3;
	  color: #dcced3;
          left: 20em;
          top: -6em;
	}
	
        #Scribe label
        {
          float: left;
          width: 200px;
          margin-right: 5px;
          text-align: left;
        }
        
        #hvid
        {
   	  padding:0; margin:0;
          postition: relative;
          height:400;
          width: 500;
          left:  20em;
          
        }
	       
	
      
/* End Register Form */

/* Vehicle Form --Vehicle name entry */  /* Red Color-921f23  Blue Color-235895   Orange Color- fd6d15  Yellow color #f7c901 */
 
        
/* End Vehicle Form Section */

/* Record Miles and Fuel */

	fieldset.logFuel
	{
	  color: #dcced3; 
	  background: #006c58; /* Green Color */
	  border:outset #dcced3;
	  margin-bottom: 1em; 
	  width:15em;
	  padding-top: 1.5em;
	  position: relative;
	  top: -28.5em;
	  left: 4.0em;
	}	
	
	fieldset.logMile
	{
	  color: #dcced3; 
	  background: #006c58; /* Green Color */
	  border:outset #dcced3;
	  margin-bottom: 1em; 
	  width:15em;
	  padding-top: 1.5em;
	  position: relative;
	  top: -28.5em;
	  left: 4.0em;
	}
	
        table.mvpClass
        {
          position: relative;
          background-color: #006c58;
          border: solid 5px #dcced3;
          color: #dcced3;
          float: center;
          width: 800px;
          left: 100px;
          top: -75px;
        }
        
        p.logMiles  /* Red Color-921f23  Blue Color-235895   Orange Color- fd6d15  Yellow color #f7c901 */
        {
          background-color: #f7c901;
          position: relative;
          border: solid 5px #000000;
          font-weight: bold;
          width: 25em;
          bottom: 5em;
          right: 15em;
        }
        
        p.formWarn
        {
          color: #dcced3;
          text-align: center;
          text-font: bold;
          background: #235895;
          position: relative;
          bottom: 3em;
          left: 25em;
          width: 25em; 
        }
        
        .yel_sign
        {
          background-color: #f7c901;
          color: #000000;
        }
        .blu_sign
        {
          background-color: #235895;
          color: #ffffff;
        }
        
        table.fuel
        {
          position: relative;
          color: #ffffff;
          background-color: #235895;
          border-top: outset 2px white;
          width: 250px;
          left: 0px;
          bottom: 290px;
        }

        input.labWeight
        {
          position: relative;
          right: 103px;
        }
        table.LogClass  /* Red Color-921f23  Blue Color-235895   Orange Color- fd6d15  Yellow color #f7c901 */
 
        {
          position: relative;
          border-left: 2px inset black;
	  top: -50px;
	  left: 700px;
          float: center;
          width: 300px;
          height: 50px;
          padding-left: 5px;
          background-color: #fd6d15;
          color: #000000;
        }
        td a
        {
          color: black;
          text-decoration: none;
          font-family: "Comic Sans MS", cursive;
        }
        td a:hover
        {
          color: white;
        }
        input.vehName, label.passForm
        {
          position: relative;
          right: 150px;
        }
	input.vehWgt, label.textForm
	{
	  position: relative;
	  right: 252px;
	}

        
/* Styles for drop down JavaScript Menu */

        #navbar  /* Red Color-921f23  Blue Color-235895   Orange Color- fd6d15  Yellow color #f7c901 */
        {
          position: relative;
          top: -50px;
          width: 100%;
          height: 30px;
          background-color: #921f23;
          padding: 0px;
          z-index: 1;
        }
	#sddm
	{
		margin: 0;
		padding: 0;
		z-index: 2;
		position: relative;
	  	left:180px;
	  	top:-30px;
	}

	#sddm li
	{
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		position: relative;
		font: bold 15px arial;
		font-family: "Comic Sans MS", cursive;
	}

	#sddm li a
	{
		position: relative;
		top: -50px;
		display: block;
		margin: 0 0 0 0;
		padding: 4px 10px;
		width: 110px;
		background: #921f23;
		color: #acbfa2;
		text-align: center;
		text-decoration: none;
	}

	#sddm li a:hover /* 2-7-2011-->Make sure a HREF="" is set in <A> tag
				is identified for color change to work in IE */
	{
		background: #921f23;
		color: white;
	}

	#sddm div  /* Red Color-921f23  Blue Color-235895   Orange Color- fd6d15  Yellow color #f7c901 */
	{
		position: absolute;
		top: -20px;
		visibility:hidden;
		margin: 0;
		padding: 0;
		background: #EAEBD8;
		border: 1px solid #5970B2
	}
	/* scroll down menu */
	#sddm div a
	{
		position: static;
		display: block;
		margin: 0;
		padding: 5px 5px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #235895;
		color: #acbfa2;
		font: 14px arial
	}

	#sddm div a:hover
	{
		background: #235895;
		color: white;
	}
/* Styles for drop down JavaScript Menu concluded*/

        .errors
        {
          font-weight: bold;
          font-style: italic;
          font-size: 90%;
          color: white;
          margin-top: 0;
        }
        
   	label
        {
          width: 200px;
          margin-right: 5px;
          text-align: left;
        }  /* Red Color-921f23  Blue Color-235895   Orange Color- fd6d15  Yellow color #f7c901 */
        
/* Style for choosing fleet page */

	fieldset.fleetIn /*Add fleet form*/
	{
	  position: relative;
	  background: #006c58;
	  border:outset #dcced3;
	  color: #dcced3;
	  width: 20em;
          left:932px;
          bottom:365px;
          z-index: 1;
	}
	
        p.Addf
        {
          position: relative;
          background: #006c58;
          text-align: center;
          color:#dcced3;
          padding:.2em .3em;
          font-size: 0.8em;
          border: 2px outset #DED983;
          margin-bottom: 0em;
          width: 26.4em;
          margin-left: 1em;
          margin-top: 1em;
          left:922px;
          bottom: 365px;
        }
        
        p.ErrAddf
        {
          position: relative;
          background: #f7c901;
          text-align: center;
          color:#000000;
          padding:.2em .3em;
          font-size: 0.8em;
          border: 2px outset #000000;
          margin-bottom: 0em;
          width: 26.4em;
          margin-left: 1em;
          margin-top: 1em;
          left:922px;
          bottom: 365px;           
        }
        
        p.Ferr1
        {
          border-bottom: 2px outset black;
          color: black;
          background-color: #fd6d15;
          width: 300px;
          position: relative;
          bottom: 680px;
          left: 285px;
        }
        
        p.Ferr2  /* Red Color-921f23  Blue Color-235895   Orange Color- fd6d15  Yellow color #f7c901 */
        {
          border-bottom: 2px outset black;
          font-color: #000000;
          background-color: #f7c901;
          width: 300px;
          position: relative;
          bottom: 680px;
          left: 132px;
        }
        
        ul.Flevel2 /*Fleet Radio Button List*/
        {
          position: relative;
          bottom: 650px;
          left:  275px;
        }
        
        
        input.getFlt
        {
          position: relative;
          bottom:  600px;
          left:  285px;
        }
	

/*Styles for vehicle index page */

        #field
        {
          padding-bottom: 2px;

        }
        .errors
        {
          font-weight: bold;
          font-style: italic;
          font-size: 90%;
          color: white;
          margin-top: 0;
        }
        ul li
        {
          list-style: none;
          font-weight: normal;
          padding-top: .2em;
          font-size: .9em;
        }

        ul.level2
        {
          position: relative;
          bottom: 300px;
        }
        
        p.err2  /* Red Color-921f23  Blue Color-235895   Orange Color- fd6d15  Yellow color #f7c901 */
        {
          border-bottom: 2px outset black;
          font-color: #000000;
          background-color: #f7c901;
          width: 300px;
          position: relative;
          bottom: 318px;
        }
        
        
/* Vehicle Page --Vehicle name entry */

	fieldset.vehicle
	{
	  position: relative;
	  background: #006c58;
	  border:outset #dcced3;
	  color: #dcced3;
	  width: 20em;
          left:650px;
          bottom:75px;
          z-index: 1;
	}
	
	fieldset.fvehicle /*For the Custodial vehicle page*/
	{
	  position: relative;
	  background: #006c58;
	  border:outset #dcced3;
	  color: #dcced3;
	  width: 20em;
          left:650px;
          bottom:75px;
          z-index: 1;
	}
        
        p.Addv
        {
          position: relative;
          background: #006c58;
          text-align: center;
          color:#dcced3;
          padding:.2em .3em;
          font-size: 0.8em;
          border: 2px outset #DED983;
          margin-bottom: 0em;
          width: 26.4em;
          margin-left: 1em;
          margin-top: 1em;
          left:640px;
          bottom: 80px;
        }
        
        input.getVeh
        {
          position: fixed;
          bottom:  400px;
          left:  450px;
          
        }
        
        p.ErrAddv
        {
          position: relative;
          background: #f7c901;
          text-align: center;
          color:#000000;
          padding:.2em .3em;
          font-size: 0.8em;
          border: 2px outset #000000;
          margin-bottom: 0em;
          width: 26.4em;
          margin-left: 1em;
          margin-top: 1em;
          left:640px;
          bottom: 80px;          
        }
        
/* End Vehicle Form Section */        

/* End of choosing vehicle page

/* Styles for logged fuel

        
      -->
    </style>