html,body {
	margin: 0px;
	background-color: #CCCCCC;
	height: 100%;
	background-image: url(/images/bg_white.gif);
	background-repeat: repeat-y;
	background-position: center;
}
body.print {
	margin: 5em;
	background-color: #ffffff;
	height: 100%;
	background-image: none;
}
#main { /* main content div defines the overall page size - all other page content goes in this div - use on all pages*/
	background-color: #FFFFFF;
	position: relative;
	margin: auto;
	padding: 0px;
	width: 800px;
	background-color: #FFFFFF;
}

.content-container {
	background-color: #FFFFFF;
	width: 780px;
	position: static;
	text-align: left;
	padding-left: 10px;
	visibility: visible;
}


form {/* stops the form tag from distorting the layer size*/
margin: 0;
padding: 0;
}

/*****************************************************************************
* General classes for html tags  *
*****************************************************************************/
 
p,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.arial12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.arial12 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}
.arial12 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}
.arial12 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: underline;
}

.arial12-italic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	font-style: italic;
}
.mainheading {/* this is the blue main heading with red arrow on the left*/
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00418A;
	background-image: url(/images/arrow_red_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 11px;
	border-collapse:collapse;
}
.mainhead-uline {/* this is the blue main heading with red arrow and grey underline */
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #00418A;
	background-image: url(/images/arrow_red_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 11px;
	border-collapse:collapse;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 3px;
}
a.mainhead-red-uline-a {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	text-decoration:none;
}
a.mainhead-red-uline-a:link {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	text-decoration:none;
}
a.mainhead-red-uline-a:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	text-decoration:none;
}
a.mainhead-red-uline-a:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	text-decoration:none;
}
.mainhead-red-uline {/* this is the blue main heading with red arrow and grey underline */
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	background-image: url(/images/arrow_red_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 11px;
	border-collapse:collapse;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 3px;
}
.heading-blue {/* smaller blue heading with no arrow */
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00418A;
}
.heading-black {/* smaller blue heading with no arrow */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.subheading {/* 12px heading in black font */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
a.subheadinga {/* 12px heading in black font */
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.subheadinga:visited {/* 12px heading in black font */
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.subheadinga:link {/* 12px heading in black font */
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.subheadinga:hover {/* 12px heading in black font */
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: underline;
}

.small a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
.small a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
.small a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: underline;
}
.inputbox {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	width: 112px;
}
.redinputbox {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: red;
	width: 112px;
}

/*****************************************************************************
* Top grey bar with nav and searchbox  *
*****************************************************************************/

.topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #00418A;
	text-decoration: none;
	background-image: url(/images/bg_topnav.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 800px;
	background-position: left bottom;
	white-space: nowrap;
	background-color: #eaeaea;
	vertical-align: middle;
	text-align: right;
	position: relative;
	padding: 1px;
}

.topnav a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00418A;
	text-decoration: none;
	text-indent: 200px;
	
}
.topnav a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00418A;
	text-decoration: none;
	text-indent: 200px;
	
}
.topnav a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	
}
.topnav a:active { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	
}
#searchbox {/* needed for correct placement */
	position: relative;
	white-space: nowrap;
	right: 10px;
	
	
}

.button {/* places search button correctly */
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/*****************************************************************************
*  Top Banner containing logo,strapline and login box *
*****************************************************************************/

#banner {
	background-color: #00418A;
	height: 66px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #E2E2E2;
	white-space: nowrap;
	font-weight: normal;
}
#banner h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E2E2E2;
}
#banner a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: underline;
}

/*****************************************************************************
*  Main navigation bar beneath banner  *
*****************************************************************************/

.mainnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	background-color: #E1E1E1;
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
	margin-bottom: 6px;
	background-image: url(/images/arrow_red_nav.gif);
	background-repeat: no-repeat;
	background-position: 11px top;
	height: 19px;
	padding-top: 2px;
	width: 800px;
	text-align: left;
	text-indent: 27px;
}

.mainnav a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	
}
.mainnav a:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	
}
.mainnav a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	vertical-align: middle;
	
}
.mainnav a:active { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	vertical-align: middle;
	
}

#loginform {
	float: right;
	width: 350px;
	text-align: right;
	padding-right: 8px;
	right: 4px;
	padding-top: 10px;
  } 

