/* TABLE OF CONTENTS
    1. BROWSER COMPATIBILITY
    2. PARAGRAPH & TEXT STYLES SPECIFIC TO CSDOCTYPE
    3. BACKGROUND GRAPHIC ELEMENTS
    4. MAIN BLOCKS OF CSDOCTYPE: TOPBOX, LEFTBOX, RIGHTBOX, CONTENTBOX, MENUS ETC
 */

/*1. BROWSER COMPATIBILITY*/

/*  Commented out because have moved it to layout.css. Testing.
* {
    padding:0;
    margin:0;
    } */


/* 2. PARAGRAPH & TEXT STYLES SPECIFIC TO CSDOCTYPE */

/* Paragraph styles */

body {
    font-family: myriad,calibri,helvetica, sans-serif;
    font-size: 14px;
    }

h1, h2, h3, h4, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
    }

h1 {
    font-size: 1.7em;
    font-weight: normal;
    margin-top: 15px;
    color: #693;
    }

h2 {
    font-size: 1.4em;
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 1px solid #e8e800;  
    }

h3 {
    font-size: 1.1em;
    font-weight: bold;
    }

h4 {
    font-size: 1em;
    }

h5 {
    margin: 1em 0 0 0;
    clear:none;
    font-style: normal;
    font-weight:normal;
    color: #333333;
    /* font-size: 1em; */
    /*font-size: 0.8em;*/
    /* line-height: 1.4em; */
    }

h2, h3, h4 {
    margin-top: 1em;
    margin-bottom: .5em;
    clear: both;
    }

h1.daisy-document-name {  /*this is the h1 with yellow bg*/
	top: 0px;
	width: 520px;
	height:25px;
	margin: 0px 0px 26px 7px;
	padding: 1px 0 0 25px;
	position:relative;
	background:transparent url(../images/h1bg536x3c.png) repeat-y scroll;
	color:black;
	font-size:20px;
	font-weight:bold;
}

p {
    line-height: 1.4em;
    color: #333333;
    }

li {
    color: #333333;
    }


td{
    font-size: 1em;
    color: #333333;
    }

.more {
    font-size:.7em;
    }

 
/* 3. BACKGROUND GRAPHIC ELEMENTS */

body {
    background: #e5ecf0 url(../images/vertstrip.jpg) repeat-x top;
    width: 100%;
    }

/*This holds main decoration on CSDocType pages, eg cloud, windmill...*/
#backgroundImage {
    position: absolute;
    margin-top:26px;
    top:8px;
    left:36px;
    padding:0pt;
    width:650px;
    height:303px;
    background:transparent url(../images/cloud1.jpg) no-repeat scroll right top;
    z-index:-10;
    }

/* Contains skyline image at bottom of page, eg hills. Positioned in layout.css */
#skyline {
    background: url(../images/longbottom-cs3.gif) repeat-x left bottom;
    }
    
#skyline>p{
    position:absolute;
    width: 250px;
    top: 15px;
    right:10px;
    text-align: right;
    font-size: .8em;
    color: #FFF;
    }
    
#skyline>#arochalogo {
    position:absolute;
    right:15px;
    top:-30px;
    }

#skyline a:link{color:#FFF; text-decoration:none; background:transparent;}
#skyline a:visited{color:#FFF; text-decoration:none; background:transparent;}
#skyline a:hover{color:#FFF; text-decoration:underline; background:transparent;}
#skyline a:active{color:#FFF; text-decoration:none; background:transparent;}


    
/* 4. CSDOCTYPE BLOCKS: MENUS, TOPBOX, LEFTBOX, RIGHTBOX, CONTENTBOX, ETC */

/* TOPBOX */    
    
/* Container at top left of screen. Normally includes logoBox (see below) */
#topBox {
    position: absolute;
    top: -70px;
    left: 0px;
    height: auto;
    width: 100%; /*same width as container*/
    overflow: visible;
    z-index:5;
    }

/* 
#topBox a:link{color:#FFF; text-decoration:none; background:transparent;    }
#topBox a:visited{color:#FFF; text-decoration:none; background:transparent;    }
#topBox a:hover{color:#FFF; text-decoration:underline; background:transparent;    }
#topBox a:active{color:#FFF; text-decoration:none; background:transparent;    }
 */
 
