/* COLORS 

Blue: #003399;
Lt Blue: #0087E7;
Ltr Blue BG: #CCEEFF
Green: #669900;
Green BG: #C6E3AA;
Lt Green: #F2FFDF;
Gray: #CCC;

*/

* {
	margin: 0;
	padding: 0;
}

table {
	/* margin: 0 0 5px 0;	 */
	padding: 0;
}
td h1 {font-size:16px;}

body {
	margin: 0px; padding: 0px;
	width: 860px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background: #283e28;
	}

img { border: none; }

.imgBTopSpace {
	margin-top: 20px;
	}

.alignleftimg {margin:1px 0px 1px 5px;
	padding:1px 8px 1px 0;}


/* main outside wrapper with shadow border */
#wrapper {
	width: 803px; /* 800 + 1px + 1px border */
	padding: 0 6px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: transparent url(../images/layout/background.png) top left repeat-y;
	}


/**** conatainer for main DIVs ****/
#container {
	width: 803px;
	/* margin-left: auto; */
	/* margin-right: auto; */
	text-align: center;
	/* border-left: 1px solid #0087E7; */
	/* border-right: 1px solid #0087E7; */
	}


/**** Copan International links ****/
#topLinksContainer {
	margin: 0;
	padding: 2px 4px 23px 4px;
	width: 795px; /* 800 - (4px + 4px margin) */
	text-align: left;
	font-size: 10px;
	border-bottom: 5px solid #ccc;
	background: white url(../images/layout/grad.png) bottom left no-repeat;
	clear: both;
	}
	
ul#topLinks { /* internation links */
	margin: 0; padding: 0;
	width: 50%;
	float: left;
	display: block;
	clear: none;
	}
	
	#topLinks li {
		margin: 0; padding: .3em 2px .4em;
		float: left; /*float the main list items*/
		display: block;
		overflow: auto;
		list-style-type: none;
		text-align: center;
		clear: none;
		}
	
		#topLinks li a {
			margin: 0; padding: 0;
			font-weight: normal;
			text-align: left;
			}
	
	#topLinks li .divider {
		width: 1px;
		}
/****  END international links ****/


/****  Header  ****/
#headerContainer {
	margin: 0; padding: 0;
	width: 803px;
	text-align: center;
	clear: both;
	}
	#headerImage {
		width: 800px;
		height: 95px;
		font-size: .74em;
		}
	#topNavContainer {
		/* position: inherit; */
		/* overflow: visible; */
		border-top: 1px solid #fff;
		border-bottom: 5px solid #ccc;
		background: #003399 url(../images/layout/grad.png) left top no-repeat;
		}
		ul#topNavList {
			/* position: inherit; */
			background-color: red;
			margin: 0 auto;
			padding: 0 4px;
			color: #fff;
			text-align: left;
			list-style-type: none;
			/* overflow: visible; */
			white-space: nowrap;
			width: auto;
			z-index: 400;
			font-size: 11px;
			}
		#topNavList li { 
			margin: 0; padding: 0;
			/* position: relative; */
			display: block;
			border-left: 1px solid white;
			border-right: 1px solid white;
			border-collapse: collapse;
			margin-right: -1px;
			float: left;
			z-index: 499;
			}
			#topNavList li a {
				display: block;
				margin: 0; padding: .2em 10px;
				width: auto;
				color: #fff;
				text-decoration: none;
				}
		
			#topNavList li a:link, #topNavList li a:visited {
				color: #fff; }
			#topNavList li a:hover, #topNavList li a:active {
				color: #fff;
				background: #0087E7; }
				
			/**** Begin drop-down sub-menus ****/
			#topNavList li ul { 
				position: absolute;
				/* display: none; */
				margin: 0; padding: 0;
				/* top: 1.5em; */
				left: -999em;
				margin-top: -1px;
				width: 215px;
				border-bottom: 1px solid #fff;
				clear: both;
				/* z-index: 500; */
				}
			
				#topNavList li ul li {
					width: 200px;
					display: block;
					clear: both;
				}
					
				#topNavList li ul li a {
					display: block;
					width: 200px;
					height: auto;
					padding: 1px 4px 2px 4px;
					line-height: inherit;
					text-align: left;
					text-transform: none;
					border: 1px solid #fff;
					border-bottom: none;
					background: #bbb;
					
					}
				* html #topNavList li ul li a { padding: 2px 3px; }
				/* Hide from IE Mac \ */
				#topNavList li ul li a { display: block; }
				/* End */
				/* Fix IE win and hide from IE Mac \ */
				* html #topNavList li ul li a { height: 1%; }
				/* End */
						
				#topNavList li:hover ul, #topNavList li.over ul {
					/* display: block; */
					left: auto;
				} /* The magic */
