@charset "utf-8";

/* ENGINEERS CSS media="print" */

/* Updated : February 11 2008 @ 11:25 */

/* Author: JHX */

/* START : Stylessheet */

/* =Sitehead : START */

head {

	padding: 8px; 

	line-height: 1.33;

	display: none;

}

body {

	color: #000000;

	font-family: Georgia, "Times New Roman", Times, serif;

}

.lightblue_header {

	width: 100%;

	height: 55px;

	background: #9BB7CF;

}

.whitebar {

	position: relative;

	margin: -9px 0px 0px 0px;

	width: 100%;

	height: 3px;

	background: url(../images/whitebar_shadow.gif) repeat-x;

	z-index: 10;

}

#all {	

	position: relative;

	margin: -52px auto 0px auto;

	padding: 0px;

	width: 95%;

	height: auto;

	z-index: 0;

	font-size: 1.2em;

}

/* END : Sitehead */

/* =Header classes : START*/

.lefthead {	

	float: left;

	background: url(../images/lefthead.gif);

	width: 7px;

	height: 39px;

	margin-top: -39px;

}

.middlehead {

	background: url(../images/middlehead.gif);

	width: 100%;

	height: 39px;

}

.logohead {

	background: url(../images/logoapos.gif) left no-repeat;

	height: 39px;

	margin: 0px;

	margin-left: 10px;

	margin-top: -39px;

	padding: 0px;

}

.righthead {	

	float: right;

	background: url(../images/righthead.gif);

	width: 7px;

	height: 39px;

	margin-top: -39px;

	margin-bottom: 6px;

}

.banner {

	position: relative;

	clear: both;

	margin: 0px 0px 0px 0px;

	margin-top: -5px; 

	padding: 0px;

	height: 80px;

	background-image: url(../images/drawing.jpg);

	background-repeat: no-repeat;

	background-position: right;

}

.bannertext {

	margin: 0px;

	padding: 30px 0px 0px 0px;

	font-weight: bolder;

	font-family: Arial, Helvetica, sans-serif;

	background-color: transparent;

}

	.bannertext h1 a {

		padding: 0px;

		margin: 0px;

		line-height: 20px;

		color: #000;

		display: list-item;

		list-style: url(../images/pilen.gif) inside;

		/*background-image: url(../images/pilen.gif);

		background-position: left;

		background-repeat: no-repeat;*/

	}

	.bannertext h1 a:hover {

		text-decoration: none;

	}

/* END : Header */

/* =Menu classes : START */

.globalmenu {

		display: none;

}

	.globalmenu a {

		margin: 0px;

		padding: 0px;

		color: #000;

	}

.menuitem {

	background-image: url(../images/rightmenucorner.gif);

	background-repeat: no-repeat;

	background-position: bottom right;

	background-color: transparent;

	width: 100%;

	height: 29px;

}

	.menuitem ul {

		padding: 0px 10px 0px 10px;

		height: inherit;

		width: auto;

	}

		.menuitem li {

			line-height: 26px;

			text-align: center;

			width: auto;

			height: 99%;

			padding: 1px 10px 0px 10px;

			margin: 0px;

			list-style: none;

			background-image: url(../images/divider01.png);

			background-repeat: repeat-y;

			background-color: transparent;

		}

			.menuitem li a:hover {

				text-decoration: none;

			}

.menuitems {

	float: left;

	background-position: right;

}

.rightmenu {

	float: right;

	background-position: left;

}

/* END : Menu classes */

/* =CONTENT classes : START */

/* =Leftside #column : Start  */

.leftside {

	display: none;

}

.newsboxgrad {

	background: url(../images/gradtopleft.gif);

	margin-bottom: 10px;

}

	.newsboxgrad h2 {

		background: url(../images/gradtopright.gif) top right repeat-y;

		padding: 5px 10px;

	}

.leftitemgrad {

	background: url(../images/gradrightborder.gif) top right repeat-y;

	padding: 0px 10px;

	margin-top: -5px;

}

	.leftitemgrad p {

		margin: 5px 0px 10px 0px;

	}

