/*************************************************

BY 76design	

Generic styles

***************************************************/


/* -- GENERIC */


.left {float:left;}
.right {float:right;}

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.clear			{ clear: both; }

.error { }
.success { }
.warning { }

/***************************************************
	BREADCRUMB
 	*/
#breadcrumb {
	margin:10px 0 0 0;
	padding:0;
	}
#breadcrumb LI {
	display:inline;
	background:none;
	margin:0;
	padding:0;
	}
/*************************************************

Canada Foundation for Innovation
BY 76design

***************************************************/


/* -----------------------------------------------*/
/* -- GLOBAL */
BODY{
    color: #444;
    text-align: center;
    font: 68.5% helvetica, arial, sans-serif; }
	
small{
	font-size:11px;
}


h1,h2,h3,h4,h5,h6,h7{
	color: #444;
	font-weight: bold; }
h1{
    margin-top:8px;
    font-size: 160%;
    }
h2{
    margin-top:8px;
    font-size: 160%;
    }
h3{
	color: #666;
	font-size: 130%; 
	margin-top: 1em;
	margin-bottom: 0.25em;
	}	
h7{
	margin-top:8px;
	font-size: 50%; 
	}
a{
    color: #4f0845;
    text-decoration: none;
    }
a:hover{
    color: #c18f3b ;
    }

A.rssicon{
    text-indent: -900em;
    overflow: hidden;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/rss.jpg) 0 0 no-repeat; }
A.rssicon:hover{
    background-position: 0 -12px; }

.error, .warning, .success, .notice{
    padding: 5px;

    }
.error A, .warning A, .success A{
    color: inherit;
    text-decoration: underline; }
.error A:hover, .warning A:hover, .success A:hover{
    color: #444; }

.error{
    color: #d44716;
    border: solid 3px #d44716;
        list-style:none;
        margin:0 0 20px 0;
        padding:15px 20px;}
.error LI {
        background:url(../images/error.gif) left top no-repeat;
        padding: 0 0 0 20px;
     margin:0 0 10px 0;
     }
 .error LI LI{
    background:none;
    color:#702910;
    padding:0;
    margin:3px 0;

    }
.warning{
    color: #d47d16;
    border: solid 1px #d47d16; }

.success{
    color: #7c8e0d;
    border: solid 1px #7c8e0d; }

.notice{
    color: #999;
    font-weight: bold;
    border: solid 1px #eee; }


TABLE{
    border-collapse: collapse;
    }
TABLE TR TD{
    border: solid 1px #ddd;
    padding: 5px;
    }
TABLE TH{
    font-size: 1.1em;
    border-top: solid 1px #ECE2EA;
    border-right: solid 1px #ECE2EA;
    border-left: solid 1px #ECE2EA;
    color: #7C4D78;
    background: #F9F4F8;
    padding: 11px 4px 6px 4px;
    }


.breadcrumb{
    font-size: 8pt;  }



/* -----------------------------------------------*/
/* -- STRUCTURE  */
#wrap{
    text-align: left;
    margin: 0 auto;
    width: 940px;
    }

#left{
    width: 188px;
    float: left;
    }

#middle{
    font-size: 110%;
    width: 450px;
    margin-top: 1px;
    margin-left: 20px;
    float: left;
    }

#right{
    width: 260px;
    float: right;
    }


#home #middle{
    width: 506px;
    }
	
#subscribe #right, 
#home #right{
    width: 206px;
    }


/* -----------------------------------------------*/
/* -- HEADER   */

#header{
    height: 132px;
    background: url(../images/header.jpg) top left no-repeat; }

#header h1{
    margin: 0;
    padding: 11px 0 0 0; }
#header h1 a{
    text-indent: -900em;
    overflow: hidden;
    background: url(../images/header-logo.jpg) 0 0 no-repeat;
    display: block;
    width: 363px;
    height: 86px; }

A#innocan{
    margin: 27px 4px 0 0;
    text-indent: -900em;
    overflow: hidden;
    float: right;
    display: block;
    width: 228px;
    height: 61px;
    background: url(../images/header-innovationcanada-btn-new.jpg) 0 0 no-repeat; }