/*RIGHTBOX */

/* Container at top right of screen for, eg quotations*/
#rightBox {
    position: absolute;
    top: 1px;
    left: 370px;
    height: auto;
    width: 360px;
    overflow: visible;
    padding-bottom: 50px;
	z-index: 100;
}

/*LEFTBOX */

    /*Container at left of screeen for actionBox (see below), pictures etc */
#leftBox { 
    position: absolute;
    top: 80px;
    left: 9px;
    height: auto;
    width: 150px;
    background-image: url(../images/ACD5E9__opacity60pc.png); 
    background-repeat: repeat;
    overflow: visible;
    }

#leftBox a:link {color: #1F827B;text-decoration:none;}
#leftBox a:visited {color: #025B87;text-decoration:none;}
#leftBox a:hover {color: #0D3059;text-decoration:underline;}
#leftBox a:active {color: #1F827B;text-decoration:none;}

#leftBox h1, #leftBox  h2, #leftBox h3 ,#leftBox h4 ,#leftBox h5,#leftBox p,#leftBox li{
    margin-left:10px;
    margin-right:10px;
    list-style-position:inside;
    }

#leftBox form{
    margin-left:6px;
    margin-right:6px;
    list-style-position:inside;
    }
    
#leftBox >p>img , #leftBox >p>a>img{
    margin-left: -10px;
    }

#leftBox li>form{
    margin-left: -4px;
    }

 #leftBox>h4{
    font-size: .9em;
    line-height: 1.2em;
    margin-bottom: 1em;
    }
    
 #leftBox>h5{
    font-size: 1.15em;
    }
    
#leftBox div.include   {
    position: relative;
    left:0px;
    width:150px;
    }
   
#leftBox p {
    margin-bottom:.5em;
    }

#leftBox p > span{
    display: none;
    }

/* CONTENTBOX */

/*Container at right of screen for main content */
#contentBox {
    position:absolute;
    top:80px; /* Found to active by BB 8/8/08*/
    /* left:170px;
    width:563px; */
    left:173px;
    width:573px;
    /* fix for IE min-height */
    height: 300px;
    height: auto !important;
    min-height: 300px;
/*     padding: 40px 35px 20px 30px; */    
    background: url(../images/boxstrip2_62pc_noEdges.png) repeat-y;
    /* background: url(../images/boxstrip2_62pcCombo2.png) repeat-y; */
    /* background: url(../images/boxstrip3_62pc_1x1.png) repeat; */
    /* background: url(../images/boxstrip2_62pcCombo2.png) repeat-y; */
    z-index:10;
    /* border: medium double rgb(250,0,255); */ /*For analysing position on screen*/
}

#contentBox p, #contentBox h1, #contentBox h2, #contentBox h3, #contentBox h4 , #contentBox ul, #contentBox ol{
    margin-left: 35px;
    margin-right: 30px;
    margin-top: 8px;
    }
#contentBox .personBox p, #contentBox .personBox h1, #contentBox .personBox h2, #contentBox .personBox h3, #contentBox .personBox h4 , #contentBox .personBox ul, #contentBox .personBox ol, #contentBox div.faq-Question, #contentBox div.faq-Answer{
    margin-left: 35px;
    margin-right: 30px;
    margin-top: 8px;
    }
    
#contentBox div.resourceBox {
    margin: 8px 30px 0px 35px;    
    }
#contentBox div.resourceBox div.resourceImage{
    width: 100px; 
    height:100px;
    text-align:center;
    position: relative;
    top:5px;
    
    }
#contentBox div.resourceBox  h2{
    margin: -100px 0px 5px 0px;    
    padding-left: 110px;    
    clear:right;
    border-top:solid yellow 1pt;
    border-bottom: none;
    width:400px;
    font-size: 1.2em
    }
#contentBox div.resourceBox div.resourceSummary{
    margin: 0px 0px 10px 0px;    
    padding-left: 110px;    
    }

#contentBox div.resourceBox div.resourceContent{    
    margin: 0px 0px 10px 0px;    
    padding-left: 110px;    
    display: none;    
    }

    
    
    
    
#contentBox div.faq-Answer p {
    /* padding:10px; */
    }
#contentBox .quote {
    display:none;
    }
