/* ####################
TOC...
BASIC SEMANTIC STYLES
LINK STYLES
TRICKY STYLES
############################## */

/* ####################
WE NEED THIS html STYLE TO ADD A SCROLLBAR TO FIREFOX SO AS TO GET RID OF THE 20 PIXEL SHIFT THAT THEY SO LOVINGLY ADD TO LONG PAGES
############################## */
html 
	{
     overflow: -moz-scrollbars-vertical;
	}
html, body 
	{
  	height: 100%; /* Required */
	}
#mainJoint
	{
	width:960px;
	margin:0 auto;
	}
body
	{
	/*letter-spacing:.03em;*/
	text-align:center;
	font-family:arial, sans-serif;
	width:100%;
	background: #ffffff url(/images/bg.gif) repeat-x;
	margin:0;
	padding:0;
	}

/*#############################################
TOPHAT STYLES
#############################################*/
#topHat
	{
	float:right;
	line-height:18px;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 12px;
	color:#fff;
	text-align:right;
	margin:8px 0 11px 0;
	}
	#topHat a:link, #topHat a:visited
	{
	text-decoration:none;
	color:#fff;
	}
	#topHat a:hover
		{
		text-decoration:none;
		color:#939af7;
		}
	#topHat .pipey
		{
		font-size:10px;
		margin:0 15px 0 15px;
		}
	#topMostNav .rss
		{
		vertical-align:middle;
		}
#topMostNav
	{
	float:right;
	margin-right:15px;
	}
#topSearch
	{
	float:left;
	width:148;
	}
	#topSearch .leftOfSearchBox
		{
		float:left;
		width:5px;
		height:19px;
		background:url(/images/topSearchLeftSide.gif) no-repeat;
		}
	#topSearch .searchBox
		{
		float:left;
		width:121px;
		height:19px;
		background:#595fae;
		}
	#topSearch .rightOfSearchBox
		{
		float:left;
		width:22px;
		height:19px;
		background:url(/images/topSearchRightSide.gif) no-repeat;
		}
/*
#############################################
*/

#home_topWhiteBoxBG
	{
	padding-top:5px;
	clear:both;
	width:960px;
	height:200px;
	background:url(/images/topWhiteBoxBG.gif) no-repeat;
	}
#home_topBlueBar
	{
	clear:both;
	margin:0 5px 0 5px;
	width:950px;
	height:100px;
	background:url(/images/home_topBlueBarBG.gif) no-repeat;
	}
#home_findLocalAndNav
	{
	float:left;
	}
	#home_findLocal
		{
		float:left;
		margin:8px 0 5px 9px;
		padding-top:5px;
		color:#ffffff;
		font-size:18px;
		float:left;
		width:375px;
		height:40px;
		font-weight:bold;
				}
		#home_findLocal .txt, #home_findLocal .leftOfSearchBox, #home_findLocal .searchBox, #home_findLocal .rightOfSearchBox, #home_findLocal .fl_btn
			{
			margin-top:5px;
			float:left;
			}
			#home_findLocal .txt
				{
				margin-left:10px;
				}
			#home_findLocal .leftOfSearchBox
				{
				margin-left:10px;
				background:url(/images/home_flLeft.gif) no-repeat;
				width:5px;
				height:19px;
				}
			#home_findLocal .searchBox
				{
				background:url(/images/home_flMid.gif) repeat-x;
				height:19px;
				}
			#home_findLocal .rightOfSearchBox
				{
				margin-right:5px;
				background:url(/images/home_flRight.gif) no-repeat;
				width:5px;
				height:19px;
				}
	#quattroNav
		{
		margin:0 0 0 9px;
		clear:both;
		}
	#home_BlueLiveUnited
		{
		float:right;
		margin-top:5px;
		}

#threeColourfulBoxes
	{
	margin:5px 0 0 5px;
	clear:both;
	float:left;
	width:950px;
	}
	#threeColourfulBoxes .box
		{
		float:left;
		}
		#threeColourfulBoxes .midbox
			{
			float:left;
			padding-left:6px;
			padding-right:6px;
			}
#home_topWhiteBoxBG>#home_joinForm
	{
	
	}
#home_joinForm
	{
	clear:both;
	margin-top:5px;
	margin-left:15px;
	height:19px;
	float:left;
	width:950px;
	}
	#home_joinForm .left
		{
		float:left;
		background:url(/images/homeJoinFieldBG_left.gif) no-repeat;
		width:5px;
		height:19px;
		}
	#home_joinForm .inside
		{
		float:left;
		background:url(/images/homeJoinFieldBG_inside.gif) repeat-x;
		height:19px;
		width:126px;
		}
	#home_joinForm .right
		{
		float:left;
		margin-right:5px;
		background:url(/images/homeJoinFieldBG_right.gif) no-repeat;
		width:5px;
		height:19px;
		}
	#home_joinForm .left2
		{
		margin-left:5px;
		float:left;
		background:url(/images/homeJoinFieldBG_left.gif) no-repeat;
		width:5px;
		height:19px;
		}
	#home_joinForm .inside2
		{
		float:left;
		background:url(/images/homeJoinFieldBG_inside.gif) repeat-x;
		height:19px;
		width:84px;
		}
	#home_joinForm .right2
		{
		float:left;
		margin-right:5px;
		background:url(/images/homeJoinFieldBG_right.gif) no-repeat;
		width:5px;
		height:19px;
		}
	#home_joinForm .btn
		{
		float:left;
		}