/* -----------------------------------------------*/
/* -- UTILITY   */

 /* links in golden boxes */
 #utility{
    padding: 20px 0 0 0;
    height: 30px;
    overflow:hidden;
    background: url(../images/utilitybar.jpg) top left no-repeat; }

#utility UL{
    text-align: right;
    list-style: none;
    margin: 0;
    padding: 0;
    }
#utility LI{
    float: right;
    overflow: hidden;
    }
#utility A{
    float: left;
    text-decoration: none;
    padding: 4px 6px 4px 6px;
    margin: 1px 5px 0 0;
    background: #fff;
    border: solid 1px #edd4ad;
    color: #97753e;
    }
#utility A:hover{
    color: #7d517f;
    border: solid 1px #dac0d9;
    }



 /* -- search */
INPUT#search-text{ /* search field */
    float: left;
    padding: 0 4px 0 4px;
    font-weight: bold;
    color: #845880;
    width: 120px;
    height: 23px;
    line-height: 23px;
    border: none;
    font: 11px arial, helvetica, sans-serif;
    background: url(../images/search.gif) top left no-repeat; }
INPUT#search-button{ /* search btn */
    cursor: pointer;
    margin: 0 0 0 3px;
    width: 19px;
    height: 23px;
    border: none;
    background: url(../images/search-btn.gif) 0 3px no-repeat; }
 INPUT#search-button:hover{
     background: url(../images/search-btn.gif) 0 -37px no-repeat; }





/* -----------------------------------------------*/
/* -- SIDENAV  */

#left-sidenav{
    padding: 0 0 20px 0;
    background: #e2e2e2 url(../images/sidemenu/bottomrounded.gif) bottom left no-repeat;
    }


 #left P.center{
    text-align: center;
    margin: 1em 0; }


/* - generic sidenav */
UL.sidenav,
UL.sidenav UL{
    margin: 0; padding: 0;
    list-style: none;
    }
UL.sidenav A{
    padding-left: 20px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    }
UL.sidenav LI{
    border: none;
    position: relative;
    z-index: 5000;    }


UL.sidenav LI:hover UL{
    display: block; }


/* - generic flyout */
UL.sidenav UL{
    padding: 5px 10px 5px 10px;
    width: 275px;
    top:0; left: 188px;
    position: absolute;
    display: none; /* bad practice */
    z-index: 2500;
    }
UL.sidenav LI UL LI{
    border: none;
    padding: 5px 0 5px 15px;
    }
UL.sidenav LI UL LI:last-child{
    border-bottom: none;
    }
UL.sidenav LI UL A{
    padding: 0;
    border: none;
    background: transparent;
    line-height: 1em;
    height: auto;
    display: inline;
    }
UL.sidenav LI UL A:hover{
    background: transparent;
    border: none;
    }



