/*----------------------------------------------
Woods Stylesheet
Media Type: Screen
URL: http://www.leppertmortuary.com
Author: BitWise Solutions Inc. - Bryan Kohlmeier
Last Updated: April 12, 2006

Browser tested:
PC - IE 5.5, IE 6.0, Firefox 1.5, Netscape 8.0, Opera 8.51
Mac - IE 5.2, Firefox 1.05, Camino, Safari 1.03, Opera 8.51
----------------------------------------------*/


/* =universal - Set everything to square 1
----------------------------------------------*/
* {margin: 0px; padding: 0px;}
/* html, {margin: 0; padding: 0;} using this instead as to not override form controls */

body {text-align: center;font-size: medium;font-family: Arial, Helvetica, sans-serif;background: url("../images/leftbg.jpg") repeat-y center top;}
div#container {margin-right: auto; margin-left: auto; width: 753px;text-align: left;}

a {outline: none;} /*Removes dotted links in FF 1.5 when using negative text indent */

.print {display: none;}



/* =heading  - Top of website
----------------------------------------------*/

div#logo-home {background: url("../images/leppert-logo.jpg") no-repeat; width: 703px; height: 260px; margin: 0px auto 0x auto;}
ul#home-buttons{margin-top: 0px; width: 703px; margin-right: auto; margin-left: auto;}
ul#home-buttons li{display: inline; padding:0px 60px 0px 60px;}
div#logo {float: left; background: url("../images/logo-int.jpg") no-repeat; width: 219px; height: 114px;}
div#logo h1 {text-indent: -9000px;}
div#logo a {display: block; width: 219px; height: 113px; text-decoration: none;}

div#tagline {float: left; width: 534px; height: 114px;}
div#tagline a:link, div#tagline a:visited {color: #657093; font-size: 10px; text-decoration: none; padding-right: 2px; padding-left: 2px;text-transform: uppercase;}
div#tagline a:hover {color: #14245A; text-decoration: underline;}
div#topnav {text-align: right; color: #657093; font-size: 10px; padding-top: 3px;}



/* =headers  - The header tags
----------------------------------------------*/

div#innercontent h2 {color: #414141; font-size: 160%; line-height: 29px;}
div#innercontent h3 {font-size: 140%;}


/* =mainnav  - Top Navigation
----------------------------------------------*/



/* =sidenav  - Side Navigation
----------------------------------------------*/
div#leftcol {width: 219px; float: left; padding-bottom: 20px;}
div#framewrap {background: url(../images/frame.gif) no-repeat; width: 219px; height: 253px;margin-bottom: 15px;}
div#framewrap img {margin-top: 25px; margin-left: 26px;}
div#leftnav {text-align: center;}
div#leftnav a {display: block;text-decoration: none;}
div#leftnav img {margin-top: 10px; margin-bottom: 10px; border: none;}



/* =links  - Link styles
----------------------------------------------*/



/* =misc  - Misc styles
----------------------------------------------*/

.datesmall {font-size: 90%;}
.upper {text-transform: uppercase; font-size: 11px;}

/* =content  - Main Content styles
----------------------------------------------*/
div#content {float: left; width: 534px;}

div#innercontent {margin-left: 37px; font-size: 12px; line-height: 17px; background: url(../images/lp-back.gif) no-repeat 30px 200px;}

div#innercontent dl, div#innercontent p {margin-top: 10px; margin-bottom: 10px;}
dl dt {font-size: 110%; margin-top: 20px; font-weight: bold;}
dl dd {margin-left: 15px;}
.ddreplace {font-size: 90%; font-weight: normal;}
div.details {margin-top: 40px; margin-bottom: 40px;}

div#innercontent a:link, div#innercontent a:visited {color: #162E80; text-decoration: none;}
div#innercontent a:hover {text-decoration: underline;}
div#staffwrap {/*margin-top: 64px;*/}
div.staffcontent {}
div.staffphoto {position: relative; /*margin-left: -177px !important; margin-left: -140px; */float: left;width: 177px; height:220px; background: url(../images/staff-frame.gif) no-repeat; margin-right: 20px;}
div.staffinner {float: left; width: 460px; border-bottom: solid 1px #eee;padding-top: 20px; padding-bottom: 20px;}

div#innercontent ul li {background: url("../images/bullet.gif") no-repeat 0px 6px; list-style: none; font-size: 12px; padding: 4px 5px 4px 15px; border-bottom: solid 1px #EFEFEF;}
div#innercontent ul li table{ font: 12px Arial; }
p.letters {font-size: 18px; font-weight: bold;}

div.directions {float: right; width: 140px; padding-top: 25px}
div.locations {float: left; width: 355px;}

blockquote {font: 12px Arial;border-bottom: solid 2px #eee; padding-top: 5px; padding-bottom: 5px;}
.signature {padding-left: 15px; background: url("../images/square.gif") no-repeat 0px 4px; color: #14245A;}
.signature a{color: #14245A;}

.imageButtonPreview{background:url("../images/preview.gif");width: 129px; height: 23px; border: solid 0px #000;}
.imageButtonSubmit{background:url("../images/submit.gif");width: 129px; height: 23px; border: solid 0px #000;}
.imageButtonChange{background:url("../images/change.gif");width: 129px; height: 23px; border: solid 0px #000;}

.frmGuestBook{scrollbar-3dlight-color:#fff; scrollbar-arrow-color:#fff; scrollbar-base-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#fff; }
.small{font-size:11px;}
div#pnlpreview{margin-top:0px;border-top:dotted 1px #ba0000;}
div#preview{margin-top:0px;}

/* =footer  - Footer Styles
----------------------------------------------*/