/*****************************************************************************
*  features section divs and container divs *
*****************************************************************************/

#featurecontainer {
	font-weight: normal;
	width: 780px;
	position: relative;
	height: 68px;
	margin-bottom: 5px;	
}
#featurebox {
	width:254px;
	color:#000000;
	border:1px solid #CCCCCC;
	vertical-align:top;
	float:left;
	border-collapse:collapse;  /* adds blank space under DIV */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 60px;
	margin-right: 5px;
	margin-left: 0;

}
#featureboxmid {
	background-color:#FFFFFF;
	width:254px;
	color:#000000;
	border:1px solid #CCCCCC;
	vertical-align:top;
	float:left;
	border-collapse:collapse;  /* adds blank space under DIV and separates compare tables */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: auto;
	margin-right: 5px;
}
#featureboxright {
	background-color:#FFFFFF;
	width:254px;
	color:#000000;
	border:1px solid #CCCCCC;
	vertical-align:top;
	float:left;
	border-collapse:collapse;  /* adds blank space under DIV and separates compare tables */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: auto;
	margin-right: 0;
}
img {
	border: 0px;
}
.featureimg {
	height: auto;
	width: 60px;
	float: left;
	position: relative;
}
.featureimg-border {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FF0000;
	
}
.featuretxt {/* used in small grey right-side boxes to add padding around text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 183px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: right;
	padding-right: 3px;
}


/*****************************************************************************
*  main content area below features *
*****************************************************************************/

#maincontainer {
	height: auto;
	width: 780px;
	position: relative;
}
#newsbox {/* news headline container on home page with grey horizontal rule on top */
	height: auto;
	width: 469px;
	float: left;
}

.spacerdiv {/* used in a few places - 5px spacer gifs for correct layout */
	height: 5px;
	width: auto;
	float: right;
}

.boxtxt {/* used in small grey right-side boxes to add padding around text */
	padding: 5px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	
}
.boxtxt a:link{/* used in small grey right-side boxes to add padding around text */
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;	
}
.boxtxt a:hover{/* used in small grey right-side boxes to add padding around text */
	font-size: 11px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
.boxtxt a:visited{/* used in small grey right-side boxes to add padding around text */
	font-size: 11px;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
}


#clock {/* Javascript clock - safe to remove if script isn't being used */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	float:right;
	border-collapse:collapse;
	margin-right: 10px;
	vertical-align: text-bottom;
}
#bareclock {/* Javascript clock - safe to remove if script isn't being used */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}


#bannerad {/* large horizontal banner ad placement */
	background-image: url(/images/bg_adboxes.gif);
	background-repeat: repeat;
	height: 90px;
	width: 780px;
	text-align: center;
	background-position: left;
	margin-bottom: 20px;
}
.head-webpick {

	background-image: url(/images/bg_webpick.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 25px;
	width: 468px;
	
}
.title-webpick {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 10px;
	vertical-align: text-bottom;
	padding-top: 4px;
	position: relative;
}
.box-webpick {
	padding: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #00418A;
	border-bottom-color: #00418A;
	border-left-color: #00418A;
	width: 449px;
	margin-bottom: 5px;
}
.contentbox230{/* container for 'More Headlines' on home page  */
	width: 220px;
	margin-right: 5px;
	position: relative;
	left: 2px;
	float: left;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 5px;
}
.contentbox230right{/* container for 'Most Popular Stories' on home page  */
	width: 220px;
	left: 2px;
	float: right;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 5px;
}
.contentbox500{/*  box no borders  */
	width: 467px;
	position: relative;
	left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 5px;
}
.contentbox400{/* wide box no borders  */
	width: 400px;
	position: relative;
	left: 2px;
	float: left;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 5px;
}
.contentbox280{/*  box no borders  */
	width: 280px;
	position: relative;
	left: 2px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 5px;
}
#contentbox460{/* container for content below news headlines on homepage left-side   */
	width: auto;
	height: auto;
	float: left;
}
.blacklink a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.blacklink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.blacklink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
#signupbox {/* needed for correct placement */
	position: relative;
	white-space: nowrap;
	width: 215px;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	
	
}
.small-block-text {/* used in newsletter signup to box text */
	padding: 5px;
	width: 200px;
	float: left;
}

