﻿/*
	stylesheet for Fertin
	media: all
*/

body
{
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	color: #1B1718;
	background: #FFF;
}

form
{
	margin: 0;
}

/* typography */
body,
input,
textarea,
select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, 
.ms-WPBody h1
{
	margin: 5px 0;
	font-size: 2em;
	font-weight: normal;
	color: #323133;
}
h2, 
.ms-WPBody h2
{
	font-size: 1.5em;
	font-weight: normal;
	color: #323133;
}
h3, 
.ms-WPBody h3
{
	font-size: 1.3em;
	font-weight: normal;
	color: #323133;
}
p,
input,
select,
textarea
{
	font-size: 1em;
}
input.submit
{
	padding: 0 3px;
	width: auto;
	overflow: visible;
}
hr
{
	display: block;
	clear: both;
	margin: 15px 0;
	height: 0;
	border: 0;
	border-top: 1px solid #999;
}
/* remove spacing in IE */
* html body hr
{
	margin: 5px 0;
}

/* clearing floats */
.clear
{
	clear: both;
	height: 0;
}

/* accessibility */
.accessibility
{
	display: none;
	/*position: absolute;
	top: -999em;
	left: -999em;*/
}

/* print-sheet only */
.print
{
	display: none;
}

/* containers */
#wrapper
{
	margin: 0 auto;
	width: 894px;
}

/* header */
#header
{
	float: left;
	margin-bottom: 1px;
	width: 894px;
	height: 123px;
	background: url('../gfx/bg_top.jpg') 0 0 no-repeat;
}
	#searchBox
	{
		float: right;
		margin: 5px 0 0;
		padding-right: 20px;
		width: 200px;
		height: 98px;
		text-align: right;
		line-height: 1em;
	}
		#searchBox div#SRSB
		{
			margin-top: 14px;
			height: 30px;
		}
			#searchBox div#SRSB div#ctl00_DynSearchBox table.ms-sbtable.ms-sbtable-ex
			{
				float: right;
				width: 160px;
				border: none;
				margin-right: -4px;
			}
				#searchBox div#SRSB div#ctl00_DynSearchBox table.ms-sbtable.ms-sbtable-ex input.ms-sbplain
				{
					padding: 1px 2px;
					width: 100px;
					background: #fff;
					border: none;
					border-bottom:1px solid #fff;

				}				
				#searchBox div#SRSB div#ctl00_DynSearchBox table.ms-sbtable.ms-sbtable-ex .ms-sbcell, 
				#searchBox div#SRSB div#ctl00_DynSearchBox table.ms-sbtable.ms-sbtable-ex .ms-sbgo.ms-sbcell
				{
					border: none;
					background: none;
				}

		#searchBox p
		{
			margin: 4px 0;
			line-height: 1em;
		}
			#searchBox p a
			{
				color: #FFF;
				text-decoration: none;
			}
		#searchField
		{
			margin: 14px 0 10px;
			margin-left: 0;
			padding: 1px 2px;
			width: 100px;
			font-size: 1em;
			background: #FFF;
			border: none;
		}
		#searchSubmit
		{
			margin: 14px 0 10px;
			padding: 0 5px;
			width: auto;
			overflow: visible;
			font-size: 1em;
			font-weight: bold;
			color: #FFF;
			background: #009C9C;
			border: 1px solid #FFF;
		}
	#topnav {
		padding: 0;
		width: 894px;
		background: #009C9C;
	}
		#topnav div {
			margin-left: 15px;
			padding: 0;
			overflow: hidden;
		}
			#topnav div ul {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			#topnav div ul li {
				display: inline;
			}
				#topnav div ul li a {
					float: left;
					display: block;
					margin: 0;
					margin-left: -1px;
					padding: 2px 10px 2px 9px;
					font-size: 1em;
					font-weight: bold;
					text-decoration: none;
					line-height: 16px;
					color: #FFF;
					border-left: 1px solid #FFF;
				}
				#topnav div ul li a:hover,
				body.front #topnav div ul li.selected ul li a:hover,
				#topnav div ul li.selected ul li a:hover,
				#topnav div ul li ul li a:hover {
					color: #FFF;
					background: #008282;
				}
				body.front #topnav div ul li.selected a,
				#topnav div ul li.selected ul li.selected a {
					font-weight: bold;
					text-decoration: none;
					color: #FFF;
					background: #89CFCC;
				}
					body.front #topnav div ul li.selected ul li a,
					#topnav div ul li.selected ul li a {
						background: #009C9C;
					}
		#topnav div ul li ul li ul{
			display:none;
		}