/* #contentBox>ol{
    margin-left: 55px;
    margin-right: 30px;
    margin-top: 8px;
    }    
 */
 /* additional customisation, overwritting daisy's default */
#contentBox h1.daisy-document-name {  /*this is the h1 with yellow bg*/
	top: 0px;
	width: 520px;
	height:25px;
	margin: 0px 0px 18px 7px;
	padding: 1px 0 0 25px;
	position:relative;
	background:transparent url(../images/h1bg536x3c.png) repeat-y scroll;
	color:black;
	font-size:20px;
	font-weight:bold;
	/* border: medium double rgb(250,0,255); */  /*For analysing position on screen*/
    }

#contentBox >form.formMailer{
    margin-left:33px;
    /* margin-top:-20px; */
    }
#contentBox>ul, #contentBox>ol {
    padding-left:45px;
    }

#contentBox>p, #contentBox>h5, #contentBox>ul , #contentBox>ol {
    font-size: 1.15em;
    line-height: 1.25em;
    }

#contentBox>h2 {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    }

#contentBox>h3 {
/*     margin-top: 1.5em;
 */}

#contentBox>h4 {
/*     margin-bottom: -1em;
 */}

#contentBox>li {
/*     margin-top: 0.5em;
    color: #333333;
 */}

/* Redundant?
#contentBox .colourbox {
    padding: 0 10px 10px;
    background: #FFFFFF;
    margin: 1em 40px 5px 35px;
    border: 1px solid #999999;
    }
#contentBox .colourbox p {
    margin-bottom: 0px;
    padding-bottom: 0px;
    }
 */

#contentBox>ul {
/*     margin-left: 15px;
 */}

/* Styling used when there's no navigation tree and we want to have some more room instead */
#content.content-wide {
    /*margin-left: 1em;*/
/*     border-left: none;
 */}

#contentBox a:link, .link {color: #1F827B;text-decoration:none;}
#contentBox a:visited {color: #025B87;text-decoration:none;}
#contentBox a:hover {color: #0D3059;text-decoration:underline;}
#contentBox a:active {color: #1F827B;text-decoration:none;}

#contentBox ul li {
/*     margin: auto 10pt 8px 0px;
    list-style-position: outside; */
    }

/*Used to list quotations correctly in 'List of Quotations'*/
/* #contentBox #quotation {
    position:relative;
    left:0px;
    top:0px;
    float:none;
    }
#contentBox #quotation p{
    text-align: left;
    left:0px;
    top:0px;
    float:none;
    }
#contentBox #quotationShadow {
    display:  none;
    }
 */
#contentBox>img {
    margin: 20px;
    /* display:block; */
    }
    /*Daisy Wiki uses .plainTable to style tables containing an image WITH a caption */
    /*.leftImage and .rightImage style an ordinary table to hold an image and caption */
#contentBox table.plainTable, #contentBox table.rightImage, #contentBox table.rightColumn{
    float: right;
    /* width: 250px; */
    /* padding: 10px 10px 10px 10px; */
    padding: 0;
    clear: right;
    font-size: .8em;
    margin: .3em 35px .3em 10px;
    text-align: left;
    z-index: 10;
    }
#contentBox table.leftImage{
    float: left;
    /* width: 250px; */
    /* padding: 10px 10px 10px 10px; */
    clear: left;
    font-size: .8em;
    margin: .3em 10px .3em 35px;
    text-align: left;
    z-index: 10;
    }
#contentBox table.rightColumn {
    margin-top:-5px;
    }
#contentBox table.rightColumn img{
    margin:0 20px;
    }
#contentBox table.rightColumn p{
    text-align:center;
    }
/* 
#contentBox table.rightColumn p a:link {color:#FFFFFF; text-decoration:none; background:transparent;    }
#contentBox table.rightColumn p a:visited {color:#FFFFFF; text-decoration:none; background:transparent;    }
#contentBox table.rightColumn p a:hover {color:#FFFFFF; text-decoration:bold; background:transparent;    }
#contentBox table.rightColumn p a:active {color:#FFFFFF; text-decoration:none; background:transparent;    }
 */    
#contentBox table.plainTable img, #contentBox table.rightImage img, #contentBox table.leftImage img{
    margin: 0px 0px 10px 0px;
    padding:0;
    }
