/* cobtec */

* {margin:0; padding:0;}

p {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin:0.5em 0 0.2em 0;}

body {
	background: #fff url(/images/body-back.gif) center top;
	color: #000;
	margin:0;
	padding:0;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body, * html table  { font-size: medium; }

form { display: inline; }

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

img.floatleft {
	float: left;
	margin: 0 15px 0 0;
}

img.floatright {
	float: right;
	margin: 0 0 0 15px;
}

ul.normal { padding: 5px 0 5px 25px;}
ul.raquo {
	list-style: none;
	margin: 10px 10px 20px 10px;
	padding: 0;
}
	ul.raquo li span.txt-red { color: #006; }

ol {padding: 5px 0 5px 25px;}

.bigtext {
   	font-size: 1.2em;
   	line-height: 1.6em;
}

a.iconlink {
	padding-left: 10px;
	background: url(/images/icon.gif) no-repeat top left;
}

h1 { font-size: 2.0em; color: #006; line-height: 1.2em; font-weight: normal; font-family:  'Franklin Gothic Medium', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h2 { font-size: 1.5em; color: #006; line-height: 1.2em; font-weight: normal; font-family:  'Franklin Gothic Medium', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
	h2.library { margin: 25px 0 10px 0; }
h3 { font-size: 1.4em; color: #006; line-height: 1.2em; font-weight: normal; font-family:  'Franklin Gothic Medium', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}

/** LAYOUT **/

#skiptomain {
	display: none;
}

#wrapper {
	width: 1020px;
	margin: 0 auto;
	font-size: 0.85em;
	background: url(/images/wrapperback.png) repeat-y center top;

}

	#pagecontainer {
		width: 980px;
		padding: 0 20px;
	}

		#header {
			width: 940px;
			padding: 0 10px;
			margin: 0 10px;
			background: #fff url(/images/topwatermark.gif) no-repeat right top;
		}

			#toplogo {
				padding: 15px 0 10px 20px;
				width: 300px;
				float: left;
				font-size: 1.1em;
				color: #666;
			}

			#topright {
				width: 560px;
				float: right;
				font-size: 0.9em;
				padding: 25px 0 0 0;
				text-align: right;
			}

				#topright ul {
					margin: 0;
					padding: 8px 0 0 0;
					list-style: none;
					text-align: right;
					text-transform: lowercase;
					font-size: 1.1em;
					letter-spacing : -1px;
				}

					#topright ul li {
						display: inline;
						list-style-type: none;
						margin: 0;
						padding: 0 0 0 18px;
					}

					#topright ul li a { color: #006; text-decoration: none; }
					#topright ul li a:hover { color: #006; text-decoration: underline; }

					#topright ul li.onstate { font-weight: bold; }

				#header-langs {
					width: 200px;
					line-height: 30px;
					margin: 0 0 0 360px;
				}

					#header-langs a:link, #header-langs a:visited { color: #000; text-decoration: none; }
					#header-langs a:active, #header-langs a:hover { color: #036; text-decoration: none; }


		#topbar {
			width: 930px;
			padding: 0 10px 0 0;
			margin: 0 20px;
			background: #006 url(/images/topbarback.gif) repeat-x center top;
			color: #000;
		}

			#topnav {
				width: 700px;
				height: 36px;
				float: left;
				padding: 0 10px 0 0;
				margin: 0;
				font-size: 0.95em;
			}

			#topdate {
				width: 200px;
				float: right;
				text-align: right;
				padding: 10px 0px 5px 0px;
				font-size: 0.8em;
				color: #fff;
			}

		#maincontent {
			clear: both;
			width: 940px;
			padding: 0px 10px;
			margin: 1px 10px;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
			background: #fff url(/images/maincontentback.jpg) no-repeat center top;
		}

			#maincontent a:link, #maincontent a:visited { color: #006; text-decoration: underline; }
			#maincontent a:hover { color: #009; text-decoration: underline; }


			#home-hero {
				width: 940px;
				height: 240px;
				position: relative;
				z-index: 1;
			}

				#bg-home-hero {
					width: 940px;
					height: 240px;
					margin: 0px;
					padding: 0px;
					position: absolute;
						top: 0;
						left: 0;
						z-index: 10;
					overflow: hidden;
				}

					#bg-home-hero div {
						position: absolute;
						top: 0;
						left: 0;
					}

				#nav-home-hero {
					width: 340px;
					height: 240px;
					margin: 0;
					padding: 0;
					position: absolute;
						top: 0;
						right: 0px;
						z-index: 20;
				}

					.nav-home-hero-item {
						width: 340px;
						height: 60px;
						font-size: 0.9em;
					}

						.nav-home-hero-item a {
							width: 290px;
							height: 43px;
							background: transparent url(/images/bg-nav-home-hero-item.png) no-repeat left top;
								* background: none;
								* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/bg-nav-home-hero-item.png', sizingMethod='crop');
							display: block;
							margin: 1px 0 0 0;
							padding: 8px 0 8px 50px;
							cursor: pointer;
						}

							#maincontent .nav-home-hero-item a strong { font-size: 1.3em; font-weight: normal; }

							#maincontent .nav-home-hero-item a:link, #maincontent .nav-home-hero-item a:visited { color: #006; text-decoration: none; }

							#maincontent .nav-home-hero-item a:link strong, #maincontent .nav-home-hero-item a:visited strong {
								color: #fff;
							}

							#maincontent .nav-home-hero-item a:hover, #maincontent .nav-home-hero-item a:active, .hh-item-on a {
								background: transparent url(/images/bg-nav-home-hero-item-on.png) no-repeat left top;
									* background: none;
									* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/bg-nav-home-hero-item-on.png', sizingMethod='crop');
								color: #fff;
								text-decoration: none;
							}

								#maincontent .nav-home-hero-item a:hover strong, #maincontent .nav-home-hero-item a:active strong, #nav-home-hero div.hh-item-on a strong {
									color: #eef;
									text-decoration: none;
								}

				#home-hero-txt {
					width: 300px;
					height: 160px;
					color: #333;
					position: absolute;
						top: 10px;
						left: 10px;
						z-index: 30;
				}

					#home-hero-txt h1 { color: #006; }

					#hh-cont-2 h1 { color: #006; }
					#hh-cont-3 h1 { color: #006; }
					#hh-cont-4 h1 { color: #006; }

					#home-hero-txt p { line-height: 1.7em; }

					.hh-cont-on { display: block; }
					.hh-cont-off { display: none; }


			#pageintro {
				width: 288px;
				float: left;
				padding: 25px;
				margin: 1px 1px 0px 0;
				background: #eef url(/images/bg-pagefeature.gif) repeat-x center bottom;
			}

			#pagequality {
				width: 250px;
				float: left;
				padding: 25px;
				margin: 1px 1px 0px 0;
				background: #eef url(/images/bg-pagefeature.gif) repeat-x center bottom;
			}

			#pagenews {
				width: 250px;
				float: left;
				padding: 25px;
				margin: 1px 0px 0px 0;
				background: #eef url(/images/bg-pagefeature.gif) repeat-x center bottom;
			}

			#pagecontent {
				width: 589px;
				float: left;
				padding: 25px;
				margin: 1px 1px 0px 0;
				background: #eef url(/images/bg-pagefeature.gif) repeat-x center bottom;
			}

			#pagecontentlong {
				width: 890px;
				float: left;
				padding: 25px;
				margin: 1px px 0px 0;
				background: #eef url(/images/bg-pagefeature.gif) repeat-x center bottom;
			}


		#footer {
			width: 920px;
			padding: 20px 10px;
			margin: 10px 20px 0px 20px;
			font-size: 0.9em;
			color: #fff;
			background: #003;
		}

		#footer a:link, #footer a:visited { color: #eef; text-decoration: none; }
		#footer a:hover { color: #eef; text-decoration: underline; }

		#belowfooter {
			clear: both;
			margin: 0 10px;
			width: 940px;
			padding: 10px 10px 10px 10px;
			font-size: 0.9em;
			color: #000;
			background: #fff url(/images/footershield.gif) no-repeat left top;
		}

		#belowfooter img {
			float: left;
			margin: 0 10px 0 0;
		}

		#belowfooter a:link, #belowfooter a:visited { color: #006; text-decoration: none; }
		#belowfooter a:hover { color: #006; text-decoration: underline; }