/* main container for leftnav, content and right */
#main
{
	float: left;
	margin: 16px 0px 0px 0px;
	padding: 0;
	width:894px;
}

/* left navigation */
#leftnav
{
	float: left;
	margin-right: 30px;
	width: 196px;
	min-height: 154px;
	background: url('../gfx/bg_leftnav.gif') 0 0 repeat-x;
}

body.front #leftnav
{
	display: none;
}
	#leftnav h2
	{
		margin: 15px 19px 10px;
	}
		#leftnav h2 a
		{
			color: #1B1718;
			text-decoration: none;
			cursor: text;
		}
	#leftnav ul
	{
		margin: 0;
		padding: 3px 20px 12px;
		line-height: 1.1em;
		list-style-type: none;
	}
		#leftnav ul li
		{
			margin: 0;
			padding: 0 10px 0 0;
		}
		#leftnav ul li.selected ul
		{
			padding-bottom: 10px;
		}
			#leftnav ul li.selected ul li ul
			{
				padding-bottom: 0;
			}
			#leftnav ul li a
			{
				display: block;
				margin: 0;
				padding: 0 0 5px 12px;
				font-size: 1em;
				text-decoration: none;
				color: #1B1718;
				background: url('../gfx/list_leftnav.gif') 0 2px no-repeat;
			}
			/* help IE6 */
			* html #leftnav ul li a
			{
				height: 1em;
			}
			#leftnav ul li.selected a
			{
				font-weight: bold;
				color: #009E9A;
			}
			#leftnav ul li ul {
				margin: 0;
				padding: 0;
			}
			/*
			#leftnav ul li ul,
			#leftnav ul li ul li ul,
			#leftnav ul li.selected ul li ul
			{
				display: none;
			}*/
			#leftnav ul li.selected ul,
			#leftnav ul li.selected ul li.selected ul,
			{
				display: block;
			}
			#leftnav ul li a:hover,
			#leftnav ul li.selected ul li a:hover
			{
				color: #999;
			}
			#leftnav ul li.selected a:hover
			{
				color: #009E9A;
			}
			#leftnav ul li ul li
				{
					margin: 0;
					padding: 0;
				}
					#leftnav ul li ul li a,
					#leftnav ul li.selected ul li a
					{
						font-weight: normal;
						color: #1B1718;
						padding-left: 12px;
						background: none;
					}
					#leftnav ul li ul li.selected a
					{
						font-weight: bold;
						background-image: none;
						color: #056571;
						}
						#leftnav ul li ul li.selected ul li a
						{
							color: #000;
							font-weight: normal;
							background: url('../gfx/list_leftnav_small.gif') 3px 3px no-repeat;
							}
							#leftnav ul li ul li.selected ul li.selected a
							{
								font-weight: bold;
								color: #056571;
							}

						#leftnav ul li ul li ul li {
							padding-left:10px;
						}
					#leftnav ul ul ul 
					{
						margin-bottom: 10px;
						}



/* content section */
#content
{
	float: left;
	width: 668px;
	min-height: 360px;
}
	body.front #breadcrumb
	{
		display: none;
	}
	#content #breadcrumb
	{
		margin: 0 0 10px 0;
		color: #808385;
	}
		#content #breadcrumb a
		{
			color: #808385;
		}
