html {
			width: 100%;
			height: 100%;
			text-align: center;
			margin: 0px;
			padding: 0px;		
		}
	
		body {
			width: 100%;
			height: 100%;
			text-align: center;
			margin: 0px;
			padding: 0px;
			background-color: #000;
		}
		
		#wrapper {
			width: 959px;
			height: auto;
			margin: 0px auto;
			background-color: #fff;
		}
		
		#jolBar {
			width: 100%;
			height: 18px;
			background-color: #eee;
			background-image: url(TBA);
			text-align: left;
		}
		
		#logoBar {
			width: 100%;
			height: 130px;
			position: relative;
			top: 0px;
			left: 0px;
			background-image: url("/TMI/images/logoBackground.jpg");
			background-repeat: repeat;
		}
		
		#logoGraphic {
			position: absolute;
			top: 10px;
			left: 50px;
			height: 110px;
			width: 235px;
			background-image: url("/TMI/images/logoType.png");
		}
		
		#navBar1 {
			width: 100%;
			height: 30px;
			background-color: #fff;
			overflow: hidden;
			padding: 0px;
			margin: 0px;
		}
		
		#navBar2 {
			width: 100%;
			height: 24px;
			background-color: #666;
		}
		
		#adSpace {
			width: 100%;
			height: 110px;
			background-color: #eee;
			text-align: center;
			
		}
				
		#contents {
			width: 100%;
			height: 4000px;
			background-color: #fff;
		}
		
		#footer {
			width: 100%;
			height: 200px;
			background-color: #ccc;
		}
		
		#tmiMotto {
			font-family: Arial, sans-serif;
			color: white;
			font-weight: bold;
			font-size: 1.4em;
			position: absolute;
			top: 100px;
			left: 300px; 
		}
		
		#jolText {
			position: relative;
			top: 3px;
			font-family: Arial, sans-serif;
			font-weight: 400;
			font-size: .60em;
			color: #666;
			width: 100%;
			height: 25px;
		}
		
		#searcher {
			width: 300px;
			height: 70px;
			position: absolute;
			Top: 20px;
			left: 600px;
			background-color: yellow;
		}
		
		#adImage {
			margin-top: 10px;
		}
		
		.upperNavBar {
			height: 16px;
			width: 14.168%;
			border: 1px #aaa solid;
			float: left;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 5px;
			margin-bottom: 5px;
			padding-top: 2px;
			font-family: Arial, sans-serif;
			font-size: .70em;
			font-weight: bold; 
			color: black;
			border-right: 0px;
			/*background-color: #ddd;*/
			background-image: url("/TMI/images/grayGrad.png");			
		}
		
		#leftColumn {
			width: 60%;
			float: left;
			padding: 0px 5px 0px 20px;
		}
		
		#rightColumn {
			width: 38%;
			float: left;
			background-color: #eec;
		}
		
		.storyBox {
			margin-bottom: 6px;
			border-bottom: 2px solid #ccc;
			text-align: left;
			font-family: Arial, sans-serif;
			height: auto;
		}
		
		.storyHeadline {
			width: 100%;
		}
		
		.storyContainer {
			width: 100%;
			height: 350px;
		}
		
		div.storyText {
			text-align: right;
			width: 40%;
			margin-right: 15px;
			float: left;
			height: auto;
		}
		
		div.storyText.p {
			font-size: 0.8em;
			font-weight: 300;
		}
		
		div.storyPhoto {
			width: 50%;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			float: left;
			height: auto;
		}
		div.photoHeadBar {
			width: 80%;
			height: 25px;
			background-color: red;
			margin: 0px;
			padding: 0px;
		}
		
		span.photoRedHeader {
			font-size: 1.2em;
			font-style: italic;
			font-weight: bold;
			color: white;
			margin-left: 12px;
		}
		img.headlineGraphic {
			margin-left: -10px;
			margin-bottom: -10px;
		}
		
		div.storyPhotoImage {
			width: 80%;
			z-index: 1;
		}
		img.photoImage {
			width: 100%;
			z-index: 1;
			max-height: 300px;
		}
		
		div.storyFooter {
			height: 75px;
			z-indez: 100;
		}
		
		span.bylines {
			font-size: 0.8em;
		}