/* -- PRIMARY */
UL.primary LI{
    border-top: solid 1px #ccc; }
UL.primary A{
    font-size: 120%;
    border-top: solid 1px #b0b0af;
    color: #fff;
    line-height: 34px;
    height: 34px;
    background: #999 url(../images/sidemenu/primary.jpg) 0 0 no-repeat; }
UL.primary A:hover,
UL.primary A.selected{
    color: #fff;
    border-top: solid 1px #bd9555;
    background: #999 url(../images/sidemenu/primary.jpg) 0 -34px no-repeat; }

/* -- PRIMARY > FLYOUT */
UL.primary LI UL LI{
    background: url(../images/sidemenu/bullet-gold.gif) 0 50% no-repeat;
    border-bottom: solid 1px #cda460; }
UL.primary LI UL{
    background: #c18f3b url(../images/sidemenu/flyout-gold.gif) 0 0 repeat-x;
    border-top: solid 1px #bd9555; }
UL.primary LI UL A:hover{
    color: #584014; }



/* -- SECONDARY */
UL.secondary LI{
    border-top: solid 1px #e0e0e0; }

UL.secondary A{
    border-top: solid 1px #cecece;
    background: #ccc;
    color: #6c6c6c;
    height: 24px;
    line-height: 24px;
    background: #ccc url(../images/sidemenu/secondary.jpg) 0 0 no-repeat; }
UL.secondary A:hover,
UL.secondary A.selected{
    border-top: solid 1px #7d4e79;
    background: #ccc url(../images/sidemenu/secondary.jpg) 0 -24px no-repeat;
    color: #fff; }

/* -- SECONDARY > FLYOUT */
UL.secondary LI UL LI{
    background: url(../images/sidemenu/bullet-purple.gif) 0 50% no-repeat;
    border-bottom: solid 1px #90688c; }
UL.secondary LI UL{
    background: #7c4d78 url(../images/sidemenu/flyout-purple.gif) 0 0 repeat-x;
    border-top: solid 1px #7d4e79; }
UL.secondary LI UL A{
    color: #fff; }
UL.secondary LI UL A:hover{
    color: #b69bb3; }






/* -----------------------------------------------*/
/* -- MIDDLE */
#middle a{
    text-decoration: underline; }
#middle small{
    font-size: 90%; }

#middle .more-right{
    padding: 8px 0 0;
    border-top: solid 2px #f3f3f3;
    text-align: right;
    }
#middle .more-right a{
    padding: 0 20px 0 0;
    color: #444;
    background: url(../images/morearrow-right.gif) right 3px no-repeat;
    text-decoration: none;
    font-size: 120%;
    }
#middle .more-right a:hover{
    color: #c18f3b;
    background-position: bottom right;
    }




H2 .rssicon{
    float: right; }


/* -- home >> news */
#news{
    margin: 0; padding: 0;
    list-style: none; }
#news small{
    text-transform: uppercase;
    color: #b4b4b4; }
#home #news li{
    overflow: hidden;
    margin: 0 0 15px 0;
    padding: 0 5px;
    border-left: solid 5px #c19643; }
#home #news li.alt{
    border-left: solid 5px #e0caa1; }

#news h3{
    line-height: 1.2;
    margin: 0;
    font-weight: normal; }

#home #news a, 	
.news-item a{
    text-decoration: none;
    color:#444; }
.news-item a:hover{
    text-decoration: none;
    color:#c18f3b; }
	
#home #news a:hover{
    color: #c18f3b; }
#news img{
    float: left;
    margin: 0 10px 0 0; }

#news .news-data{
    float: left; }


/* -- news >> yearly archive */
ul.yearnav{
    margin: -17px 0 0 0;
    padding: 0;
    overflow: hidden; height: 1%;
}

ul.yearnav li{
    list-style: none;
    float: left;
    margin: 0 0 1px 0;
}
#middle ul.yearnav a{
    display: block;
    width: 40px;
    padding: 4px 2px;
    text-align: center;
    margin-right: 1px;
    background:#EBE4EB url(../images/linklist-linkbg.gif) repeat-x scroll 0 0;
    border-bottom:1px solid #DCCFDB;
    border-right:1px solid #DCCFDB;
    border-top:1px solid #EBE4EB;
    border-left:1px solid #EBE4EB;
    text-decoration: none;
    font-weight: bold;
}
#middle ul.yearnav li.selected a{
    background: #7c4d78 url(../images/purplegradient.gif) repeat-x 0 0;
    color: #fff;
    border: solid 1px #4f0845;
}


/* -- forms >> subscribe */
form OL,
form UL{
    list-style: none;
    margin: 0; }
form OL LI{
    margin: 0 0 8px 0;
    overflow: hidden; }

FORM UL.checkboxes LI{
    display: block;
    width: 100px;
    margin: 0 6px ;
    float: left; }
FORM UL.checkboxes INPUT{
    padding: 0;
    border: none; }
FORM UL.checkboxes LABEL{
    font-weight: normal;
    display: inline;
    float: none; }

FORM LI.submit{
    display: block;
    margin: 20px 0; }

INPUT.numbers{
    text-align: center;
    margin: 0 1px 0 1px;
    width: 3em; }

SPAN.req{
    font-weight: bold;
    font-size: 130%;
    color: #b07309; }
input.text{
    padding: 2px;
    width: 200px; }
SELECT{
    width: 206px; }


label{
    cursor: pointer;
    padding: 2px 0;
    width: 125px;
    display: block;
    float: left; }
label.full{
    cursor: default;
    width: auto;
    float: none; }


/* --- LISTS OF LINKS */

.linklist{
    margin: 0 0 15px 0;
    list-style: none; }
.linklist LI{
    height: 1%;
    padding: 9px 5px 6px 12px;
    margin: 0 0 4px 0;
    border-bottom: solid 1px #dccfdb;
    border-top: solid 1px #ebe4eb;
    background: #ebe4eb url(../images/linklist-linkbg.gif) 0 0 repeat-x; }
.linklist P{
    font-size: 94%;
    margin:0;
    width: 90%; }
.linklist H3{
    font-size: 110%;
    width: 90%;
    margin: 0 0 0 0; }
#middle .linklist H3 A{
    text-decoration: none; }


.linklist A.readmore{
    float: right;
    display: block;
    width: 30px;
    height: 22px;
    background:  url(../images/linklist-btnbg.gif) 0 0 no-repeat;
    text-indent: -900em;
    overflow: hidden;
    z-index: 0;
}



/* --- LIST OF LINKS (orange) */
#orange.linklist LI{
    border-top: solid 1px #fff5e7;
    border-bottom: solid 1px #ebddc9;
    background: #f6eee2 url(../images/linklist-linkbg-orange.gif) 0 0 repeat-x;
    }
#orange.linklist  H3{
    padding: 5px 0 8px 0;
}
#orange.linklist A.readmore{
    background:  url(../images/linklist-btnbg-orange.gif) 0 0 no-repeat;
    }
#middle #orange.linklist A{
    color: #666;
}
#middle #orange.linklist A:hover{
    color: #4F0845;
    }