/**** END Header and Top Nav ****/



/**** Breadcrumbs ****/
	#breadCrumbs {
		margin: 0; padding: 5px 7px 5px 10px;
		/* position: relative; */
		left-margin: -100%;
		text-align: left;
		/*background: url(../images/layout/dots.gif) bottom center no-repeat;*/
		clear: both;
		}

/**** Breadcrumbs ****/
#breadCrumbsAnimation {
	padding-top: .15em;
	width: 100%;
	clear: both;
	z-index: 0;
	}


/****  Content area containing the Columns  ****/
#contentWrapper {
	margin: 10px 0 -2px 0; padding: 0 0 8px 0;
	width: 800px;
	text-align: left;
	/*background: url(../images/layout/dots.gif) bottom center no-repeat;*/
	clear: both;
	z-index: 1;
	}


/****  Left Column  ****/
#leftColumn {
	margin: 0; padding: 0;
	width: 166px;
	float: left;
	_height: 1%;
	}
	ul#leftNav {
		margin: 0 6px; padding: 0;
		list-style: none;
		font-size: 11px;
		border-top: 1px solid #72ac47;
		}
		ul#leftNav li {
			margin: 0;
			padding: 0;
			display: block;
			}
			#leftNav li a {
				width: 132px;
				margin: 0; padding: 3px 1em;
				display: block;
				color: #4c722f;
				text-decoration: none;
				/* border-top: 1px solid #003399; */
				border-bottom: 1px solid #72ac47;
				background: white url(../images/layout/nav_bg.jpg) -140 center repeat-y;
				/* margin-bottom: -1px; */
				}
				#leftNav li a:hover, #leftNav li a:active {
					color: #283e28;
					background: white url(../images/layout/nav_bg.jpg) left center repeat-y;
					}
					
				#leftColumn > ul#leftNav li a { width: auto; }
	
	/****  rounded box on left sidebar with quick links  ****/
	/* contains the how-to, download catalog, watch video, etc.. */	
	#infoBox {
		clear: both;
		_height: 1%;
		margin: 1em 6px .75em;
		background: white url(../images/layout/infobox_bg.png) left top repeat-y;
		}
		#infoBox ul {
			margin: 0; padding: 8px 7px;
			list-style-type: none;
			font-size: .68em;
			}
			#infoBox li {
				margin: 0; padding: 2px 0;
				clear: both;
				}
				#infoBox li a {
					margin: 0; padding: 0;
					display: block;
					color: #72ac47;
					text-decoration: none;
					}
					#infoBox li a:hover, #infoBox li a:active {
						color: #283e28;
						}
			#infoBox .infoBoxFooter {
				padding-bottom: 10px;
				background: url(../images/layout/infobox_bottom.png) left bottom no-repeat;
				}
	#leftColumnExtra {
		display: none;
		text-align:center;
		/* position:relative; */
		/* z-index:-1; */
		padding:0;
		/* margin: 60px 6px 0 0; */
		font-size: .68em;
		clear: both;
		}
	#skypebug {}	
/****  Center content column  ****/
#contentColumn {				
	/* margin-left: 168px; */
	padding: 0 7px 0 0;
	width: 624px;
	float: right;
	}
	#contentColumn table tr td h1 {font-size:16px;}
	#contentColumn li.list,
	#contentColumn ul.list li {
		list-style-position: inside;
	}