#largeMapImage
	{
	clear:both;
	}
#home_headlines
	{
	width:960px;
	height:36px;
	background:url(/images/home_headlinesBG.gif) no-repeat;
	}
	#home_headlines .inside
		{
		font-size:13px;
		color:#10167f;
		padding:10px 0 0 15px;
		text-align:center;
		}
		#home_headlines .inside h2
			{
			color:#10167f;
			font-family:arial;
			font-size:13pt;
			margin-right:8px;
			display:inline;
			}
#home_fourBtmBoxes
	{
	float:left;
	width:950px;
	}
	#home_fourBtmBoxes .singleBox
		{
		float:left;
		width:233px;
		height:142px;
		margin: 0px 0px 0px 6px;
		}
	#home_fourBtmBoxes .singleBox_first
		{
		float:left;
		width:233px;
		height:142px;
		margin: 0px 0px 0px 0px;
		}
		#home_fourBtmBoxes .singleBox .inner img
			{
			vertical-align:bottom;
			}
		#home_fourBtmBoxes .singleBox .inner, #home_fourBtmBoxes .singleBox .inner p
			{
			line-height:14px;
			font-size:11px;
			}
	#home_fourBtmBoxes #newspress
		{
		background:url(/images/home_btmBox_newspress.gif) no-repeat;
		}
		#home_fourBtmBoxes #newspress .inner
			{
			padding:40px 0 0 10px;
			}
	#home_fourBtmBoxes #dial
		{
		background:url(/images/home_btmBox_dial211.gif) no-repeat;
		}
		#home_fourBtmBoxes #dial .inner
			{
			padding:40px 95px 0 10px;
			}
	#home_fourBtmBoxes #psa
		{
		background:url(/images/home_btmBox_psa.gif) no-repeat;
		}
		#home_fourBtmBoxes #psa .inner
			{
			padding:40px 115px 0 10px;
			}
	#home_fourBtmBoxes #buyashirt
		{
		background:url(/images/home_btmBox_buyashirt.gif) no-repeat;
		}
		#home_fourBtmBoxes #buyashirt .inner
			{
			padding:60px 10px 0 10px;
			}
#footer
	{
	margin-top:10px;
	background: url(/images/footerBG.gif) repeat-x;
	width:960px;
	height:37px;
	float:left;
	clear:both;
	}
	#footer #copyright
		{
		background: url(/images/foot_left.gif) no-repeat;
		height:117px;
		padding:15px 0 0 10px;
		font-size:12px;
		color:#9b9ea8;
		float:left;
		}
		
	#footer #copyright a { color:#9b9ea8; text-decoration: underline;}
	#footer #copyright a:hover { color: #333; text-decoration: none;}
	#footer #links
		{
		background: url(/images/foot_right.gif) no-repeat top right;
		height:37px;
		padding:15px 10px 0 0;
		font-size:12px;
		color:#9b9ea8;
		float:right;
		}
		#footer #links a:link, #footer #links a:visited, #footer #links a:hover
			{
			text-decoration:none;
			color:#9b9ea8;
			margin:0 10px 0 10px;
			}
			#footer #links a:hover
				{
				text-decoration:underline;
				}
/*#############################################
BASIC SEMANTIC STYLES BELOW
#############################################*/
div
	{
	text-align:left;
	}
p, li, ul, td
	{
	line-height:18px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color:#666;
	}	
p
	{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	}
h1
	{
	margin:10px 0 5px 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 19px;
	font-weight:bold;
	color:#2f3196;
	}
	h1.aboveVideo
		{margin:0 0 5px 0;}
h2
	{
	margin:0 0 5px 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 17px;
	font-weight:bold;
	color:#2f3196;
	}
h3
	{
	margin:0 0 5px 0;
	font-size:13px;
	font-family: "Trebuchet MS", arial, sans-serif;
	color:#044e89;
	font-weight:normal;
	}
h4
	{
	margin:0px 0px 0px 0px;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 13px;
	color:#044e89;
	}
hr
	{
	padding:0 0 0 0;
	border: 0;
	color: #F0F0F0;
	background-color: #F0F0F0;
	height: 1px;
	margin:0 20px 5px 0px;
	}