/* -----------------------------------------------*/
/* -- RIGHT */

.widget{
    margin: 0 0 15px 0; }

.widget H3{
    margin: 0 0 5px 0; }
.widget H3 .rssicon{
    float: right; }


.widget .widget-content{
    overflow: hidden; height: 1%;
    padding: 5px;
    border-top: solid 2px #c0bfc0;
    border-bottom: solid 1px #bdbdbd;
    background: #d0cfd0 url(../images/widget-grey.jpg) 0 0 no-repeat; 
    }

.widget-content H4{
    margin: 5px 0 5px 0;
    color: #5a1851;
    font-size: 120%; 
    }

.widget.purple .widget-content{
    border-top: solid 2px #d5c4d2;
    border-bottom: solid 1px #cab4c7;
    background: #e5dae3 url(../images/widget-purple.jpg) 0 0 no-repeat; 
    margin: 0 0 5px 0;
    }
	
.widget.purple2 .widget-content{
    border-top: solid 2px #d5c4d2;
    border-bottom: solid 1px #cab4c7;
    background: #e5dae3 0 0 no-repeat; 
    margin: 0 0 5px 0;
    }



UL#content-list{
    margin: 0; padding: 10px 0 0 0;
    list-style: none; }
UL#content-list LI{
    padding: 0 5px;
    margin: 0 0 10px 0;
    overflow: hidden; }
UL#content-list LI.alt{
    padding: 5px;
    background: #eae9ea; }

UL#content-list A{
    color:#444;
    font-weight: normal; }
UL#content-list A:hover{
    color: #C18F3B; }
UL#content-list A IMG{
    float: right;
    border: solid 1px #fff; }
UL#content-list H4{
    font-size: 120%;
    margin: 0 60px 0 0; }
UL#content-list SMALL{
    text-transform: uppercase;
    color: #8e8e8e; }


/* -- featured publication */
.widget .previewimg{
    float: left;
    margin: 0 0 5px 0;
    border: solid 1px #fff;
    }
.download{

    }
.purple .download{
    margin: 0;
    }
.purple .download A{
    display: block;
    width: 108px;
    height: 19px;
    margin: 0 3px 0 0;
    padding: 0 0 0 20px;
    line-height: 19px;
    background:  url(../images/btn-download.gif) 0 0 no-repeat;
    }
.purple .download A:hover{
    background-position: 0 -19px;
    }
    
.featured-pub-content{
    float: right;
    width: 135px;
    }


/* -- cfi pullout */
#cfipullout .rssicon{
    float: right; }
#cfipullout h3{
    margin: 0 0 2px 0; }
#cfipullout h5{
    margin: 0 0 5px 0; }


/* subnav */
#subnav{
    font-size: 120%;
    }