.centerColumn, #contentColumn.centerColumn { /* apply only when using a right column */
/* 	margin-right: 140px; 	use same number as width of rightColumn below... */
	}
.contentColumnFull, #contentColumn.contentColumnFull  {
	margin-right: 0;
	}

	.contentBoxOne {
		/* display: block; */
		/* float: left; */
		/*clear: none;*/
		/* padding: 0 0 7px 0; */
		margin: 0 10px 10px 0;
		/* width: 100%; */
		border: 1px solid #CCC;
		border-bottom: 2px solid #aaa;
		/* height: 87px; IE Win min-height fix */
		/* min-height: 87px; */
		overflow: visible;
		background: #eee url(../images/layout/contentbox_bg.jpg) bottom left no-repeat;
			voice-family: "\"}\""; 
			voice-family:inherit;
			height: auto;
		}

	div.centerColumn div.contentBoxOne {
		float: left;
	}
		x.boxWidthWhole { width: 100%; margin-right: 0; clear: both; }
		.boxWidthHalf { width: 48%; float: left; }
		.boxWidthThird { width: 31%; float: left; }
		x.boxWidthQuarter { width: 25%; }	
		
		x.boxHeightOne {
			height: 87px; /* IE Win min-height fix */
			min-height: 87px;
			overflow: visible;
			}
		x.boxHeightTwo {
			height: 165px; /* orig185px IE Win min-height fix */
			min-height: 165px;
			overflow: visible;
			}
		x.boxHeightThree {
			height: 285px; /* IE Win min-height fix */
			min-height: 285px;
			overflow: visible;
			}
		
		.contentBoxOne p {
			display: block;
			clear: right;
			}
		.contentBoxOne img {
			display: inherit;
			margin: -3px 6px 0 -4px;
			padding: 0 0 -3px 0;
			float: left;
			/*font-size: .8em;*/
			border: none;
			border-right: 1px solid #ccc;
			background: #ccc;
			clear: none;
			}	
		.medica {
			display: inherit;
			margin: 0px 6px 0px 0px;
			padding: 0 0 0px 0;
			float: left;
			/*font-size: .8em;*/
			border: none;
			border-right: none;
			background: #ccc;
			clear: none;
			}
			#nomarg {margin-bottom: -8px;
			padding-bottom:-4px;
			}


	#contentFooter {
		font-size: .68em;
		/* clear: both; */
		}
		

/****  Right sidebar for photos ****/
#rightColumn {
	position: absolute;
	right: 0;
	top: 0;
	width: 140px;
	text-align: center;
	font-size: .68em;
	}
	#rightColumn .sideBarImage {
		display: block;
		margin: .65em auto .65em auto;
		padding: 0;
		text-align: center;
		border: 1px solid #003399;
		clear: both;
		}
	#rightColumn p {
		margin: 0 6px .8em 6px;
		}
	#rightColumn .contentBoxOne {
		width: 140px;
		}

#footerAnimationDiv {
	padding-top: .8em;
	width: 100%;
	clear: both;
	}

/****  Footer  ****/
#footerDiv {
	width: 803px;
	padding: 0 6px;
	margin: 0 auto;				
	padding-top: 17px;
	background: #283e28 url(../images/layout/bottom.png) top left no-repeat;
	font-family: "Trebuchet MS", "TrebuchetMS", Helvetica, sans-serif;
	clear: both;
	}

hr {
	height: 1px; border: 1px solid #ccc;
	color: #ccc;
	background-color: #ccc;
	}

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

.floatLeft, .floatLeftPad { float: left; }
.floatLeftPad { padding-right: 8px; }

.floatRight, .floatRightPad { float: right; }
.floatRightPad { padding-left: 8px; }

.clearAll { 
	margin: 0; padding: 0;
	/*visibility: hidden;*/
	clear: both;
	font-size: 1px;
	height: 1px; margin-top: -1px;
	}
	