body.front #content
{
	float: left;
	margin: 0;
	width: 894px;
	min-height: 360px;
}
	/* generel for all front page boxes */
	body.front #content h1
	{
		margin: 0;
	}
	body.front #content h2
	{
		margin: 0 0 10px;
	}
	body.front #content p
	{
		margin: 10px 0;
	}
	body.front #content p.listHead
	{
		margin-bottom: 0;
	}
	body.front #content ul
	{
		margin: 0;
		padding-left: 2px;
		list-style-type: none;
	}
		body.front #content ul li
		{
			margin-bottom: 2px;
			padding-left: 10px;
			background: url('../gfx/disc.gif') left center no-repeat;
		}
	body.front #content a
	{
		color: #009E9A;
		text-decoration: underline;
	}
	/* boxes with backgound graphics */
	body.front #content .boxFrontLeaves,
	body.front #content .boxFrontThreePeople
	{
		margin: 0 0 10px;
		padding: 20px;
		width: 402px;
		min-height: 195px;
		border: none;
	}
	body.front #content .boxFrontLeaves
	{
		background: url('../gfx/bg_front_leaves.jpg') top left no-repeat;
	}
	body.front #content .boxFrontThreePeople
	{
		background: url('../gfx/bg_front_three-people.jpg') top left no-repeat;
	}

	body.front #content .boxFrontTwoSmilingWomen
	{
		margin: 0;
		padding: 15px 20px;
		width: 400px;
		min-height: 162px;
		border: 1px solid #8ACFCD;
		background: url('../gfx/bg_front_two-smiling-women.jpg') bottom right no-repeat;
	}
	body.front #content .boxFrontMagazine,
	body.front #content .boxFrontChewinggum
	{
		margin: 0;
		padding: 15px 20px;
		width: 174px;
		min-height: 162px;
		border: 1px solid #8ACFCD;
	}
	body.front #content .boxFrontMagazine
	{
		background: url('../gfx/bg_front_magazine.jpg') bottom right no-repeat;
	}
	body.front #content .boxFrontChewinggum
	{
		background: url('../gfx/bg_front_chewinggum.jpg') bottom right no-repeat;
	}

/* for subpages */
body.subpage #content
{
	float: left;
	margin: 0;
	padding: 0;
	min-height: 360px;
}
body.subpage.rightcol #content
{
	margin-right: 30px;
	width: 422px;
}
	body.subpage #content h1
	{
		margin: 10px 0;
	}
	body.subpage #content h2
	{
		margin: 15px 0 10px;
		line-height: 1.3em;
	}
	body.subpage #content h3
	{
		margin: 0 0 10px;
		line-height: 1.3em;
	}
	body.subpage #content p
	{
		margin: 10px 0;
	}
	body.subpage #content p.listHead
	{
		margin: 10px 0 0;
		font-weight: bold;
	}
	body.subpage #content img
	{
		margin: 0 0 10px;
	}
	body.subpage #content ul
	{
		margin: 5px 0;
		padding: 0 2px;
		list-style-type: none;
	}
		body.subpage #content ul li
		{
			padding-left: 10px;
			background: url('../gfx/disc_green.gif') 0 5px no-repeat;
		}
	body.subpage #content .box
	{
		width: 174px;
		margin: 0;
		padding: 0 20px 0px;
		border: 1px solid #8ACFCD;
		}
		body.subpage #content .box h2 {

		}
		/* backgound graphics */
		body.subpage #content .boxNicotinell,
		body.subpage #content .boxThreePeople,
		body.subpage #content .boxHandWriter
		{
			/*float: left;*/
			width: 174px;
			margin: 0;
			padding: 0 20px 7px 20px;
			border: 1px solid #8ACFCD;
		}
		body.subpage #content .boxNicotinell
		{
			background: url('../gfx/bg_box_nicotinell.jpg') bottom right no-repeat;
		}
		body.subpage #content .boxThreePeople
		{
			background: url('../gfx/bg_box_three-people.jpg') bottom right no-repeat;
		}
		body.subpage #content .boxHandWriter
		{
			background: url('../gfx/bg_box_handwriter.jpg') bottom right no-repeat;
		}
	body.subpage #content .spaceRight
	{
		margin-right: 10px;
	}
	body.subpage #content .floatLeft
	{
		float: left;
	}
	body.subpage #content .floatRight
	{
		float: right;
	}
	body.subpage #content a
	{
		color: #009E9A;
		text-decoration: underline;
	}
	body.subpage #content table.list
	{
		margin: 10px 0;
		padding: 0;
		width: 100%;
		text-align: left;
		border: none;
	}
		body.subpage #content table.list .dark
		{
			background: #95D4D2;
		}
		body.subpage #content table.list .light
		{
			background: #CAE9E8;
		}
		body.subpage #content table.list
		{
			border: none;
		}
			body.subpage #content table.list tr
			{
			}
				body.subpage #content table.list tr td
				{
					padding: 5px 10px;
					border: none;
					border-bottom: 1px solid #FFF;
				}
		body.subpage #content table.list tr.desc td
		{
			font-weight: bold;
			color: #FFF;
			background: #009E9A;
		}
		body.subpage #content table.list tr td.jobs,
		body.subpage #content table.list tr td.location,
		body.subpage #content table.list tr td.summary
		{
			margin: 0;
			vertical-align: top;
		}
		body.subpage #content table.list tr td.jobs
		{
			width: 150px;
		}
			body.subpage #content table.list tr td.jobs a
			{
				color: #000;
			}
			body.subpage #content table.list tr td.jobs a.selected
			{
				text-decoration: none;
			}
		body.subpage #content table.list tr td.location
		{
			width: 80px;
		}
		body.subpage #content img
		{
			margin: 3px 0;
			border: 0;
		}
			body.subpage #content img.floatLeft
			{
				float: left;
				margin-right: 10px;
			}
			body.subpage #content img.floatRight
			{
				float: right;
				margin-left: 10px;
			}
		body.subpage #content .box img
		{
			margin: 3px 20px;
			border: 0;
		}
			body.subpage #content .box img,
			body.subpage #content .box p img
			{
				margin: 3px 0;
				border: 0;
			}
			body.subpage #content .box img.floatLeft
			{
				float: left;
				margin-right: 10px;
			}
			body.subpage #content .box img.floatRight
			{
				float: right;
				margin-left: 10px;
			}

	/* sitemap */
	body.subpage #content div.siteMap
	{
		line-height: 1.5em;
	}
		body.subpage #content div.siteMap ul
		{
			margin: 0;
			padding: 0 10px;
			list-style-type: none;
		}
			body.subpage #content div.siteMap ul li
			{
				margin-bottom: 10px;
				background-image: none;
			}
				body.subpage #content div.siteMap ul li a
				{
					padding-left: 12px;
					font-size: 1em;
					text-decoration: none;
					color: #009F99;
					background: url('../gfx/list_leftnav.gif') 0 3px no-repeat;
				}
				body.subpage #content div.siteMap ul li a:hover
				{
					color: #1B1718;
				}
				body.subpage #content div.siteMap ul li ul
				{
					margin: 0;
					padding: 0 5px;
					list-style-type: none;
				}
					body.subpage #content div.siteMap ul li ul li
					{
						margin-bottom: 0;
						background-image: none;
					}
							body.subpage #content div.siteMap ul li ul li a
							{
								padding-left: 6px;
								font-size: 1em;
								text-decoration: none;
								color: #009F99;
								background: none;
							}