#contentBox table.plainTable td, #contentBox table.rightImage td, #contentBox table.leftImage td{
    /* margin: 2px 5px 2px 5px; */
    padding-bottom: .3em;
    }
#contentBox table.plainTable td p, #contentBox table.rightImage td p, #contentBox table.leftImage td p{
    /* margin: 2px 5px 2px 5px; */
    margin: 0;
    }
#contentBox table.rightImage td h1{
    /* margin: 2px 5px 2px 5px; */
    margin: 0;
    }
#contentBox table.placeHolder tr {
    margin-top: 10px;
    margin-bottom: 10px;
    }
#contentBox table.placeHolder td {
    vertical-align:top;
    }
#contentBox table.placeHolder td>p {
    margin:0 5px .5em 5px;
    line-height:1.2em;
   }
    
#contentBox .CSAction{
    /* width:75px; */
    }

div.liveBetterTipBox {
    position:relative;
    width:86%;
    left:35px;
    border-top: 1px solid #E8E800;
    border-bottom: 1px solid #E8E800;
    padding: 6px 0 2px 0;
    }
div.liveBetterTipBox  div.tipImage {
    padding:0;
    margin:8px 0 0 0;
    float:left;
    }
div.liveBetterTipBox p.tipTitle {
    margin: 0 0 3px 115px !important;
    font-size: 1.4em !important;
    text-decoration: bold !important;
    }
div.liveBetterTipBox span.tipContent  p{
    margin: 0 0 10px 115px !important;
    font-size: 1em !important;
    text-decoration: none !important;
    }
    
    
    
    
div.section { /*customised*/
 /* margin-bottom: 2em;
  margin-top: 0; */
}

td.min {
    width: 1%;
    }

/*sub is used to display text as a subscript when styled as such in the Daisy editor*/
sub {
    margin: 0px 0px -10px;
    padding: 0px;
    font-size: 0.8em;
    top: -8px;
    line-height: 1em;
    /*border: medium double rgb(250,0,255);*/ /*For analysing position on screen*/
}

/* Redundant?
#calc {
    margin-right: 20px;
    margin-left: 20px;
    }
 */
 
/* Redundant?
.column1 {
    text-align: right;
    padding-right: 10px;
    width: 40%;
    }
 */

/* Redundant?
padding: 0 0 0 0;
    }
*/

a img {
    text-decoration: none;
    border: 0px solid;
    background: transparent;
    }
a:visited img {
    border-style: none;
    background: transparent;
    }
a:active img {border-style: none;
    }
a:active, a:focus {outline:0; /* for browsers that understand */}

.spaceHorz {
    margin: 10px 0 0;
    }

.spaceVert {
    margin: 0 10px 0;
    }

  
li > ul {
top: auto;
left: auto;
    }
    
/*LOGOBOX STYLES*/

#CSLogo {
    position: absolute;
    top: 57px;
    left: 0px;
    }

#adminLinks {
    position: absolute;
    top: 0px;
    left: 8px;
    background: transparent;
    }

#adminLinks p {
    color:#FFF;
    z-index:5;
    white-space: nowrap;
    font-size: .8em;
    }

#adminLinks a:link{color:#FFF; text-decoration:none; background:transparent;}
#adminLinks a:visited{color:#FFF; text-decoration:none; background:transparent;}
#adminLinks a:hover{color:#FFF; text-decoration:underline; background:transparent;}
#adminLinks a:active{color:#FFF; text-decoration:none; background:transparent;}

/* #topBox li a {
    color: #FFF; */
    
#localeLinks {
    position: absolute;
    top: 3px;
    right: 8px;
    }

#localeLinks a img{
    margin: 0 5px;
    vertical-align: top;
    width: 20px;
    }
    
#strapline {
    z-index: 1;
    position: absolute;
    top: 60px;
    left: 0px;
    }

/* ACTION BOX STYLES*/
div.dateNoYear {
    color:white;
    font-size:1.2em;
    padding-top:5px;
    text-align:center;
    }

div.dateNoYear p{
    color:white;
    font-size:11pt;
    margin-bottom:.5em;
    }

