body {
	background: #fff url('/images/background.png') repeat-x top;
	margin: 0 50px 0 50px; }
	
#container {
	margin: auto; }	
	
#heading { }


		#logo {
			background: url('/images/logo_pronet.png') no-repeat top left;
			height: 130px;
			margin: 0 0 0 30px; 
			padding: 0;
			text-align: right; }

			#division {
				float: right;
				margin: 0; }

		#nav {
			float: left;
			width: 100%;
			background: #999;
			border-top: 10px solid #ccc;
			margin: 0 0 20px 0;
			overflow: hidden;
			padding: 0;
			text-align: left; }

			#navlist {
				list-style-type: none;
				margin: 0;
				padding: 0; }

			#navlist a {
				float: left;
				color: #f5f5f5;
				font: normal 12px 'Trebuchet MS';
				line-height: 12px;
				padding: 25px 30px 26px 30px;
				margin: 0;
				text-decoration: none; }
				
			#navlist a:hover {
				background: #666;
				color: #f5f5f5; }

			#navlist a.active {
				font-weight: bold;
				color: #333;
				background: #ccc; }

			#navlist li {
				display: inline;
				list-style-type: none;
				margin: 0;
				padding: 0; }
				
		#content {
			background: transparent;	
			color: #666;
			font: 11px 'Trebuchet MS';
			margin: 0;
			padding: 0;
			text-align: left; }
			
			#content a {
				color: #cea106;
				text-decoration: underline; }
			
			#content a:hover {
				text-decoration: none; }
			
			#left {
				float: left; }
			
				#box {
					background: #ccc;
					color: #fff;
					line-height: 18px;
					margin: 0 0 0 20px; }

					#box #light {
						background: #999;
						border-right: 5px solid #999;
						border-bottom: 4px solid #999;
						display: block;
						margin: 10px 0 0 10px;
						position: absolute; }

					#box #text {
						margin: 10px 5px 0 15px; }
					
			#right {
				font-size: 12px;
				line-height: 24px;
				margin: 0 0 0 300px; }
				
				#right ul {
					padding: 0;
					margin: 0 0 25px 0; }
					
				#right li {
					display: block;
					padding: 0 20px 0 20px;
					list-style-type: none;
					background: #ccc; }
				
					
				#right li:hover {
					background: #666;
					color: #f5f5f5; }
				
				#right table {
					background: #ddd; 
					margin: 0;
					padding: 0;
					border: none; }
					
				#right table tr {
					display: block; }
					
				#right table td {
					padding: 5px 0 5px 20px;
					width: 200px;
					vertical-align: top; }
					
				#right table a {
					text-decoration: none;
					color: #666; }
					
				#right table a:hover {
					color: #f5f5f5;
					background: #333; }
					
				#right li.off {
					display: block;
					padding: 0 20px 0 20px;
					list-style-type: none;
					background: #ddd; }
					
				#right li.off:hover {
					background: #666;
					color: #f5f5f5; }
					
					
				#right li.top {
					padding-top: 5px; }

				#right li.bot {
					padding-bottom: 5px; }
					
				#right li.link {
					padding: 0;
					display: block;
					list-style-type: none; }
					
				#right li.link a {
					display: block;
					text-decoration: none;
					color: #333;
					padding: 5px 20px 5px 20px;
					background: #ccc; }
					
				#right li.link a.off {
					display: block;
					text-decoration: none;
					color: #333;
					background: #ddd; }
					
				#right li.link a:hover {
					background: #666;
					color: #f5f5f5; }
				
				#right p {
					margin: 0 0 25px 0; }

				#right h1 {
					color: #666;
					font-size: 16px;
					margin: 0 0 7px 0;
					padding: 0;
					text-transform: uppercase; }
				
		#footer {
			margin: 80px 0 0 0; }
			
			#copyright {
				color: #999;
				font: 10px Verdana;
				margin: auto;
				text-align: center; }
				
.clear {
	clear: both;
	margin: 0;
	padding: 0; }