body{margin:0;
     padding:0;
     font-size:80%;
     background:#bbffff url(img-index/background3.jpg) 50% 0%  no-repeat fixed; 
     position:relative;}
                                          
#container{position:absolute;
           left:50%;
           margin-left:-390px; 
           width:780px;}
                                                                                          
#header{text-align:center;}         
                 
h1{font-size:2.3em;
   color:#215e21;
   font-style:oblique;
   margin:0;
   padding-top:.5em;
text-shadow:2px 2px 2px #727272;}
 
h2{font-size:1em;
   margin:0;
   padding:0;} 

img.one{position:absolute;
        top:125px;      
        width:200px;
        height:360px;
        margin:0; padding:0;}

#weather{position:absolute;
                   top:445px;
                   left:10px;}      

#web{position:absolute;
            top:140px;
            left:220px;                   
           padding:0;
           margin:0;
           width:180px;
border-style:solid;
border-width:2px 2px 3px 3px;
border-color:#4d4d4d #4d4d4d #000 #000;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
#web p{font-size:1em; 
              text-align:center;
              font-weight:bold;
              margin:0; padding-top:3px;}
#web ul{
margin-top:3px;
}                                            
#web li{ text-align:left;
               margin-left:-5px;
               padding-bottom:2px; 
                list-style-type:circle;} 

#web li a{color:blue;
                 font-size:.8em;
                 font-weight:bold;
                 text-decoration:none;
                 margin-left:-4px;
}

#web li a:hover{color:red;
}
                 
#new{position:absolute;
           top:310px;
            left:180px;
} 
#new li{list-style-type:none;
              font-size:.8em;
              font-variant:small-caps;
              font-weight:bold;
              padding-top:.75em;
}
#new li.bigger, #new li.ul1{font-size:1.1em;
}
#new li.ul1, #new li.ul2{
border-bottom:solid black 2px;
padding-bottom:7px;
width:300px;
}
#new li.ul1{
padding-top:0;
}
#new span{
color:#ff5b09;
background-color:#ffffff;
border:1px solid black;
padding:2px 4px;
}

#new li.note{font-size:.75em;}           
#new li a{color:blue;
                  text-decoration:none;}

#new li a:hover{color:red;}

#tv{
position:absolute;
left:525px;
top:290px;
}
#tv li{
list-style:none;
padding:5px;
border:solid 1px black;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color:#ffde2b;
font-size:1.2em;
font-weight:bold;
}

#tv a{
text-decoration:none;
color:blue;
}
#tv a:hover{
color:red;
}

#hoe{background:#fff url(img-index/backhoe3.jpg) 
no-repeat 0 50%;
     position:absolute;          
border-style:solid;
border-width:2px 2px 3px 3px;
border-color:#4d4d4d #4d4d4d #000 #000;
-moz-border-radius:20px;
-webkit-border-radius:20px;     
     top:375px;
     left:600px;
     height:90px;
     width:142px;   
     text-align:center;
     font-weight:bold;
     padding-top:25px;}

#hoe a{text-decoration:none;
             color:black;}
                                
#hoe a:hover{color:red;}
#hoe .bigger{font-size:1.5em;
                        color:red;
                        font-family:verdana, sans-serif;}


#form{position:absolute;
                top:505px;
                left:600px;               
                padding:6px 4px 0 4px;
                width:140px;
                text-align:center;}


.copy{position:absolute;
      top:535px;                     
      font-size:x-small;                      
      list-style-type:none;                      
      margin:0;
      padding:0;
width:525px;}
.copy li{display:inline;
         padding-right:7px;}
.copy li.pay{
	font-weight:bold;
	font-variant: small-caps;
}

a img{border:none;}
                
             
              

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton_right.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav, 
#nav ul {position:absolute; top:140px; left:575px; width:180px; padding:0 0 5px 0; margin:0; list-style-type:none; font: 10px verdana, sans-serif; font-weight:bold; border:1px solid #000; border-color:#91b49c #91b49c #34925e #34925e; border-width:2px 2px 3px 3px; background:#dbe6e0;  z-index:200;}

#nav {float:right;}


#nav li li {background:#dbe6e0;}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {display:block; color:black; margin:0 25px 0 10px; height:15px; line-height:12px; text-decoration:none; white-space:nowrap;}

#nav li:hover {position:relative; z-index:300;}
                      

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
 #nav li:hover > ul {right:-5px; left:auto; margin-right:100%; top:-1px;} 
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}

/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b57;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{right:-5px; left:auto; margin-right:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#b57;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}