/*	cboc-layout.css: 2-column layout for conferenceboard.ca
    Developed by Dan Jones (jonesd@conferenceboard.ca)
	Updated December 2008 */



body {
background:#E8E6DD;
border-width:0;
color:#000;
font-family:verdana, helvetica, arial, sans-serif;
font-size:70%;
line-height:130%;
margin:0;
padding:0;
}

div.container {
border:0 none;
border-collapse:collapse;
margin:0;
padding:0;
}
    div.container#topwrapper {
    background-color:#E8E6DD;
    /* background-image:url('../img/ie/ie_site_bg.gif');
    background-position:50% 0;
    background-repeat:repeat-y; */
    padding-left:2px;
    /* width:100%; */
    }
    
    div.container#wrapper,
    div.container#wrapper-top {
	background:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
    /*width:928px;*/
    padding-right:38px;
	width:890px;
    }
    
    /*div.container#wrapper {
    background-color: transparent;
    background-image: url('../img/ie/ie_wrapper_article_bg.gif')!important;
    background-repeat:repeat-y;
    background-position: 100% 0%;
    padding-bottom:24px;
    }*/
    
	div.container#wrapper ul {
		margin-left:6px;
	}
	/*div.container#wrapper li {
		list-style: none url('../img/ie/ie-list-chevron.jpg') outside;
		list-style-type:none;
		padding: 0;
		margin: 0 0 5px 0;
	}*/
    
    div.container#header {
    background:white;
    margin-left:auto;
    margin-right:auto;
    overflow:visible;
    padding:0;
    position:relative;
    width:928px;
    z-index:1;
    }
    
    div.container#banner {
    background:transparent;
    background-image:url('../img/ie/IE_Banner_Plain.jpg');
    background-position:right top;
    background-repeat:repeat-y;
    height:141px;
    vertical-align:bottom;
    width:100%;
    }
        div.container#banner #links {
        color:#FFF;
        float:right;
        margin:23px 23px 9px;
        position:relative;
        text-align:right;
        top:33px;
        white-space:nowrap;
        }
            div.container#banner #links div {
            margin:0 0 7px;
            }
            div.container#banner #links a {
            color:#346380;
            }

    div.container#topbar {
    background:#688ca7;
    clear:both;
    height:27px;
    margin:0;
    overflow:visible;
    padding:0;
    position:relative;
    width:100%;
    z-index:0;
    }
        div.container#topbar .topbar_menu {
        color:#1e3050;
        float:left;
        line-height:26px;
        padding-left:36px;
        width:568px;
        }
            div.container#topbar .topbar_menu a {
            color:#fff;
            }
            div.container#topbar .topbar_menu a:hover {
            color:#1e3050;
            }
        div.container#topbar .topbar_search {
        float:left;
        line-height:23px;
        padding-right:36px;
        text-align:right;
        width:288px;
        }
            div.container#topbar .topbar_search input {
            float:right;
            margin: 3px 0 0 1px;
            }
            div.container#topbar .topbar_search input+input {
            float:right;
            margin: 3px 0 0;
            }

    div.container#breadcrumb {
    border:0 none;
    margin:0 0 0 1em; /* modified 2008-12-05 */
    overflow:hidden;
    padding:0 0 1px;
    width:95%;
    }
        div.container#breadcrumb p {
        margin:0 0 0 13px; /* lines up with first item of top menu bar */
        padding:0;
        }
        div.container#breadcrumb .small {
        line-height:150%;
        }

        div.emailthispage {
        margin:8px 0 0;
        text-align:right;
        color: #666666; /*dark grey*/
        font-family:verdana, helvetica, arial, sans-serif;
        font-size:.81em; /*9pt*/
        line-height:1.36em; /*12pt*/
        }
            div.btnPrintFriendly { display: inline; }
            div#spanPrintButton {
            display: none;
            }

