/* CSS Document */

body {
background-image: url(./images/main_back.jpg);
image-repeat: no-repeat;
margin-top: 0;
text-align: center;
}

#wrapper {
width: 760px;
margin: 0 auto 0 auto;
border: 0;
padding: 0;
}

#header {
position: relative;
float: left;
width: 200px;
height: 200px;
margin: 0;
border: 0;
padding: 0;
}

#navigation {
background: #fff;
position: relative;
float: right;
width: 500px;
height: 25px;
margin: 0 0 14px 0;
border:  0;
padding: 0;
}

#navigation ul {
list-style: none;
position: relative;
width: 95%;
height: 25px;
margin: 0;
border: 0;
padding: 0;
text-align: center;

}

#navigation li {
display: block;
float: left;
font: 75% Verdana, Helvetica, Arial;
color: #fff;
letter-spacing: .1em;
margin-right: 1px;
padding: 0 0 2px 0;

}

#navigation li a {
background: #1c5997 url(./images/nav_left.gif) left bottom no-repeat;
color: #fff;
text-decoration: none;
padding-left: 10px;
}

#navigation li span {
background: #1c5997 url(./images/nav_right.gif) right bottom no-repeat;
color: #fff;
text-decoration: none;
padding-right: 10px;

}

#navigation li a:hover {
background: #9e2826 url(./images/nav_left_red.gif) left bottom no-repeat;
padding-left: 10px;
}

#navigation li span:hover {
background: #9e2826 url(./images/nav_right_red.gif) right bottom no-repeat;
color: #ffff00;
text-decoration: none;
padding-right: 10px;
}


#navigation li a.current {
background: #9e2826 url(./images/nav_left_red.gif) left bottom no-repeat;
color: #fff;
text-decoration: none;
padding-left: 10px;
}

#navigation li span.current {
background: #9e2826 url(./images/nav_right_red.gif) right bottom no-repeat;
color: #ffff00;
text-decoration: none;
padding-right: 10px;
}

#mainimage {
position: relative;
float: right;
width: 525px;
height: 275px;
margin: 0;
border: 0;
padding: 0;
}



#leftcol {
position: relative;
float: left;
width: 530px;
margin: 10px 0 0 0;
border-right: 1px dotted #000;
padding-right: 30px;
}

#leftcol p {
clear: left;
font: 75% Verdana, Helvetica, Arial;
color: #000;
letter-spacing: .02em;
text-align: justify;
}

.welcome {
font: 100% Verdana, Arial, Helvetica;
color: #1c5997;
float: left;
margin: 0 0 10px 0;
text-align: left;
}

span.redheader {
color: #9e2826;
font-weight: bold;
}

ul.casketlist {
position: relative;
margin: 0 0 0 15px;
border: 0;
padding: 0;
text-align: left;
}

ul.casketlist li {
font: .80em Verdana, Arial, Helvetica;
letter-spacing: .03em;
}


#faqcol {
position: relative;
float: left;
width: 750px;
margin: 15px 0 0 0;
border: 0;
padding-right: 30px;
}

#faqcol p {
clear: left;
font: 75% Verdana, Helvetica, Arial;
color: #000;
letter-spacing: .02em;
text-align: justify;
}

.faqheader {
font: 100% Verdana, Arial, Helvetica;
color: #1c5997;
float: left;
margin: 0 0 15px 0;
text-align: left;
}

form {
background: #ccc;
margin: 15px 0 0 0;
border: 1px solid #1c5997;
padding: 5px;
text-align: center;
}

form p {
font-weight: bold;
}

input.box {
border: 1px solid #1c5997;
}
select.box {
border: 1px solid #1c5997;
}

input.submit {
background: #1c5997;
border: 1px solid #9e2826;
color: #fff;
}

form.buttonform {
background: none;
margin: 0;
border: 0;
padding: 0;
text-align: center;
}

#fullobit {
position: relative;
float: left;
width: 98%;
margin: 0 ;
border: 0;
padding: 0;
text-align: justify;
}

span.name {
font: 110% Verdana, Helvetica, Arial;
color: #9e2826;
font-weight: bold;
}
span.date {
font: 80% Verdana, Helvetica, Arial;
color: #000;
font-weight: bold;

}

span.info {
font: 71% Verdana, Helvetica, Arial;
color: #000;
text-align: justify;
}

#fullobit img {
position: relative;
width: 120;
height: 165;
float: left;
margin: 0 10px 15px 0;
border: 1px solid #000;
padding: 0;
}

#book {
position: relative;
float: right;
margin: 20px 15px 0 0;
border: 0;
padding: 0;
text-align: center;
}
#book a:link, #book a:visited {
text-decoration: none;
color: #1c5997;
font-weight: bold;
}

