/* ####################
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;
	height:625px;
}
body {
	/*letter-spacing:.03em;*/
	text-align:left;
	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:left;
	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:271px;
	background:url(images/topWhiteBoxBG.gif) no-repeat;
}
#home_topBlueBar {
	clear:both;
	margin:0 5px 0 5px;
	width:950px;
	height:79px;
	background:url(images/home_topBlueBarBG.gif) no-repeat;
}
#home_findLocalAndNav {
	float:left;
}
#home_findLocal {
	margin:8px 0 5px 9px;
	color:#9495e8;
	font-size:12px;
	float:left;
	width:334px;
	height:30px;
	background:url(images/home_findLocalBG.gif) no-repeat;
}
#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:13px 0 0 9px;
	clear:both;
}
#home_BlueLiveUnited {
	float:right;
}
#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:950px;
	height:36px;
	background:url(images/home_headlinesBG.gif) no-repeat;
	margin:auto;
}
#home_headlines .inside {
	font-size:12px;
	color:#999999;
	padding:10px 0 0 15px;
}
#home_headlines .inside h2 {
	color:#999999;
	font-family:arial;
	font-size:11pt;
	margin-right:20px;
	float:left;
}
#home_fourBtmBoxes {
	margin:auto;
	width:950px;
}
#home_fourBtmBoxes .singleBox {
	float:left;
	width:233px;
	height:142px;
	margin-left:6px;
}
#home_fourBtmBoxes .singleBox_first {
	float:left;
	width:233px;
	height:142px;
	margin-left:0 !important;
}
#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 #join {
	background:url(images/home_btmBox_join.gif) no-repeat;
}
#home_fourBtmBoxes #join .inner {
	padding:112px 0 0 105px;
}
#home_fourBtmBoxes #highlights {
	background:url(images/home_btmBox_highlights.gif) no-repeat;
}
#home_fourBtmBoxes #highlights .inner {
	padding:47px 30px 0 65px;
}
#home_fourBtmBoxes #ourWork {
	background:url(images/home_btmBox_ourWork.gif) no-repeat;
}
#home_fourBtmBoxes #ourWork .inner {
	padding:50px 100px 0 10px;
}
#home_fourBtmBoxes #buyShirt {
	background:url(images/home_generic_box.jpg) no-repeat;
}
#home_fourBtmBoxes #buyShirt .inner {
	padding:50px 100px 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:37px;
	padding:15px 0 0 10px;
	font-size:12px;
	color:#9b9ea8;
	float:left;
}
#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;
}
h1 a {
	margin:10px 0 5px 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 19px;
	font-weight:bold;
	color:#2f3196;
}
h1 a:link {
	margin:10px 0 5px 0;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 19px;
	font-weight:bold;
	color:#2f3196;
}
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;
}
/*#############################################
FORM STYLES BELOW
#############################################*/
.red {
	color:#f91515;
}
.noBorder {
	border-style:none;
}
.noBorderNoBg {
	border-style:none;
	background-color:transparent;
}
input, textarea, select {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #a09d9d;
}
input.niceField {
	background:transparent !important;
	border:1px solid #d9dae1;
}
/*#############################################
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 */
}