.copyright {
color:#000;
font-family:verdana, helvetica, arial, sans-serif;
font-size:85%;
}

    div.container#body {
    background: transparent;
    display:inline;
    float:left;
    margin-left:-288px ! important; /* 276 + 12 */ /* margin-left:0; */
    margin-right:0;
    /*margin-bottom:20px;*/
    padding:0 0 20px 0;
    width:100%;
    z-index:0;
    }
        .withsponsors div.container#body {
        background-color:transparent;
        background-image:url('../img/cboc/design/bgs/rightcol-dropline.gif');
        background-position:top right;
        background-repeat:repeat-y;
        }

	div.container#leftcol .rightcolitemDescription {
		color:#636363;
	}

    div.container#leftcol,
    #leftColumn {
    background:transparent;
    display:none;
    float:left;
    margin-left:259px ! important; /* 235 + 24 */ /* margin-left:24px; */
    width:196px;
    }
        #leftcol table,
        #leftcol tr,
        #leftcol td {
        border-collapse:collapse;
        margin:0;
        padding:0;
        }
        #rightColumn { /* FIXME check to make sure this isn't broken. */
        margin-left:16.6em;
        margin-right:1.6em;
        }

    div.container#pageheading {
    background: transparent;
    height: 26px;
    margin-left:320px ! important; /* 276 + 12 + 36 */ /* margin-left:231px !important; */
    margin-right:2px ! important; /* margin-right:22px; */
    margin-top:7px;
    margin-bottom:12px;
    zoom:1; /* This has to read 'zoom:1', and NOT 'zoom:1px' */
    }
        div.container#pageheading table,
        div.container#pageheading tbody {
        border-collapse:collapse;
        margin:0;
        padding:0;
        }
        /*div.container#pageheading h1,*/
        div.container#pageheading h2 {
			margin: 0 0 1px !important;
			text-transform:uppercase;
			color:#BFBA9F;
			font-size: 1em;
        /*color: #6e463c;
        font-size: 1.36em;
        font-weight: normal;
        line-height: 18px;
        border-bottom:1px solid #b4a19b;
        padding-bottom:6px;
           border:0px none; */
        }

    div.container#maincol {
    background: transparent;
    margin-left:320px ! important; /* 276 + 36 */ /* margin-left:231px !important; */
    margin-right:25px ! important; /* margin-right:22px; */
    margin-top:0;
    padding:0;
    zoom:1; /* This has to read 'zoom:1', and NOT 'zoom:1px' */
    }
        div.container#maincol>table,
        div.container#maincol>table>tbody {
        border-collapse:collapse;
        margin:0;
        padding:0;
        }
       div.container#maincol ul {
		margin:0 0 0 14px;
        margin-bottom:6px;
        margin-left:3px;
        padding-left:12px;
        }
        div.container#maincol ol {
        margin-left:24px;
        padding-left:12px;
        }
            div.container#maincol ul li,
            div.container#maincol ol li {
            margin-left:0;
            padding-left:0;
            }
        div.container#maincol p+ul { /* added 2008-12-01 */
        margin-top:-1px;
        }

    div.container#rightcol {
    background:#FFFFFF;
    float: right;
    /* height:60px; delete this line */
    /* padding-right:12px; */
    width: 288px;
    }
        /*div.container#rightcol * {
	    position:relative;
        }*/
        div.container#rightcol table,
        /*div.container#rightcol tr,*/
        div.container#rightcol td {
        padding: 0;
        margin: 0;
        border-collapse:collapse;
        vertical-align: top;
        }
        
        div.container#rightcol  .rightcolitemDescription {
			color:#636363;
        }
        
        /*div.container#rightcol table {
        margin-left: 0px;
        }
        
        div.container#rightcol .rightheader {
        background-color:#b4a19b;
        background-image:url('../img/ie/ie_articles_header-top_right.gif');
        background-position:top left;
        background-repeat:no-repeat;
        height: 26px;
        }
            div.container#rightcol .rightheader h1, div.container#rightcol .rightheader h2 {
            border-bottom:solid 6px #577C93;
            color:#577C93;
            font-size: 1.36em;
            padding-top:4px;
            padding-bottom:5px;
            text-align:left;
            }*/
        
            div.container#rightcol .rightheader h1,
            div.container#rightcol .rightheader h2,
            div.container#rightcol .rightloheader h1,
            div.container#rightcol .rightloheader h2 {
            border-bottom:solid 6px #577C93!important;
            color:#577C93!important;
            font-size: 1.36em!important;
            padding-top:4px!important;
            padding-bottom:5px!important;
            text-align:left!important;
            }
        
        .rightcolitemtitle {
        margin: 10px 1px 0 0;
        /*border-bottom:1px solid #b4a19b;*/
        padding-bottom:4px;
        }
            .rightcolitemtitle h3 {
            color:#BFBA9F;
            }
        
        div.container#rightcol .rightcolthickitemtitle {
        background: #BFBA9F;
        margin: 10px 0 8px 0;
        border-bottom:0px none;
        /*padding-left:12px;*/
        }
            div.container#rightcol .rightcolthickitemtitle h3 {
            color:#ffffff;
            line-height:20px;
            /*padding-top:2px;*/
            font-weight:normal;
            }
        /* NOT USED? */
        div.container#rightcol .rightcolthickftrtitle {
        background: #b4a19b;
        margin: 16px 0 8px 14px;
        border-bottom:0px none;
        padding-left:12px;
        }
            div.container#rightcol .rightcolthickftrtitle h3 {
            color:#ffffff;
            line-height:20px;
            padding-top:2px;
            font-weight:normal;
            }

			.rightcolitem {
			margin: 0; /* 0 12px 0 14px */
			}
				.rightcolitem p {
				margin: 5px 0 0 9px;
				padding:0;
				}
				.rightcolitem ul {
					margin:2px 0 0 3px !important;
					padding: 0 !important;
				}
				.rightcolitem li {
				/*list-style: none url('../img/ie/ie-list-chevron.jpg') outside !important;
				list-style-type:none !important;
				padding: 0 !important;
				margin: 0 0 5px 0 !important;
				*/
				background:transparent url(../img/ie/ie-list-chevron.jpg) no-repeat scroll 0 3px;
				list-style-position:outside !important;
				list-style-type:none !important;
				margin:0 0 10px !important;
				padding:0 0 0 14px !important;
				}
				
    div.container#footer {
    background: #FFFFFF;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-left:auto;
    margin-right:auto;
    /*margin-top:20px;*/
    padding:0 0 20px 0;
    width:928px;
    }

    div.container#copyright {
    margin:0;
    padding:14px 0 10px;
    width:100%;
    }
        div.container#copyright p {
        color:#666;
        font-size:.9em; /*9pt*/
        line-height:1.36em; /*12pt*/
        margin:2px;
        padding:0;
        text-align:center;
        }
        
    div.container#alerts { /* deprecated? */
    background-color:#fff0e5;
    border:1px dotted #ffb580;
    border-collapse:collapse;
    margin:0 0 1.5em;
    padding:8px;
    }
        div.container#alerts .title {
        color:#F63;
        }

    div.container#story p { /* deprecated? */
    padding:0 0 .5em;
    }