.bottomg {

	background: url(../images/gradbottomleft.gif) bottom left no-repeat;

}

	.bottomg p {

		background: url(../images/gradbottomright.gif) bottom right no-repeat;

		height: 20px;

		padding: 10px 0px 0px 20px;

		margin-top: -10px;

	}

/* END : Leftside */

/* =Middlecontent #column : START */

.content-columns {

}

.leftcolumn {

}

.rightcolumn {

	margin: 0px;

}

.middlecontent {

	position: relative;

	margin: 10px 0px;

	width: 520px;

}

.placedcontent {

	background: url(../images/greytopleft.gif) #C0C0C0 top left no-repeat;

	margin-bottom: 10px;

	width: 100%;

}

	.placedcontent h2 {

		background: url(../images/greytopright.gif) top right no-repeat;

		padding: 5px 10px;

		font-weight: normal;

	}

.content {

	background: url(../images/greyrightborder.gif) right repeat-y;

	margin: 0px 10px;

	width: auto;

}

.blue {

	color: #000;

}

.articlefooter {

	background: url(../images/greybottomleft.gif) left bottom no-repeat;

}

	.articlefooter p {

		background: url(../images/greybottomright.gif) bottom right no-repeat;

		height: 30px;

		padding: 10px 0px 0px 20px;

	}

.tech {

	background: url(../images/tech_grad01.gif) repeat-x;

	width: 100%;

	height: auto;

}

.middle_red {

	background: url(../images/redmiddle.gif) repeat-x;

	width: 10px;

	height: 64px;

	width: 100%;

	float: left;

}

	.middle_red h2 {

		padding: 10px;

		padding-top: 20px;

		font-weight: bold;

		font-size: 2.4em;

		color: #000;

	}

.topleft_red {

	background: url(../images/redleft.gif);

	width: 10px;

	height: 64px;

	margin-top: -64px;

	float: left;

}

.topright_red {

	background: url(../images/redright.gif);

	width: 10px;

	height: 64px;

	margin-top: -64px;

	float: right;

}

.tech_uni {

	float: right;

	margin: 10px;

	width: 250px;

	height: auto;

	margin-top: -0px;

}

.black_box {

	float: right;

	margin-right: 10px; 

	width: 370px;

}

.openblack_box {

	background: url(../images/black_rounded_left.gif) left no-repeat;

	float: left;

	width: auto;

	height: 50px;

	padding: 0px 5px;

}

.closeblack_box {

	background: url(../images/black_rounded_right.gif) right no-repeat;	

	float: left;

	height: 50px;

	width: auto;

	margin-right: 0px;

	padding: 0px 10px 0px 5px;

}

.black_box_middle {

	float: left;

	height: 50px;

	background: url(../images/black_rounded.gif);

	padding: 0px 5px;

}

	.black_box a {

		padding-top: 5px;

		color: #FFFFFF;

		font-size: 1.4em;

		font-weight: bold;

	}

.links_left {

	float: left;

	width: auto;

	height: 35px;

	border-right: 1px #FFF solid;

	margin-left: 5px;

	margin-top: 5px;

	padding-right: 10px;

	padding-top: 5px;

}

.links_middle {	

	float: left;

	width: auto;

	height: 35px;	

	border-right: 1px #FFF solid;

	margin-left: 5px;

	margin-top: 5px;

	padding-right: 10px;

	padding-top: 5px;

}

.links_right {	

	float: left;

	width: auto;

	height: 35px;

	margin-left: 5px;

	margin-top: 5px;

	padding-right: 10px;

	padding-top: 5px;

}

/* END : Middlecontent */

/* =Rightside #column : START */

#leftfloaters {

	display: none;

}

#subfloaters {

	display: none;

}

#floaters {

	display: none;

}

.newsboxwhite {

	position: relative;

	width: 180px;

	float: right;

	margin-right: 5px;

	margin-bottom: 10px;

	background: url(../images/topleft.gif) no-repeat top left;

}

	.newsboxwhite h2 {

		background: url(../images/topright.gif) no-repeat top right;

		padding: 5px 10px;

	}