#subnav UL{
    font-size: 90%; /* progressively smaller font */
    padding: 6px 0 0 15px;
    margin: 0 0 0 5px;
    list-style: none;
    }
#subnav LI{
    list-style: url(../images/sidemenu/bullet-lightpurple.gif);
    font-weight: bold;
    padding: 2px 5px 4px 5px;
    border-bottom: solid 1px #d7c7d4;
    }
#subnav LI:last-child{
    border-bottom: none;
    }

#subnav LI.selected{ /* first level selected */
    padding: 6px;
    background: #F7F5F8;
    }
#subnav LI LI.selected{
    background: #fff;
    }
#subnav LI.selected a{
    color: #8f2d81;
    }
#subnav LI LI.selected a{
    color: #b34da4;
    }
#subnav LI LI.selected LI a{
    color: #ce91c5;
    }

#right #subnav a:hover{
    color: #333;
    text-decoration: underline;
    }




/* -----------------------------------------------*/
/* -- NEWS */
.news-item{
    margin: 10px 0px 10px 0px;
    border-top: solid 3px #eee; }
.news-item H2{
    font-size: 1.3em;
    margin-bottom: 0; }
#middle .news-item H2 A{
    text-decoration: none;  }
.news-item H3{
	    font-size: 1.1em; 
		padding-bottom: 10px
		  }

.news-utility{
    height: 1%;
    overflow: hidden;
    font-size: 0.8em; }
.news-utility #rss-link{
    float: right; }

.news-utility #rss-link{
    padding-top: 16px;
}

.news-goback{
    border-top: solid 3px #eee;
	margin: 10px 0;
}






/***************************************************
    Footer
    */

#footer{
    text-align: right;
    color: #a3a3a3;
    background: url(../images/footer.gif) repeat-x;
    padding: 10px;
    clear: both;
    }



/***************************************************
    Homepage Carousel
    */

/* >> carousel */
#banner-carousel{
    position:relative;
    overflow:hidden;
    width: 506px;
    height: 198px;
    margin: 0 0 15px 0;
    z-index: 100;
    }

#banner-carousel .items{
    margin: 0;
    padding: 0;
    list-style: none;
    width:20000em;
    position:absolute;
    height: 1%;
    z-index: 50;
    }
#banner-carousel .items li{
    float: left;
    width: 506px;
    }

/* >> carousel > content on the right */
#banner-carousel .items .right{
    float: right;
    width: 189px;
    height: 198px;
    background: url(../images/carousel-rightside.jpg) 0 0 no-repeat;
    }
.carousel-article-content {
    padding: 25px 10px 10px 10px;
    }
.article-photo img {
    display: block;
    float: left;
    }
.carousel-article-content h4{
    font-size: 160%;
    margin: 0 0 10px 0;
    }
#middle .carousel-article-content h4 a{
    color: #fff;
    text-decoration: none;
    }
#middle .carousel-article-content h4 a:hover{
    color: #333;
    }

#middle .carousel-article-content .readmore{
    background: url(../images/carousel-readmore.jpg) 0 0 no-repeat;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    width: 149px;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 4px;
    }


.carousel-article-content .date{
    margin: 0 0 12px 0;
    font-size: 100%;
    color: #fff;
    font-weight: bold;
    display: block;
    }

/* >> carousel controls */
#banner-carousel-controls{
    display:none;
    position: absolute;
    z-index: 51;
    left: 10px;
    top: 164px;
    }

#banner-carousel-controls li{
    display: inline;
    }
#banner-carousel-thumbs{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    }

#banner-carousel-controls a{
    cursor: pointer;
    border: solid 1px #836080;
    display: block;
    float: left;
    margin-right: 5px;
    }
#banner-carousel-controls a.active,
#banner-carousel-controls a.current{
    border: solid 1px #ddb165;
    }

#banner-carousel-controls a img{
    display: block;
    }

#banner-carousel-controls .next{ /* ie6 */
    margin-left: -4px;
    }
#banner-carousel-controls > .next{ /* every other browser */
    margin-left: 0;
    }
#inno-canada{
    margin: 5px 0 0 0;
    font-size: 90%;
    }
#inno-canada a {
    font-weight:bold;
    color:#fff;
    }

h4.smaller_title{
    font-size:14px;
    font-weight:bold;
}