/* right coloumn */
#right
{
	float: left;
	width: 214px;
	height: auto;
	line-height: 1.4em;
}
body.front #right
{
	display: none;
}
body.subpage.rightcol #right
{
	float: left;
	margin: 0;
	width: 216px;
}
	body.subpage #right .box
	{
		float: left;
		margin-bottom: 20px;
		padding: 0 20px 15px;
		width: 174px;
		height: auto;
		border: 1px solid #8ACFCD;
	}
		body.subpage #right .box div
		{
			margin: 10px 20px;
		}
			body.subpage #right .box h2,
			body.subpage #right .box h3
			{
				margin: 15px 0 10px;
			}
			body.subpage #right .box p
			{
				margin: 0;
			}
			body.subpage #right .box img
			{
				margin: 3px 20px;
				border: 0;
			}
				body.subpage #right .box img,
				body.subpage #right .box p img
				{
					margin: 3px 0;
					border: 0;
				}
				body.subpage #right .box img.floatLeft
				{
					float: left;
					margin-right: 10px;
				}
				body.subpage #right .box img.floatRight
				{
					float: right;
					margin-left: 10px;
				}
		body.subpage #right ul
		{
			margin: 0;
			padding: 0 2px 8px;
			list-style-type: none;
		}
			body.subpage #right ul li
			{
				padding: 0 10px 6px 8px;
				background: url('../gfx/disc_green.gif') 0 5px no-repeat;
			}
		body.subpage #right a
		{
			text-decoration: underline;
			color: #009E9A;
		}

/* footer */
#footer
{
	clear:both;
/*	float: left; */
	margin: 20px 0 50px;
	padding: 0 0 10px;
	width: 100%;
	color: #666;
	background: url('../gfx/bg_footer.gif') 0 0 repeat-x;
}
	#footer p
	{
		margin: 8px;
		height: 0.1%;
		text-align: center;
	}
	#footer p a
	{
		color: #666;
	}