/** LEFT SIDE LIST **/

#maincontentleft ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 200px;
	background: #fff;
}

	#maincontentleft ul li{
		margin: 0px;
		padding: 3px 10px 3px 10px;
		display: block;
		width: 180px;
		line-height: 1.9em;
		border-bottom: 1px dotted #ccc;
	}

	#maincontentleft ul a:link, #maincontentleft ul a:visited{
		color: #600;
		text-decoration: none;
	}

	#maincontentleft ul a:hover, #maincontentleft ul a:active {
		color: #006;
		text-decoration: underline;
	}

	#maincontentleft ul li.header{
		font-weight: bold;
		text-transform: lowercase;
		font-size: 1.4em;
		color: #006;
	}

	#maincontentleft ul li.new{
		background: url(/images/newicon.gif) no-repeat right top;
		width: 140px;
		padding-right: 50px;
	}

/** DOCUMENTS LAYOUT **/
.document{
	float: left;
	width: 595px;
	margin: 0 0 5px 0;
}

	.document-image {
		float: left;
		width: 40px;
	}

	.document-text {
		line-height: 30px;
	}

/** DOCUMENTS LAYOUT **/
.news-article{
	float:left;
	width:890px;
	clear:both;
	margin:0px 0px 10px 0px;
}

.news-article-rhs{
	margin:10px 0px 20px 0px;
}