/**********
= Core Layout Structure
**********/

body{
    margin: 0px;
    background-color: #dcddde;
    font-family: Verdana, Arial, Sans-Serif;
    letter-spacing: 0.2px;
    font-size: 0.75em;
    color: #333333;
}

.clr {clear:both;}
.clrz {clear:both; height:1px;}

#top {border:1px solid #333; width:998px; float:left;}
#top #leader {background-color:#dcddde; width:998px;border-bottom:1px solid #333;}
#top #leader a {text-decoration:none; margin:0; padding:0; line-height:100%;}
#top #leader .forum {border:2px solid #aaa; background: url('/images/headerchat.jpg') no-repeat; height: 88px; width:229px; margin:10px 0px 10px 0px; float:left; display:inline;}
#top #leader .forum #jobsloss {float:left; text-decoration:none; width:60px; margin-top:58px; margin-left:5px; height:20px; background: transparent; display:block;}
#top #leader .forum #jobsloss img {float:left; width:60px; height:20px; }
#top #leader .forum #relation {float:left; text-decoration:none; width:60px; margin-top:58px; margin-left:5px; height:20px; background: transparent; display:block;}
#top #leader .forum #relation img {float:left; width:60px; height:20px; }
#top #leader .forum #bereavements {float:left; text-decoration:none; width:60px; margin-top:58px; margin-left:5px; height:20px; background: transparent; display:block;}
#top #leader .forum #bereavements img {float:left; width:70px; height:20px; }
#top #leader .banner { margin:10px 10px 10px 10px; float:left; border:1px solid #333; display:inline}
#top #header {height:105px; background-color:#319FFE; width:998px;}
#top #header a { width:226px; height:105px; background: url('/images/logo.gif') no-repeat top left; float:left;}
#top #header #signpost {background: url('/bereavement/images/topbanner.gif') no-repeat 1px -1px; float:left; width:770px; height:105px;}

#wrap {margin:0 auto; width:998px; position:relative}
#wrap #skyscraper {position: absolute; top: 218px; right: -170px;}
#wrap #skyscraper img {border: 2px #FFF solid;}
#container {width: 1000px; background-color: #fff; background-image: url(/images/dotted_bg.gif); background-repeat: repeat-y; background-position: right;}

#headerStrip{float: left; width: 998px;}

#mainBody{background-color:#FFF;}

#navCol{
    float: left;
    width: 228px;
}

#siteTools{
    float: left;
    font-size: 90%;
    width: 737px;
    height: 24px;
    border-bottom: 1px #E5E5E5 solid;
    padding: 12px 0px 0px 12px;
    margin-bottom: 5px;
    display:inline;
    }

#splitLeft{
    float: left;
    width: 541px;
    padding: 0 16px 16px 16px;
    border-left: 1px #E5E5E5 solid;
    display:inline;
}

#splitRight{
    float: left;
    width: 146px;
    margin-top: 50px !important; margin-top: 54px;
    padding: 0 16px 40px 16px;
    background-image: url('/bereavement/images/dotted_line.gif');
    background-repeat: repeat-y;
    display:inline;
}

#contentFull{
    float: left;
    width: 735px;
    padding: 0 16px 16px 16px;
    border-left: 1px #E5E5E5 solid;
}

#footer
{
    display:inline;
    float: right;
    width: 989px;
    text-align: right;
    margin: 22px 17px 0 0 !important; margin: 22px 10px 0 0;
    font-size: 80%;
    line-height: 16px;
}

#searchBox{
    float: left;
    height: 137px;
    width: 228px;
    background-image:url('/bereavement/images/searchbg.gif');
    background-repeat: no-repeat;
}

#searchFormHolder{
    width: 204px;
    float: left;
    margin: 23px 0 0 6px !important; margin: 35px 0 0 3px;
    padding-left: 10px;
}

#searchFormHolder a:hover{color: #000 !important}

/**********
= Hover Navigation Formatting
**********/

