/* the Stalvies branding, top left */
#stalvs { float: left; border-top: 1px #fff solid; border-bottom: 1px #fff solid; width: 183px; height: 247px; padding: 0; margin: 0;  }
#stalvs img { position: relative; top: 170px; left: 13px; border: 0 }
#stalvs img a { position: relative; top: 170px; left: 13px }
.hide {	height: 0;	width: 0; overflow: hidden; position: absolute }

/* standard markup */
body { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: #000 }
a { color: #069	; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:hover, a:active { color: #a00; text-decoration: none }
hr { margin-top: 20px }

/* main frame and header */
#frame { width: 900px; background: #445E69 url(../i/bg.gif) top center no-repeat; margin: 0 auto; padding: 8px 0 0 0; text-align: left ; border-right: 1px solid #fff; border-left: 1px #fff solid; border-top: 0px; border-bottom: 1px solid #fff;   }
#contentheader { background: #445E69; height: 15.5em; padding: 0; margin: 0; border: 0px }
#headerright { clear: right; width: 716px; height: 216px; float: left; text-align: right; border-top: #fff 1px solid; border-left: 1px solid #fff; margin: 0; overflow: hidden }
#headerright img { margin: 0; padding: 0; height: 216px; width: 716px }

/* menu  */
#menu { border-right: #fff 9px solid; background: #878766; border-top: #fff 1px solid; width: 707px; height: 1.7em; float: right; font-size: 100%;  margin: 0; padding: 0.2em 0 0 0; border-left: 1px solid #fff; border-bottom: 1px solid #fff;   }
#menu ul { margin: 0; padding: 0; list-style-type: none;  }
#menu ul li { display: block; float: left; margin: 0; padding: 0; text-align: center  }
#menu ul li a { width: 80px; display: block; padding: 0 0 0 14px; margin-left: 14px; font-weight: bold; font-size: 80%; color: #000; line-height: 1.75em; height: 1.75em; text-align: left; text-decoration: none; background: url(../i/arrowunder2.gif) left center no-repeat }
#menu ul li a.hide {	height: 0;	width: 0; overflow: hidden; position: absolute	}
#menu ul li#one a { width: 40px; margin-left: 17px;   }
#menu ul li#two a { width: 82px }
#menu ul li#three a { width: 61px }
#menu ul li#four a { width: 91px }
#menu ul li#five a { width: 73px }
#menu ul li#six a { width: 38px }
#menu ul li a:hover, #menu ul li a:active, #menu ul li a.selected { color: #800003; border-bottom: #911114 5px solid; background: url(../i/nav_arrow.gif) left center no-repeat }

/* left panel - address and phone */
#name { height: 17px; margin: 0; padding: 0 }
#contentleft { background: #700; clear: left; width: 730px; padding: 0 0 0 20px; float: left; font-size: 70%; color: #fff; text-align: right; line-height: 1em }
#contentleft p { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 5px 0 0 0 ; margin: 0 }
#contentleft a { font-weight: normal; color: #9aa }
#contentleft a:hover, #contentleft a:active { text-decoration: none; color: #000 }
#address p { margin-top: 25px }

/* centre panel */
#contentcentre { background: #445E69 url(../i/bgy.gif) top right repeat-y; width: 563px; padding: 0px 0px 0 3px; float: right; color: #000; font-size: 120%; margin-left: 19px; text-align: left; border-left: 1px #fff solid }
#content { line-height: 1.25em; min-height: 278px; width: 545px; background: #fff url(../i/curvehvit.gif) top right no-repeat; padding: 6px 11px 5px 5px }

#content h1 { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 125%; margin: 0 0 0.1em 0 !important; margin: 0 0 0.25em 0; padding: 0.2em 0 0 0 }
#content h2 { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 100%; margin: 0.5em 0 0.25em 1px; padding: 0 }

#content p { font-size: 100%; font-weight: normal; padding: 0 0 0.25em 0; margin: 0; line-height: 1.4em }
#content p.role { padding: 0; margin: 1.25em 0 0.5em 0 }
#content p.date { padding: 0; margin: 0.5em 0  }
#content p.locale { padding: 0 0 1em 0; margin: 0.5em 0  }

#content ul { margin: 0; padding: 0; list-style-type: none; line-height: 1.5em }
#content a { color: #047 }
#content a:hover, #content a:active { color: #900 }
#content a.link { padding: 0 0 0 15px; background: url(../i/p_arrow.gif) left no-repeat }
#content a:hover.link, #content a:active.link { background: url(../i/h_arrow.gif) left no-repeat }

#content img { margin: 15px; border: 0  }
#content img.left { float: left; margin: 4px 10px 1em 0 }
#content img.right { float: right; margin: 6px 0 1em 10px }

#content ul li.left  { float: left }
#content ul li.left5r  { float: left }
#content ul li.right  { float: right }
#content ul.bl { margin: 0; padding: 0; list-style-type: none }
#content ul li.bl { margin: 0.5em 0; padding: 0 }

#content div { margin-top: 1px; padding: 0.75em 10px; width: 252px; float: left }

#content div.c1 { background: #878766 url(../i/c1.gif) top right no-repeat; width: 525px; margin-top: 0.25em }  
#content div.c2 { background: #668787 url(../i/c2bottom.gif) bottom right no-repeat; width: 173px; float: right }
#content div.c3 { background: #668787; width: 331px;  }

#content div.p1 { background: #878766 url(../i/c1b.gif) top right no-repeat; width: 528px; margin-top: 0.25em }  
#content div.p2 { background: #668787 url(../i/c2bottom000.gif) bottom right no-repeat; width: 176px; float: right; padding-bottom: 1.75em  }
#content div.p3 { background: #fff; width: 331px;  }

#content div.s1 { background: url(../i/c2.gif); margin-top: 0.25em;   }  
#content div.s2 { background: url(../i/c1.gif) top right no-repeat; margin: 0.25em 0 0 1px }
#content div.s3 { background: #668787; margin-right: 1px }
#content div.s4 { background: #878766  }

#content div.r1 { background: #668787; clear: left; margin-top: 0.25em  }
#content div.r2 { background: #878766; clear: left }
#content div.r3 { background: #668787 url(../i/c2.gif) top right no-repeat; float: right; clear: right; margin-top: 0.25em }
#content div.r4 { background: #668787; float: right; clear: right }

#content div.wd1 { background: #878766 url(../i/c1b.gif) top right no-repeat; width: 528px; margin-top: 0.25em }  
#content div.wd1 p { margin: 0 5px 0 0; padding: 0 }
#content div.wd1 img { margin: 2px 3px 15px 0; padding: 0; border: 1px #000 solid }
#content div.wd1 img.left5r { margin: 2px 5px 25px 0; padding: 0 }

#content div.wd2 { clear: both; background: #878766 url(../i/c1b_2.gif) top right repeat-y; width: 528px;  }  
#content div.wd2 p { margin: 0 5px 0 0; padding: 0 }
#content div.wd2 img { margin: 2px 3px 15px 0; padding: 0; border: 1px #000 solid  }
#content div.wd2 img.left5r { margin: 2px 5px 25px 0; padding: 0 }

#content div.ph1 { background: #fff url(../i/ph.gif) top right no-repeat; width: 528px; margin-top: 0.25em }  
#content div.ph1 p { margin: 0 5px 0 0; padding: 0 }
#content div.ph1 img { margin: 2px 3px 15px 0; padding: 0; border: 1px #000 solid }
#content div.ph1 img.left5r { float: left; margin: 2px 10px 10px 0; padding: 0 }

#content div.ph2 { clear: both; background: #fff url(../i/ph2.gif) top right repeat-y; width: 528px }  
#content div.ph2 p { margin: 0 5px 0 0; padding: 0 }
#content div.ph2 img { margin: 2px 3px 15px 0; padding: 0; border: 1px #000 solid  }
#content div.ph2 img.left5r { float: left; margin: 2px 10px 10px 0; padding: 0 }

#content div.ph3 { clear: both; background: #878766 url(../i/ph_3.gif) top right repeat-y; width: 528px }  
#content div.ph3 p { margin: 0 5px 0 0; padding: 0 }
#content div.ph3 img { margin: 2px 3px 10px 0; padding: 0; border: 1px #000 solid  }
#content div.ph3 img.left5r { float: left; margin: 2px 10px 15px 0; padding: 0 }

/* right panel & navigation 4f8d99 */
.red { color: #911114 }
#contentright { width: 145px; padding: 1.25em 0 1.5em 5px; float: right; clear: right; background: #4F8d99 url(../i/curveblue.gif) bottom left no-repeat; font-family: Tahoma, verdana, sans-serif }
#contentright h2 { font-size: 70%; margin: 1.5em 10px 0.25em 10px; color:#000 }
#contentright p { font-size: 70%; margin: 0 10px 0.2em 10px; padding: 0 }
#contentright a.hide {	height: 0;	width: 0; overflow: hidden; position: absolute	}
#contentright ul { margin: 0 5px 0 10px; padding: 0; font-size: 70%; list-style-type: none }
#contentright ul li { margin: 0; padding: 0  }
#contentright ul li a { font-family: Tahoma, Verdana, Helvetica, sans-serif; display: block; width: 110px; color: #000; text-decoration: none; background: url(../i/left_dot.gif) 0px 4px no-repeat; padding: 0 0 0 11px; margin: 0.75em 0 0.5em 0 !important; margin: 0.75em 0 0.5em 0 !important; margin: 0.25em 0 }
#contentright ul li a:hover, #contentright ul li a:active, #contentright ul li a.select { color: #911114; background: url(../i/left_arrow.gif) 0px 4px no-repeat }
#contentright ul li a.subselect { color: #911114; background: url(../i/link_needle.gif) 0px 4px no-repeat; font-weight: bold }
#contentright ul li a.doc { padding: 0 0 0 19px; height: 1.5em; background: url(../i/doc.gif) top left no-repeat }
#contentright ul li a:hover.doc { background: url(../i/doc.gif) top left no-repeat }
#contentright ul li a.pdf { padding: 0 0 0 19px; height: 1.5em; background: url(../i/pdf.gif) top left no-repeat }
#contentright ul li a:hover.pdf { background: url(../i/pdf.gif) top left no-repeat }
#contentright ul ul { margin: -0.3em 10px 0 15px; font-size: 100% }
#contentright ul ul li a { width: 95px; margin: 0.4em 0 0 0 !important; margin: 0; }

/* footer */
#footer { font-size: 70%; width: 900px; margin-right: auto; margin-left: auto; margin-top: 0.75em; padding: 0; color: #fff;	text-align: left }
#footer a { color: #9aa }
#footer a:hover { color: #900 }
#copy { float: right; padding: 0; margin: 0 }