/* --------------------------------------------
	  child pixels / parent pixels = child ems
	  
	  gloabl elements
	  body.............12px / 16px(body) = .75 = 75% = 12px = 1em
	  p................12px / 12px = 1em
	  li...............12px / 12px = 1em
	  td...............12px / 12px = 1em
	  
	  headers
	  h1...............20px / 12px = 1.67em slightly larger than 20, but IE will round down, exact is 1.66666667
	  h2...............18px / 12px = 1.5em
	  h3...............16px / 12px = 1.33em
	  h4...............14px / 12px = 1.17em
	  h5...............12px / 12px = 1em
	  
	  contentSecondary
	  p................12px / 12px = 1em
	  p................11px / 12px = .92em
	  p................10px / 12px = .83em
	  

	  all nested elements are globally set to be 1em

	--------------------------------------------- */

	/*--------------------------------------------- */

	/* css reset */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	}



	a img { border: none; }

	ol, ul {
	list-style: none;
	}
	blockquote, q {
	quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
	content: '';
	content: none;
	}

	/* remember to define focus styles! */
	:focus {
	outline: 0;
	}

	/* remember to highlight inserts somehow! */
	ins {
	text-decoration: none;
	}
	del {
	text-decoration: line-through;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}

	body {
	background: #adb6ac url(/AccountTempFiles/account103233/images/bgrepeat.gif) repeat-y center; 
	}


	/* | page header styles
	   --------------------*/
	.container {
	margin: 0 auto;
	width: 960px;
	background: #fff; 
	}

	#wrapHeader {
	float: left;
	width: 960px;
	background:#b50938 url(/atf/cf/{fd809671-5979-4d43-bfb8-3301e4fc97eb}/ukBg.gif) 0 0 NO-REPEAT;
	padding-bottom: 8px;
	font-sizer: .9em;
	clear:both;
	}
	
		#wrapHeader > .gutter {
			/*border-bottom: 2px solid #5a041c;*/
			padding: 9px 20px 7px 20px;
			background: url(/AccountTempFiles/account103233/images/stripe.gif) repeat-x bottom;
		}

	.canada {
	background-image: url(/atf/cf/{fd809671-5979-4d43-bfb8-3301e4fc97eb}/canadaBg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
	.uk {
	
	background-repeat: no-repeat;
	background-position: 0 0;
	}

	#logo {
	float: left;
	width: 154px;
	}
		#logo .gutter {
			padding:9px 0 14px;
		}

	#wrapUtility {
	width: 700px;
	float: right;
	text-align:right;
	height: 73px;
	}
		#wrapUtility .gutter {
		
		}
	#utility-top {
		margin-bottom:15px;
	}
    #utility-top a{font-size:10px}
	#utility-search {
		background: url(/AccountTempFiles/account103233/images/bgsearch.gif) no-repeat;
		height: 16px; 
		width: 122px;
		float: right;
		margin-bottom:14px;
	}
		
	/* | main nav styles
	   -------------------*/
	#wrapNav {
	float: right;
	clear:right;
	position:relative;
	z-index:99999;
    width:630px;
   
	}
		#wrapNav .gutter {
		padding: 0px;
		}

	/* | wrapMedia styles
	   --------------------*/
	#wrapMedia {
	float: left;
    
	}
	#home #wrapMedia {
	margin-bottom: 10px;
	}
		#wrapMedia .gutter {
		padding: 0;
        
		}


	/* | content structure
	   --------------------*/
	   
	#wrapContentOuter {
	float: left;
	width: 960px;
	background: url(/AccountTempFiles/account103233/images/bgsidebarint.gif) repeat-y left ;
	}
	#home #wrapContentOuter{
	background: url(/AccountTempFiles/account103233/images/bgsidebar.gif) repeat-y right ;	
	}

		#home #wrapContentInner {
		width: 690px;
		float: left;
		}
        
        #threeCol #wrapContentInner {
		width: 752px;
		float: left;
		}
			#home #contentPrimary {
			width: 690px;
			float: left;
            background: url(/atf/cf/%7Bfd809671-5979-4d43-bfb8-3301e4fc97eb%7D/MAP_WATERMARK.GIF) no-repeat ;	
			}
            
			#twoCol #contentPrimary {
			width: 752px;
			float: left;
            background: url(/atf/cf/%7Bfd809671-5979-4d43-bfb8-3301e4fc97eb%7D/MAP_WATERMARK.GIF) 0px 100px no-repeat ;	
			}
			
			#threeCol #contentPrimary{
			width: 752px;
			float: left;
            background: url(/atf/cf/%7Bfd809671-5979-4d43-bfb8-3301e4fc97eb%7D/MAP_WATERMARK.GIF) 0px 200px no-repeat ;	
			}
				#contentPrimary .gutter {
				padding: 20px;
				}
		
		
			#contentSecondary {
			width: 208px;
			float: left;
			}
				#contentSecondary .gutter {
				padding: 0;
				}

		#contentSub {
		width: 270px;
		float: right;
		
		font-size: .9em;
		line-height: 1.2em;
		}
			#contentSub .gutter {
			padding: 0 0 0 0;
			background: 
			}
			#home #contentSub .gutter {
			padding: 7px 0 0 0;
			}

	#wrapFooter {
	margin: 0 auto;
	width: 960px;
	clear: both;
	border-top: 2px solid #bdc5bc;
	border-bottom: 1px solid #dce1dc;
	text-align:right;
	font-size: .9em;
	background: #eef0ee;
	font-family:Arial,Helvetica,sans-serif;
	}
		#wrapFooter .gutter {
		padding: 0;
		}

	/* ----------------------
	 | three column stlyes
	------------------------ */
	#threeCol #wrapContentInner {
		float:right;
	}
	#threeCol #contentSub  {
		float: left;
		width: 208px;
	}
	#threeCol #contentPrimary {
		float: left;
		/*width: 482px;*/
		width: 752px;
	}
	#threeCol #contentPrimary > .gutter {
		padding:7px 10px;
	}
	#threeCol #contentSecondary {
		float: right;
		width: 270px;
		display:none;
	}
	#threeCol #wrapContentInner {
		width: 752px;
	}

	/* ----------------------
	 | two column stlyes
	------------------------ */
	#twoCol #wrapContentInner {
		float:right;
	}
	#twoCol #contentSub  {
		float: left;
		width: 208px;
	}
	#twoCol #contentPrimary {
		float: left;
		width: 752px;
	}
	#twoCol #contentPrimary > .gutter {
		padding:7px 10px;
	}
	#twoCol #contentSecondary {
		float: right;
		width: 270px;
		display:none;
	}
	#twoCol #wrapContentInner {
		width: 752px;
	}

	/* ---------------------
	 | Flexi - Layout
	------------------------ */

	#wrapSectionPrimary {
	width: 100%;
	float: left;
	}
	.sectionA,
	.sectionB,
	.sectionC {
	line-height: 0;
	}
	#wrapSectionPrimary .gutter,
	#wrapSectionSecondary .gutter {
	line-height: normal;
	}

		#wrapSectionPrimary .sectionA {
		width: 100%;
		float: left;
		clear: both;
		}
			#wrapSectionPrimary .sectionA .gutter {
			padding: 10px;
			}
			
		#wrapSectionPrimary .sectionB {
		/*width: 49%;*/
		float: left;
		}
			#wrapSectionPrimary .sectionB .gutter {
			padding: 0;
			}
		
		#wrapSectionPrimary .sectionC {
		/*width: 49%;*/
		float: right;
		}
			#wrapSectionPrimary .sectionC .gutter {
			padding: 0;
			}

	#wrapSectionSecondary {
	width: 100%;
	float: left;
	}

		#wrapSectionSecondary .sectionA {
		width: 100%;
		float: left;
		clear: both;
		}
			#wrapSectionSecondary .sectionA .gutter {
			padding: 0;
			}
			
		#wrapSectionSecondary .sectionB {
		width: 49%;
		float: left;
		}
			#wrapSectionSecondary .sectionB .gutter {
			padding: 0;
			}
		
		#wrapSectionSecondary .sectionC {
		width: 49%;
		float: right;
		}
			#wrapSectionSecondary .sectionC .gutter {
			padding: 0;
			}

	/* --------------
	 | Table styles
	 --------------- */
	table {
	font-size: 1em;
	border-collapse: collapse;
	}
	td {
	vertical-align: top;
	padding: auto;
	}




	/* --------------
	 | List styles 
	 --------------- */

	#wrapContentOuter ul{
	list-style:disc;
	list-style-position: outside;
	margin: 0 0 1.5em 20px;
	padding: 0;
	}
	#wrapContentOuter ul ul {
	list-style:circle;
	margin-bottom: 0;
	padding: 0;
	}

	#wrapContentOuter ul li{
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	}

	#wrapContentOuter ol {
	list-style-position: outside;
	list-style:decimal;
	margin: 0 0 1.5em 23px;
	padding: 0;
	}
	#wrapContentOuter ol ol {
	list-style:lower-alpha;
	margin-bottom: 0;
	padding: 0;
	}

	#wrapContentOuter ol li {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	}

	/*  main nav */
	#wrapNav, #wrapNav ul ul { z-index:9998;  }
	#wrapNav ul li { float: left;   position:relative;  padding-bottom: 16px; }
	#wrapNav ul li:first-child a { border: 0; }
	#wrapHeader a:hover, #wrapNav ul li a:hover, #wrapNav ul li a.selected{ color: #000000 !important; }
	#wrapNav ul li a { display: block; float: left; line-height: 1em; border-left: 1px solid #fff;  margin-left: 10px; padding-left: 10px; font-weight:bold }
    #wrapNav ul li li a { display: block; float: left; line-height: 1em; border-left: 1px solid #fff;  margin-left: 7px; padding-left: 7px; font-weight:normal }
	
	#wrapNav ul li li a:hover { color: #000; }  

	#wrapNav ul li li {
	width:13em;
	clear:both;
	background: #acb6ab;
	border:0;
	padding:0; 
    z-index:9997 !important;
	}

	#wrapNav ul li li a {  color: #fff; text-align:left; padding: 7px;  border:0; }
	
    #wrapNav ul li ul, #wrapNav ul li:hover li ul, #wrapNav ul li:hover li:hover li ul, #wrapNav ul li:hover li:hover li:hover li ul {
	position:absolute;
	left:-50000px;
	float:left;
     
	}
	#wrapNav ul li li a:hover { color: #000; }
	#wrapNav ul li:hover ul {
	position:absolute;
	left:-7px;
	top:100%;

	}
	#wrapNav ul li:hover li:hover ul, #wrapNav ul li:hover li:hover li:hover ul, #wrapNav ul li:hover li:hover li:hover li:hover ul {
	position:absolute;
	left:100%;
	top:0;
	}
	/* =1.5 ie6 css */
	#wrapNav ul li ul, #wrapNav ul li.hover li ul, #wrapNav ul li.hover li.hover li ul, #wrapNav ul li.hover li.hover li.hover li ul {