.signupbtn {/* placement of submit button on newsletter signup form  */
	float: right;
	height: auto;
	width: 65px;
	position: relative;
	bottom: 25px;
	right: 10px;
	font-weight: normal;
}
/*****************************************************************************
*  right-side column with grey boxes etc. *
*****************************************************************************/

.adboxcontainer {/* container for all the right-side grey-bordered boxes  */
	height: auto;
	width: 145px;
	float: right;
}


.sml-box {/* borders for grey-bordered boxes  */
	height: auto;
	width: 145px;
	position: relative;
	padding-bottom: 3px;
	margin-bottom: 5px;
	float: right;
}
.sml-grey-box {/* borders for grey-bordered boxes  */
	height: auto;
	width: 145px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #E1E1E1;
	border-collapse:collapse;
	position: relative;
	padding-bottom: 3px;
	margin-bottom: 5px;
	float: right;
}


.skyscraper {/* skyscraper ads on right side*/
	height: auto;
	width: 145px;
	background-image: url(/images/bg_adboxes.gif);
	background-repeat: repeat;
	text-align: center;
	position: relative;
	float: right;
	margin-bottom: 5px;
}

.smlbannerad {/* small ads on right side*/
	height: auto;
	width: 145px;
	background-image: url(/images/bg_adboxes.gif);
	background-repeat: repeat;
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 5px;
}
.smlbannerad-right {/* small ads on right side*/
	height: auto;
	width: 145px;
	background-image: url(/images/bg_adboxes.gif);
	background-repeat: repeat;
	text-align: center;
	position: relative;
	float: right;
	margin-bottom: 5px;
}

.grey-line-tdhead {/* titles with horizontal grey line above and below - e.g. bookmark page */
	height: 19px;
	width: 300px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	float: right;
	border-bottom-width: 1px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	margin-bottom: 5px;
	background-position: center center;
	padding-top: 3px;
	margin-top: 2px;
}


.grey-line-td {/* gray horizontal rule */
	height: auto;
	width: 468px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	float: right;
	border-bottom-width: 1px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.grey-line-tdhead a:link{
   font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00418A;
}
.grey-line-tdhead a:hover{
   font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
.grey-line-tdhead a:visited{
   font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00418A;
}



.sml-grey-box-head {/* grey heading in grey boxes */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00418A;
	height: 15px;
	width: 145px;
	text-transform: uppercase;
	vertical-align: middle;
	text-indent: 3px;
	padding-top: 3px;
	
}
.sml-grey-box-darkgreyhead {/* dark grey heading in grey boxes */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bolder;
	color: #FFFFFF;
	background-color: #999999;
	height: 13px;
	width: 145px;
	text-transform: uppercase;
	vertical-align: middle;
	letter-spacing: 7px;
	text-align: center;
	padding-top: 4px;
	position: static;
}
.sml-grey-box-bluehead {/* blue heading in grey boxes */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00418A;
	height: 15px;
	width: 145px;
	text-transform: uppercase;
	vertical-align: middle;
	text-indent: 3px;
	padding-top: 3px;
	
}
.sml-grey-box-rss-head {/* grey heading in grey boxes with rss feed image */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00418A;
	height: 15px;
	width: 145px;
	text-transform: uppercase;
	vertical-align: middle;
	text-indent: 3px;
	padding-top: 3px;
	background-image: url(/images/rss_icon.gif);
	background-repeat: no-repeat;
	background-position: right;	
}

#island {/* large right-side ad */
	float: right;
	height: 250px;
	width: 300px;
	position: relative;
	margin-bottom: 5px;
}

/*****************************************************************************
*  layout and fonts for bottom bar *
*****************************************************************************/


.botbar {
	color: #00418A;
	text-decoration: none;
	height: 22px;
	width: 800px;
	background-color: #eaeaea;
	padding-top: 2px;
	margin-top: 30px;
	position: relative;
	float: right;
}
.btm-copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #00418A;
	width: 300px;
	float: left;
	padding-left: 6px;
	height: auto;
	vertical-align: middle;
	padding-top: 5px;
}
.btm-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #00418A;
	width: 450px;
	float: right;
	text-align: right;
	padding-right: 6px;
	padding-top: 5px;
	height: auto;
}
.botbar a:link{
	color: #00418A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.botbar a:visited{
	color: #00418A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.botbar a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
.prop { height:1300px; float:left; width:1px;  }