div.lang { /* deprecated? */
margin:-2px 1.5em 4px -24.75em;
padding:0 2px 0 100%;
}
    div.lang * {
    margin:0;
    padding:0;
    position:relative;
    }

div.hidden { /* used for WAP/Blackberry shortcuts, etc */
left:-999em;
position:absolute;
}

div.spacer:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
line-height:0;
visibility:hidden;
}
/* not deprecated yet, but probably should be */
div.spacer { display: inline-block; }
/* Hides from IE5/Mac \*/
* html div.spacer {height: 1px;}
div.spacer {display: block;}
/* End hide from IE5/Mac */
div.info-body div.spacer { }

div.line-spacer { /* almost certainly deprecated */
border-bottom:1px solid #ccc;
clear:both;
padding-top:1px;
}

div.tall-spacer { /* NOT deprecated */
clear:both;
color:#416f91;
font-size:.8em;
height:27px;
line-height:27px;
margin:0;
padding:0 24px 0 0;
text-align:right;
}

div.main-spacer { /* deprecated? */
position:relative;
}

div.vertical-prop { /* vertical spacer; deprecated? */
float:right;
height:200px;
margin:0;
position:relative;
width:1px;
}

.authorplate {
    border:0px none;
    border-collapse:collapse;
    margin: 0 0 24px 0;
}
    .authorplate tbody { padding:0; margin:0; border-collapse:collapse;}
    .authorplate td {
        vertical-align:bottom;
        width:80;
        height:80;
    }
        .authorplate td img {
            margin:0 0 -1px -1px;
        }
        
    .authorplate td+td {
        padding-left: 18px;
        padding-right: 18px;
        width:150px;
    }
    .authorplate td+td+td {
        border-left: 1px solid #cccccc; /* not the right colour */
        padding-right: 0px;
        width:275px;
    }
    .authorplate .rightborder {
	padding-right: 18px;
	border-right: 1px solid #cccccc;
    }
    .authorplate .authorname {
        font-weight:bold;
    }
    
