/* CSS Document */


body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	/*background-image: url(Images/bg.gif);
background-repeat: repeat-x;
background-attachment:fixed;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: inherit;
	background-position: center bottom;
	background-color: #ffffff;
	background-image: url(images/enews.png);
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	position: absolute;
	visibility: inherit;
	height: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

a:link{
color:#000000;
text-decoration: none;
}

a:hover{
color:none;
text-decoration:none;
}

a:visited{
color:#000000}
a:active{
color: #0000FF;
text-decoration: none;
}

b{font-size: 110%; color:#990000;}
em{color: red;}

strong {font-size: 110%; color:#990000;}

#tourbookdiv {
      clear:both;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #FFFFFF;
height: 50px; /*Height of top section*/

}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background: #FFFFFF;
}


#leftcolumn{
float: left;
width: 190px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #536fb1;
line-height: 2em;
font: Arial, Helvetica, sans-serif;
font-size: 10px;
border:#990000;
padding: 6px 0;
position: position: absolute; right: 22px; 




}


}

#footer{
clear: left;
width: 100%;
background: #000066;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#breadcrumbs{
font-size: 10px;
}

.style1{
padding-left: 30px;
}

.style2{
padding-left: 60px;
text-align: left;
}

.style3{
padding-left: 90px;
}

#image{
	margin: 5px 5px 0px 5px;
	float: left;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}



h1{
text-align:center;
font-size:24px;
}

h2{
color: #990033;
font-size: 16px;
}


<head>
	<title>CSS Teaser Box, fixed width, one image | Lab | 456 Berea Street</title>
	<style type="text/css" media="screen,print">
	html,
	body {
		margin:0;
		padding:0;
		color:#000;
		background:#fff;
	}
	body {
		padding:20px;
		font:76%/140% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	}
	

	.teaser {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url("tsr.gif") bottom left no-repeat;
	}
	.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		background:url("tsr.gif") top left no-repeat;
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:0 10px 3px;
		border:2px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		background:url("tsr-a.gif") 400px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaser a.more:hover {
		text-decoration:underline;
	}
	</style> 
</head>
<body>