/*****************
  STYLE
*****************/
body, body div, body p, body th, body td, body li, body dd {
  font-family:"Arial Unicode MS", "Lucida Sans Unicode", Caslon, "Lucida Grande", "Everson Mono Unicode", ClearlyU, serif;
  font-size:small; 
}

body {
	margin:0px; 
  padding:0px;
  background-color:#ccc;
}

body h1  {
  font-style:italic;
  font-size:x-large; 
}

body h2  {
  font-size:large; 
}

body h3  {
  font-size:medium; 
}

p {
  margin-top:0;
}

p.intro:first-letter {
  color:#636;
/*  font-size:200%;
  line-height:100%;
  font-weight:bold;*/
  float:left;
  padding-right:.06em;
  margin-top:-.24em; /* mozilla */
  margin-bottom:-.3em; /* mozilla */
  font-size:2.9em;
  line-height:.9em; /* ie */
}

a:link     { color:#939; }
a:active   { color:#939; }
a:visited  { color:#636; }
a:hover    { color:#939; }

img { border:0px; }

img.email {
  display:inline;
  vertical-align:text-top; /* assumes email image is 16 pixels high */
}

code  {
  font-size:small;
}

/*****************
  LAYOUT
*****************/
#header {
	margin:0px auto;
  padding:10px 10px 3px 10px;
  border-left:1px solid #336;
  border-bottom:12px solid #336;  
  border-right:1px solid #336;
  background-color:#fff;
  text-align:center;
	width:722px;
}

#wrapper-1 {
	margin:0px auto;
  border-left:1px solid #336;
  border-right:1px solid #336;
  background:#fff url(/img/leftborder.gif) repeat-y left;
	width:742px;
}

#wrapper-2 {
  background:url(/img/rightborder.gif) repeat-y right;
}

#wrapper-3 {
  width:100%;
  float:left;
  margin-right:-161px;
  background:url(/img/rightborder.gif) repeat-y right;
}

#wrapper-4 {
  margin-right:161px;
  background:url(/img/leftborder.gif) repeat-y left;
}

#col-1 {
	width:161px;
  float:left;
}

#address {
  padding:5px;
  border-top:12px solid #336;
	width:150px;
  overflow:hidden;
}

#col-2 {
  float:right;
	width:420px;
}

#content, #headline {
  padding:5px;
}

#headline {
  border-top:12px solid #336;
}

#frontpage {
  text-align:center;
}

#col-3 {
  float:right;
  margin-left:1px;
	width:160px;
  height:600px;
}

#footer {
	margin:0px auto;
  padding:5px;
  border-top:11px solid #336;
  border-left:1px solid #336;
  border-right:1px solid #336;
  background-color:#fff;
  font-family:Arial, san-serif;
  font-size:xx-small;
	width:732px;
  height:60px;
}

#logo {
  float:left;
  margin-right:5px;
}

#xhtml {
  float:right;
}

div.spacer {
  position:relative;
  height:82px;
}

.left {
  float:left;
}

.right {
  float:right;
}

div.clearing  {
  height:0;
  font-size:1px;
  clear:both;
}

hr {
  border:0; /* for Opera & Mozilla */
  color:#336; /* for IE */
  background-color:#336; /* for Opera & Mozilla */
  height:1px;  
}
  
/*****************
  MENU
*****************/
#menu  {
  width:160px;
  padding:0px 0px 0px 0px;
  font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  background-color:#336;
  color:#336;
}

#menu ul  {
  list-style:none;
  margin:0px;
  padding:0px;
  border:none;
}
		
#menu li  {
  border-bottom:1px solid #969;
  margin:0px;
}

#menu li a  {
  display:block;
  padding:5px 5px 5px 7px;
  border-left:10px solid #606;
  background-color:#636;
  color:#fff;
  text-decoration:none;
  width:138px;
/*}
  html>body #menu li a  {
  width:auto;*/
}

#menu li a:hover  {
  border-left:10px solid #909;
  background-color:#939;
  color:#fff;
}