/* CSS Document for the CAN website */
/* Last updated 9 Feb 2007 */
/* vim: ts=4: 
*/


* {
    margin: 0;
    padding: 0;
	border: 0;
}

body {
    background: url(/images/bg.jpg) repeat;
    font-family: "Verdana", "Arial", "Helvetica", sans-serif;
    font-size: 72%;
    line-height: 1.2em;
    color: #777;
}

body, td, select, input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 11px;
    font-size-adjust: none;
    font-stretch: normal;
    line-height: 13px;
    color: #777777;}


#wrapper {
	width: 770px !important;
	text-align: left;
	margin: 0 auto; 
	padding: 0;
	border: 0;
	clear: both;
	background: #fff url(/images/rhs_bg_fade.jpg) repeat-y right;
}

#container {
    padding: 0;
    margin: 0;
	display: block;
}

#searchbar {
		height:52px;
		background: url(/images/anim.gif);
		background-repeat: no-repeat;}

#side-a {
		/* margin-top:20px; */
        margin-top: 5px;
		margin-right: 15px;
		margin-left: 5px;
		float: left;
	    left: 0;
		width: 140px;
}

#side-b {
	float: right;
	width: 150px;
    margin-top: 5px;
	margin-right:5px;
	margin-left:10px;
}


#front_page_news {
    width: 100%;
    /* height: 250px; */
    float: left;
    margin-bottom: 30px;}

#can_sector {
    width: 100%;
    float: left;
    padding-bottom: 10px;}


#footer {
	clear: both;
    margin-bottom: 20px;
	padding: 10px;
	font-size: .9em;
}
#footer p { padding-top: 70px; }

.institution_summary { margin: 5px 0 0 0; width: 145px; float: right; } 
/* IE hack to do word wraps */
* html .institution_summary, .searchbox, * html #web_links { word-wrap: break-word;}

/* Mozilla hack to stop words from overflowing */
#container>.institution_summary, .searchbox, #institution_content>#web_links { overflow: hidden;}

#institution_content {
	padding: 10px;
	width: 395px;
	float: left;
    word-wrap: break-word;
}


#main_item_image {
		float: left;
		width: 100%;
		margin-bottom: 12px;
}

#main_item_image .caption{
		margin-top: 5px;
		font-weight: bold;
		text-align: center;}

button {
    background: 0;
    border: 0;
    width: auto;
    overflow: visible;
    padding: 2px 10px;
    cursor: pointer;} 

button.go {
    color: #ff3333;
    font: bold 14px "Trebuchet MS", sans-serif;}

img {  border:0px;}

div.logoCol {
    float: left;
    width: 145px;
    margin: 0 0 20px 10px;}

div.partnerCol {
    float: right;
    width: 164px;
    margin: 0 0 10px 10px;
    font-size: 13px;}

/* Institution Navigation */
* html #searchbar button { position: relative; top: 5px; }

#search_panel {
    width: 55%;
    float: right; }

#search_panel .pad { padding: 10px 0 20px 20px;}
#search_panel p { padding: 3px 0; }
#search_panel select { width: 100%; }

/* Search Panel Font Styles */


p { margin-bottom: 5px;}

p.partner { margin: 10px;}

ul { margin-top: 10px;}

ul, li {
    margin-left: 20px;
    margin-bottom: 5px; }

a {
    color:#98aa3e;
    font-weight:normal;
    text-decoration:none; }

.nav{
    font-size:12px;
    line-height:11px; }

.dropdown {
    width: 140px;
    border: 1px; }