/* print page link */
#breadcrumb
{
	display: block;
	margin: 0 0 10px 0;
	color: #808385;
}
	#breadcrumb a
	{
		color: #808385;
	}
	#breadcrumb #printpage
	{
		float: right;
		text-align: right;
		margin-right:2px;
	}
		#breadcrumb #printpage a
		{
			color: #009E9A;
		}


/* table split grid */
table.splitTwo, 
table.splitThree, 
table.splitOneTwo, 
table.splitOneThree, 
table.splitTwoThree
{
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	border: none;
	border-collapse: collapse;
}
	table.splitTwo td, 
	table.splitThree td, 
	table.splitOneTwo td, 
	table.splitOneThree td, 
	table.splitTwoThree td

	{
		vertical-align: top;
	}
	table.splitTwo td.colOne
	{
		padding: 0 5px 0 0;
		width: 50%;
	}
	table.splitTwo td.colTwo
	{
		padding: 0 0 0 5px;
		width: 50%;
	}
	table.splitThree td.colOne, 
	table.splitOneThree td.colOne
	{
		padding: 0 5px 0 0;
		width: 32%;
	}
	table.splitThree td.colTwo
	{
		padding: 0 5px 0 5px;
		width: 36%;
	}
	table.splitThree td.colThree, 
	table.splitTwoThree td.colTwo
	{
		padding: 0 0 0 5px;
		width: 32%;
	}
	
	table.splitOneTwo td.colOne
	{
		padding: 0 5px 0 0;
		width: 50%;
	}
	table.splitOneTwo td.colTwo
	{
		padding: 0 5px 0 5px;
		width: 25%;
	}
	table.splitOneTwo td.colThree
	{
		padding: 0 0 0 5px;
		width: 25%;
	}
	table.splitTwoThree td.colOne
	{
		padding: 0 5px 0 0;
		width: 68%;
	}
	table.splitOneThree td.colTwo
	{
		padding: 0 0 0 5px;
		width: 68%;
	}



/* Sharepoint core.css overrides */
.mainWebPartZone
{
}
	.mainWebPartZone .ms-WPHeader, 
	.mainWebPartZone .ms-WPHeader td
	{
		border: none;
	}

		.mainWebPartZone .ms-WPHeader h3.ms-WPTitle
		{
			color: #323133;
			font-size: 20px;
			font-weight: normal;
		}
		.mainWebPartZone table.ms-sbtable.ms-sbtable-ex .ms-sbcell, 
		.mainWebPartZone table.ms-sbtable.ms-sbtable-ex .ms-sbgo.ms-sbcell
		{
			border: none;
			background: none;
			padding: 0px;
		}
		.mainWebPartZone table.ms-sbtable.ms-sbtable-ex input.ms-sbplain
		{
			border: 1px solid #a5acb2;
			padding: 2px 0px 2px 2px;
		}
		.mainWebPartZone .srch-results	.srch-sort
		{
			margin-bottom: -15px;
			padding-left: 3px;
		}
		.mainWebPartZone .srch-results	.srch-Title a
		{
			padding-left: 5px;
		}
		.mainWebPartZone .srch-results p.srch-Metadata
		{
			padding-bottom: 15px;
		}
			.mainWebPartZone .srch-results p.srch-Metadata .srch-URL a
			{
				color: #8c8c8c !important;
			}
		
		.mainWebPartZone .srch-Page-bg{
			background: transparent;
		}

.ms-consoleframe
{
}
.ms-siteaction
{
	float: right;
}

.ms-SPLink
{
	float: right;
}

/* help ie with min-height's */
* html #content
{
	/* height: 360px; */
}
* html body.front #content .boxFrontLeaves,
* html body.front #content .boxFrontThreePeople
{
	/* height: 195px; */
}
* html body.front #content .boxFrontTwoSmilingWomen
{
	/* height: 162px; */
}
* html body.front #content .boxFrontMagazine,
* html body.front #content .boxFrontChewinggum
{
	/* height: 162px; */
}
* html body.subpage #content .box
{
	/* height: 187px; */
}
* html body.subpage #content .boxNicotinell,
* html body.subpage #content .boxThreePeople,
* html body.subpage #content .boxHandWriter
{
	/* height: 187px; */
}