height:1%;
	}*/
	


	/*  home secondary nav */

	#wrapContentOuter #contentSub ul#quick-links {
		margin: 0;
		padding: 0;
		list-style-type:none;
		margin-top: 25px;
	}
	#home #contentSub ul#quick-links {
		margin-top: 0;
		margin-bottom: 10px;
	}
	#home #quick-links li a {#wrapContentOuter #contentSub ul#quick-links
		height: 50px;
		line-height:45px;
		padding:0 15px 0 20px;
		color: #b50938;
		font-size: 15px;
		display: block;
		text-decoration:none;
	}

	#home #quick-links .donate {
		color: #fff;
		font-weight: bold;
		background: url(/AccountTempFiles/account103233/images/buttondonate.gif) repeat-x 0 0 ;
	}
	#home #quick-links .join{
	background: url(/AccountTempFiles/account103233/images/buttonjoin.gif) repeat-x 0 0 ;
	}
	#home #quick-links .enews {
	background: url(/AccountTempFiles/account103233/images/buttonnews.gif) repeat-x 0 0 ;
	}
	#home #contentSub #quick-links li a:hover { background-position: 0 -50px; }

	
	
	/* int secondary nav */
	#wrapContentOuter #contentSub ul { 
		margin: 0; 
		list-style-type:none;
	}
	#contentSub ul li{
		list-style-type:none;
	}
	#contentSub ul li a {
		padding: 5px 10px 6px 20px;
		color: #b50938;
		font-size: 11px;
		display: block;
		text-decoration:none;
		line-height: 1.2em;
		background: url(/AccountTempFiles/account103233/images/bgnavint.gif) repeat-x 0 0; 
	}
	#contentSub ul li li a { padding: 2px 10px 3px 35px; color: #000; }
	
	#contentSub ul li a:hover, #contentSub ul li a.selected { background-position: 0 -50px; color: #B50938; }
	 
	#quick-links ul li {
		list-style-type:none;	
	}
	#contentSub #quick-links li a {
		background: url(/AccountTempFiles/account103233/images/bgnavint.gif) repeat-x 0 -100px; 
	}
	#contentSub #quick-links li a:hover, #contentSub #quick-links li a.selected { background-position: 0 -50px; }

	/* footer nav */
	#footer-nav { 
		list-style-type:none;
		margin: 0;
		padding: 6px 10px 6px 20px;
		float: left;
		color: #acb6ab;
	}

	#wrapFooter #footer-nav a {
		color: #858985;
		border-left: 1px solid #acb6ab;
		float: left;
		display:block;
		margin-left: 5px;
		padding-left: 5px;
	}
	#wrapFooter #footer-nav a:first-child {
		border-left: 0;
		padding-left: 0px;
		margin-left: 0;
	}




	/* ----------------
	 | Skipnav styles
	 --------------- */
	a.skip {
	position: absolute;
	top: -50em;
	font-size: 1.2em;
	font-weight: bold;
	}

	a.skip:hover,
	a.skip:active,
	a.skip:focus {
	position: absolute;
	left: 50%;
	top: 0;
	background: #fff;
	padding: .5em;
	text-align: center;
	margin: 0 auto 0 -10em;
	display: block;
	width: 20em;
	}

	/* ----------------------------
	 | quarantined styles used for
	   browser hacks and filters
	------------------------------- */
	* html #wrapHeader,
	* html #wrapNav,
	* html #wrapMedia {
	height: 1%; /* ie6 hasLayout */
	}
	.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

	* html .clearfix {
	zoom: 1;
	display: block;
	}

	*:first-child+html .clearfix {
	zoom: 1; 
	display: block;
	}

	/*---CLEARFIX---*/
	.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

	.clearfix {
	display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


#quicklinks{float:right; clear:right;}