div.CSAction {
    position: relative;
    top: 0px;
    left: 10px;
    width: 130px;
    height: 50px;
    margin: 10px 0;
    /*padding:2px 0px 0px 10px;*/
    /*margin:0px 0px 10px 0px;*/
    /* background-image: url(../images/actionBackground_148x28.png); */
    /* background-image: url(../images/blueButtonBevel2_150x50.png); */
    /*background-image: url(../images/blueButtonBevelPlain_150x50.png); */
    background-image: url(../images/blueButtonRounded_130x50.png); 
    /* background-image: url(../images/actionBackground_148x50.png); */
    background-repeat: no-repeat;
    }

div.actionIcon {
    position: absolute;
    top: 12px;
    left: 9px;
    }

div.actionIcon img {
    margin:0;
    width:28px;
    }
    
/*
div.CSAction p{
    padding-top:0px;
    padding-left:0px;
    font-weight: bold;
     color: rgb(255,255,255);
    font-size: 1em;
    line-height: 1em;
    }*/

div.actionWords {
    position: absolute;
    top: 0px;
    left: 35%;
    width: 65%;
    height: 100%;
    }

div.actionWords table, div.actionWords tbody, div.actionWords tr, div.actionWords td{
    height:100% !important;
    width:100%  !important;
    margin:0 !important;
    padding:0 !important;
    border-spacing: 0 !important;
    /* height:50px; */
    }
 
div.actionWords p{
/*     
    height:100% !important;
    width:100%  !important;
    margin:5px 0 0 5px !important;
 */
    padding:0 !important;
    margin: 0 !important;
    font-weight: bold  !important;
    color: rgb(255,255,255)  !important;
    font-size: 13px !important;
    line-height: 1.2em !important;
}
    
/* div.actionWords p {
    height:40px;
    width:105px;
    }
 */    
div.actionWords p a:link {color:#FFFFFF; text-decoration:none; background:transparent;    }
div.actionWords p a:visited {color:#FFFFFF; text-decoration:none; background:transparent;    }
div.actionWords p a:hover {color:#FBEB87; text-decoration:underline; background:transparent;    }
div.actionWords p a:active {color:#F3C917; text-decoration:none; background:transparent;    }

div .actionLink {
    position: absolute;
    left:0;
    top: 0;
    width:100%;
    height:100%;
    z-index:100;
    }
div .actionLink p{
    height: 100% !important;
    width: 100% !important;
    margin:0 !important;
    }
    
div.actionLink img {
    margin:0 !important;
    width:100% !important;
    height:100% !important;
    }
    
/*#extralinks a:link{color:#FFF; text-decoration:none; background:transparent;
    }*/









/*  Styles the carbon calculator
ul#tabnav {
    position: absolute;
    height: 24px;
    width: 563px;
    left: 0px;
    top: 5px;
    z-index: 15;
    }

ul#tabnav li {
    position: absolute;
    height: 24px;
    list-style: none;
    z-index: 20;
    top: 0px;
    }

#tabnav li a {
    text-indent: -5000px;
    height: 24px;
    display: block;
    background: no-repeat left top;
    }
#tabnav1 {
    background: url(../images/navigation/flyingtab.jpg);
    width: 135px;
    left: 8px;
    }
#tabnav2 {
    background: url(../images/navigation/landtab.jpg);
    width: 138px;
    left: 143px;
    }
#tabnav3 {
    background: url(../images/navigation/heattab.jpg);
    width: 138px;
    left: 281px;
    }

#tabnav4 {
    background: url(../images/navigation/othertab.jpg);
    width: 135px;
    left: 419px;
    }
 */

/*QUOTATIONS */

/* #quote positions the quotation. */
    /* #quote positions the quotation. */
#rightBox .quote{
    position: relative;
    top: 3px;
    width: 350px;
    right: 0px;
    }
    /* set the font styles here */
#rightBox .quote .quoteText p, #rightBox .quote .quoteShadow p{
    text-align: right;
    font-size:17px;
    font-weight: bold;
    line-height: 1.4em;
    color: #C1DDEB;
    }   
#rightBox .quote .quoteShadow p{
    color: #000040;
    }
#rightBox div.quoteFields {
    display:none;
    }

#rightBox .personBox{
    display:none;
    }

#displayBox .quote{
    position: relative;
    top: 0px;
    height:3em;
    width: 480px;
    left: 0px;
    }
    /* set the font styles here */
#displayBox .quote .quoteText {
    position:relative;
    top:0;
    }
