/* CSS 3Cols */

div#layout {padding: 0px 5px; margin: 0px;}

div#headerImage                             {height: 161px;}
div#headerImage div#headerImageBox          {height: 141px; background: url(/images/header_image_bg.gif) repeat-x;}
div#headerImage div#headerImageContent h1   {width: 240px; margin: 0px; padding: 26px 0px 2px 22px; color: #333333; background: transparent; font: 22px Georgia, "Times New Roman", Times, serif;}
div#headerImage div#headerImageContent p    {width: 240px; margin: 0px; padding: 0px 0px 2px 22px; color: #333333; background: transparent; font: bold 14px Georgia, "Times New Roman", Times, serif; line-height: 120%;}

/* IE Hack */
* html div#content {float: none;}

div#content {
	border-left-width: 181px;  /* left column width */
	border-left-color: #CCCCCC;   /* left column colour */

	border-right-width: 162px; /* right column width */
	border-right-color: #666666;  /* right column colour */

	background-color: #FFFFFF; /* center column colour */

	width: auto;
	border-left-style: solid;
	border-right-style: solid;
}

div#content div#columns {
	margin: 0px;
	width: 100%;
}

div#content div#colLeft {
	width: 181px;              /* left column width */
	margin-left: -181px;       /* negative left column width */

	float: left;
	position: relative;
	z-index: 0;

	padding-bottom: 50px; /*Added for extra space at the bottom JDL */
}

div#content div#colMiddle {
	float: left;
	width: 95%;
	position: relative;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 50px; /*Added for extra space at the bottom JDL */
	z-index: 0;
	overflow: hidden; /*Added to solve problem with IE7 JDL*/
}

div#content div#colRight {
	width: 162px;              /* right column width */
	margin-right: -162px;      /* negative right column width */

	float: left;
	clear: right; /* Added for IE by JDL*/
	position: relative;
	z-index: 0;
}

/* Shock Media Specific */

div#headerImage                       {height: 160px;}
div#headerImage div#headerImageBorder {margin: 0px; padding: 0px; width: 226px; height: 19px; background: #36A2D2 url(/images/header_border.gif) no-repeat;}

div#content {
    border-left-width: 199px;     /* left column width */
	border-left-color: #FFFFFF;   /* left column colour */
	border-right-width: 223px;    /* right column width */
	border-right-color: #FFFFFF;  /* right column colour */
	background-color: #FFFFFF;    /* center column colour */
}

div#content div#colLeft {
	width: 199px;              /* left column width */
	margin-left: -199px;       /* negative left column width */
}

div#content div#colMiddle {
	width: 94%;
}

div#content div#colRight {
	width: 223px;              /* right column width */
	margin-right: -223px;      /* negative right column width */
}

div#colRight   {font: bold 11px Tahoma, Arial, Helvetica, sans-serif; color: #333333; background: inherit;}
div#colRight a {color: #000000; background: inherit; border-bottom: 1px dashed #666666;}

div#footer {background-color: #FFFFFF; margin-right: 35px;}