.featureplate {
    border:0px none;
    border-collapse:collapse;
    margin: 0 0 24px 0;
}
    .featureplate td {
        vertical-align:bottom;
        height:120;
    }
        .featureplate td img {
            margin:0 0 -1px -1px;
        }
    .featureplate td+td {
        padding-left: 18px;
        padding-right: 18px;
    }
    .featureplate .small {
        margin-bottom: -0.2em;
		color:#BFBA9F!important;
		text-transform:uppercase;
    }
    
.columnplate {
border:0px none;
border-collapse:collapse;
margin: 0;
width:100%;
}
	.columnplate h3 {
		padding-left:8px;
	}
	
    .columnplate td {
    vertical-align:top;
    padding-top:3px;
    }
        .columnplate td img {
        margin:10px 0 0 0;
        display:block;
        }
    .columnplate td+td {
    padding-left: 10px!important;
    padding-top:0!important;
    }
    .columnplate .title {
	font-size:1em; /*12pt*/
	line-height:1.36em; /*15pt*/
	color: #6E463C /* dark brown */;
	font-weight:normal;
	margin-bottom:.3em; /*3pt*/
	margin-top:0px!important;
    }
    .columnplate .smaller {
	font-size:.9em; /*9pt*/
	line-height:1.4em;
	color: #B2B2B2;
	margin-bottom: .55em; /* 6pt*/
	font-weight:bold;
    }
    
		.leftColItem p {
		margin: 5px 0 0 9px;
		padding:0;
		}
    
hr { }

    hr.feature {
    border-bottom:0 none;
    border-left:0 none;
    border-right:0 none;
    border-top:1px solid #f60; /* orange */
    height:1px;
    margin:4px 0;
    padding:0;
    }

    hr.menu {
    border-bottom:0 none;
    border-left:0 none;
    border-right:0 none;
    border-top:1px solid #999;
    height:1px;
    margin:6px 0;
    padding:0;
    }

.clearing { /* is this currently used anywhere? */
clear:both;
height:0;
}

img {
border:0 none;
}

/* TEXT */

h1,
.heading1 {
color: #847455;
display:block;
font-size: 1.73em;
font-weight:normal;
line-height:1.36em; 
margin:0 0 0.2em -1px;
richness:90; 
speak:normal; 
stress:30; 
}