#displayBox .quote .quoteText p, #displayBox .quote .quoteShadow p{
    text-align: left;
    font-size:14px;
    font-weight: bold;
    line-height: 1.6em;
    color: #33CC99;
    }   
#displayBox .quote .quoteShadow p{
    display:none;
    color: #000020;
    }
#displayBox div.quoteFields {
    position:relative;
    top:-3em;
    left:500px;
    }
#displayBox div.quoteFields h2 {
    display:none;
    }
    

div.orgImage{
    float: right; 
    margin: 5px 30px 7px 10px; 
    }
    
div.orgImage img{
    width:120px;
    }
    
div.imagesOnly {
    position: absolute;
    bottom:10px;
    width:350px;
    border-top: solid yellow 1pt;
    padding:5px 0 0 0;
    margin-left:35px;
    }

div.imagesOnly p,div.imagesOnly h2 {
    display:none;
    }
    
div.imagesOnly h5 {
    margin:0;
    }
    
div.imagesOnly div.orgImage{
    float:left;
    margin:4px 10px 0 0;
    }
    
div.imagesOnly img{
    /* display:inline; */
    width:75px;
    }
    
/*  Redundant
#breadcrumbstwo{
font-size: 0.6em;
line-height: 1.2em;
margin:-10px 25px 0 35px;
text-align:right;
    }

.maincontentbox{
width:80%;
padding: 5px;
margin:10px;
border-color:#666666;
border-style:solid;
border-width:1px;
    }

.imagebox{
    float:left;
    width:83px;
    height:83px;
    margin: 20px 15px 0px 35px;
    z-index: 35;
    position: relative;
    }
 */
 
/*RECENT ADDITIONS BY BILL*/
/* 
#contentBox div.rightpix {
    float: right;
    width: 250px;
    padding: 10px 0 10px 10px;
    clear: right;
    position: relative;
    z-index: 10;
    }
 */
    
.rightsmall {
    float: right;    
    padding-right: 0px;
    padding-left: 0px;
    margin: 10px 40px 5px 15px;
    clear: both;
    position: relative;
    z-index: 10;
    }
.clear {
    clear: both;
    width: 80%;
    margin: 0px;
    padding: 0px;
    }
/* 
#cloudbox #boxtext div.rightpix p {
    font-size: 0.85em;
    padding-left: 0px;
    line-height: 1.2em;
    margin: 5px 0px 10px;
    }
 */
 
/* 
#contentBox #cloudbox #boxtext.calculator h1 {
    left: 30px;
    top: 45px;
    height: 30px;
    }
 */

/* 
#contentBox #cloudbox #boxtext.calculator p {
    margin-left: 0px;
    margin-right: 20px;
    font-size: 0.7em;
    }
table {
    margin-top: 10px;
    padding-top: 0px;
    margin-bottom: 20px;
    vertical-align: top;
    }
 */

 /*
 #leftCol p.pullquote {
    margin-bottom: 2em;
    text-align: right;
    color: #666666;
    margin-right: 0px;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    padding: 0px 2px 0px 0px;
    margin-left: 0px;
    }
 */
 
td.spacer {
    height: 2em;
    }

div.newsactive {
    margin: 30px 35px;
    }

#contentBox .newsactive h3 {
    border-top: 1px solid #999999;
    margin-top: -1px;
    padding-top: 1em;
    font-weight: bold;
    font-size: 1.1em;
    }

/*
.newsshortstory {
    padding: 3px;
    margin-top: 3px;
    margin-bottom: 5px;
    border-top: 1px solid #D3D3D3;
    }
.anewstitle {
    border-bottom: 1px solid #999999;
    margin-top: 1em;
    }

#boxtext .anewsshort p {
    margin: 1em 0px 0px;
    padding: 0px;
    }
*/

/*Added by Brendan as experiment*/
/* additional styling from arocha - put here so it will show during editing */
/* 
.imageCaption {
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 1em;
    text-align: center;
    width: 150px;
    width: auto !important;
    max-width: 150px;
}

.caption {color: #000000;
  text-align: center;
  font-size: 9pt;
  font-weight: bold;
  font-style: normal;
  line-height: 110%;
  margin-top: 0pt;
  margin-bottom: 0pt;
  padding-top: 0pt;
  padding-bottom: 0pt;
  font-family: Helvetica, Arial, sans-serif;
}
 */

