/* LAYOUT STYLES
==========================================
*/

		body {
			background-image: url(/images/bgheader.png);
			background-repeat: repeat-x;
			text-align: center; /* For Internet Explorer compatibility */
		}
		
		#main-box {
			width: 800px;
			margin-left: auto;
			margin-right: auto;
			text-align: left; /* For Internet Explorer compatibility */
			padding-bottom: 50px;
		}
		
		#header-box {
			position: relative;
			width: 800px;
			height: 80px; /* Adjust according to 'bgheader.png' height */
		}
		
				#header-grg-img {
					position:absolute;
					bottom:4px;
					left:25px;
				}
				
				#header-jcc-img {
					position:absolute;
					bottom:4px;
					right:25px;
				}
		
		#navigation-box {
			width: 745px;
			height: 78px;
			margin-bottom: 24px;
			padding-left: 55px; /* Space on the left side of the first lamp */
			overflow: hidden; /* Workaround for box model bug in Internet Explorer 6 */
		}
		
				#navigation-list {
		 			list-style-type: none;
					font-size: 0.75em;
				}
						
				#navigation-list li {
					width: 99px;
					height: 30px;
					float: left;
					padding-top: 48px;
					margin-right: 49px; /* Changes the spacing between the lamps */
					font-family: "Arial";
					font-weight: bold;
					text-align: center;
					text-transform: uppercase;
				}
				
				.lamp-on {
					color: #006F00;
					cursor: default;
				}

				.lamp-on a {
					text-decoration: none;
					color: #006F00;
				}

				.lamp-off a {
					text-decoration: none;
					color: #A6A6A6;
				}
		
				#navigation-list .lamp-on li {
					background-image: url(/images/lighton.png);
					background-repeat: no-repeat;
				}
		
				#navigation-list .lamp-off li {
					background-image: url(/images/lightoff.png);
					background-repeat: no-repeat;
				}
		
		#display-box-wide {
			position: relative;
			clear: left;
			padding-left: 25px;
			width: 775px;
			margin-bottom: 24px;
		}
		
				#display-wide-media-div {
					position: relative;
					float: left;
					width: 722px;
					height: 200px;
					overflow: hidden;
					border: #B2B2B2 solid 10px;
					padding: 4px;
				}
		
				.display-wide-media-img {
					position: absolute;
					top: 4px;
					left: 4px;
					width: 722px;
					height: 200px;
				}
		
		#display-box {
			position: relative;
			clear: left;
			padding-left: 25px;
			width: 775px;
			margin-bottom: 24px;
		}
		
				#display-media-div {
					position: relative;
					float: left;
					width: 360px;
					height: 240px;
					overflow: hidden;
					border: #B2B2B2 solid 10px;
					padding: 4px;
				}
		
				.display-media-img {
					position: absolute;
					top: 4px;
					left: 4px;
					width: 360px;
					height: 240px;
				}
		
				#display-content-div {
		 			width: 322px;
		 			float: left;
		 			margin-left: 40px;
		 			padding-top: 4px;
				}
				
				#display-end-div {
					clear: left;
					width: 750px;
					height: 1px;
					overflow: hidden; /* Workaround for box model bug in Internet Explorer 6 */
				}
		
		#content-box {
			clear: left;
			padding-left: 25px;
			width: 775px;
		}
		
				#content-main-div {
					float: left;
					width: 500px;
					margin-top: -1.5em; /* Removes top margin from the first heading */
				}

				#content-main-wide-div {
					float: left;
					width: 750px;
					margin-top: -1.5em; /* Removes top margin from the first heading */
				}
				
				#content-sidebar-div {
		 			float: left;
		 			width: 200px;
					margin-left: 50px;
					margin-top: -1.5em; /* Removes top margin from the first heading */
				}
				
				#content-end-div {
					clear: left;
					width: 750px;
					height: 1px;
					overflow: hidden; /* Workaround for box model bug in Internet Explorer 6 */
					margin-bottom: 40px;
				}
				
				#content-footer-div {
					clear: left;
					width: 750px;
					height: 28px;
				}