#book a:hover {
text-decoration: none;
color: #ff0000;
font-weight: bold;

}

.search {
position: relative;
float: left;
width: 500px;
margin: 10px 0 0 0;
border: 0;
padding: 0;
text-align: center;
}

.search ul {
list-style: none;
margin: 0;
border: 0;
padding: 0;
}

.search ul li {
font: 72% Verdana, Helvetica, Arial;
color: #9e2826;
font-weight: bold;
text-align: left;
}

.search a:link, .search a:visited {
text-decoration: none;
font-weight: bold;
color: #9e2826;
}

.search a:hover {
text-decoration: none;
font-weight: bold;
color: #1c5997;
}

#memorialcol {
position: relative;
float: left;
width: 700px;
margin: 10px 0 0 0;
border: 0;
padding-right: 30px;
}

#memorialcol p {
clear: left;
font: 75% Verdana, Helvetica, Arial;
color: #000;
letter-spacing: .02em;
text-align: justify;
}

.guestmemorial a:link {
text-decoration: none;
color: #1c5997;
}

.guestmemorial a:hover {
text-decoration: none;
color: #9e2826;
font-weight: bold;
}

/* ---------------------------------------- Right Column ------------------- */


#rightcol {
position: relative;
float: right;
width: 180px;
margin: 10px 0 0 0;
border: 0;
padding: 0;
}

#rightcol p {
font: 72% Verdana, Helvetica, Arial;
color: #000;
letter-spacing: .02em;
text-align: center;
}

#rightcol img {
border: 1px solid #000;
}

#rightcol a:link, #rightcol a:visited {
text-decoration: none;
}

#rightcol a:hover {
text-decoration: none;
color: #9e2826;
}


.obitnotice {
position: relative;
width: 150px;
margin: 0;
border: 0;
padding: 0;
}

.obitheader {
font: 76% Verdana, Helvetica, Arial;
color: #9e2826;
font-weight: bold;
letter-spacing: 3px;
}


.olist {
position: relative;
margin: 10px 0 0 0;
border: 0;
padding: 0;
text-align: left;
}

.olist ul {
list-style: none;
margin: 0;
border: 0;
padding: 0;
}

.olist li {
color: #000000;
font-weight: bold;
}

.olist a:link, .olist a:visited {
text-decoration: none;
font-weight: bold;
color: #1c5997;
}

.olist a:hover {
text-decoration: none;
font-weight: bold;
color: #1c5997;
}

.olistb {
position: relative;
float: left;
clear: left;
margin: 20px 0 0 0;
border: 0;
padding: 0;
font: 95% Verdana, Helvetica, Arial;
text-align: left;
}

.olistb ul {
list-style: none;
margin: 0;
border: 0;
padding: 0;
}

.olistb li {
color: #9e2826;
}

.olistb a:link, .olistb a:visited {
text-decoration: none;
color: #9e2826;
}

.olistb a:hover {
text-decoration: none;
color: #1c5997;
}

#osearch {
position: relative;
margin: 0;
border: 0;
padding: 0;
}

#osearch p {
margin: 4px 0 0 0;
font: 80% Verdana, Helvetica, Arial;
color: #ffff00;
}

#osearch form {
background: #1c5997 url(./images/searchbk.gif) left top no-repeat;
width: 100%;
margin: 0;
border: 0;
padding: 0 0 10px 0;
font: 80% Verdana, Helvetica, Arial;
color: #fff;
font-weight: bold;
letter-spacing: 2px;
}

#osearch input {
margin: 5px 0 0 0;
border: 1px solid #1c5997;
padding: 0;
}

#osearch input.button {
margin: 0;
height: 18px;
border: 0;
padding: 0;
background: #ccc;
color: #000;
}


#footer {
background: #9e2826;
position: relative;
clear: both;
width: 760px;
height: 15px;
margin: 10px auto 0 auto;
border: 0;
padding: 2px;
font: .56em Verdana, Helvetica, Arial;
color: #fff;
}

#footer a:link, #footer a:visited {
text-decoration: none;
font-family: Verdana, Arial, Helvetica;
color: #ffff00;
font-weight: bold;
letter-spacing: .1em;
}

#footer a:hover {
text-decoration: none;
font-family: Verdana, Arial, Helvetica;
color: #ffffff;
font-weight: bold;
letter-spacing: .1em;
}

#footer ul {
list-style: none;
position: relative;
margin: 0;
border: 0;
padding: 0;
}

#footer ul li {
display: inline;
}

#footer ul li a:link, #footer ul li a:visited {
color: #fff;
}
#footer ul li a:hover {
color: #ffff00;
}