/* 
#contentBox #cloudbox {
    padding: 0px;
    background: url(../images/boxstrip2_62pcCombo2.png) repeat-y; 
    position: relative;
    }
 */
 
/*  
#contentBox #cloudbox #boxtext #breadcrumbs {
    position: absolute;
    width: 300px;
    top: 6px;
    right: -5px;
    text-align: right;
    font-size: 0.6em;
    line-height: 1.2em;
    }
 */
 

/*  Redundant?
#logo {
    position: absolute;
    left: -11px;
    top: 45px;
    z-index: 4;
    }
 */
 
/*  Redundant?
#cloudbit {
    position: absolute;
    left: 59px;
    top: 220px;
    }
 */
 
/* Redundant?
 #extralinks li a {
    color: #FFFFFF;
    background: transparent;
    }
 */
/* 
#extralinks {
    display: none;
    color:#FFFFFF;
    left:5px;
    position:relative;
    top:140px;
    vertical-align:middle;
    z-index:5;
    white-space: nowrap;
    font-size: .9em;
    }
#extralinks a img{
    margin: 0 5px;
    vertical-align: middle;
    }
#extralinks a:link{color:#FFF; text-decoration:none; background:transparent;
    }
#extralinks a:visited{color:#FFF; text-decoration:none; background:transparent;
    }
#extralinks a:hover{color:#FFF; text-decoration:underline; background:transparent;
    }
#extralinks a:active{color:#FFF; text-decoration:none; background:transparent;
    }
 */
 

/*  Redundant
.calculator {
}
#boxtext.calculator {
    padding-top: 80px;
    padding-right: 30px;
    padding-left: 30px;
    vertical-align: top;
    }
#boxtext #viewbasket {
    text-align: right;
    }
 */
 
 /* CSDISPLAYBOX */
 
 #displayBox {
    width:712px;
    background:#D8E8FC;
    border: 1px;
    padding: 5px 15px;
    position:relative;
    }
    
#displayBox div{
    }
 
    

/* .editIncluded{
    z-index:5;
    }
 */    
    /* OLD CALCULATOR IN IFRAME */
iframe.calculator{
    margin-left:7px;
    }
    
iframe.calculator html body{
    margin-left:-80px;
    }

    iframe body {
    margin:-70px;
    }
    
#hills{
    display: none;
    }
    
    /*PRAYER UPDATES FEED*/
div.feedburnerFeedBlock {
    width:88%;
    margin:0 35px;
    }
    
div.feedburnerFeedBlock .feedTitle {
    display:none;
    }
    
div.feedburnerFeedBlock span.headline {
    font-size:1.2em;
    text-decoration: bold;
    margin-top: .2em;
    }
div.feedburnerFeedBlock .date {
    margin:0 !important;
    font-style:italic !important;
    }   

div.feedburnerFeedBlock .alignright {
    float:right;
    margin: 10px;
    }
div.feedburnerFeedBlock  p.wp-caption-text {
    font-size:.8em;
    font-style: italic;
    }
    
    
div.feedburnerFeedBlock>ul,div.feedburnerFeedBlock p, div.feedburnerFeedBlock h3 {
    margin-left:0px !important;
    margin-right:0px !important;
    list-style:none;
    }

div.feedburnerFeedBlock ul li li {
/*     margin-left:35px;
 */    }

    /*TWITTER BADGES & CODE*/
.twitterbadge {
	float:left;
	/* width:250px; */
    margin:0 0 0 35px;
	/* background:red; */
    }
	
.twitterbadgeinstructions {
	float:left;
	width: 240px;
	height: 100%;
	margin:0 0 0 25px;
	/* background:blue; */
    }
 
 .twittercode {
	overflow: scroll;
	background:white none repeat scroll 0 0;
	border:1px solid grey;
	font-size:0.8em;
	height:300px;
	overflow:scroll;
	padding:5px;
	}

	/* Flash widgets (1) and (3) do not display exactly right within Daisy
	These styles improve matters */
.twitterbadge .twtr-tweet-text p	{
	color:#ffffff;
	}
	
.twtr-widget-profile img.twtr-profile-img {
	position:absolute;
	}