h2,
.heading2 {
color:#847455;  /*#a15535;*/
display:block;
font-size:1.18em; 
font-weight:normal;
line-height:1.36em; 
margin:0 0 .2em 0; 
richness:90;
speak:normal; 
stress:30;
width:100%;
}

h3,
.heading3 {
color: #6e463c; /* dark grey */
font-size:0.8em; /*13pt*/
font-weight:normal;
line-height:1.36em; /*15pt*/
margin:0 0 .1em 0; /*1pt*/
text-transform:uppercase;
richness:90; /* audio settings for screen readers */
speak:normal; /* audio */
stress:30; /* audio */
}

h4,
h5,
.heading4,
.heading5 {
color: #666666; /* dark grey */
font-size:1em; /*11pt*/
font-weight:bold;
line-height:1.18em; /*13pt*/
margin:0 0 .1em 0; /*1pt*/
richness:90; /* audio settings for screen readers */
speak:normal; /* audio */
stress:30; /* audio */
}

p {
color:#333;
font-size:1em;
line-height:1.36em;
margin-bottom:1em;
margin-top:0;
}
ul, ol, li {
color:#333;
}

.small {
color: #666666; /*dark grey*/
font-family:verdana, helvetica, arial, sans-serif;
font-size:.9em; /*9pt*/
line-height:1.36em; /*12pt*/
margin-bottom: .55em; /* 6pt*/
}

.smaller {
color: #666666; /*dark grey*/
font-family:verdana, helvetica, arial, sans-serif;
font-size:.81em; /*9pt*/
line-height:1.36em; /*12pt*/
margin-bottom: .55em; /* 6pt*/
}

.author {
font-size:1em; /*12pt?*/
line-height:1.4em; /*13pt*/
color: #B2B2B2;
margin-bottom:.6em; /*3pt*/
}

.column-callout, .callout {
font-size:1.18em; /*13pt*/
line-height:1.36em; /*15pt*/
padding:16px 0;
border-top: 1px solid #847455;
border-bottom: 1px solid #847455;
margin:13px 0; /*3pt*/
color:#847455; /*dark grey*/
}

.footnote {
border-top: 1px solid #ccc;
margin-top:16px;
padding-top:10px;
color: #666666; /*dark grey*/
font-family:verdana, helvetica, arial, sans-serif;
font-size:.9em; /*9pt*/
line-height:1.36em; /*12pt*/
}

.leader {
font-size:1.18em; /*13pt*/
line-height:1.36em; /*15pt*/
margin-bottom:1em; /*11pt*/
color:#333333; /*dark grey*/
font-weight: bold;
}

a {
color:#015e8d;
text-decoration:none;
}
    a:visited {
    color:#535393;
    text-decoration:none;
    }
    a:hover {
    color:#688ca7;
    text-decoration:underline;
    }

.IEDate {
color:#BFBA9F;
font-size:0.8em; /*13pt*/
font-weight:normal;
line-height:1.36em; /*15pt*/
margin:0 0 .1em 0; /*1pt*/
text-transform:uppercase;
}

div.socialBookmarks 
{
    margin-bottom:23px;
    padding-top:3px;
}
div.socialBookmarks div
{
    padding:1px 0;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
   This lovely block of code is meant for debugging. It does wondrous things to the layout.
   If you do not wish to do wondrous things to the layout, please do not uncomment this code.
   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*
table {   border: solid 2px red; }
td { border: dotted 1px red; }
span { border: double 3px orange; background: #ffe0cc; }
div { border: solid 3px yellow; background: lightyellow; }
p { border: solid 3px aliceblue; background: aliceblue; }
div.container#body { border: solid 2px blue; background: none; }
div.container#leftcol, #leftColumn { border: solid 2px aqua; background: none; }
div.container#maincol, #rightColumn { border: solid 2px green; background: none; }
div.container#rightcol { border: solid 2px lime; background: none; }
ol, ul { border: 1px solid black; background: #ddd; }
li { border: dotted 3px magenta; background: pink; }
 */