img.imgmap {
	display: block;
	margin: 0;
	padding: 0;
}

div#contentColumn object {
	display: block;
}

img.fr {
	float: right;
	margin: 0 0 0 7px;
}

img.fl {
	float: left;
	margin: 0 7px 0 0;
}

table.full {
	width: 95%;
}
.simp-clear {
	clear: both;
}

.clearRight {
	display: block;
	clear: right;
	margin-right: 0;
	}

.clearLeft {
	clear: left;
	}

/* COLORS 

Blue: #003399;
Lt Blue: #0087E7;
Green: #669900; 
Lt Green: #F2FFDF;
Gray: #CCC;

*/

.paddingRight { padding-right:10px;}

#nounderline, #nounderline a, #nounderline a:link, #nounderline a:visited,	#nounderline a:hover, #nounderline a:active {text-decoration:none;}

#4n6padding {
background-image:url(../images/4n6/4n6swab.jpg);
background:url(../images/4n6/4n6swab.jpg) top left no-repeat;
text-align:left;
padding: 15px 0 0 135px;
padding-right:135px;
margin:15px 0 0 0;}

/* ... Site Map ... */

div.sitemap-fl {
	width: 40%;
	float: left;
	margin: 0 0 0 15px;
}

div.sitemap-fl a {
	font-size: 11px;
}

ul.sitemap {
	margin: 0 20px;
	font-size: 11px;
	list-style: none;
}

ul.sitemap li {
	margin: 2px 0;
}

.slight {
	font-size: 11px;
	font-style: italic;
	color: #808080;
}

/* ... Symposium Custom Styling ... */

#sym-master {
	width: 585px;
	margin: 0 12px;
	background: white url(../images/sym/sides.png) repeat-y;
}

.sym-copy {
	margin: 12px 36px;
}

.sym-sprback {
	background: url(../images/sym/spr.png) no-repeat left bottom;
}

.sym-copyspr {
	margin: 12px 36px;
	padding: 0 0 0 75px;
}

#contentColumn .sym-copy p,
#contentColumn .sym-copyspr p,
#contentColumn .sym-authmaster p {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	font-size: 12px;
	line-height: 1.4em;
}

#contentColumn .sym-copy strong,
#contentColumn .sym-copyspr strong {
	color: black;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#contentColumn .sym-authmaster strong {
	color: black;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#contentColumn p.sym-modcopy {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 400px;
	margin-left: 12px;
	text-align: left;
	font-size: 12px;
}

#contentColumn a.sym-info:link,
#contentColumn a.sym-info:active,
#contentColumn a.sym-info:visited {
	color: #6a1b10;
	border: 0;
	text-decoration: none;
	border-left: 3px solid #6a1b10;
	padding: 0 3px;
}

#contentColumn a.sym-info:hover {
	color: black;
	border-left: 3px solid black;
}

#sym-footer {
	height: 279px;
	background: url(../images/sym/bot.png) no-repeat bottom center;
}

.sym-module {
	width: 600px;
	float: left;
	margin: 0 0 12px 0;
}

.sym-modmaster {
	width: 432px;
	float: left;
}

.sym-img {
	text-align: center;
}

.sym-imgpodium {
	text-align: center;
}

.sym-imgpodium img {
	border: 9px solid #6a1c11;
}

.sym-imginset {
	text-align: center;
	margin: 0 0 7px 0;
}

.sym-imginset img {
	margin: 5px;
	border: 2px solid #6a1c11;
}

img.sym-imgfl {
	float: left;
	border: 3px solid #6a1b10;
}

h2.sym-header {
	width: 100%;
	float: left;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 7px 7px 40px 7px;
	background: #6a1b10 url(../images/sym/header.png) no-repeat bottom left;
}

div.sym-authmaster {
	width: 600px;
}

div.leftcolumn {
	background: url(../images/sym/presenters/left.jpg) no-repeat top left;
	height: 500px;
	padding: 8px 0 0 16px;
	width: 149px;
	float: left;
}

