/* MAIN SCREEN LAYOUT     FUNERALS TO DIE FOR C2010     */
/* WEB DESIGN, SYLING AND BUILD BY DIGITAL IDIOM lTD    */
/* www.digitalidiom.co.uk  Web Design  for 14 years     */
/* Copy or use of original material requires permission */

html, *, div, body, table, th, td, p, h1, h2, h3, img, form, ul, ol, li, object {
margin:0; padding:0; border:0;
}


/* STRUCTURE DIVS ################################## */
body {
color:#FFF;
font: normal 12px/18px verdana, arial, helvetica, sans-serif;
background: #0C85CE url("/images/bg-body.gif") repeat-x;
}

#page {
background: transparent url("/images/bg-content.jpg") 0px 200px no-repeat;
width:990px;
margin:0px auto 0px auto;
color:#CCC;
border:1px solid #FFF;
}

#masthead {
height:200px;
width:990px;
color:#06477D;
background-color:transparent;
}

#logo {
float:left;
margin:12px 0px 10px 6px;
}

#slogan {
color:#FFF;
background-color:transparent;
margin-top:70px;
font: normal 18px/22px verdana, arial, helvetica, sans-serif;
}

#join {
margin-top:-18px;
margin-bottom:6px;;
}

#home-content {
width:990px;
background-repeat:no-repeat;
color:#333;
font: normal 12px/18px verdana, arial, helvetica, sans-serif;
}

#content {
float:right;
width:620px;
margin:40px 80px 0px 0px ;
padding:0px;
color:#024;
background-color:transparent;
font: normal 12px/18px verdana, arial, helvetica, sans-serif;
}

#contentNoSB {
margin:0px 80px 0px 0px ;
padding:40px 0px 0px 254px;
color:#024;
font: normal 12px/18px verdana, arial, helvetica, sans-serif;
}

#contentWide {
margin:0px 80px 0px 0px ;
padding:40px 0px 0px 154px;
color:#024;
font: normal 12px/18px verdana, arial, helvetica, sans-serif;
}

#sidebar {
width:200px;
margin:30px 0px 20px 20px ;
padding:0px 20px 20px 20px;
color:#CCC;
background-color:#036;
border-top:10px solid #FF0099;
}

#steps123 {
height:480px;
background: url("../images/splash.jpg") top left no-repeat;
}

#TAB123 {
margin-left:50px;
}

#footer {
clear:both;
margin:20px 0px 20px 0px;
padding:10px 0px 5px 0px;
color:#033;
font: normal 10px/12px verdana, arial, helvetica, sans-serif;
line-height:120%;
text-align:center;
border-top:1px solid #FFF;
}

#sharethis {
position:absolute;
top:200px;
right:3px;
padding:3px;
background-color:#AAA;
}

/* ############## CONTENT ############################# */
p {
margin:5px 0px 22px 0px;
}

.box {
padding:10px;
border:1px solid #DDD;
}

.note{
font-size:80%;
color:#036;
}

.footNote {
text-align:center;
line-height:10px;
width:940px;
margin:10px auto;
font-size:80%;
color:#666;
}

.footNote a:link, .footNote a:visited {
text-decoration:none;
color:#666;
}

.printOnly {
position:absolute;
left:-2000px;
top:-2000px;
}

h1 {
color:#025;
background-color:transparent;
font: bold 22px verdana, arial, helvetica, sans-serif;
padding-bottom:4px;
margin-bottom:20px;
border-bottom:1px dashed #036;
}

h2 {
color:#FFF;
background-color:transparent;
font: bold 18px verdana, arial, helvetica, sans-serif;
padding-bottom:14px;
border-bottom:0px dashed #000;
}

h3 {
color:#FFF;
background-color:transparent;
font: bold 15px verdana, arial, helvetica, sans-serif;
padding-bottom:4px;
border-bottom:1px dashed #669;
}

h4 {
color:#FFF;
background-color:transparent;
font: bold 13px verdana, arial, helvetica, sans-serif;
padding-bottom:4px;
}

#sidebar h2 {
color:#09C;
background-color:transparent;
font: bold 18px verdana, arial, helvetica, sans-serif;
padding:10px 0px;
border-bottom:1px dashed #CCC;
}

#content ol, #content ul, #contentNoSB ol, #contentNoSB ul {
margin:0px 20px 25px 30px;
}

.hint strong {color: #C00;}

th {
text-align:left;
}

.tblContent td {
 padding:0px 10px 10px 0px;
 text-align:left;
 vertical-align:top;
}

.imgRight {
float:right;
margin-left:10px;
}

img.imgLeft {
float:left;
margin-right:10px;
}

.txtwhite {
color:white;
}

/* ###### LISTS ###### */
ul.star {
list-style-image: url("/images/bullet-pink-star.gif");
}


/* ###### LINKS ###### */
a:link, a:visited {color:#000066;}
a:hover {color:#FFF;}

#sidebar a:link, #sidebar a:visited {color:#CCC; text-decoration:none;}
#sidebar a:hover {color:#FFF;}

.error {
	color: #CC0000;
}

/* ###### FORMS ###### */


#frmBox {
padding:10px;
border:0px solid #DDD;
color:#FFF;
background-color:#036;
}

#frmBox .note {
font-size:80%;
color:#AAA;
}

table td {
vertical-align:top;
}

input {
border:2px solid #FFF;
font: normal 12px verdana, arial, helvetica, sans-serif;
}

textarea {
border:2px solid #FFF;
font: normal 12px verdana, arial, helvetica, sans-serif;
}

.submit {
border:2px solid #FFF;
color:#FFF;
background-color:#EF239D;
padding:4px;
font-weight:bold;
text-transform:uppercase;
}

.submitBtn {
border:0px solid #FFF;
color:#FFF;
background-color:transparent;
padding:0px;
font-weight:bold;
text-transform:none;
}