body { font: normal 1em Arial, Helvetica, sans-serif; background: #fff; width: 100%; margin: 0px auto; color: #222; } 

a { color: #444; }
#title { font: normal 2em Arial,Helvetica, sans-seriv; font-weight: bold; color: #888; display: block; padding: 8px 20px; margin: 0; -webkit-border-radius: 0.6em;
  -moz-border-radius: 0.6em; text-shadow: 0 4px 1px rgba(100,0,0,0.1); }
#title b { font: normal 1.4em Arial,Helvetica, sans-seriv; font-weight: bold; color: #888; padding:  8px 20px; margin: 0; -webkit-border-radius: 0.6em;
  -moz-border-radius: 0.6em; text-shadow: 0 4px 1px rgba(100,0,0,0.1); }

#address {font-size: 0.8em; text-align: center; font-weight: bold; color: #888; margin: 0; padding: 7px 6px 0px 0px; border-radius: 0.1em;
  -webkit-border-radius: 0.1em; -moz-border-radius: 0.1em; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 10px 5px rgba(0,0,0,0.2); background: #fff;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#eee');
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background: -moz-linear-gradient(top, #fff, #eee); border: solid; border-width: 2px 0px 2px 0px; border-color:#fff #fff #fff #fff;
}
#address a { font-weight: bold; color: #888; text-decoration: none; padding:  8px 20px; margin: 0; -webkit-border-radius: 0.6em;
  -moz-border-radius: 0.6em; text-shadow: 0 1px 1px rgba(0,0,0,0.2); }

#nav { margin: 0; padding: 7px 6px 0px 0px; line-height: 100%; border-radius: 0.1em; 
  -webkit-border-radius: 0.1em; -moz-border-radius: 0.1em; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 10px 5px rgba(0,0,0,0.2); background: #eeeeff; 
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9', endColorstr='#7a7a7a'); 
  background: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#7a7a7a));
  background: -moz-linear-gradient(top, #c9c9c9, #888); 
  border: solid; border-width: 2px 0px 2px 0px; border-color:#fff #fff #fff #fff; }
#nav li { margin: 0 5px; padding: 0 0 8px; float: left; position: relative; list-style: none; }

#nav a { font-weight: bold; color: #fff; text-decoration: none; display: block; padding:  8px 20px; margin: 0; -webkit-border-radius: 0.6em;
  -moz-border-radius: 0.6em; text-shadow: 0 1px 1px rgba(0,0,0,0.2); }
#nav .current a, #nav li:hover > a { background: #eee;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1');
  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1));
  background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); color: #444;
  border-top: solid 1px #f8f8f8; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2); box-shadow: 0 1px 1px rgba(0, 0, 0, .2); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
#nav ul li:hover a, #nav li:hover li a { background: none; border: none; color: #666; -webkit-box-shadow: none; -moz-box-shadow: none; }
#nav ul a:hover { background: #eee !important; 
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#888');
  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#888)) !important; 
  background: -moz-linear-gradient(top, #ccc, #888) !important; 
  color: #fff !important; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: 0 1px 1px rgba(0,0,0,.1); }
#nav ul {
  background: #ddd; filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ddd'); 
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background: -moz-linear-gradient(top,  #fff,  #ddd); display: none; margin: 0; padding: 0;
  width: 185px; position: absolute; top: 35px; left: 0; border: solid 1px #b4b4b4;
  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); box-shadow: 0 1px 3px rgba(0,0,0,.3); }

#nav li:hover > ul { display: block; }
#nav ul li { float: none; margin: 0; padding: 0; }
#nav ul a { font-weight: normal; text-shadow: 0 1px 1px rgba(255,255,255,0.9); }
#nav ul ul { left: 181px; top: -3px; }
#nav ul li:first-child > a { -webkit-border-top-left-radius: 9px; -moz-border-radius-topleft: 9px; -webkit-border-top-right-radius: 9px; 
  -moz-border-radius-topright: 9px; }
#nav ul li:last-child > a { -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomleft: 9px; -webkit-border-bottom-right-radius: 9px;
  -moz-border-radius-bottomright: 9px; }
#nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#nav { display: inline-block; }

#nav form > input  { background: #fff; float: right;  padding: 2px 6px 2px 6px;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#fff');
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff));
  background: -moz-linear-gradient(top,  #ddd,  #fff); color: #444;
  -webkit-border-radius: 10; -moz-border-radius: 10;
  border-top: solid 1px #f8f8f8; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); box-shadow: 0 1px 1px rgba(0,0,0,.2); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

#footer   { 
  margin: 0; padding: 7px 6px 7px 6px; line-height: 100%; border-radius: 0.1em;
  background: #eeeeff;
  -webkit-border-radius: 0.1em; -moz-border-radius: 0.1em; 
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 10px 5px rgba(0,0,0,0.2); 
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#aaa');
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
  background: -moz-linear-gradient(top, #ddd, #aaa); 
  border: solid; border-width: 2px 0px 2px 0px; border-color:#fff #fff #fff #fff;
}
#footer a { font-size:0.8em; font-weight: bold; color: #fff; text-decoration: none; line-height: 24px; 
  padding: 5px 5px 5px 5px; margin: 20px; -webkit-border-radius: 0.6em;
  -moz-border-radius: 0.6em; text-shadow: 0 1px 1px rgba(0,0,0,0.2); }
#copy { width:100%; text-align:center; color: #222; padding:10px 10px 10px 10px; }
#copy a { font-weight: bold; color: #888; text-decoration: none; line-height: 20px; 
  padding: 10px 10px 10px 10px; margin: 20px; -webkit-border-radius: 0.6em;
  -moz-border-radius: 0.6em; text-shadow: 0 0px 0px rgba(0,0,0,0.2); }

h4.front{ color: #444; background: #eee; line-height: 20px; 
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1');
  background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1));
  background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); 
  border-top: solid 1px #f8f8f8; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); box-shadow: 0 1px 1px rgba(0,0,0,.2); 
  text-shadow: 0 1px 0 rgba(255,255,255,0.8); }

img { padding: 10px 10px 10px 10px;}
img#mainpicture { padding: 0px 0px 0px 0px; }

div#main      { width:100%;float:left; background:#fff; padding:3px; color:#444; clear: both; }
div#lefthalf  { width:48%; float:left; background:#fff; padding:3px; color:#444;}
div#righthalf { width:48%; float:left; background:#fff; padding:3px; color:#444;}

html[xmlns] #nav { display: block; }
* html #nav { height: 1%; }



