/* template layout styles */
body {
	text-align:center;
	width:100%;
	height:100%;
}
div.fullpage {
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:760px;
}
div.header {
	clear:both;
	width:100%;
	height:120px;
	text-align: center;
}
div.footer {
	clear:both;
	width:800;
	height:80px;
}
div.leftcol {
	clear:left;
	float:left;
	left:0px;
	width:150px;
}
div.rightcol {
	clear:right;
	float:left;
	right:0px;
	width:186px;
}
div.content_hp {
	float:left;
	padding-left:5px;
	padding-right:4px;
	width:415;
	overflow:hidden;
	text-align:left;
}
div.content {
	float:left;
	padding-left: 15px;
	padding-right:4px;
	width: 589px !important; /*moz width*/
	width: 600px; /*IE width*/
	overflow:hidden;
	text-align:left;
	border: 0px solid #000000;
}

a.link {
	text-decoration: none;
}

/* Bioportalhomepage Styles */

.imgce_bphp { width: 415px; margin: 0px; padding: 0px; height: 20px;  }
.imgcem_bphp { width: 415px; margin: 0px; padding: 0px; height: 266px; }
div.right_bphp { float: right; height: 266px; width: 186px; margin-top: -265px; border: 0px solid #000000; }
div.center_bphp { float:left; padding: 0px 0px 0px 0px; margin-left: 0px; margin-right: 0px; } 
/*div.center_bphp { padding: 0px 0px 0px 0px; float: right; margin-left: 0px; margin-right: 0px; }*/
div.mainImage_hp { float:right; width:600; margin-top: 0px; border: 0px solid #000000; margin-right: 0px; }

div#hp_searchBy1 { height: 42px; background-color: #FBFBFB; font-family: Arial; font-size: 11px; text-align: left;  border: 1px solid #cccccc; padding: 5px; margin-top: 1px;}
div#hp_searchBy1f { height: 54px; background-color: #FBFBFB; font-family: Arial; font-size: 11px; text-align: left;  border: 1px solid #cccccc; padding: 5px; margin-top: 1px;}
div#hp_searchBy2 { height: 42px; background-color: #FBFBFB; font-family: Arial; font-size: 11px; text-align: left;  border: 1px solid #cccccc; padding: 5px; margin-top: 1px;}
div#hp_searchBy2f { height: 54px; background-color: #FBFBFB; font-family: Arial; font-size: 11px; text-align: left;  border: 1px solid #cccccc; padding: 5px; margin-top: 1px;}
div#hp_searchBy3 { height: 42px; background-color: #FBFBFB; font-family: Arial; font-size: 11px; text-align: left;  border: 1px solid #cccccc; padding: 5px; margin-top: 1px;}
div#hp_searchBy3f { height: 54px; background-color: #FBFBFB; font-family: Arial; font-size: 11px; text-align: left;  border: 1px solid #cccccc; padding: 5px; margin-top: 1px;}
div#hp_searchBy4 { height: 42px; background-color: #FBFBFB; font-family: Arial; font-size: 11px; text-align: left;  border: 1px solid #cccccc; padding: 5px; margin-top: 1px;}
div#hp_searchBy4f { height: 54px; background-color: #FBFBFB; font-family: Arial; font-size: 11px; text-align: left;  border: 1px solid #cccccc; padding: 5px; margin-top: 1px;}
.searchByText { font-family: Arial; color: #666666; font-size: 11px; font-weight: bold; border: 0px solid #000000; float:right; width: 505px; }
.searchByTextTitle { font-family: Arial; color: #333333; font-size: 11px; font-weight: bold; height: 15px; width: 78px; border: 0px solid #000000; }
.searchByText-fr { font-family: Arial; color: #666666; font-size: 11px; font-weight: bold; border: 0px solid #000000; float:right; width: 480px; }
.searchByTextTitle-fr { font-family: Arial; color: #333333; font-size: 11px; font-weight: bold; height: 15px; width: 105px; border: 0px solid #000000; }

div.whatIsBio_hp { float:left; width:410px; margin-top: 10px; border: 0px solid #000000; font-family: Arial; font-size: 12px; text-align: left }
.whatIsBioHead { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #0188B5;}
div.middletop_bphp{ height: 20px; width: 600px; float:right; border: 0px solid #000000; }

div.BioHighlights_hp { background-color: #FFF7B2; float:left; width:410px; margin-top: 10px; padding: 10px; border: 1px solid #E2E2E0; font-family: Arial; font-size: 12px; text-align: left }
div.BioHighlights_hp_more { text-align: right; font-family: Arial; font-size: 10px; }
div.grey_bphp { float: right; height: 70px; width: 183px; margin-top: 10px; border: 0px solid #000000; }

div.Biofolder_hp { background-image: url(../../images/template/folder-e.jpg); background-repeat: no-repeat; width: 410px; height: 286px; float:left; margin-top: 10px; padding: 10px; border: 0px solid #E2E2E0; font-family: Arial; font-size: 12px; text-align: left }
div.Biofolder_f_hp { background-image: url(../../images/template/BioPortalHome/folder-f.jpg); background-repeat: no-repeat; width: 410px; height: 286px; float:left; margin-top: 10px; padding: 10px; border: 0px solid #E2E2E0; font-family: Arial; font-size: 12px; text-align: left }

div.clear { clear: both; border: 0px solid #000000; }

/* Feedback Form (Survey) Styles */

.surveymediumText { font-family: Arial; font-size: 10px; }


/* header styles */

div.banner {
	margin-top: 60px;
}

img.lf {		/* leaf position */
	margin-top:-35px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
img.gc {		/* govt. of Canada position */
	margin-top:-60px;
	float:left;
}
img.can {		/* Canada tag position */
	margin-top:-60px;
	float:right;
}

/* common menu bar layout styles */

.commonbar {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	border: none;
	width: 100%;
}
.fiptext, .fiptexta, .fiptextb, .fiptextc {
	margin: 0;
	padding: 0;
	border: none;
	float: left;
 	min-height: 1.4em;
	padding-left:.2em;
	padding-top:.1em;
	text-align:left;
}

li.fiptext {
	width: 16%;
}
li.fiptexta {
	width: 16.2%;
}
li.fiptextb {
	width: 16.4%;
}
li.fiptextc {
	width: 16.5%;
}

/* left column styles */

div.search {
	width:140px;
	height:95px;
	padding-top:8px;
	padding-left:10px;
}

div.stayinformed {
	width:150px;
	height:88px;
	padding-top:8px;
	padding-left:10px;
}

a.stayinformed:link { color: #000000; text-decoration: none; font-family: verdana; size: 10px;}
a.stayinformed:visited { color: #000000; text-decoration: none; font-family: verdana; size: 10px;}
a.stayinformed:active {color: #000000; text-decoration: none; font-family: verdana; size: 10px;}
a.stayinformed:hover {color: #000000; text-decoration: none; font-family: verdana; size: 10px;}

/* left nav styles */

div#leftMenuTop {
	height: 20px;
	width: 150px;
}

div.toplevelleftnav, div.toplevelleftnav:hover, div.toplevelleftnavover, li.toplevelleftnav, li.toplevelleftnav:hover, li.toplevelleftnavover {
	clear:both;
	min-height:19px;
	padding:0px;
	margin:0px;
	padding-left: 20px;
	padding-top:5px;
	width:130px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #000000;
	FONT-SIZE: .75em;
	text-decoration: none;
}


ul.submenu {
	padding:0px;
	margin:0px;
	margin-top:4px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 9px;
}

li.menu_lvl1 {
	width: 130px;
	min-height: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -20px;
	padding-left: 20px;
}

li.menu_lvl2 {
	width: 120px;
	min-height: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -20px;
	padding-left: 30px;
}

li.menu_lvl3 {
	width: 110px;
	min-height: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: -20px;
	padding-left: 40px;
}

div#leftMenuBottom {
	height: 154px;
	width: 150px;
}

a.topMenuLinkMF:link  {
	text-decoration: none;
}


/* right column styles */

div.portalbiobutton {
	width: 168px;
	height: 37px;
	padding-left: 18px;
	padding-top: 30px;
}


/* center colums styles */

div#middletop_hp{
	height: 20px;
	width: 415px;
}

div#hp_image {
	height: 266px;
	width: 415px;
}

div#middletop{
	height: 20px;
	width: 603px;
}






/* not necessarily layout related */

div.stayinformed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-image: url(../../images/template/stayinform-bg.gif);
	background-repeat: no-repeat;
}


.fiptext, .fiptexta, .fiptextb, .fiptextc {
	font-size: 10.0pt;
	color: #FFF;
	background-color: #000;
	white-space: nowrap;
	border-left: 1px solid white;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}


div.leftcol{
	text-align:left;
}

div.search{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	background-color: #ECF9FF;
	background-image: url(../../images/template/searchbg.jpg);
	background-repeat: no-repeat;
}

div.BreadCrumbTrail {
	text-align: left; 
}

div.portalbiobutton {
	text-align: left;
	background: #EDECEC;
	color: #FFFFFF;
}

div.toplevelleftnav, div.toplevelleftnav:hover, div.toplevelleftnavover, li.toplevelleftnav, li.toplevelleftnav:hover, li.toplevelleftnavover {
	list-style-type: none;
	color: #FFFFFF;
	border: 0px;
}

div.toplevelleftnav, li.toplevelleftnav {
	background-image: url(../../images/template/leftmenu-bg.gif);
	background-repeat: no-repeat;
}

div.toplevelleftnav:hover, div.toplevelleftnavover, li.toplevelleftnav:hover, li.toplevelleftnavover {
	background-image: url(../../images/template/leftmenu-over.gif);
	background-repeat: no-repeat;
}

hr.bluebar {
	color: #30AED8;
	background-color: #30AED8;
	border: none;
	height: 20px;
}

span.sitetitle {
	color:black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
}

span.siteurl {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
}

li.menu_lvl1 {
	list-style-type: none;
	font-size: 10px;
	font-weight: bold;
	overflow-x: hidden;
}

li.menu_lvl2 {
	list-style-type: none;
	font-size: 10px;
	font-weight: bold;
	overflow-x: hidden;
}

li.menu_lvl3 {
	list-style-type: none;
	font-size: 10px;
	font-weight: bold;
	overflow-x: hidden;
}

div.leftmenuspacer {
	margin:0px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

a.leftmenulink:link, a.leftmenulink:visited, a.leftmenulink:hover {
	text-decoration: none;
	font-weight: bold;
	color: #0099CB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

div.tabline {
	float:left;
	width:590px;
	height:28px;
	padding-left:0px;
	border: 0px solid #000000;
}

div.tab {
	float:left;
	width:97px;
	height:28px;
	text-align: center;
	line-height: 20px;
}

div.activeTab {
	float:left;
	width:97px;
	height:28px;
	text-align: center;
	line-height: 20px;
}

div.greyBox {
	width: 555px;
	padding: 5px;
	background-color: #F4F1CF;
	border: 1px solid #DCDCDC;
	margin-left: 15px;
}

.contentlink, a.contentlink, a.contentlink:hover, a.contentlink:visited {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	color: #CC0033;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	white-space: normal;
}

div.doubleColumn {
	float: left;
	width: 265px;
}
div.doubleColumn ul {
	list-style-image: url(../../images/template/linkbullet.gif);
}

div.doubleColumn ul.noMarker {
	list-style: none;
}

div.doubleColumn li {
	margin-top:10px;
}


div#SearchBtn-e, div#SearchBtn-f  {
	float: right;
	width: 47px;
	height: 19px;
	cursor: pointer;
}

.smallText {
	font-family: arial, helvetica;
	font-size: 10px;
}