.leftitem {

	background: url(../images/middleright.gif) top right repeat-y;

	padding: 0px 10px;

	margin-top: -5px;

}

.link {

	margin: 10px 0px;

	padding-bottom: 5px;

	border-bottom: 1px solid #CCC;

	display: list-item;

	list-style: none;

}

.bottomw {

	background: url(../images/bottomleft.gif) bottom left no-repeat;	

}

	.bottomw p {

		background: url(../images/bottomright.gif) bottom right no-repeat;

		padding: 10px 20px;

		margin-top: -5px;

	}

.leftfloating {

	position: relative;

	background: url(../images/gradtopleft.gif) top left no-repeat;

	margin-right: 5px;

	margin-bottom: 10px;

}

	.leftfloating h2 {

		background: url(../images/gradtopright.gif) top right no-repeat;

		padding: 5px 10px 0px;

	}

.subfloating {

	position: relative;

	background: url(../images/gradtopleft.gif) top left no-repeat;

	margin-right: 5px;

	margin-bottom: 10px;

}

	.subfloating h2 {

		background: url(../images/gradtopright.gif) top right no-repeat;

		padding: 5px 10px 0px;

	}

.floating {

	position: relative;

	background: url(../images/gradtopleft.gif) top left no-repeat;

	width: 180px;

	float: right;

	margin-right: 5px;

	margin-bottom: 10px;

}

	.floating h2 {

		background: url(../images/gradtopright.gif) top right no-repeat;

		padding: 5px 10px 0px;

	}

.rightcontent {

	background: url(../images/gradrightborder.gif) right repeat-y;

	padding: 10px 10px;

	margin-top: -5px;

}

	.rightcontent p {

		margin: 5px 0px 10px 0px;

	}

.rightbottom {

	background: url(../images/gradbottomleft.gif) bottom left no-repeat;

}

	.rightbottom p {

		background: url(../images/gradbottomright.gif) bottom right no-repeat;

		height: 20px;

		padding: 10px 0px 0px 20px;

		margin-top: -10px;

	}

#floating {

	position: relative;

	background: url(../images/gradtopleft.gif) top left no-repeat;

	width: 180px;

	max-width: 335px;

	float: right;

	margin-right: 5px;

	margin-bottom: 10px;

}

	#floating h2 {

		background: url(../images/gradtopright.gif) top right no-repeat;

		padding: 5px 10px 0px;

	}

#rightcontent {

	background: url(../images/gradrightborder.gif) right repeat-y;

	padding: 10px 10px;

	margin-top: -5px;

}

	#rightcontent p {

		margin: 5px 0px 10px 0px;

	}

#rightbottom {

	background: url(../images/gradbottomleft.gif) bottom left no-repeat;

}

	#rightbottom p {

		background: url(../images/gradbottomright.gif) bottom right no-repeat;

		height: 20px;

		padding: 10px 0px 0px 20px;

		margin-top: -10px;

	}

/* END : Rightside */

/* END : Content */

/* =Footer : START */

#footer {

	margin: 0px auto;

	width: 95%;

}

.bti {

	background: url(../images/bti_top.gif);

	background-repeat: no-repeat;

	background-position: right;

	height: 3px;

	width: 100%;

	margin: 0px;

}

.btilinks {

	display: none;

}

	.btilinks a {

		font-size: 1em;

		color: #064B86;

	}

	.btilinks li {

		margin: 0px;

		color: #000000;

		background-color: transparent;

		font-size: 1em;

		text-align: center;

		list-style: none;

		width: auto;

		float: left;

	}

.closebti {

	padding: 0px 15px 5px 10px;

	margin: 0px;

}

#copyright {

	text-align: center;

	float: left;

}

	#copyright p {

		margin: 5px 0px 0px 0px;

		font-size: 1em;

	}

.dividebti {

	padding: 0px 15px 5px 10px;

	margin: 0px;

	background-image: url(../images/divider_black.gif);

	background-position: right;

	background-repeat: no-repeat; 

}

/* END : Footer */

.clear {

	clear: both;

}

/* END : Stylessheet */