ul
	{
	list-style-type:square;
	padding-left:1em;
	padding-bottom:5px;
	margin:0px 0px 5px 7px;
	}
ul
	{
	color:#737b80;
	list-style-image: url(/images/bullet_square.gif);
	padding-left:1em;
	margin:10px 0px 5px 14px;
	}
	ul li
		{
		font-weight:normal;
		padding:0px 0px 5px 0px;
		}
ul.arrows
	{
	color:#737b80;
	list-style-image: url(/images/bullet_arrows.gif);
	margin:0px 0px 5px 0px;
	}
	ul.arrows li
		{
		margin:0px 0px 0px 0px;
		font-weight:normal;
		padding:0px 0px 0px 0px;
		}
/*#############################################
LINK STYLES BELOW
#############################################*/
a:link
	{
	line-height:18px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color:#044e89;
	text-decoration:none;
	}	
a:visited
	{
	line-height:18px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color:#044e89;
	text-decoration:none;
	}
a:hover
	{
	line-height:18px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color:#044e89;
	text-decoration:underline;
	}
/*#############################################
TRICKY STYLES
#############################################*/
.skip {/*this ones to hide text, but screen readers will see it....508 compliance tdb */
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute; /* for the benefit of IE5 Mac */
}

/*############################################
 * Newsletter page styles
 * ##########################################*/

#news-masterpage {}
#news-masterpage h3 {font-size:18px;}

#news-detailpage {}
#news-detailpage #return {}
#news-detailpage h3 { font-size:18px;}
#news-detailpage h5 {}
#news-detailpage .med {}
#news-detailpage #subarticles { border: 1px solid #ccc; padding: 0px 10px 0px 10px; }
#news-detailpage #subarticles h5 { margin: 10px 0px 0px 0px; }
#news-detailpage #subarticles p { margin: 0px 0px 10px 0px; }
#return { border: 1px solid #ffcb05;  padding: 5px; background: #f5df8a; font-size: 12px; line-height: 22px; text-align: right;}
#return a{ color: #000; }

/*#############################################
TWD ADDITIONS
#############################################*/


/* ---------------------------- */
/* Forms Validation
/* ---------------------------- */

		.alert { background: url(../images/alert-small.gif) no-repeat 0px -2px; padding: 0px 0px 2px 18px; display: block; margin: 5px 0px 5px 0px; font-size: 12px; position: relative; clear: both; color: red; }
		#success, #error {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; display: block; text-align: left;}
		#success p, #error p  { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 18px; color: #000;}
		#success {background-color:#c3fbbb;  border:1px solid #abe9a2 }
			#success h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 5px 0px 6px 33px;background: url(../images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;}
		#error {background: #fff; border: 1px solid #c7bc9e;}
			#error h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 9px 0px 10px 35px; margin: 0px; background: url(../images/alert.gif) no-repeat 0px 0px; color: Red;  font-size: 14px;}
		#progress {padding: 15px 0px 13px 10px; display: none; width: 150px; height: 30px; }
        	#progress img {float: left; padding: 0px 8px 0px 0px; }
        	#progress h4 { font-size: 15px; margin: 0px; padding: 7px 0px 10px 0px; color: Red; font-weight: bold; }

/* ---------------------------- */
/* Forms Formatting
/* ---------------------------- */

		#form {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
			#form select {font-size: 13px; margin: 0px 0px 0px 0px;}
			#form table { border-collapse: collapse; vertical-align: top}
			#form h5 {position:relative; font-weight:bold; font-size:12px; padding:2px 0px 2px 4px; margin:10px 0px 5px 0px; color:#000; background-color: #eaf7fe; border-bottom: 1px solid #cce8f9; display:block; clear:both}
			#form textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 2px;border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color:#fff; }
			#form .btn-submit { display: block; margin: 20px 0px 15px 0px; clear: both; font-weight: bold; }
			#form .textbox {font-family: Arial, Helvetica, sans-serif; border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color:#fff; font-size:15px; padding: 2px;}
			#form .lbl {position:relative;font-weight:bold; padding: 5px 0px 2px 0px; margin:0px 0px 0px 0px; clear:both; display: block;color:#000; font-size:12px; font-weight: bold}
			#form .field {font-size:11px; line-height: 14px; clear: both; display: block; margin: 3px 0px 0px 0px; color: #666; }
			#form .small {font-size:11px; line-height:14px; margin:5px 0px 5px 0px; color: #666;}		
			#form .left{float:left; padding:0px 5px 0px 0px}
			#form .left-phone {float:left; }
			#form .right-phone {float:left; padding:0px 0px 0px 3px}
			#form .clear {float:none}
			#form .highlight { border: 1px solid red; }
			
/* ---------------------------- */
/* Forms Formatting
/* ---------------------------- */		
			
		#video-container{position:absolute; left:12px; top:40px}