body
{
	font-family: Helvetica, Arial, sans-serif;
	/* Helvetica narrow ? */
	font-size: 9pt;
	color: black;
	background-color: white;
	text-align: justify;
}


P
{
	margin: 0;
}

H1
{
	font-family: Helvetica Narrow, Arial Narrow, Helvetica, Arial, sans-serif;
	padding: 0em;
	margin: 0em;
	font-style: italic;
	font-weight: bold;
	display: inline;
	font-size: 42pt;
	line-height: 0.9;
}

H2
{
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
}


.ImageWithCaption
{
}

.ImageWithCaption .ImageCaption
{
	font-style: italic;
}


/* TODO: If CSS has a means of using columns - then use it instead of the below */

.ColumnLeft
{
	width : 29.25%;
	float : left;

	margin-right: 2.5%;
}

.ColumnMiddle
{
	width : 29.25%;
	float : left;

	margin-left: 2.5%;
	margin-right: 2.5%;
}

.ColumnRight
{
	width : 29.25%;
	float : right;

	margin-left: 2.5%;
}

.ClearFloat
{
	clear: both;
}



/*****
 *   *
 *****/

.TheStunContainer
{
	width: 48%; /* 4 em @ 92pt ? */
	float: left;
}

.TheStun
{
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: white;
	background-color: red;
	line-height: 0.82;
	/* vertical-align: middle; */ /* Bottom of 'STUN' truncated on MSIE 5.5 if uncomented */
}

.TheStun:before
{
	display: block;
	content: url(pics/top-left.png);
	background: transparent url(pics/top-right.png) scroll no-repeat top right;
	height: 30px;
	margin-bottom: -20px;
	border: none;
	padding: 0;
	line-height: 0.1;
	font-size: 1px;
}

.TheStun:after
{
	display: block;
	content:  url(pics/bottom-left.png);
	background: white;
	background: transparent url(pics/bottom-right.png) scroll no-repeat bottom right ;
	height: 30px;
	margin: 0 0 -1px 0;
	padding: 0;
	line-height: 0.1;
	font-size: 1px;
}

.TheStun .TheStunText
{
	/* Need sto be in a searate container or else the margin buggers up the corners */
	margin-left: 1em;
	margin-right: 1em;
}

.TheStun .TheStunText .Stun

{
	font-family: "Arial Rounded", "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 92pt;
}

.TheStunContainer .BottomOfStun
{
	font-size: 8pt;
}

.TheStunContainer .BottomOfStun .Date
{
	float: left;
}

.TheStunContainer .BottomOfStun .Price
{
	float: right;
}



/*****
 *   *
 *****/

/* TODO: Rounded corners */
.Tbags
{
	float: right;
	width: 48%;
	font-size: 16pt;
	border-style: solid;
	border-width: 6px;
	vertical-align: middle;
}

/* Used to get this box to be the same height as the STUN box */
.Tbags:before
{
	display: block;
	content: " ";
	height: 30px;
	margin-bottom: -10px;
	border: none;
	padding: 0;
	line-height: 0.1;
	font-size: 1px;
}

/* Used to get this box to be the same height as the STUN box */
.Tbags:after
{
	display: block;
	content: " ";
	height: 30px;
	margin: 0 0 -11px 0;
	padding: 0;
	line-height: 0.1;
	font-size: 1px;
}


.TbagsTxt
{
	text-align: center;

	/* (92 * 0.82) - (16+13) ) = 46.44 */
	/* 46.44 / 2 = 23.22 . Subtract width of border * 2 */
	margin: 21.5pt 0;
}

.TbagsTxtBrackets
{
	font-style: italic;
	font-size: 13pt;
}



/*****
 *   *
 *****/

.MainStory
{
	border-style: solid;
	border-width: 0 0 3px 0;
	padding-bottom: 1em;
}

.Mainstory .FirstP
{
	font-weight: bold;
}


/*****
 *   *
 *****/

.SubStory
{
	width : 66%; /* 29.25 + 2.5 + 2.5 + 29.25 + 2.5 */
	border-style: solid;
	border-width: 0 3px 0 0;
	padding-top: 0;
	margin-top: -1px; /* Hack to make the two lines join in Firefox 1.02 */
	float: left;
}

.SubStory H1
{
	padding: 0.35em 0em;
	display: block;
	font-size: 22pt;
}

.SubStory P
{
	margin-bottom: 1em;
}

.SubStory .SubStoryContainer
{
	/* Separate container to prevent padding from expanding the width */
	padding-right: 2%;	/* MSIE; relative to screen. FF: relative to parent element */
}

.SubStory .ColumnLeft
{
	/* 66 (width) - (2*0.66) = 64.86 */
	width: 45.0971%; /* 29.25 / 0.6486 */
	margin-right: 3.8544%; /* 2.5 / 0.6486 */
}

.SubStory .ColumnMiddle
{
	width: 45.0971%; /* 29.25 / 0.6486 */
	margin-left: 3.8544%; /* 2.5 / 0.6486 */
	margin-right: 0;
}

/*****
 *   *
 *****/

/* TODO: A shadow and rounded corners */
.Alsobox
{
	border: 2px solid;

	width : 29.25%;
	margin: 2em 1% 1em;

	float: right;
}

.Alsobox .AlsoboxContainer
{
	/* Separate container to prevent padding from expanding the width */
	padding: 1em 0.5em;
}

.Alsobox .AlsoIn
{
	font-size: 8pt;
}

.Alsobox .AContent
{
	margin: 1em 0em;
}

.Alsobox .AContent .PageNumber
{
	font-weight: bold;
}