/* COLORS

dark blue bg:	6b88a6
light blye bg:	d6dee6
blue bg med:	9fb2c5
orange:			f98c3c
forum bg blue: e5eaef

*/


/* RESET */

* {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

ul { list-style: none; }
b { font-weight: bold; }
i { font-style: italic; }
em { font-style: normal; }
table { table-layout: fixed; }
td { vertical-align: top; }
acronym { border-bottom: 1px #ddd dotted; }


/* COMMONS */

.end { font-size: 1px; overflow: hidden; height: 1px; clear: both; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.fl { float:left; }
.fr { float:right; }
.underline { text-decoration: underline; }
.first { margin-top: 0; padding-top: 0; }

.std-margin { margin: 10px; }
.std-margin-top { margin-top: 10px; }
.std-padding { padding: 10px; }
.std-padding-top { padding-top: 7px; }

/* LAYOUT */

html { overflow-y: auto; min-height: 100%; _height: 100%; }

body {
	background: #9fb2c5 url('cache=bg.png');
	font: 11px/125% verdana, sans-serif;
	color: #000;
	_height: 100%;
	min-height: 100%;
}

a:link {
	color: #036;
	text-decoration: none;
}
a:visited {
	color: #036;
	text-decoration: none;
}
a:hover {
	color: #258;
	text-decoration: underline;
}

h1 {
	font: bold 16px/100% tahoma, helvetica, arial, sans-serif;
	color: #036;
	padding-bottom: 8px;
}
h2 {
	font: bold 12px verdana, sans-serif;
}
p {
	margin: 0.7em 0;
}

#frame {
	width: 950px;
	height: 100%;
	background-color: #fff;
	margin: 0 auto;
	padding-top: 10px;
}

	#topbanner {
		text-align: center;
		margin-bottom: 10px;
	}
	
	#topbar {
		clear: left;
		margin: 0 10px;
		background-image: url('cache=topbar.jpg');
		overflow: hidden;
	}
		#topbar h1 {
			font: bold 27px arial black, sans-serif;
			color: #fff;
			padding: 5px 20px;
		}
			#topbar h1 a, #topbar h1 a:link, #topbar h1 a:visited, #topbar h1 a:hover {
				color: #fff;
				text-decoration: none;
			}
			#topbar h1 em {
				color: #9fb2c5;
				float: right;
				margin-right: 20px;
			}
				#topbar h1 em a:link, #topbar h1 em a:visited {
					color: #9fb2c5;
				}
	
	#tabs {
		margin: 0 10px;
		font-size: 10px;
		line-height: 135%;
		height: 13px;
	}
		#tabs li {
			float: left;
			background: #fff url('cache=tab-base.png') no-repeat top right;
		}
			#tabs li a {
				padding: 0 20px 0 7px;
				text-decoration: none;
				color: #000;
			}
				#tabs li a:hover {
					color: red;
				}
		
		#tabs li.header {
			width: 112px;
			background: #fff url('cache=tab-left.png') no-repeat top left;
			padding-left: 12px;
			font-weight: bold;
		}
		
		#tabs li.more {
			background: #fff url('cache=tab-right.png') no-repeat top right;
			font-weight: bold;
		}
		
	
	#tabs-more {
		display: none;
		float: left;
		margin: 0 10px;
		background-color: #d6dee6;
		border: 1px #6b88a6 solid;
		width: 928px;
	}
		#tabs-more li {
			float: left;
			padding: 2px 5px;
		}


#columns {
	clear: left;
}

.column {
	float: left;
	margin: 10px 0 10px 10px;
	_display: inline;	/* for IE6 */
}
	.column.small {
		width: 150px;
	}
	.column.large {
		width: 300px;
	}
	
	.column.orange {
		background-color: #f98c3c;
	}



ul.list-dot li, .list-dot ul li {
	background: transparent url('cache=ul-dot-1.png') no-repeat 0 5px;
	padding: 2px 0 0 11px;
}

.stdbutton, .stdbutton:link, .stdbutton:visited {
	background-color: #9fb2c5;
	color: #000;
	border: 1px #6b88a6 solid;
	padding: 2px 8px;
	font: 11px verdana, sans-serif;
}
	.stdbutton:hover {
		text-decoration: none;
		background-color: #bfd2e5;
	}

.rightbox-head {
	font: bold 13px arial, helvetica, sans-serif;
	background: #6b88a6 url('cache=topbar.jpg') top left;
	color: #fff;
	padding: 2px;
	margin: -5px;
}

/* FORUM */