#navCol ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#navCol a{              
    display: block;
    color: #326191;
    line-height: 1.3;
    font-family: arial;
    font-size: 95%;
    text-decoration: none;
}

#navCol a:hover{
    color: #ffffff;
}

#navCol li{
    float: left;
    width: 210px;
    list-style: none;
}
    
#navCol li ul{
    position: absolute;
    left: -999em;
    width: 210px;
    border: 1px #298CC9 solid;
    border-bottom: 0;
}

#navCol li:hover ul ul, #navCol li.sfhover ul ul{
    left: -999em
}

#navCol li:hover ul, #navCol li.sfhover ul{
    left: auto;
    margin: -26px 0 0 228px;
}

#navCol li li:hover ul, #navCol li li.sfhover ul{
     left: auto;
    margin: -26px 0 0 210px;
}
    
#navCol li ul a, #navCol li ul ul a{
    background-color: #9BE0FF;
    height: 18px;
    border-bottom: 1px #298CC9 solid;
    padding: 3px 0 3px 10px;
}

/* For double line hover nav options */
#navCol a.big{
    height: 30px;
}


/**********
= Sub navigation styling
**********/

#navCol a.subNav,
#navCol a.subNavOn{
    color: #326191;
    line-height: 1.3;
    font-family: arial;
    font-size: 95%;
}

#navCol a.subNav:hover
#navCol a.subNavOn{
    color: #fff;
}

#navCol ul li.subNav{
    width: 204px;
    background-color: #85D8FD;
    padding-left: 24px;
}

#navCol ul.subNav{
    float: left;
    display: block;
    width: 228px;
    background-color: #85D8FD;
    border-top: 1px #2786C7 solid;
    padding: 5px 0 5px 0;
}

#navCol li.tertiary{
    padding-left: 40px;
    width: 188px;
}

#navCol a.tertiary{
    color: #0F2E59;
    line-height: 1.3;
    font-family: arial;
    font-size: 95%;
    display: inline;
}

#navCol a.tertiary:hover{
    color: #fff;
}

/**********
= Text, Links, Images
**********/

img{
    vertical-align: bottom;
    border: 0;
}

a{color:#7D2705;font-weight:bold;}
a:hover{text-decoration: none;}
a:visited{color: #B25530;}

.banner{
    margin-bottom: 30px;
}
   
h1 {font-size: 160%; margin-top:10px; color: #7D2705;}

.floatRight{
    float: right;
    margin-left: 10px;
    border: 1px #193F70 solid;
}

.breadcrumb{
    margin: 2px 0 0 0;
    color:#7D2705;
	font-weight:bold;
	font-size: 90%;
}

.thirdNavBullet{
    vertical-align: 0%;
    margin-right: 5px;
}

#date{
    float: left;
    height: 16px;
    width: 70px;
    background-image: url('/bereavement/images/datebg.gif');
    text-align: center;
    font-weight: bold;
    font-size: 85%;
    color: #fff;
}

#toolIcons{
    float: left;
    width: 440px;
    font-size: 90%;
    font-weight: bold;
    letter-spacing: normal;
    margin-left: 11px;
}

#toolIcons a.text{
   float: left;
   color: #777;
   margin: 0px 10px 0px 3px;
   text-decoration: underline;
} 

#toolIcons a.text:hover{
    text-decoration: none;
}

#toolIcons img
{
    float: left;
}

li
{
    list-style-image: url(/bereavement/images/bullet.gif);
}

.booksShop
{
	float: left;
	width: 140px;
	
}

.booksText
{
	width: 180px; 
	float: left;
	margin: 15px 20px 0px 0px;
}

/**********
= Form Styling
**********/

.selectLeft{
    width: 205px;
    margin-bottom: 3px;
    background-color: #E5E4E2;
}

#headersearch
{
    float: left;
    width: 210px;
}

form.headersearch
{
    float: left;
    width: 183px;
}

form.headersearch label
{
    float: left;
    width: 45px;
    font-size: 90%;
    font-weight: bold;
    color: #7D2705;
}