div.rightcolumn {
	background: url(../images/sym/presenters/right.jpg) no-repeat top left;
	padding: 0;
	width: 435px;
	float: left;
}

div.rightcolumn h3 {
	color: #6a1b10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 12px 0;
}

div.rightcolumn h4 {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

div.rightcolumn p {
	text-align: justify;
	color: black;
	font-family: Georgia, sans-serif;
	font-size: 12px;
}

div.slideshow-plug,
div.abstract-plug {
	line-height: 24px;
	text-align: right;
	background: url(../images/sym/presenters/slides.png) no-repeat right center;
	padding: 0 26px 0 0;
}

div.abstract-plug {
	line-height: 24px;
	text-align: right;
	background: url(../images/sym/presenters/arrow-down.png) no-repeat right center;
	padding: 0 26px 0 0;
}

#contentColumn div.slideshow-plug a:link,
#contentColumn div.slideshow-plug a:visited,
#contentColumn div.slideshow-plug a:active,
#contentColumn div.abstract-plug a:link,
#contentColumn div.abstract-plug a:visited,
#contentColumn div.abstract-plug a:active {
	font-size: 11px;
	color: #6a1b10;
	border: 0;
	text-decoration: none;
}

#contentColumn div.slideshow-plug a:hover,
#contentColumn div.abstract-plug a:hover {
	color: black;
}


.leftFloat {
	float:left;
	padding-right: 5px;
}


a.leftFloatlink:link,
a.leftFloatlink:visited,
a.leftFloatlink:active {
	padding-left: 3px;
	margin-left: 3px;
}


a.leftFloatlink:hover {
	color: #FF3399;
	margin-left: 3px;
	padding-left: 3px;
	text-decoration: none;
}

/* ... Latin America ... */

ul.latin {
	list-style: disc;
	margin: 2px 15px;
	font-size: 11px;
}

ul.latin li {
	margin: 2px 0;
}

img.port {
	margin: 5px;
}

div.portcontainer {
	width: 450px;
	margin: 0 auto;
	text-align: center;
}

div.portpdf {
	font-size: 10px;
	float: left;
	margin: 0 0 7px 0;
	width: 150px;
	text-align: center;
}

div.portpdf img {
	margin: 0 auto 5px auto;
	display: block;
}

a#swabs {
	background: url(/images/latin-america/swabs-hover.jpg);
}

a#loops {
	background: url(/images/latin-america/loops-hover.jpg);
}

a#pipets {
	background: url(/images/latin-america/pipets-hover.jpg);
}

a#srk {
	background: url(/images/latin-america/srk-hover.jpg);
}

a#cryobank {
	background: url(/images/latin-america/cryobank-hover.jpg);
}

a#utm {
	background: url(/images/latin-america/utm-hover.jpg);
}

a#downloads {
	background: url(/images/latin-america/downloads-hover.jpg);
}

#contentColumn a.replacer:link,
#contentColumn a.replacer:visited,
#contentColumn a.replacer:active {
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	padding-left: 75px;
	line-height: 75px;
	vertical-align: middle;
	display: block;
	float: left;
	height: 84px;
	width: 75px;
	border: 0;
}

#contentColumn a.replacer:hover {
	border: 0;
	background-position: left top;
}

/* ... Search Engine ... */

#master {
	font-size: 10px;
}

h2.searchterm {
	margin: 0;
	font-size: 24px;
	font-weight: bold;
}

div#searchform {
	text-align: right;
 
}

div#searchBar {
		float: right;
		font-size: 10px;
		text-align: right;
}

input#search {
	float: left;
	padding: 1px;
	margin: 0 2px;
	font-size: 9px;
}

label {
	display: block;
	float: left;
	margin: 4px;
}

input#submit {
	margin: 0 0 0 2px;
	padding: 0 3px;
	float: left;
	font-size: 10px;
}

#footer {
	margin: 5px 0 0 0;
	text-align: center;
	color: #7f7f7f;
}