.whatsnew-title {
    color: #98aa3e;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 7px; }

.whatsnew-title-date {
    color: #98aa3e;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 7px; }
    
.whatsnew-title a {
    color: #98aa3e;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 7px; }

.whatsnew-title-sm {
    color: #98aa3e;
    font-weight: bold; }

.orangelink { color:#FF9933; }

/* article styles */
.title_full {
		font-size: 14px;
		color:#98aa3e;
		font-weight:bold;
		margin-bottom: 10px; }

.list_items {
		padding-top: 5px;
		border-bottom: 1px dotted #CCCCCC; }

.item {
    padding: 10px 0;
    background: url('images/dots_grey.gif') repeat-x bottom left; }

.item .image {
		/*
		width: 125px;
		position: relative;
		top: 12px;
		*/}

.item .text {
		/*
		width: 70%;
		position: relative;
		left: 150px;
		*/}

.item p { padding: 1px 0;}

.item .thumbnail{
    float: left;
    padding: 10px;}

.item .header {
    font-weight: bold;
    color: #98a73f;
    font-size: 1.1em;}

.item .date {
    color: #777777;
    font-weight: bold;}

.item a {
    color: #98a73f;
    font-weight: bold;}

.item a:hover { text-decoration: underline;}

.pagination {
		margin-bottom: 10px;
		border-bottom: 1px dotted #FF9933;
		font-size: 18px;
		color: #e73334;
		height: 20px;}

.title_each { margin-bottom: 10px;}

.list_date {
		font-size: 10px;
		color: #e73334;}


p.intro {
    font-weight: bold;}

#search_param {
    padding: 5px;
    background-color: #EFEFEF;
    border: 1px solid #CFCFCF;
    margin-bottom: 10px;}

#search_param ul, #search_param li {
    margin: 0;
    padding: 0;
    margin-left: 15px;}

#search_param ul { margin-top: 5px;}

#search_param li {
    list-style: disc;
    background: none;
    margin-bottom: 3px;}

div.intro {
    float: left;
    /* width: 375px; */
    width: 43%;}

#geography_region1_id,#sector_id { width: 140px;}

.main_content {	margin-left: 150px;}

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

.details_each {
		border-top: 1px dotted #CCCCCC;
		margin-top: 10px;}

.details_heading {
		font-weight: bolder;
		margin-bottom: 5px;}


.center {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;}

.left {
    text-align: left;
    display: block;
    margin-left: 0;}

.pad { padding: 20px 40px;}
.no_pad { padding: 0px;}
.no_margin { margin: 0px;}
.no_bg { background: none;}
.red { color: red;}
.bold { font-weight: bold;}

/* Search form stuff - 2006 */
form div.form_row {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 100%;
    width: 530px;
    overflow: hidden;}

/*
form div.form_row label { padding: 0px 15px 0px 0px; float: left; width: 30%; text-align: right;}
form div.form_row .sector, form div.form_row .subsector { float: right; width: 65%;} 
form div.form_row .sector .left_col, form div.form_row .subsector .left_col { width: 165px; float: left; clear: left;}
form div.form_row .sector .right_col, form div.form_row .subsector .right_col { width: 165px; float: right; clear: right;}
form div.form_row .sector label, form div.form_row .subsector label { float: none; padding: 0px 20px 0px 2px; width: 50%;}
form div.form_row .sector input, form div.form_row .subsector input { padding-right: 15px;} 
form div.form_row .subsector .subsector_row { clear: both; }
*/
form div.form_row .subsector h5 {
		color: #f33;
    padding-top: 7px;
    padding-bottom: 2px;
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 2px;}


option { border: 0;}

input.text, select {
    margin-top: 0;
    border: 1px solid #cccccc;
    background-color: #ffffff;}

form	{ margin: 0; padding: 0; display: inline; border: 0; }
/* Collections search styles - 2007 */

.SearchBg {		background-color: #E9E9E9; padding: 2px; border: 1px solid #CCCCCC; margin: 15px; }

/* Collections search results styles - 2007 */

#item_content, #record_content { float: left; width: 580px; } 
#item_content .header, #item_content .body { padding: 10px 0; background: url('images/dots_grey.gif') repeat-x bottom left; margin-bottom: 10px; }

#item_content .header h1 { background-image: none; font-size: 2em; color: #889a22; }
#item_content .header h2 { background-image: none; font-size: 1.6em; color: #889a22; font-weight: normal; }

#item_content img.main { float: right; margin-left: 10px; clear: right; }
#item_content .body { padding: 0px; }

.row { clear: left; margin: 0 0 10px 0; overflow: auto; }
.row .label { font-weight: bold; width: 120px; float: left; clear: left; margin-right: 10px; padding-bottom: 5px; }
.row .labelshort { font-weight: bold; width: 60px; float: left; clear: left; margin-right: 10px; padding-bottom: 5px; }
.wide .label { float: none; width: auto; padding-bottom: 5px; }
.row .entry { float: left; width: auto; clear: right; }
.wide .entry { float: none; clear: none; }
.row p { clear: left; float: none; }

#record_content .row .entry { width: 450px; }
#record_content .wide .entry { width: 100%; }

#item_content .gallery { 
		background: url('images/dots_grey.gif') repeat-x top left; 
		padding: 5px; 
		text-align: center; }

.gallery img { margin: 3px; border: 2px solid #ffffff; }

.gallery a img { border: 2px solid #ffffff; }
.gallery a:hover img { border: 2px solid #889a22; }

* html .gallery a:hover img { border: 0; }
* html .gallery a img { border: 0; }
* html .gallery a { border: 2px solid #ffffff; }
* html .gallery a:hover { border: 2px solid #889a22; }

#record_content h3 { margin-bottom: 5px; }
#record_content .gallery img { height: 100px; }

#record_content .hr_dots { 
		border: none; 
		background: url('images/dots_grey.gif') repeat-x bottom left; 
		clear: both; 
		line-height: 1px; }

.nb {
		color:#999999;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
}

.greyDotLine {
		border: none;
		background: url('images/dots_grey.gif') repeat-x bottom left;
		clear: both;
		line-height: 1px;
		padding: 15px 0 15px 0;
		}

#greyHeader {
		color: #999999;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		padding: 15 0;
}


.hdr_anchor {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		background-color: #EBEBEB;
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 4px;
		height: 12px;
		width: 12px;
		border: 1px dotted #CCCCCC;
		color: #CC3333;
		text-align: center;
		vertical-align: middle;
}
.hdr_alphListLinks {
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: x-small;
		font-weight: bold;
		margin-top: 15px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
}

/* INDEX PAGE STYLES - Created Feb 2007 */

#indexStory { font-weight: bold; color: #CC3333; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; }
#indexStory H3 a:link { color: #CC3333; text-decoration: none; }
#indexStory H3 a:visited { color: #CC3333; text-decoration: none; }
#indexStory H3 a:hover, #index_storyHdrs a:active { color: #000000; text-decoration: underline; }

#indexStory p { font-weight: normal; color: #777777; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* INSTITUTION SEARCH PAGE STYLES - Created Feb 2007 */

#isearchKeyword {
		background-color: #E9E9E9;
		padding: 2px;
		border: 1px solid #CCCCCC;
		margin: 5px;
		width: 220px;
		float: left;
		clear: none;
}
#isearchSector {
		background-color: #E9E9E9;
		padding: 2px;
		border: 1px solid #CCCCCC;
		margin: 5px;
		clear: none;
		float: right;
		width: 220px;
}
#isearchLocation {
		background-color: #E9E9E9;
		padding: 2px;
		border: 1px solid #CCCCCC;
		margin: 5px;
		clear: both;
		width: 400px;
}

.lighttext { font-size: .8em; color: #aaa; }

/* Style Sheet for new nav */
#navcontainer,
#navcontainer *			{ border: 0; padding: 0; margin: 0; display: block; }
#navcontainer 			{ width: 140px; }
#navcontainer ul		{ margin-bottom: 10px; text-indent: 0; }
#navcontainer li		{ list-style: none; border-bottom: 1px solid white; }

#navcontainer div.navgrn a,						
#navcontainer div.navgrn a:visited	{ color: #95B71A; }
#navcontainer div.navgrn a			{ border-left: 5px solid #95B71A; border-right: 1px solid #BFE04A; }
#navcontainer div.navgrn a:hover    { border-left: 5px solid #BFE04A; }

#navcontainer div.navred a,
#navcontainer div.navred a:visited  { color: #FB3C3A; }
#navcontainer div.navred a			{ border-left: 5px solid #E23634; border-right: 1px solid #FB3C3A; }
#navcontainer div.navred a:hover    { border-left: 5px solid #FB3C3A; }

#navcontainer div.navorg a,
#navcontainer div.navorg a:visited  { color: #EF8C43; }
#navcontainer div.navorg a			{ border-left: 5px solid #EF8C43; border-right: 1px solid #FFCC33; }
#navcontainer div.navorg a:hover    { border-left: 5px solid #FFCC33; }


#navcontainer a						{ display: block;		
									  width: 129px;
									  margin: 0;
									  font-weight: bold;
									  font-family: "Verdana", sans-serif;
									  font-size: .95em;  
									  font-weight: bold;
									  background-color: #ECECEC;
									  padding: 5px 0 5px 5px; 
									  text-decoration: none; }
#navcontainer li.navsub img			{ display: inline; vertical-align: top; margin-top: 4px; }
#navcontainer li.navsub a			{ border-left: 0px; border-right: 0px; font-size: .8em; padding-left: 11px; }
#navcontainer li.navsub a:hover		{ border-left: 0px; border-right: 0px; font-size: .8em; padding-left: 11px; }
#navcontainer a:hover				{ color: #777 !important; }

#header,
#header_search,
#header_sub,
#header_sos,
#header img							{ margin: 0; padding: 0; display: inline; }

#header								{ height: 72px; } 
#header_sub,
#header_search,
#header_sos							{ height: 30px; }

#header_sos,
#header_sub							{ float: left; }

#header_sos							{ background: #BFE04A; width: 320px; }
#header_sub							{ background: #95B71A; width: 450px; }

#header_sos							{ text-align: right; }

#header_sos #search					{ vertical-align: top; padding: 3px 2px 0 2px; margin-top: 5px; height: 12pt; }

#header								{ overflow: hide; height: 72px; }

/* front page new partners */

.organisation						{ border: 1px dotted #888; background: white; padding: 5px; width: 150px; float: right; }


img.front_heading					{ margin-bottom: 10px; }
div.front_section					{ width: 100%; float: left; margin-bottom: 25px; }

#content,
#wide-content						{ 
									  float: left; 
									  width: 600px; 
									  margin: 20px 0 10px 0; display: block; background: transparent;
									}

#content							{ width: 440px; }

.searchBox							{ padding: 0; vertical-align: top; margin-top: 5px; margin-left: 50px; }
.searchBox .tinput					{ font-size: 10pt; height: 16px; margin-bottom: 4px; border: 1px solid #777; padding: 0; }

ul.nodot							{ list-style: none; }
ul.nodot li input					{ margin-right: 10px; }

.imageheading						{ margin: 0 0 10px 0; }

.rss_item				 { clear: left; display: block; margin: 0; padding-top: 5px; margin-bottom: 5px; font-size: .9em; }
.rss_left				 { display: block; float: left; width: 70px; }
.rss_details			 { display: block; margin-left: 70px;}
.rss_rank				 { font-size: 6.5pt; margin-bottom: 20px; }
.rss_image				 { margin-bottom: 5px; }
.rss_ranking			 { height: 3px !important; 
						   overflow: hidden; 
						   background: #eee; 
						   width: 50px; 
						 }
.rss_ranking img		 { height: 3px !important;
						   overflow: hidden;
						   background: green;
						 }
.rss_border				 { border: 1px solid black; }
.rss_noborder			 { border: 1px solid white; }
.rss_ind_item			 { margin-bottom: 10px; }

a.rss_item_title		 { font-family: arial, sans-serif; letter-spacing: .1em; 
						   font-size: 1.2em; display: block; margin-bottom: 5px; 
						   color: #000; font-weight: bold; }
.rss_data .arrowhead	 { margin-top: 15px; margin-left: 0; padding-bottom: 2px; }

.pagination_box			 { margin: 0px; }
.pagination_nums a,
.pagination_nums span	 { padding: 2px; font-size: .9em; }
.pagination_nums		 { text-align: center; }
.pagination_now			 { color: #FFFFFF; background-color: #95B71A; } 
.pagination_nums .back { float: left; width: auto; clear: right; }

div.minisearch			 { display: block; width: 180px; float: left; }
.minisearch input		 { margin-right: 10px; }


.organisation 			{ float: right; width: 150px; margin: 3em 5px 5px 5px; padding: 5px; }
.organisation>div,
.organisation>span,
.organisation>p,
.organisation>a			{ font-size: .78em; }


h1,h2,h3,h4,h5,h6		{ font-family: "ITC Franklin Gothic", "Verdana", sans-serif; 
						  color: black; 
						  font-size: 1.4em;
						  border: 0px;
						  font-weight: 600;
						  display: block;
						}
h1			 			{ background: url(/images/4squares.gif) no-repeat; 
						  padding: 0 0 0 20px;
						  margin: 2px 0 15px 0;
						}
h2						{ font-size: 1.2em; line-height: 1.6em; margin: 13px 0 10px 0; }
h3						{ font-size: 1.1em; line-height: 1.4em; margin: 13px 0 10px 0; }
h4						{ font-size: 1.0em; line-height: 1.2em; margin: 10px 0 10px 0; }

.sep					 { display: block; margin-bottom: 20px; }
.item_image				 { clear: both; margin: 20px 0 20px 20px; }
.item_image p			 { margin: 5px; text-align: center; font-size: .8em; }
.item_image,
.item_filter 			 { margin-left: 10px; float: right; }
.item_filter p.keywords	 { font-size: 1.2em; font-weight: bold; }
.item_filter ul			 { list-style: none; margin-top: 1px; margin-bottom: 10px; }
.item_filter ul li		 { margin: 1px 0; }
.item_filter			 { background: url(/images/bg-filter.gif); 
						   padding: 10px; }
.cola					 { clear: left; margin: 1px 0 1px 0; font-weight: bold; }
.colb					 { margin: 1px 0 10px 0; }

.rightsearch			 { float: right; }

.searchbox				 { border: 1px solid #aaa; background: #FFF; }
#searchbox				 { clear: both; padding: 10px; }
#searchmessage			 { color: red; font-size: 1.2em; font-weight: bold; }

.vcard .org,
.vcard .honorific-prefix,
.vcard .type			 { display: none; }
.vcard .street-address,
.vcard .country-name,
.vcard .email,
.vcard .url,
.vcard .locality		 { display: block; }
.can_hide				 { display: none; }

#header	{ border: 0px solid #fff; height: 72px !important; overflow: hidden; max-height: 72px; margin: 0; padding: 0;  }


#inprogress_img { padding-bottom: 2px; }
.feature { text-align: center; font-size: .8em; }

.dateline	{ text-align: right; font-size: .7em;  float: right; }

.venue 				{ clear: left; margin-bottom: 10px;} 
.venue div 			{ clear: left; } 
.venue label 		{ float: left; display: block; width: 70px; margin: 2px; font-weight: bold; } 
.venue p, .venue ul { float: left; margin: 2px;}

img.main_image  { display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; }

a img		{ display: inline; margin: 0; padding: 0;  }

.loginbox			{ display: block; margin: 0; padding: 5px !important; 
			  		  border-left: 5px solid #E23634 !important; 
			  		  border-right: 1px solid #FB3C3A !important; 
									  background-color: #ECECEC;
					}
.loginbox input 	{ width: 50px !important; float: left !important; }
.loginfield			{ clear: both; }
.loginfield input 	{ display: inline !important; }

.item_filter		{ font-size: 6.5pt; }

/* generic classes */
.right				{ float: right; }
.clear				{ clear: both; }
.rightmargin		{ margin-right: 10px; }
.bottommargin		{ margin-bottom: 10px; }