/* <![CDATA[ */

		/* CSS MAIN LAYOUT STYLESHEET - TRISPEED */

		html { padding:0px; margin:0px; width:100%; height:100%; }
		
		body { 
			width:100%; 
			height:100%; 
			padding:0px; 
			margin:0px; 
			text-align:center; 
			background-color:#d9d9d9; 
			background-image:url(../images/body_topstripe.gif); 
			background-repeat:repeat-x;
			font-family:Verdana, Arial;
			font-size:11px;
		}
			
		div { padding:0px; margin:0px; }
			
		h1 { 
			font-family:Arial, Verdana; 
			font-size:13px; 
			font-weight:bold; 
			color:#CD352A; 
			padding:0px; 
		}
		
		h2 { color:#006699; margin-bottom:5px; font-size:14px;  }
		h3 { color:#006699; margin-bottom:5px; font-size:12px;  }
		p { padding:0px; margin:0px; color:#000000;}
		
		.bold {font-weight:bold;}
		.red {color:#FF0000;}
		
		a:link 		{ color:#002266; font-weight:normal; text-decoration:underline; font-family:Arial, Verdana; font-size:12px;}
		a:visited 	{ color:#002266; font-weight:normal; text-decoration:underline; font-family:Arial, Verdana; font-size:12px;}
		a:hover 	{ color:#002299; font-weight:normal; text-decoration:none; font-family:Arial, Verdana; font-size:12px;}
		a:active 	{ color:#002266; font-weight:normal; text-decoration:underline; font-family:Arial, Verdana; font-size:12px;}
		
		.construct_img { padding:0px; margin:0px; border-width:0px; } /*for future imagetags that concern website-layout*/
		
		#top { 
			width:100%; 
			height:50px;
			background-color:#FFFFFF; 
			background-image:url(../img/topnav_bg.gif);
			background-repeat:repeat-x;
			background-position:0px -1px;
			border-bottom:1px solid white; 
			text-align:center;	
		}
		
		/* MAIN-NAVIGATION ----------------------------------------------------*/
		#main_nav { 
			position:absolute;
			top:82px;
			right:150px;
			width:440px;
		}
		
		#mainnav_ul { padding:0px; margin:0px; list-style-type:none; float:right; }
		#mainnav_ul li { padding:0px; margin:0px; float:left; list-style-type:none; list-style-position:inside; }
		#mainnav_ul li a { margin:0px; padding:0px; border-width:0px; float:left; }
		
		#nav1:link	{background-image:url(../images/home.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav1:visited {background-image:url(../images/home.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav1:hover 	{background-image:url(../images/home-over.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav1:active {background-image:url(../images/home-over.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		
		#nav2:link 	{background-image:url(../images/about.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav2:visited {background-image:url(../images/about.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav2:hover {background-image:url(../images/about-over.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav2:active {background-image:url(../images/about-over.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		
		#nav3:link 	{background-image:url(../images/services.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav3:visited {background-image:url(../images/services.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav3:hover {background-image:url(../images/services-over.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav3:active {background-image:url(../images/services-over.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		
		#nav4:link 	{background-image:url(../images/contact.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav4:visited {background-image:url(../images/contact.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav4:hover {background-image:url(../images/contact-over.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		#nav4:active {background-image:url(../images/contact-over.jpg); background-repeat:no-repeat; width:110px; height:25px; 
		padding:0px; margin:0px;}
		/*---------------------------------------------------END MAIN-NAVIGATION*/
		
		
		/* SPECIAL NAVIGATION BELOW LOGO-GRAPHIC (gradient bar) */
		#bigbuttons_nav { width:660px; padding:0px; margin:0px; border-spacing:0px; vertical-align:middle; 
		border-collapse:collapse; font-family:Verdana, Arial; }
		
		#bigbuttons_nav td { width:660px; height:65px; background-repeat:no-repeat; background-position:3px 3px; 
		padding:5px 0px 0px 70px; vertical-align:middle; font-family:Verdana, Arial; }
		
		#top_photo { height: 70px; width:252px; float:left; margin:3px 0px 0px 5px; background-repeat:no-repeat;  }
		/*---------------------------------------------------------------------------------*/
		
		/* SHADOWS */
		#leftshadow {
			width:10px;
			background-image:url(../images/leftshadow.png);
			background-repeat:repeat-y;
			height:100%;
			position:absolute;
			left:-10px;
			top:0px;
		}
		
		#rightshadow { 
			width:10px;
			background-image:url(../images/rightshadow.png);
			background-repeat:repeat-y;
			height:100%;
			position:absolute;
			left:919px;
			top:0px;
		}
		
		#middle { 
			position:relative;
			width:919px; /* TODO: WHEN I RECEIVE THE SHADOWS AS PNG ( with transparencies included ) THIS HAS TO BE MORE */
			height:auto; 
			text-align:left;
			background-color:#FFFFFF;
			margin:0px auto 0px auto;
		}
			
		#bottom { 
			float:left;
			position:relative;
			width:100%; 
			height:76px;
			background-color:#550000; 
			background-image:url(../img/bottom_bg.jpg);
			border-top:1px solid white; 
			text-align:left;
		}
		
		/* LOGO IMAGE */
		#topimg { 
			position: relative;
			width:920px; 
			height:104px; 
			/*background-image:url(../images/headertr3_old.jpg);*/
			/*background-image:url(../images/bannerchallenge.jpg);*/
			background-image:url(../images/banner-2012.jpg);
			background-repeat:no-repeat;
			background-position:0px 0px;
			background-color:transparent;
		}
		
		#top_right_end_div {
			position:absolute;
			right:0px;
			top:0px;
			width:155px;
			height:104px;
			background-image:url(../images/trilogo.png);
		}
		
		.minisite {
			position: absolute;
			top: 15px;
			left: 165px;
			width: 600px;
			height: 85px;
			text-decoration: none;
		}
		
		/* THE BIG SPACE BELOW THE LOGO_IMG */
		#gradientbar_div {
			width:100%;
			height:97px;
			background-image:url(../images/head3.jpg);
		}
		
		/* SUB-NAVIGATION */
		#subnav { width:150px; height:100%; float:left; background-color:#5c5c85; }
		
		#navlist { width:148px; margin:0px; padding:5px; }
		#navlist li { list-style-position:inside; list-style-type:none; margin:0px; padding:0px; }
		
		.navbox_title { color:#00FFFF; padding:5px 2px 4px 4px; font-weight:bold; }
		
		ul#navlist { text-align: left; list-style-type:none; list-style-image:none; float:left; margin:0px; padding-left:5px; }
		ul#navlist li { display:block; padding:0px; margin:0px; }
		ul#navlist li a { display:block; width:100%; color:#fff; background-image:none; background-repeat:repeat; 
		background-attachment:scroll; background-position:0 0; text-decoration:none; margin:0; padding:0px; 
		border-bottom:1px solid #999999; border-top-color:#ffe; 
		}
		#navcontainer>ul#navlist li a { width:auto; }
		ul#navlist li#active a { background:#f2f2ff; color:#c33; }

		ul#navlist li a:hover, ul#navlist li#active a:hover { color: #c33; background: #f2f2ff; border-color: #c3c3e6 #fff #fff; }
		
		/* CONTENT */
		#content {
			width:640px;
			height:auto;
			padding:10px 5px 0px 5px;
			background-color:#FFFFFF;
			color:#000000;
			font-family:Arial, Verdana;
			font-size:11px;
			float:left;
		}
		
		.article_p { margin-bottom:10px; }
		
		hr { background-color:black; }
		
		/* PUB */
		.pub_div {width:119px; height:891px;  background-color:#333366; float:left;}
		.pub { width:120px; height:240px; background-color:#333366; float:left;}
		
		/* CLEARFIX FOR FLOAT (needed for firefox, it doesn't harm to the IE-view...) */
		.clearfix_div { clear:both; }
		
/* ]]> */