#footer strong {
	color: #7f7f7f;
}

.resulttitle {
	font-size: 12px;
}

.tagline {
	color: #0087E7;
}

.results {
	margin: 0 0 3px;
	padding: 4px;
}

.search-fl {
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	float: left;
	width: 24px;
	margin: 0 12px 0 0;
}

.search-content {
	float: left;
}

div.odd .search-fl {
	color: #cad7c1;
}

div.even .search-fl {
	color: #cad7c1;
}


.odd {

}

.even {
	background-color: #edffe0;
	border-bottom: 1px solid #cad7c1;
}



/* Breaking News Page
---------------------------------------------------------------------------------- */

div#bn-container {
	width: 510px;
}

#contentColumn div.bn-article {
	border-bottom: 6px solid #0286e8;
	margin: 0 0 12px;
	padding: 0 0 3px 0;
}

#contentColumn div.bn-article.newest {
	background: #ddedf9 url(/whats_new/breaking-news/back.png) no-repeat right bottom;
}

#contentColumn div.bn-article-body {
	padding: 0 16px 0 32px;
}

#contentColumn div.bn-article-body p {
	color: #252525;
	text-align: justify;
	font-family: Georgia, serif;
	margin: 0 0 .7em 0;
}

#contentColumn div.bn-article h1 {
	font-family: Georgia, serif;
	font-size: 16px;
	text-transform: none;
	color: #0286e8;
	margin: 0 0 4px 0;
	padding: 2px 0 3px 32px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #0286e8;
}

#contentColumn div.bn-article-footer {
	width: 100%;
	margin: 3px 0 0 0;
}

#contentColumn div.bn-article-date {
	color: #669900;
	font-size: 10px;
	font-style: italic;
	float: left;
	width: 35%;
}

#contentColumn div.bn-article-actions {
	color: #669900;
	text-align: right;
	font-size: 10px;
	font-style: italic;
	float: right;
	width: 65%;
}

#contentColumn div.bn-article-actions a {
	font-style: normal;
}

/* Plugs
-------------------------------------------------- */

div.plug {
	margin: 0 auto;
	text-align: center;
}

/* survey */

div#survey.plug {
	padding: 0 5px 5px 7px;
	text-align: justify;
}

div#survey.plug p {
	margin: 0 0 .7em 0;
	padding: 0;
}

div#survey.plug a {
	color: #72AC47;
}

div#survey.plug a:hover {
	color: #283E28;
}

div#survey.plug p.subtle {
	font-size: 9px;
	padding: 0 0 0 3px;
}

/* WASP Page custom styles
-------------------------------------------------- */

div#waspmaster {
	margin: 0;
	padding: 0;
	width: 600px;
	clear: both;
}

div#waspmaster a.nobrd {
	border: 0;
}

div#waspmaster h3 {
	color: #5f5f60;
}

div#waspmaster img.right {
	float: right;
}

div#waspmaster span.wasp-impact {
	color: #5f5f60;
	font-weight: bold;
}

div#waspmaster p.wasp-impact a {
	font-size: 12px;
}

div#waspmaster div.centers {
	text-align: center;
}

div#waspmaster div.wasp-indent {
	padding: 0 0 0 32px;
}

div#waspleft {
	float: left;
	width: 269px;
}

div#waspleft div.wasp-module {
	padding: 0 0 12px 0;
}

div#waspright {
	float: right;
	width: 330px;
}

div#waspright ul {
	clear: both;
	float: none;
	font-size: 11px;
	padding: 0 0 20px 0;
}

div#waspright ul li {
	margin: 0 0 3px 0;
	list-style: none;
}

/* Animation Footer
-------------------------------------------------- */

div#animation-master {
	margin: 0 auto;
	width: 720px;
}

div#animation-master p {
	margin: 0;
	padding: 0;
}

div#animation-left {
	float: left;
	width: 48%;
	text-align: left;
}

div#animation-right {
	float: right;
	width: 48%;
	text-align: right;
}