.forum-group {
	border: 1px #ddd solid;
	margin-bottom: 10px;
	padding: 10px;
}
	.forum-group h3 {
		font: bold 12px verdana, sans-serif;
		margin-bottom: 5px;
	}
	.forum-group h4 {
		font: bold 11px verdana, sans-serif;
		margin-bottom: 5px;
	}
	.forum-group h5 {
		font: bold 11px verdana, sans-serif;
		margin-top: 10px;
	}
	.forum-group .question {
		background-color: #e5eaef;
		padding: 10px;
	}
	.forum-group span {
		display: block;
		margin-top: 5px;
		border-bottom: 1px #ddd solid;
	}
		.forum-group span cite {
			float: right;
		}
	.forum-group .button {
		margin-top: 10px;
		text-align: right;
	}
		.forum-group .button a, .forum-group .button a:link, .forum-group .button a:visited {
			background-color: #f98c3c;
			color: #fff;
			padding: 2px 8px;
			border: 1px #fff solid;
		}
			.forum-group .button a:hover {
				background-color: #f99c4c;
				text-decoration: none;
			}
	
	.forum-group p.zebra1 {
		background-color: #f6f6f6;
	}


.content h2 {
	font: bold 14px/100% tahoma, helvetica, arial, sans-serif;
	color: #036;
	padding-bottom: 8px;
}
.content h3 {
	font: bold 12px verdana, sans-serif;
}
.content cite {
	display: block;
	font: italic 10px verdana, sans-serif;
	color: #666;
}
.content em {
	font-style: italic;
}

.content .footer {
	border-top: 1px #ccc solid;
	padding-top: 10px;
}

.content ul {
	list-style: disc;
	padding-left: 1.3em;
}

/* SPECIFICS */

#infobar {
	position: relative;
	top: 0; left: 0;
	width: 100%;
	background-color: #f9bc1c;
	border-bottom: 1px #000 solid;
	padding: 2px 0;
}
	#infobar p {
		width: 950px;
		margin: 0 auto;
	}

.htmlbox {
	border-bottom: 1px #ddd solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


.mpu {
	width: 300px;
	height: 250px;
}


#brochures {
	table-layout: fixed;
	background-color: #ddd;
	margin: 10px 0;
	font-size: 10px;
	line-height: 120%;
	width: 300px;
}
	#brochures td {
		padding: 5px;
	}
	#brochures img {
		float: left;
		margin-right: 5px;
	}
	#brochures span {
		width: 100px;
		float: left;
	}
	
#sitesearch {
	margin: 10px 15px 0 0;
}
	#sitesearch input {
		background-color: #9fb2c5;
		border: 1px #000 solid;
		font: 11px arial, helvetica, sans-serif;
		padding: 1px 4px;
	}
	#sitesearch button {
		font: 11px arial, helvetica, sans-serif;
		padding: 0px 4px;
	}

.crumb-top {
	border-bottom: 1px #ccc solid;
	font-size: 10px;
	padding-bottom: 2px;
	margin-bottom: 5px;
}
.article-footer {
	border-top: 1px #ccc solid;
	margin-top: 10px;
	padding-top: 5px;
}
	.article-footer img {
		margin: 5px 5px 5px 0;
	}


.marketbox li {
	margin: 5px 0;
	background-color: #eee;
	padding: 5px;
}
	.marketbox h6 {
		font: bold 10px verdana, sans-serif;
		color: #666;
	}
	.marketbox p {
		margin: 0 0 5px 0;
	}
	.marketbox cite {
		display: block;
		border-top: 1px #999 solid;
		font: 10px verdana, sans-serif;
		color: #666;
	}


.importbox {
	margin: 10px 0;
}
	.importbox.news {
		padding-top: 30px;
		background: #fff url('cache=import-head-news.png') no-repeat top left;
	}
		.importbox.news li {
			padding: 2px 5px 2px 25px;
			margin: 2px 0;
			background: #e5eaef url('cache=icon_news.png') no-repeat 4px center;
		}
			.importbox.news li a {
				color: #000;
			}
	.importbox.jobs {
		padding-top: 30px;
		background: #fff url('cache=import-head-jobs.png') no-repeat top left;
	}
		.importbox.jobs li {
			padding: 2px 5px 2px 5px;
			margin: 2px 0;
			background-color: #ecf1c0;
		}
			.importbox.jobs li a {
				color: #000;
			}
	.importbox.brochures {
		padding-top: 30px;
		background: #fff url('cache=import-head-brochures.png') no-repeat top left;
		float: left;
	}
		.importbox.brochures li {
			padding: 2px 5px 2px 5px;
			margin: 2px 0 0 0;
			background-color: #e5eaef;
			float: left;
			width: 290px;
			display: inline;
		}
			.importbox.brochures li a {
				color: #000;
			}
			.importbox.brochures li img {
				float: left;
				margin: 2px 10px 2px 0;
			}
			.importbox.brochures li p {
				margin: 5px 0 2px 0;
			}