body{
font:1em Verdana, Arial, sans-serif;
background:#aaaaaa url(img-index/chouse.jpg) 50% -95px no-repeat fixed;
position:relative;
}
*{margin:0; padding:0;}
#container{
position:absolute;
width:780px;
left:50%;
margin-left:-390px;
background:#fff url(img-index/chouse.jpg) 50% -95px no-repeat fixed;
}
a{
color:blue;
text-decoration:none;
}
a:hover{
color:red;
}
h1{
margin:1em 0 0 1.5em;
font-size:2.5em;
}
#address{
float:right;
padding:3em 1.5em 0 0;
width:350px;
}
p{
font-weight:bold;
padding-bottom:.4em;
}
p.email{
font-style:italic;
font-size:.9em;
}
h2{
padding-bottom:1em;
}
#footer{
clear:both;
text-align:right;
font-variant:small-caps;
font-size:.6em;
font-weight:bold;
padding:40px 20px 25px 0;
}
#footer p{
margin:0; padding:0;
}

/* ================================================================ 
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_left.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:190px; left:60px; 
width:210px;
padding:10px;
list-style:none; 
font: 12px verdana, sans-serif; 
border-style:outset;
border-color:#3b6aa0 #003eff #003eff #3b6aa0; 
border-width:2px 4px 4px 2px; 
background:#bebebe; z-index:200; } /*background of first box*/

#nav li li {
background:#bebebe;} /*background of all interior boxes*/

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

#nav li a {
display:block; 
color:blue;                            /*#7b5;*/  
margin:10px 25px 0 10px; 
background-color:#bebebe;
/*height:20px; */
line-height:12px; 
text-decoration:none; 
white-space:nowrap; }
/*changes color of links in first box only, and the other characteristics of the (a)*/
/*but from here on down it changes those of the interior boxes as well*/

#nav li:hover {
text-decoration:none;
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 {
left:-15px; 
margin-left: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:#bebebe;  } /*??*/


/* 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
{
left:-5px; margin-left:100%; top:-1px; } /*controls distance flyout box is from the one before*/


/* 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:red; }  /*changes hover state of all links (a:hover) including first box to blue*/


/* 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:blue; } /*changes all interior links (a) to blue*/