form.headersearch input
{   
    float: left;
    width: 104px;
    font-size: 80%;
    margin-top: -2px !important; margin-top: 0px;
}

form.headersearch input.submit
{
    float: left;
    width: 27px;
    height: 19px;
    font-size: 75%;
    background: #7D2705;
    border: none;
    color: #fff;
}

form.expensecalc label
{
    float: left;
    width: 230px;
    font-size: 90%;
    color: #1C3F6F;
	text-align: right;
	padding: 3px 3px 0px 0px;
}

form.expensecalc input
{
    width: 200px;
	border: 1px #CCCCCC solid;
	background-color: #E5E5E5;
	margin-bottom: 3px;
}

form.expensecalc input.button
{
    width: 98px;
    border: 1px black solid;
    background: #fff;
    margin-right: 6px;
}

/**********
= Email page styling
**********/

#emailpage-wrapper 
{
	background-color: #fff;
	width:392px !important; width: 386px;
	margin:0px 0px 0px 5px !important; margin:0px 0px 0px 0px;
	border: solid 1px #7D2705;
	background-repeat: repeat;	
	font-size:11px;
}

#emailpage-header 
{
	background-color:#2F96FF;
	float:right;
	width: 100%;
	background-image:url(/bereavement/images/emailpage_header.jpg);
	padding-bottom:85px;	
	border-bottom: solid 1px #7D2705;
}

.emailBoxTitle
{
	width: 325px;
	padding-left: 4px;
	margin: -12px 4px 0px 28px !important; margin: 10px 4px -1px 14px;
	padding: 4px 0px 8px 10px;
	float:left;
	background-image: url(/bereavement/images/emailpage_tab.gif);
	background-repeat: no-repeat;
	color:#fff;
	font-size:110%;
	font-weight:bold;
}

.emailBoxContent
{
	width: 294px !important; width: 325px;
	margin: 34px 0px 32px 28px !important; margin: 14px 0px 28px 28px;
	padding: 18px 5px 5px 24px;
	border-left: 1px #7D2705 solid;
	border-right: 1px #7D2705 solid;
	border-bottom: 1px #7D2705 solid;
	background-color: #fff;
}

.inputTextEmail,
.inputTextEmailComments
{
	width: 240px !important; width: 230px;
	margin:4px 0px 5px 24px !important; margin:4px 0px 5px 0px;
	border: 1px #CCCCCC solid;
	background-color: #E5E5E5;
}

.inputTextEmailComments
{
	height: 80px;
	font-family: arial;
	font-size: 13px;
}

#emailpage-footer
{
	font-family: arial;
	font-size: 10px;
	width:380px !important; width: 380px;
	padding:0px 10px 14px 0px !important; padding:0px 10px 0px 0px;
	border-top:solid 1px #E5E5E5;
	border-bottom:solid 1px #E5E5E5;
	margin-bottom:2px;
}

.submitemail
{
	float:right;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	background-color: #7D2705;
	margin-right:30px !important; margin-right:35px;
	margin-bottom:10px !important; margin-bottom:0px;
	border: 1px #280E04 solid;
}

/**********
= Legal listing styles
**********/

table.localHelpListingTable3
{
    width: 95%;
    margin-bottom: 3px;
    border: 1px #e3e3e3 solid;
}

img.localHelpCatImage{
	float:left;
	margin: 8px 0 8px 8px;
}

.memberName
{
	float: left;
	margin-left: 20px;
	font-size: 140% !important; font-size:100%;
	letter-spacing: 0px;
	color:#B3471C;
	font-weight: bold;
	width: 360px;
}

.memberItem
{
	color: #4884B3;
	font-size: 90%;
}

.memberItemTwo
{
	color:#4884B3;
	font-size:110%;
	padding: 5px;
}

/**********
= Site map styles
**********/

ul.sitemap
{
    font-size: 90%;
    font-weight: normal;
}

ul.sitemap li
{
    list-style: square;
    padding: 3px;
}