/* @override 
	http://localhost:8888/beanstalkUF/ins_j003/css/screen.css
*/

@import url(/stylesheets/sitemap.css);


/*
	Colours:
	
	Blue: #1384c6
	Yellow: #fffa1e
	Body: #191919
	Green: #5ac81e
	Red: #f10c0c
*/	
	
/*	CSS Reset
	Modified from http://meyerweb.com/eric/tools/css/reset/ */

* {
	margin: 0;
}

html, body, div, span, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, cite,
em, img, strong, sub, sup, tt, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	background-repeat: no-repeat;
}

/*	Base Styles */
	
.access {
	display: none;
}

body {
	line-height: 1;
	background-color: #191919;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	/* Base font size for sizing with ems */
	font-size: 76%;
}

ol, ul {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-bottom: 1em;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#social-network-icons {
  float: left;
  padding-left: 272px;
  margin-top: 5px;
}
  #social-network-icons a {
    display: block;
    text-indent: -9999px;
    float: left;
    margin-right: 10px;
		padding: 0;
  }
    #social-network-icons a:hover {
      background-position: 0 -44px;
    }  
  #social-network-icons .facebook-icon {
    background: transparent url(/images/icn/facebook.png) no-repeat 0 0;
    width: 80px;
    height: 24px;
  }
  #social-network-icons .twitter-icon {
    background: transparent url(/images/icn/twitter.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
  }  
  #social-network-icons .rss-icon {
    background: transparent url(/images/icn/rss-nav.png) no-repeat 0 0;
    width: 24px;
    height: 24px;
  }

/*	Document Structure */

#page {	
	background-color: #191919;	
	position: relative;
}

	#content {
		padding: 155px 57px 0;
		margin: 0 auto;
		overflow: hidden;
		width: 908px;
		background-color: #000;		
	}
	
		#primary {
			float: right;
			width: 640px;
		}
		.factsheet #primary {
			width: 648px;
		}
		
		#secondary {
			float: left;
			width: 231px;
		}

	#header {
    background: #2D2B2C url('/images/layout/bg-header.gif') repeat-x 0 0;
		height: 155px;
		position: absolute;
		top: 0;
		width: 100%;		
	}
		#header-inner {	
			width: 1032px;
			height: 155px;
			margin: 0 auto;
			position: relative;
		}
	
		#logo {
		  background-image: url("/images/layout/logo.gif");
      height: 120px;
      margin: 0 0 0 50px;
      width: 198px;
		}
		#logo a {
		  display: block;
		  height: 120px;
      width: 198px;
      text-indent: -999em;
		}
		
	
	#footer {
		clear: both;		
	}
		#footer-inner {
			width: 1022px;
			margin: 0 auto;
			background-color: #000;
			padding-top: 30px;
		}
		
/*	Basic Text Styles */

p {
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 0em 0em 1.0em 0em;
}

h1 {
	font-size: 1.9em;
	font-weight: normal;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	color: #fffa1e;
	margin: 0.8em 0em 0.6em 0em;
}

h2 {
	font-size: 1.2em;
	margin: 17px 0em 17px 0em;
	font-weight: bold;
}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 12px 0em;
	font-weight: bold;
}

h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}

a {
  color: #ffffff;
}

a:hover {
  color: #FFFA1E;
}

h3 a {
  color: #FFFA1E;
  text-decoration: none;
}

/* Lists */

ul.inline li {
	float: left;
}

li {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
}
	li ul,
	li ol {
		margin-left: 14px;
	}

#contact-form li,
#Password-form li,
#account-details-form li,
#forum-form li,
#login-form li,
#forgot-password-form li,
#Password-reset-form li,
#secondary li,
.carousel li,
#header li,
#commentsPagination li,
.meta li,
.inline li,
#toolbar li {
	list-style: none;
	list-style-position: outside;
}

/* Page Layout */


.intro {
	margin-top: 0;
}

.outro {
	border-top: 2px solid #999;
	clear: both;
	margin-bottom: 36px;
	padding-top: 0.2em;
	line-height: 2.5em;
}

.datestamp {
	float: right;
}

.paginator {
	float: right;
	margin-top: 0;
}

	ol.paginator {
		line-height: 1.2em;
	}
	
	.paginator li {
		display: inline;
		line-height: 1.2em;
	}
	
	.paginator a {
		background-image: url('/images/bull/vertbar.gif');
		padding-left: 6px;
		margin-left: 2px;
		background-position: left center;		
	}

	.paginator  a:link { color: #fff; text-decoration: underline; }
	.paginator  a:visited	{ color: #eee; text-decoration: underline; }
	.paginator  a:active { color: #1384c6; text-decoration: underline; }		
	.paginator  a:hover { color: #1384c6; text-decoration: underline; }
	
/* Section Nav */

#secondary h3 {
	margin-top: 8px;
}
	.factsheet #secondary h3 {
		margin-top: 0;
	}

	#secondary h3.find a {
		background: #000 url('/images/hdr/find.png') no-repeat;
		display: block;
		width: 110px;
		height: 57px;
		text-indent: -9999px;
	}
		
.sitemap .section h3 a {
	background-color: #000;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 13px 0;
	height: 41px;
	text-indent: -9999px;
}
	.sitemap .find h3 a {
		background-image: url(/images/hdr/find_s.png);
		width: 81px;
	}
	.sitemap .explore h3 a {
		background-image: url(/images/hdr/explore_s.png);
		width: 135px;
	}
	.sitemap .connect h3 a {
		background-image: url(/images/hdr/connect_s.png);
		width: 140px;
	}
		.sitemap .section h3 a:link,
		#secondary h3.find a:link  		{ background-position: -2px 2px }
		.sitemap .section h3 a:visited,
		#secondary h3.find a:visited	{ background-position: -2px 2px }
		.sitemap .section h3 a:active,
		#secondary h3.find a:active		{ background-position: -4px 4px }
		.sitemap .section h3 a:hover,
		#secondary h3.find a:hover 		{ background-position: 0 0 }

#secondary.categories span.divider,
#secondary.filters span.divider,
#secondary.factsheets span.divider {
	display: block;
	width: 231px;
	height: 20px;
	background: #1384c6 url('/images/bg/cat-nav.png') center bottom;	
	margin-bottom: 14px;
}

#secondary.factsheets div.section {
	padding-bottom: 20px;
	background: #1384c6 url('/images/bg/cat-nav.png') center bottom;	
	margin-bottom: 14px;
}

#secondary.categories h4 {
	background: #1384c6 url('/images/bg/cat-nav.png');
	display: block;
	width: 191px;
	margin: 0;
	padding: 20px 20px 12px 20px;
	text-transform: uppercase;
	font-size: 1.7em;
}

	#secondary.categories ul {
		background: #1384c6 url('/images/bg/cat-nav.png') 0px -55px;
		display: block;
		margin-bottom: 0;
	}

		#secondary.categories ul li {
			margin: 0 20px;
			font-weight: bold;
			line-height: 1.5em;
			display: block;
			width: 167px;
			padding: 0 0 0 20px;
			background-image: url('/images/bull/bullet-off.gif');
			background-position: 0 0.4em;
		}
		
			#secondary.categories ul li.active {
				background-image: url('/images/bull/bullet-active.gif');
			}
	
			#secondary.categories ul li a {
				background-position: 0.3em 0.5em;
				margin: 0;
			}
	
				#secondary.categories ul li a:link { color: #fff; text-decoration: none; }
				#secondary.categories ul li a:visited { color: #eee; text-decoration: none; }
				#secondary.categories ul li a:active { color: #fffa1e; text-decoration: underline; }		
				#secondary.categories ul li a:hover { color: #fffa1e; text-decoration: underline; }

				#secondary.categories ul li.active a:link,
				#secondary.categories ul li.active a:visited {
					color: #fffa1e;
				}		

#secondary.filters h4 {
	text-transform: uppercase;
}

#secondary.filters p {
	margin: 2em 0 1em;
	font-weight: bold;
}
	
#secondary.filters ul li {
	margin: 3px 0;
}

	#secondary.filters ul li a {
		background: #000 url('/images/btn/filters.png') no-repeat;
		display: block;
		width: 113px;
		height: 37px;
		text-indent: -9999px;
	}

		#secondary.filters ul li.f0 a.off { background-position: 0px 0px; }
			#secondary.filters ul li.f0 a.on { background-position: -5px 5px; }
	
		#secondary.filters ul li.f1 a.off { background-position: 0px -42px; }
			#secondary.filters ul li.f1 a.on { background-position: -5px -37px; }	

		#secondary.filters ul li.f2 a.off { background-position: 0px -84px; }
			#secondary.filters ul li.f2 a.on { background-position: -5px -79px; }			

		#secondary.filters ul li.f3 a.off { background-position: 0px -126px; }
			#secondary.filters ul li.f3 a.on { background-position: -5px -121px; }

		#secondary.filters ul li.f4 a.off { background-position: 0px -168px; }
			#secondary.filters ul li.f4 a.on { background-position: -5px -163px; }

		#secondary.filters ul li.f5 a.off { background-position: 0px -210px; }
			#secondary.filters ul li.f5 a.on { background-position: -5px -205px; }

		#secondary.filters ul li.f6 a.off { background-position: 0px -252px; }
			#secondary.filters ul li.f6 a.on { background-position: -5px -247px; }	

													
#secondary.factsheets h4 {
	background: #1384c6 url('/images/bg/cat-nav.png');
	display: block;
	width: 191px;
	margin: 0;
	padding: 21px 20px 14px 20px;
	font-size: 1.2em;
	color: #fffa1e;
}

	#secondary.factsheets ul {
		background: #1384c6 url('/images/bg/cat-nav.png') 0px -55px;
		display: block;
	}

		#secondary.factsheets ul li {
			margin: 0 20px;
			font-weight: bold;
			line-height: 1.2em;
			display: block;
			width: 191px;
			padding: 0.3em 0 0 0;
		}
	
				#secondary.factsheets ul li a:link { color: #fff; text-decoration: underline; }
				#secondary.factsheets ul li a:visited { color: #eee; text-decoration: underline; }
				#secondary.factsheets ul li a:active { color: #fffa1e; text-decoration: underline; }		
				#secondary.factsheets ul li a:hover { color: #fffa1e; text-decoration: underline; }

				#secondary.factsheets ul li.active a:link,
				#secondary.factsheets ul li.active a:visited {
					color: #fffa1e;
				}

/* Blog tag/rss/archives sidebar */
.blog #secondary,
.forum #secondary {
	width: 197px;
}

.blog #secondary .section,
.forum #secondary .section {
	background: #181717;
	border-top: 1px solid #484848;
	margin-bottom: 3px;
	clear: left;
	padding: 9px 10px 10px;
}
.blog #secondary h4,
.forum #secondary h4 {
	font-size: .9em;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.blog #secondary li,
.forum #secondary li {
	line-height: 1.4em;
}
	.blog #secondary .RSS li {
		line-height: 1.6em;
	}
	
.blog #secondary ul ul {
	margin-left: 6px;
}

.blog #secondary .section a,
.forum #secondary .section a {
	color: #fff;
	font-size: .9em;
}
	.blog #secondary a:hover,
	.forum #secondary a:hover {
		color: #fffa1e;
	}
	
.RSS a {
	padding-left: 22px;
	min-height: 16px;
	display: block;
	background:url(/images/icn/rss.png) center left no-repeat ;
}

.tag-cloud {
	background: transparent url(/images/bg/tag-cloud.gif);
	padding: 18px 8px;
	overflow: hidden;
}
	.tag-cloud li {
		display: -moz-inline-box;
		display: inline-block;	
		margin-bottom: 3px;
	}
		.tag-cloud span {
			position: absolute;
			left: -999em;
		}
		.tag-cloud a {
			text-decoration: none;
			background: #414141;
			padding: .2em .5em;
			margin: 0 3px 4px 0;
			white-space: nowrap;
		}
			#secondary .tag-cloud a:hover {
				background: #cb0040;
				color: #fff;
			}
	.tag-cloud .size1 {
		font-size: .9em;
	}
	.tag-cloud .size2 {
		font-size: 1.1em;
	}
	.tag-cloud .size3 {
		font-size: 1.3em;
	}
	.tag-cloud .size4 {
		font-size: 1.5em;
	}
	.tag-cloud .size5 {
		font-size: 1.8em;
	}

/* Blog */

.blog a,
.factsheet a,
.diary a {color: #000;}
.blog a:hover,
.factsheet a:hover,
.diary a:hover {color: #1384c6;}

.blog .main {
	float: left;
	background: #fff url(/images/bg/border-side.gif) 0 0 repeat-y;
	color: #000;
	position: relative;
	z-index: 50;
}
	.blog.front .main {
		width: 367px; /* width - padding */
		padding: 0 18px 0 28px;
	}
	.blog h1 {
		color: #000;
		background:  #fff url(/images/bg/H1blog.png) 0 0 no-repeat;
		padding: 14px 0 17px 28px;
		min-height: 28px;
		margin: 0;
	}
  .blog.front h1 { margin: 0 -18px 0 -28px; }
	.blog.item h1 { 
    background-image: url(/images/bg/H1blog-wide.png); 
    min-width: 612px;
  }
		
.blog .main h2 {
	font-size: 1.6em;
	margin-bottom: 0;
	padding-bottom: 17px;
	background: transparent url(/images/comments/comments_dashed_line.png) repeat-x 0 100%;
}
.blog #primary h3 {
	font-size: 1.3em;
	margin: 0 0 15px 0;
	font-weight: bold;
}
	.blog .aside h3 {
		font-family: arial, sans-serif;
		font-size: 1.1em;
	}
	.blog h3 a {
		text-decoration: none;
	}
	.blog .aside p {
		font-size: .9em;
		line-height: 1.3em;
	}
  
.blog .pagination {
	background: transparent url(/images/bg/border-bottom.gif) 100% 100% no-repeat;
	margin: 0 -18px 0 -28px;
	padding: 28px 0 37px 28px;
}

.ugc-preview #flash_success {
  border: 2px solid #00ff00;
  color: #000000;
  padding: 10px 10px 0;
  background-color: #ffffff;
  margin-bottom: 20px;
}
  .ugc-preview #flash_success .flash_close {
    margin-left: 10px;
  }

.ugc-preview #content .label {
  font-size: 1.6em;
  padding: 30px 0 10px;
  font-weight: bold;
  display: block;
}

.ugc-preview #content .excerpt {
  margin-top: 15px;
  padding: 15px 15px 0;
  
  border: 1px solid #999999;
}

.ugc-preview #content .main {
  margin-bottom: 30px;
}

.ugc-preview .blog-post-body {
  padding-bottom: 15px;
}

.ugc-preview .button-holder {
  margin-top: 20px;
}

/* Archive listing - Hacks to get layout working for archives (tag/topic/date) */
.archive-listing .main {  
  float: none;	
}
.archive-listing h1 {
  background: #FFFFFF url(/images/bg/H1blog-wide.png) no-repeat scroll 0 0;  
}
.archive-listing h2 {
  padding-left: 28px;
}
.archive-listing .article {
  padding:15px 18px 22px 28px;
}
.archive-listing .pagination {
  margin: 0;  
}

.article {
	background: transparent url(/images/comments/comments_dashed_line.png) repeat-x 0 100%;
	padding: 15px 0 22px 0;
	overflow: hidden;
}
	.blog.item .article {
		background: transparent url(/images/bg/border-bottom.gif) 100% 100% no-repeat;
		padding: 15px 18px 22px 28px;
	}
	.article.last {
		background-image: none;
	}
	.article p {
		line-height: 1.5em;	
	}
	.article img {  
		float: right;
		margin: 0 0 15px 20px;
	}
.article .meta {
	font-size: .8em;
}
	.article .meta li,
	.article .meta dt,
	.article .meta dd {
		display: inline;
		line-height: 1.2em;		
	}
	.aside .article .meta li {
		line-height: 1em;
	}
a.continue span {
	position: absolute;
	left: -999em;
/*  width: 990em;  */
}

a.ext-link {
  background: transparent url('/images/white-arrow.png') no-repeat right center;
  padding:1px 12px 0 0;
}

#content .article h1,
.main .article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	background: none;
	color: #000;
	padding: 0;
	margin: 0 0 .3em 0;
}
	
#content .article h1 {
	font-size: 1.8em;
}
.article h2 {
	font-size: 1.5em;
}
.article h3 {
	font-size: 1.3em;
}
.article h4 {
	font-size: 1.2em;
}
.article h5 {font-size: 1.1em;}
.article h6 {font-size: 1.0em;}

/* Blog right sidebar */
.blog .aside {
	float: left;
	width: 227px;
	margin-top: 97px;
	color: #000;
}

.blog .aside .section {
	background: #edecec url(/images/bg/border-gradient-bottom.png) 100% 100% no-repeat;
	padding: 0 20px 27px 20px;
	margin: 0 0 13px 0;
}

.blog .aside h2 {
	color: #fff;
	margin: 0 -20px 0 -20px;
	padding: 8px 20px 6px 20px;
	text-transform: uppercase;
	font-size: 1.3em;
  line-height: 1em;
}

	.aside .about h2 {	
		background: #7cbf00 url(/images/bg/H2about.png) 0 0 repeat-y; 
		margin-bottom: 15px;
	}
	.aside .ugc-widget h2 {	
		background: #e73333 url(/images/bg/ugc-title.png) 0 0 repeat-y;
    margin-bottom: 15px;
	}  
	.featured h2 {	
		background: #e73333 url(/images/bg/H2featured.png) 0 0 repeat-y;
	}

.pagination li {
	display: inline;
}	
	.pagination .last {
		margin-left: 10px;
	}

/* Toolbar (blog) */

#toolbar {
	position: absolute;
	top: 20px;
	right: 50px;
	z-index: 99;
	background: transparent;
	color: #000;
	font-size: .9em;
	margin: 0;
}	

#toolbar a {
	text-decoration: none;
	padding: 2px 0 2px 24px;
	background: transparent url(/images/icn/toolbar-icons.png) 0 0 no-repeat;
	cursor: pointer;
}
	#toolbar #comments a {background-position: 0 0;}
	#toolbar #tag a {background-position: 3px -38px;}
	#toolbar #share a {background-position: 8px -77px;}
	#toolbar #print a {background-position: 4px -118px;}
	#toolbar #download a {background-position: 9px -346px;}
	
	#primary #toolbar a:hover {
		text-shadow: #666 1px 1px 4px; 
		color: #1384c6;
	}
		
	#toolbar #comments a:hover {background-position: 0 -20px;}
	#toolbar #tag a:hover {background-position: 3px -58px;}
	#toolbar #share a:hover {background-position: 8px -157px;}
	#toolbar #print a:hover {background-position: 4px -138px;}
	#toolbar #download a:hover {background-position: 9px -366px;}
		
	#toolbar #tag .open,
	#toolbar #tag .open:hover {background-position: 3px -58px;}
	#toolbar #share .open,
	#toolbar #share .open:hover {background-position: 8px -97px;}
	
#toolbar li {
	display: inline;
	padding: 0 0 11px 8px;
	position: relative;
	float: left;
}
	
	#toolbar ul {
		background: #fff;
		position: absolute;
		left: 10px;
		top: 27px;
		margin: 0;
		min-width: 12.3em;
		border: 1px solid #d9d9d9;
		border-top: none;
		display: none;
	}
	
.factsheet #toolbar #share ul {
}	
		#toolbar ul li {display: block;}
		#toolbar ul ul {position: static; border: none;}

#tag ul {
	padding: 10px 0 0 0;
}

/* Toolbar (diary) */
.diary #toolbar {
	top: 6px;
	right: 15px;
	height: 32px;
	line-height: 32px;
}

.diary #toolbar a {
	background: transparent url(/images/icn/toolbar-icons-diary.png) 0 0 no-repeat;
	padding: 0 10px 0 24px;
	display: inline-table;
}
	.diary #toolbar ul a {
		background-image: none; /* Remove styles for dropdown a */
		padding: 0;
	}
	.diary #toolbar #comments a {background-position: 0 -1px;}
	.diary #toolbar #tag a {background-position: 3px -82px;}
	.diary #toolbar #share a {background-position: 7px -201px;}
	.diary #toolbar #print a {background-position: 2px -363px;}
	.diary #toolbar #download a {background-position: 6px -443px;}
		
	.diary #toolbar #comments a:hover {background-position: 0 -41px;}
	.diary #toolbar #tag a:hover {background-position: 3px -122px;}
	.diary #toolbar #share a:hover {background-position: 7px -241px;}
	.diary #toolbar #print a:hover {background-position: 2px -403px;}
	.diary #toolbar #download a:hover {background-position: 6px -482px;}
		
	.diary #toolbar #tag .open,
	.diary #toolbar #tag .open:hover {
		background-position: -3px -160px;
		color: #fff;
	}
	.diary #toolbar #share .open,
	.diary #toolbar #share .open:hover {
		background-position: 0px -322px;
		color: #fff;
	}
		.diary #toolbar li li a {color: #000;}
			.diary #toolbar li li a:hover {color: #1384c6;}
			
	.diary #toolbar ul {
		top: 32px;
		padding-bottom: 10px;
		background: #fff url(/images/bg/diary-dropdown.gif) 0 0 repeat-x;
	}

/* Toolbar (factsheet) */
.factsheet #toolbar {
	top: 3px;
	right: 28px;
	margin: 0;
	height: 30px;
	line-height: 30px;
}
	.factsheet #toolbar a {
		background: transparent url(/images/icn/toolbar-icons-factsheet.png) 0 0 no-repeat;
		padding: 0 10px 0 24px;
		display: inline-table;
	}
	.factsheet #toolbar ul {
		top: 32px;
		left: 8px;
		padding-bottom: 10px;
	}
	.factsheet #toolbar ul a {
		background-image: none; /* Remove styles for dropdown a */
		padding: 0;
	}
	.factsheet #toolbar #comments a {background-position: 0 -1px;}
	.factsheet #toolbar #tag a {background-position: 3px -82px;}
	.factsheet #toolbar #share a {background-position: 7px -201px;}
	.factsheet #toolbar #print a {background-position: 2px -363px;}
	.factsheet #toolbar #download a {background-position: 6px -443px;}
		
	.factsheet #toolbar #comments a:hover {background-position: 0 -41px;}
	.factsheet #toolbar #tag a:hover {background-position: 3px -122px;}
	.factsheet #toolbar #share a:hover {background-position: 7px -241px;}
	.factsheet #toolbar #print a:hover {background-position: 2px -403px;}
	.factsheet #toolbar #download a:hover {background-position: 6px -482px;}
		
	.factsheet #toolbar #tag .open,
	.factsheet #toolbar #tag .open:hover {
		background-position: -3px -160px;
	}
	.factsheet #toolbar #share .open,
	.factsheet #toolbar #share .open:hover {
		background-position: 0px -322px;
	}
		.factsheet #toolbar li li a:hover {color: #1384c6;}
			


/* Tag - login msg */
#tag li#login2tag {
	padding: 0 10px 10px;
	display: none;
}		
	#tag em {
		font-style: normal;
		font-weight: bold;
	}
	#login2tag a {text-decoration: underline;}
	#login2tag span {display: block;}

/* Tag - radio buttons */	
#toolbar li#tag-it {
	display: none;
}
	#tag-it legend {font-weight: bold;}
	#tag-it li {
		padding: 0; 
		clear: left; 
		display: inline;
	}

	#tag-it label {cursor: pointer;}
		#tag-it label.focused {color: #0070be;}

	#tag-it input {
		position: absolute;
		top: 50%;
		margin-top: -.6em;
		left: 6.5em;
	}				
	
	#tagButton input {
		clear: left;
		margin-top: 10px;
		position: static;
		background: #d3cfcf;
		border-top: 1px solid #e9e6e6;
		border-right: none;
		border-bottom: none;
		border-left: 1px solid #acacac;			
		cursor: pointer;
		padding: 2px 5px;
	}			
		#tagButton input:active {
			background: #0070be;
			color: #fff;
		}
/* Tag - graphs */
#toolbar li#graphs {
	 display: block;  /* Uncomment this */
}
#graphs dl {
	min-width: 174px;
	float: left;
}

#graphs dt {
	float: left;
	width: 5.5em;
	clear: left;
}
#graphs dd {
	position: relative;
	float: left;
	width: 8.3em; /* 100px  */
	height: 1em;
	margin: .4em 0;
	background-color: #f4f4f4;
}
	#graphs dd span {
		position: absolute;
		display: block;
		height: 1em;
		top: 0;
		left: 0;
		z-index: 1;
		color: #555;
		background: #adadad;
	}
		#graphs dd span em {
			font-size: .8em;
			line-height: 1em;
			display: none;
			font-weight: normal;
			background-color: #FDF7F0;
			background: rgba(253,247,240,.8);
			border: 1px solid #adadad;
			border-color: rgba(173,173,173,.7);
			padding: 2px 3px;
			position: absolute;
			left: 90%;
			bottom: 50%;
		}
			#graphs dd:hover span em {
				display: block;
			}
		
#graphs .prevSelect {background: #fffa1c;}
#graphs .select {background: #1384c6;}

.p1 {width: 1%;}
.p2 {width: 2%;}
.p3 {width: 3%;}
.p4 {width: 4%;}
.p5 {width: 5%;}
.p6 {width: 6%;}
.p7 {width: 7%;}
.p8 {width: 8%;}
.p9 {width: 9%;}
.p10 {width: 10%;}
.p11 {width: 11%;}
.p12 {width: 12%;}
.p13 {width: 13%;}
.p14 {width: 14%;}
.p15 {width: 15%;}
.p16 {width: 16%;}
.p17 {width: 17%;}
.p18 {width: 18%;}
.p19 {width: 19%;}
.p20 {width: 20%;}
.p21 {width: 21%;}
.p22 {width: 22%;}
.p23 {width: 23%;}
.p24 {width: 24%;}
.p25 {width: 25%;}
.p26 {width: 26%;}
.p27 {width: 27%;}
.p28 {width: 28%;}
.p29 {width: 29%;}
.p30 {width: 30%;}
.p31 {width: 31%;}
.p32 {width: 32%;}
.p33 {width: 33%;}
.p34 {width: 34%;}
.p35 {width: 35%;}
.p36 {width: 36%;}
.p37 {width: 37%;}
.p38 {width: 38%;}
.p39 {width: 39%;}
.p40 {width: 40%;}
.p41 {width: 41%;}
.p42 {width: 42%;}
.p43 {width: 43%;}
.p44 {width: 44%;}
.p45 {width: 45%;}
.p46 {width: 46%;}
.p47 {width: 47%;}
.p48 {width: 48%;}
.p49 {width: 49%;}
.p50 {width: 50%;}
.p51 {width: 51%;}
.p52 {width: 52%;}
.p53 {width: 53%;}
.p54 {width: 54%;}
.p55 {width: 55%;}
.p56 {width: 56%;}
.p57 {width: 57%;}
.p58 {width: 58%;}
.p59 {width: 59%;}
.p60 {width: 60%;}
.p61 {width: 61%;}
.p62 {width: 62%;}
.p63 {width: 63%;}
.p64 {width: 64%;}
.p65 {width: 65%;}
.p66 {width: 66%;}
.p67 {width: 67%;}
.p68 {width: 68%;}
.p69 {width: 69%;}
.p70 {width: 70%;}
.p71 {width: 71%;}
.p72 {width: 72%;}
.p73 {width: 73%;}
.p74 {width: 74%;}
.p75 {width: 75%;}
.p76 {width: 76%;}
.p77 {width: 77%;}
.p78 {width: 78%;}
.p79 {width: 79%;}
.p80 {width: 80%;}
.p81 {width: 81%;}
.p82 {width: 82%;}
.p83 {width: 83%;}
.p84 {width: 84%;}
.p85 {width: 85%;}
.p86 {width: 86%;}
.p87 {width: 87%;}
.p88 {width: 88%;}
.p89 {width: 89%;}
.p90 {width: 90%;}
.p91 {width: 91%;}
.p92 {width: 92%;}
.p93 {width: 93%;}
.p94 {width: 94%;}
.p95 {width: 95%;}
.p96 {width: 96%;}
.p97 {width: 97%;}
.p98 {width: 98%;}
.p99 {width: 99%;}
.p100 {width: 100%;}


#share,
#tag {cursor: pointer;}
#share ul,
#tag ul {
	cursor: default;
}	
	#share li {
		padding: 5px 5px 5px 34px;
		background: transparent url(/images/icn/toolbar-icons.png) 14px -175px no-repeat;
		line-height: 1.3em;
	}
	#toolbar ul a {
		padding: 0;
		background: none;
	}
	li#email {background-position: 14px -174px;}
	li#facebook {background-position: 14px -206px;}
	li#myspace {background-position: 14px -235px;}
	li#twitter {background-position: 14px -266px;}
	li#delicious {background-position: 14px -296px;}
		
		#share  ul a:hover,
		#tag ul a:hover {text-shadow: none;}
	
/* Folders */

.folder {
	width: 312px;
	float: left;
	min-height: 200px;
	height: auto !important;
	height: 200px;	
	margin: 0 8px 8px 0;
	cursor: pointer;
}

.folder .folderdetails {
	float: right;
	width: 158px;
}

	.folder h3 {
		margin: 0px;
	}

		.folder h3 a {
			display: block;
			padding: 9px 9px 9px 16px;
			background: #1384c6 url('/images/bg/folder-h1.png') 158px 0px;
		}
	
		.folder h3 a:link { color: #000; text-decoration: none; }
		.folder h3 a:visited	{ color: #000; text-decoration: none; }
		.folder h3 a:active { color: #fff; text-decoration: none; }		
		.folder h3 a:hover { 
			color: #fff; 
			text-decoration: none;
			background-position: 0px 0px;
		 }
		 
		 .hover .folderdetails a { background-position: 0px 0px; }
		 .hover .folderdetails a:link { color:#fff; }
		 .hover .folderdetails a:visited { color:#fff; }
		 .hover .folderdetails a:active { color:#fff; }
	
	.folder .title {
		display: block;
	}

	.folder .subtitle {
		display: block;
		font-size: 0.8em;
	}
	
	.folder p,
	.folder ul {
		display: block;
		padding: 9px 9px 6px 16px;
		background: #e7e5e5 url('/images/bg/folder-p.gif') repeat-y;
		margin: 0;
		line-height: 1.1em;
		color: #000;
	}
	  .folder p {
	    font-size: 1.05em;
	  }
		.folder p.access {
			display: none;
		}
	
		.folder .links {
			background: #e7e5e5 url('/images/bg/folder-p-btm.gif') no-repeat center bottom;
			padding: 3px 9px 16px 16px;
		}
		
			.folder .links li {
				display: inline;
				padding: 0;
				margin: 0;
				line-height: 1.1em;				
			}
			
				.folder .links li.first {
					/*display: block;*/ /* Only needed if there are more links */
				}
				
				.folder .links li.last {
					background-image: url('/images/bull/vertbar-b.gif');
					padding-left: 6px;
					margin-left: 2px;
					background-position: left center;
				}
			
			.folder .links a:link { color: #000; text-decoration: underline; }
			.folder .links a:visited	{ color: #333; text-decoration: underline; }
			.folder .links a:active	{ color: #1384c6; text-decoration: underline; }		
			.folder .links a:hover { color: #1384c6; text-decoration: underline; }
			
	.folder .folderimg {
		padding-top: 9px;
		width: 154px;
		float: left;
	}

/* Files */
hr.clear {
  width: 0;
  height: 0;
  border: none;
  color: #000000;
  clear: both;
}

/* Not needed with hr.clear
.file.first_col {
  clear: both;
}*/

.file {
	background: #e7e5e5 url('/images/bg/file.png') no-repeat center bottom;	
	width: 311px;	
	float: left;
	min-height: 115px;
	height: auto !important;
	height: 103px;	
	margin: 0 8px 12px 0;
	padding-bottom: 12px;
	cursor: pointer; 
}

	.file h2 {
		background-image: url('/images/bg/file-top.png');
		background-color: #f0f0f0;
		display: block;
		padding: 9px 9px 3px 14px;	
		margin: 0;
	}
	
	.file h2 a:link    { text-decoration: none; }
	.file h2 a:visited { text-decoration: none; }
	.file h2 a:active  { text-decoration: none; }
	.file h2 a:hover   { text-decoration: none; }
					
	.fact h2 a:link { color: #ef8d00; }
	.fact h2 a:visited { color: #ef8d00; }
	.fact h2 a:active { color: #ef8d00; }
	.fact h2 a:hover { color: #ef8d00; }			
	
	.video h2 a:link { color: #5ac81e; }
	.video h2 a:visited { color: #5ac81e; }
	.video h2 a:active { color: #5ac81e; }
	.video h2 a:hover { color: #5ac81e; }
	
	.audio h2 a:link { color: #f10c0c; }
	.audio h2 a:visited { color: #f10c0c; }
	.audio h2 a:active { color: #f10c0c; }
	.audio h2 a:hover { color: #f10c0c; }		
	
	.file img {
		display: block;
		float: left;
		margin: 9px 9px 9px 14px;
	}	

	.file p {
		width: 206px;
		margin: 9px 0 0 90px;
		color: #000;
		font-size: 0.9em;
		line-height: 1.1em;
	}
	
	
	.file .clear {
		height: 8px;
		clear: both;
	}

		.file .clear hr {
			display: none;
		}

	.file p.media {
		line-height: 19px;
		background: transparent url('/images/icn/find-icons.png') no-repeat;		      padding-left: 15px;
	}
  
    .file p.media a {
  		padding: 2px 6px 2px 6px;
      background-color: #4d4d4d;
      text-decoration: none;
    }

      .file p.media.hover a,
      .file p.media:hover a {
        background-color: #EF8D00;
      }  

      .file p.media a:hover {
        color: #fff;  
      }
      
    .file p.video {
      background-position: 0 2px;
      padding-left: 18px;
    }    
      .file p.video.hover,
      .file p.video:hover {
        background-position: 0 -20px;        
      }
      
    .file p.audio {
      background-position: 0 -44px; 
      padding-left: 22px;           
    }    
      .file p.audio.hover,
      .file p.audio:hover {
        background-position: 0 -69px;        
      }      
      
    .file p.text {
      background-position: 0 -96px;
      padding-left: 22px;      
    }    
      .file p.text.hover,
      .file p.text:hover {
        background-position: 0 -127px;
      }
        
    .file .intro {
      font-size: 1.02em;
    }
/* Fact Sheets */


.factsheet .main {	
	background: #fff url(/images/bg/paper-repeat.jpg) 0px 150px repeat-y;
	position: relative;
	margin-top: 2.7em;
}

	.factsheet h1 {
		margin: 0;
		position: absolute;
		top: -.8em;
		left: 8px;
		letter-spacing: 1px;		
	}

	.factsheet .article {
		background: transparent url(/images/bg/paper-top.jpg) 0 0 no-repeat;
		padding: 94px 30px 30px 55px;
		color: #000;
	}	

	.factsheet .main h2 {
		font-size: 2.1em;
		color: #1384c6;
		margin: 28px 0 0 0;
		line-height: 0.8em;
		letter-spacing: 1px;
	}
		.factsheet .main h2.first-child {
			margin-top: 0;			
		}

	.factsheet .article p,
	.factsheet .article ul { 
		color: #000;
		line-height: 1.4em;
		margin: 0 0 0.7em 0;
	}


		.factsheet .article ul li {
			list-style: none;
			list-style-position: outside;
			margin: 0;
			padding-left: 20px;
			background-image: url('/images/bull/factsheet.gif');
			background-position: .3em .3em;
			line-height: 1.5em;
		}
	
.specs {
	background: #000 url('/images/bg/ppr-btm.jpg') no-repeat;
	clear: both;
	margin: 0;
	padding-top: 30px;
	line-height: 2.5em;
	font-size: 0.9em;
}

.factsheet .meta {
	float: left;
	color: #909090;
	font-size: .8em;
	width: 100%;
	height: 1.5em;
}
	.factsheet .meta .place {
		float: left;
		margin-left: 8px;
	}
	.factsheet .meta .published {
		float: right;
	}

	

.return {
	clear: left;
}

.return a {
	background: #000 url('/images/bg/to-top.png') no-repeat bottom right;	
	display: block;
	text-align: right;
	padding: 0 14px 3px 0;
	margin: 3em 0px 3em 0;
}

	.return a:link 		{ color: #fff; text-decoration: none; }
	.return a:visited	{ color: #fff; text-decoration: none; }
	.return a:active	{ color: #1384c6; text-decoration: none; }		
	.return a:hover 	{ color: #1384c6; text-decoration: none; }
	
.factsheet img.feature {
	background-image: url(/images/bg/polariod.png);
	padding: 44px 20px 30px 39px;
	float: right;
	margin: -35px 0 0 0;
}

.boombox {
	background: transparent	url(/images/bg/boombox.png) 0 0 no-repeat;
	width: 493px;
	height: 308px;
	position: relative;
	margin-top: -30px;
}
	.boombox .audio {
		background: black;
		width: 339px;
		height: 32px;
		position: absolute;
		top: 65px;
		left: 69px;
	}
.tv {
	background: transparent url(/images/bg/tv.png) 0 0 no-repeat;
	width: 537px;
	height: 445px;
	position: relative;
	margin-top: -10px;
}
	.tv .video {
		background: #dcdcdc;
		width: 384px;
		height: 288px;
		position: absolute;
		top: 29px;
		left: 24px;
	}

/* Member diary pages */
.diary.about #primary {width: 680px;}
.diary.about #primary h1 {
	margin: 0px 28px 60px;
}

.diary .main {
	background: #08466f url('/images/bg/about-content-bg.png') repeat-x left bottom;
	margin: 0 25px 2em 25px;
	padding: 15px 25px 0 25px;
	border: 1px solid #8ddbff;
	border-top: none;
	position: relative;
}
	.diary .main.rotator {
		margin-top: 168px;
		margin-right: 34px;
	}
	.diary .article {
		background: transparent;			
	}
	.diary .main h2 {
		color: #fffa1e;
		font-weight: normal;
		margin-bottom: 21px;
    display: inline;
	}
	.diary .main h3 {
		color: #fffa1e;
		font-size: 1em;
	}
	.diary .main p {
		line-height: 1.3em;
	}
	
	.diary .videoplayer {
		width: 384px;
		height: 288px;
		background: #efefef;
		margin-bottom: 20px;
	}
	.diary .audioplayer {
		width: 384px;
		height: 32px;
		background: #1a1a1a;
		margin-bottom: 20px;
	}

.diary #toolsWrap {
	position: absolute;
	top: -36px;
	right: -7px;
	background: transparent url(/images/bg/diary-lip.png) no-repeat 0 0;
	width: 639px;
	height: 38px;
}	
	.diary .rotator #toolsWrap {
		width: 695px;
		height: 147px;
		background: transparent url(/images/bg/diary-lip.png) no-repeat 30px 100%;
		top: -144px;
		right: -33px;
	}

/* About Pages */

.about #page #content {
	background-image: url('/images/bg/abt-main.jpg');
}
	.about #primary {
		width: 695px;
	}
		.about #primary h1 {
			margin: 0 28px .8em;
		}
		
	.about #contentarea {
		background: #08466f url('/images/bg/about-content-bg.png') repeat-x left bottom;
		margin: 0 31px 2em 31px;
		padding: 10px 25px 25px;
		border-left: 1px solid #8ddbff;
		border-bottom: 1px solid #8ddbff;
		position: relative;
	}

		.about #contentarea h2 {
			font-size: 1.7em;
			font-weight: normal;
			font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
			color: #fffa1e;
			margin: 0.8em 0em 0.5em 0em;
		}
		
		.about #contentarea h3 {
			font-size: 1em;
			color: #fffa1e;
			margin: 1.8em 0em 0.5em 0em;
		}	
	
		.about #contentarea img,
		.about .article img {
			float: right;
			margin: 0em 0 1.8em 1.8em;
			border: 4px solid #fff;
		}
		
			.about #contentarea a,
			.about .article a 		{ color: #fff; }	
			.about #contentarea a:hover,
			.about .article a:hover 	{ color: #fffa1e; }

	.about #secondary {
		width: 197px;
	}
/* Search results */
.search h1 {
	margin-top: 64px;
	margin-bottom: .1em;
	text-transform: none;
}

.no-results.search h1 {
  background: transparent url("/images/bg/border-top-left.gif") no-repeat scroll 0 100%;
  margin-bottom: 0;
  padding-bottom: 26px;  
}

.search #primary {	
	float: left;
	width: 575px;
}
	.search p#nr-results {
		background: transparent	url(/images/bg/border-top-left.gif) 0 100% no-repeat;
		margin-bottom: 0;
		padding-bottom: 30px;
	}
	.search .main {
		padding: 16px 20px 25px 30px;
		background: #efeded url(/images/bg/border-side.gif) 0 0 repeat-y;
		color: #000;
	}
	.search #commentsPagination {
		margin-bottom: 0;
	}
.search .unnecessary-bottom {
	background: transparent url(/images/bg/border-bottom.gif) bottom right no-repeat;
	height: 6px;
	width: 100%;
	margin-bottom: 10px;
}	
	
.search .article {
	background: none;
	padding-bottom: 0;
}
	.search .article p {
		margin-bottom: .2em;
	}

p.suggestion {
	color: #e73333;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
}
	p.suggestion a {
		font-weight: normal;
	}
	p.suggestion.repeat {
		font-size: 1em;
		margin: 30px 0;
	}

.search .main a	{
	color: #1384c6;
}
	.search .meta a	{
		color: #707070; 
		font-weight: bold; 
		text-decoration: none;
	}
	.search .main a:hover {
		text-decoration: underline;
	}
	.search .meta a:hover {
		color: #222;
	}

.search #commentsPagination a,
.search #commentsPagination li#active a  {
	color: #000;
}

.search #searchWrapper {
	float: left;
}
.search #new-search {
	border: 1px solid #0070be;
	background: #1d1d1d;
	padding: 23px 23px 18px 22px;
	margin-bottom: 40px;
	float: left;
}
	.search #new-search label {
		font-weight: bold;
		font-size: 1.1em;
		margin-bottom: 6px;
	}
	#new-search .textfield {
		width: 404px;
		float: left;
		font-size: 1.3em;
		margin-right: 10px;
	}

#new-search #submitButton {
	width: 104px;
	height: 37px;
	background: transparent url(/images/btn/search.gif) -2px 2px no-repeat;
	border: 0;
	padding: 0;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	display: block;
	text-indent: -999px;
	float: right;
	margin-top: -12px;
}
	#new-search #submitButton:hover {
		background-position: 0 0;
	}
	
/* 404 error page */

.error404 #header {  
  background: #2D2B2C url('/images/btn/reachout-header-bg.png') repeat-x scroll 0 0;
}

.error404 #header ul li a.m5 {
  /* Align with design
   margin-right: 136px; */
  /* Align with search */
  margin-right: 140px;
}

.error404 #primary,
.menu-less #primary {
	float: left;
	margin-bottom: 40px;
}

	.error404 #primary h1,
	.menu-less #primary h1 {
		margin-top: 64px;
	}
	.error404 #primary h2,
	.menu-less #primary h2 {
		font-size: 1.7em;
		font-weight: normal;
		font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
		color: #fffa1e;
		text-transform: none;
		margin: 0.8em 0em 0.6em 0em;
	}
	
.error404 a,
.menu-less a {
	color: #fffa1e;
}
	.error404 a:hover,
	.menu-less a:hover {
		color: #7bd8ff;
	}
	
.error404 #primary ol,
.error404 #primary ul,
.menu-less #primary ol,
.menu-less #primary ul {
	margin-bottom: 40px;
}
.error404 #primary li {
	margin-bottom: 10px;
}

.error404 #primary ol li,
.menu-less #primary ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 18px;
}

.error404 #primary ul li,
.menu-less #primary ul li {
	background: transparent url(/images/bull/yellow.gif) 4px 50% no-repeat;
	padding-left: 18px;
	list-style: none;
	list-style-position: outside;
}

#error-search #Search {
	background: #696969;
	border: 1px solid #7c7c7c;
}
	#error-search input.button {
		vertical-align: bottom;
	}

/* Forums */

.announcement {
	background: #fff url(/images/icn/announce.gif) 13px 13px no-repeat;
	color: #cc3300;
	border: 3px solid #ff3e48;
	margin-bottom: 8px;
	padding: 19px 13px 12px 49px;
}
	.announcement em {
		font-style: normal;
		font-weight: bold;
	}

	.announcement a:hover {
		color: #cc3300;
	}
	
	.forum #primary .announcement a {
		color: #cc3300;
	}

.message {
	border: 1px solid #de2325;
	padding: 12px 12px 2px 12px;
	margin-bottom: 23px;
}

.forum #primary {
	margin-bottom: 30px;
}

.forum.unauthenticated #primary {
	width: 540px;
	margin-right: 100px;
}

.forum #primary h1 {
	margin-top: 0;
}

.forum #primary h2 {
	font-size: 1.7em;
	font-weight: normal;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	color: #fffa1e;
	text-transform: none;
	margin: 0.8em 0em 0.2em 0em;
}

.forum #primary h3 {
	margin-top: 0;
}
	
.forum #primary a {
	color: #fff;
}
	.forum #primary a:hover,
	.forum #primary #comments a:hover {
		color: #FFFA1E;
	}
	.forum #primary a#addTopic {
		background: transparent url(/images/icn/forum-icons.png) 0 0 no-repeat;
		display: block;
		min-height: 22px;
		width: 6.2em;
		padding: 3px 0 0 30px;
	}
	#primary .add-topic a,
	#primary .add-comment a,
	#primary .post a,
	#primary #comments a,
	.forum #commentsWrapper a {
		color: #000;
	}
		.forum #primary .post a:hover,
		#primary .add-topic a:hover,
		.forum #primary .utensils a:hover,
		.forum #commentsWrapper a:hover {
			color: #1384c6;
		}
	
.forum #primary a#rssFeed {
	width:auto;
	min-height:16px;
	display: block;
	background: #000 url(/images/icn/forum-icons.png) 0 -122px no-repeat;
	position:static;
	padding-left: 22px; 
}
	.forum #primary .add-comment a#rssFeed {
		background-color: transparent;
	}

.add-topic .userName,
.add-comment .userName {
	font-size: .9em;
}
.add-topic p.reminder,
.add-comment p.reminder {
	font-size: .8em;
	margin-bottom: 20px;
}

.forum table {
	width: 100%;
	line-height: 1.3em;
	margin-bottom: 39px;
}
	.forum th {
		background: #abfc11 url(/images/bg/table-th_left.gif) 0 0 no-repeat;
		color: #000;
		border-left: 4px solid #000;
		
	}	
		.forum th span {
			display: block;
			padding: 12px 13px 15px 19px;
			background: transparent url(/images/bg/table-th_btm.gif) 100% 100% no-repeat;
		}
	.forum tbody tr {
		border-bottom: 1px solid #898989;
	}
		.forum td {
			border-left: 4px;
			color: #fff;
			padding: 12px 5px 12px 6px;
		}
			.forum td.tally {
				text-align: center;
			}
			.forum td.pinned {
				padding-left: 22px;
				background: transparent url(/images/icn/forum-icons.png) 0 -48px no-repeat;
			}
	.forum tbody td span {
		display: block;
		clear: left;
	}

.forum #commentsPagination {
	margin: -9px 0 30px 0;
}
	.forum #comments #commentsPagination {
		margin: 0;
		padding: 0 0 25px 25px;
		font-size: .9em;
	}

.forum .add-topic {
	width: auto;
	background: #707070 url(/images/bg/table-th_btm.gif) 100% 100% no-repeat;
	color: #000;
	margin: 0;
	padding: 0 0 3px 0;
	clear: left;
}

.add-topic .buttonHolder {			
  left: -19px;
  position: relative;
}


	.forum #primary .add-topic h2,
	.forum #primary .add-comment h2 {
		background: #e4e4e5 url(/images/bg/blue-gradient.png) 0 0 no-repeat;
		font-family: arial, sans-serif;
		font-weight: bold;
		font-size: 1.1em;
		color: #fff;
		padding: 11px 17px 7px 17px;
		margin: 0;
	}
	.forum .add-topic .wrapper {
		background: #f6f6f4;
		margin: 0 0 0 3px;
		padding: 25px 25px 15px 27px;
	}
	
.forum .add-comment .outer-wrapper {
	border-left: 3px solid #707070;
	background: #e4e4e5 url(/images/bg/table-th_btm.gif) 100% 100% no-repeat;
	padding: 25px 210px 40px 25px;
}
	.forum .add-comment .wrapper {
		background: #f8f8f6;
		border: 1px solid #adadad;
		padding: 25px 25px 21px 25px;
		margin-bottom: 12px;
	}
	

.add-topic label,
.add-comment label {
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
}
	
.wysiwyg {
	margin: 5px 0;
}
.add-topic input#subject {
	clear: left;
	display: block;
	width: 356px;
	border: 1px solid #999;
	font-size: 1em;
	padding: 3px 2px;
	background: #fff;
}
	.add-topic input#subject:focus {
		border-color: #666;
		background: #fff;
	}
.forum #userTxt,
.forum #commentReply {
	width: 360px;
	background: #fff;
	border: 1px solid #999;
	margin-bottom: 5px;
}
	.forum #userTxt:focus,
	.forum #commentReply:focus {
		border-color: #666;
	}
#chkSticky {
	float: left;
	margin: 1px 5px 17px 0;
}
#chkSubscribed {
  float: left;
  margin: 1px 5px 25px 0;
}
label#makeSticky {
	background: transparent url(/images/icn/forum-icons.png) 112% -60px no-repeat;
	padding: 3px 15px 3px 0;
	width: 13em;
	font-weight: normal;
}
label#makeSubscribed {
  padding: 3px 25px 3px 0;
  width: 23em;
  font-weight: normal;
}

.showhider {
	margin-bottom: 12px;
	display: block;
	width: 6em;
	padding-left: 19px;
	background: transparent url(/images/icn/forum-icons.png) 0 -179px no-repeat;
}	
	.showhider.open {
		background-position: 0 -219px;
	}
.showhidden {
	margin-bottom: 7px;
	display: none;
}
	.showhidden.open {
		display: block;
	}
	.showhidden p {
		margin-bottom: 5px;
	}

div.attach {
	clear: left;
	margin-bottom: 24px;
}

.attach-more {
	display: block;
	width: 9em;
	margin-left: 22px;
	padding-left: 21px;
	background: transparent url(/images/icn/forum-icons.png) 0 -249px no-repeat;
}

.forum .wrapper,
.forum #commentsWrapper {
	background: #707070 url(/images/bg/table-th_left.gif) 0 0 no-repeat;
	color: #000;
	padding: 0 0 0 3px;
	position: relative;
	width: auto;
}

	.forum .post,
	.forum #comments {
		background: #fff url(/images/bg/table-th_btm.gif) -98px 100% no-repeat;
		margin: 0 0 0 0;
		padding: 20px 25px 23px 24px;
	}
		.forum #comments {
			background-color: #e6e6e6;
			position: relative;
			padding: 0;
		}
	
	.postHead,
	.forum .commentItem .commentHead {
		margin-bottom: 14px;
		overflow: hidden;
		width: 100%;
		padding: 0;
	}
	
	.postBody {
		clear: left;
	}
.forum #comments .commentItem {
	margin: 0;
	padding: 20px 25px 23px 25px;
	border-bottom: 1px solid #707070;
}
	.forum #comments .commentItem:last-child,
	.forum #comments .commentItem.last-child {
		border-bottom: none;
	}

.forum #primary .wrapper h2 {
	color: #000;
	background: #c5f53a;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 1.15em;
	padding: 13px 0 9px 13px;
	margin: 0;	
}

.forum #primary .wrapper h2.lowlight {
	background: #E6E6E6;
}


.forum .postHead h4,
.forum .commentHead h4  {
	margin: 0 0 .2em 0;
}
	.forum .postHead h4 a,
	.forum .commentHead h4 a  {
		text-decoration: none;
	}

.forum .commentItem h4 {
	float: none;
}	
.forum .commentItem p.commentItemDate,
.commentHead p.commentItemDate {
	float: none;
	clear: none;
	margin: 0;
}

.avatar {
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url(/images/bg/avatar.gif) 0 0 no-repeat;
	float: left;
	margin: 0 13px 0 0;
}

.forum .utensils {
	position: absolute;
	top: 7px;
	right: 20px;
	font-size: .9em;
}
	.forum #comments .utensils {
		top: 20px;
		z-index: 999;
	}
	.utensils li {
		display: inline;
		margin-left: 11px;
	}
	.forum .commentItem .commentItemActionLink {
		font-size: 1em;
	}			
		#primary .utensils a {
			color: #000;
		}
		
		.utensils .edit a {
			padding: 3px 3px 3px 20px;
			background: transparent url(/images/icn/forum-icons.png) 0 -310px no-repeat;
		}
		.utensils .reply a {
			padding: 3px 3px 3px 30px;
			background: transparent url(/images/icn/forum-icons.png) 0 -370px no-repeat;
		}
		.utensils .report a {
			padding: 3px 3px 3px 30px;
			background: transparent url(/images/icn/forum-icons.png) 0 -430px no-repeat;
		}

.postBody em,
.commentBody em {
	font-style: normal;
	font-weight: bold;
}

.postBody i,
.commentBody i {
	font-style: italic;
}

.postBody blockquote,
.commentBody blockquote {
	margin: 10px 30px 10px 20px;
	padding-left: 10px;
	border-left: 2px solid #ccc;
}

.attachments {
	margin-bottom: 1em;
}

.attachments dt,
.attachments dd {
	display: inline;
}

.attachments dt {
	font-weight: bold;
	padding-left: 20px;
	background: transparent url(/images/icn/forum-icons.png) 0 -247px no-repeat;
}

.attachment {
  border-top: 1px solid #999999;
  margin-top: 10px;
  padding: 3px;
}

.attachment h3 {
  margin: 10px 0 10px 0;
}

.attachment a {
  background: transparent url(/images/icn/pdf.png) no-repeat 0 2px;
  padding-left: 20px;
  display: block;
  line-height: 20px;
}


p.meta,
p.edited {
	font-size: .8em;
	font-style: italic;
	margin-top: 17px;
	color: #000;
}
	.search p.meta {
		margin-top: 0;
	}

.forum .commentItem {
	margin-bottom: 20px;
}
	.forum .commentItem:last-child,
	.forum .commentItem.last-child {
		border-bottom: none;
	}



/* Simple Text/Accordion Nav */

.simplenav {
	margin: -4px 0 37px 0;
	float: left;
}

	.simplenav li {
		float: left;
		width: 197px;
		border-bottom: 1px dashed #fff;		
	}

		.simplenav li a {
			font: normal 1.4em/1.1em 'Arial Narrow', Arial, Helvetica, sans-serif;
			display: block;
			padding: 0.4em 0;
		}
		
			.simplenav li li a {
				font: normal 0.9em/1.2em Arial, Helvetica, sans-serif;
				padding: 0.1em 0;
				border: 0;
				display: inline;
			}

	.simplenav ul {
		padding: 0 0 0.6em 0;
    /*display: none; Removing - disabling accordion */
	}

		.simplenav ul li {
			border: none;
			float: none;
			line-height: 1.2em;
		}

		.simplenav li.active ul {
			display: block;
		}
	
	.simplenav a:link 		{ color: #fff; text-decoration: none; }
	.simplenav a:visited	{ color: #fff; text-decoration: none; }
	.simplenav a:active		{ color: #fffa1e; text-decoration: none; }		
	.simplenav a:hover 		{ color: #fffa1e; text-decoration: none; }
	
		.simplenav li.active a:link		{ color: #fffa1e; text-decoration: none; }
		.simplenav li.active a:visited		{ color: #fffa1e; text-decoration: none; }
	
		.simplenav li.active li a:link	{ color: #fff; text-decoration: none; }
		.simplenav li.active li a:visited	{ color: #fff; text-decoration: none; }

		.simplenav li li.active a:link	{ color: #fffa1e; text-decoration: none; }	
		.simplenav li li.active a:visited	{ color: #fffa1e; text-decoration: none; }	

/* Carousel Nav */

.toolbar {
	background: transparent url('/images/bg/carousel-hdr.png') no-repeat 28px bottom;
	width: 695px;
	height: 38px;
}

	.about-profiles .toolbar,
	.about-events .toolbar {
		height: 147px;
	}
	
.carousel {
	width: 695px;
	height: 147px;
}	
	.rotator .carousel {
		width: 699px;
	}

	.carousel li {
		float: left;
	}

	.carousel .navtab {
		margin: 115px 0 0 0;
	}
		.carousel.static .navtab {
			display: none;
		}
	
		.carousel .navtab a {
			display: block;
			height: 29px;
			text-indent: -9999px;
			background: transparent url('/images/btn/back-fwd.gif') no-repeat 8px 0;
		}

			.carousel .navtab a.back {
				width: 32px;
				background-position: 4px 0;
			}
			
				.carousel .navtab a.back:hover {
					background: #7cbf00 url('/images/btn/back-fwd.gif') no-repeat 0 0;
				}
			
			.carousel .navtab a.forward {
				width: 28px;
				background-position: -8px -29px;				
			}
			
				.carousel .navtab a.forward:hover {
					background-position: -4px -29px;
				}
				
			
				
	.carousel .items {
		width: 626px;
		height: 147px;
		position: relative;
		overflow: hidden;
		margin: 0 7px 0 2px;
	}
		.rotator .carousel .items {
			margin:  0 7px 0 0;
			width: 630px;
		}
			.carousel.static .items {
				margin-left: 32px;
			}
	
		.carousel .items ul {
			position: absolute;
			top: 0;
			width: 1120px;
			margin-bottom: 0;
		}
	
		.carousel .items li {
			margin-left: 14px;
			float: left;
		}
	
		.carousel .items img {
			display: block;
			margin-bottom: 3px;
		}
		
			.about-events .carousel .items img {
				margin-bottom: 3px;
			}
	
		.carousel .items a {
			font-size: 11px;
		}

		.carousel .items a span {
			display: inline;
			line-height: 32px;
			padding: 10px;
			background: transparent url('/images/bg/carousel-over.gif') repeat-x 0 -32px;
		}
		
		.about-events .carousel .items a span,
		.about.diary .carousel .items a span {
			display: block;
			line-height: 11px;
			padding: 6px 10px 4px;
			background: transparent url('/images/bg/carousel-over.gif') repeat-x 0 -32px;
		}		
	
			.carousel .items a:link 		{ color: #000; text-decoration: none; }
			.carousel .items a:visited		{ color: #000; text-decoration: none; }
			.carousel .items a:active		{ color: #fff; text-decoration: none; }		
			.carousel .items a:hover 		{ color: #fff; text-decoration: none; }
		
			.carousel .items a:hover span,
			.about.diary .carousel .items a:hover span {
				background-color: #309cd5;
				background-position: 0 0;
			}

/* Distribute Toolbar */

.distribute {
	padding: 6px 28px 5px 0px;
}

	.distribute ol {
		display: none;
		position: absolute;
		left: 0;
		top: 32px;
		background: #fff url('/images/bg/ol-shadow.gif') repeat-x top center;
		padding-top: 6px;
	}

		.distribute li.open ol {
			display: block;
		}

	.distribute li {
		position: relative;
		float: right;
	}
	
		.distribute li li {
			float: none;
			display: inline;
		}

	.distribute a {
		font: normal 11px/22px Arial, Helvetica, sans-serif;
		display: block;
		padding: 5px 12px 5px 34px;		
		text-transform: lowercase;
	}
	
		.distribute li li a {
			line-height: 18px;
		}
		
		.distribute a:link 		{ color: #000; text-decoration: none; }
		.distribute a:visited	{ color: #000; text-decoration: none; }
		.distribute a:active	{ color: #1384c6; text-decoration: none; }		
		.distribute a:hover 	{ color: #1384c6; text-decoration: none; }
		
		.distribute a {
			background-position: 11px 7px;
			background-repeat: no-repeat;
		}
		
		.distribute .share a		{ background-image: url('/images/icn/shr/shr-base.gif') }	
		.distribute .share a.open	{ background-image: url('/images/icn/shr/shr-open.gif') }

			.distribute .print a		{ background-image: url('/images/icn/shr/print.gif') }	
			.distribute .email a		{ background-image: url('/images/icn/shr/email.gif') }	
			.distribute .delicious a	{ background-image: url('/images/icn/shr/delicious.gif') }	
			.distribute .facebook a		{ background-image: url('/images/icn/shr/facebook.gif') }	


/* Home */

.home #content {
	padding-top: 195px;
}
.home #content h2 {
  font-size: 18px;
  margin-top: 10px;
  font-weight: bold;
  line-height: 22px;
  font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  text-transform: uppercase;
}

.home #primary {
	float: none;
	width: 100%;
}

.home #home_top {
  position: relative;
  overflow: hidden;
}

.home #topic_list {
  float: left;
  width: 276px;
  padding: 0 10px;
  background: url('../images/layout/bg-topic-list.gif') repeat-x;
}
.home #topic_list h2 {
  color: #8cd53c;
}
.home #topic_list li {
  list-style: none;
  padding-left: 25px;
  font-size: 12px;
  background: url('../images/layout/bullet-home.gif') 0 5px no-repeat;
}
.home #topic_list li a { text-decoration: none; }
.home #topic_list li a:hover { text-decoration: underline; }

.home .button {
  /* Yellow button */
	color: #000000;
	background: #fefa1d;
  border-color: #FFFC91 #4C4A0F #4C4A0F #FEFC51; 
	border-width: 2px;
	border-style: solid;      
}

.home .feature {
	position: relative;
	/*height: 279px;*/
	width: 601px;
	overflow: hidden;
}

.home .feature {
  float: right;
  width: 600px;
}
.home .feature img {
   /*width: 601px;*/
}

	.home .feature ul {
		width: 1581px;
		margin: 0px;
	}

	.home .feature li {
		position: relative;
		height: 279px;
		width: 601px;
		float: left;
    list-style: none;		
	}

	.home .feature img {
		position: absolute;
		z-index: 500;
	}

	.home .feature .details {
		background-image: url('/images/bg/trans.png');
		position: absolute;
		bottom: 60px;
		right: 0;
		width:  320px;
		padding: 16px 20px;
		z-index: 501;
	}

	.home #content .feature .details h2 {
		margin: 0 0 0 0;
		font-size: 24px;
		color: black;	
		text-transform: uppercase;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	
	.home .feature .details p {
		margin: 0.4em 0 0 0;
		line-height: 1.3em;
	}
	
		.home .feature .intro {
			font-family: Georgia, Times, serif;
			font-style: italic;
			color: #000;
			display: none;
		}
		

		
			.home .feature .viewbutton {
				float: right;
				font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
				font-style: normal;
				font-weight: bold;
				text-transform: uppercase;
				display: block;
				overflow: hidden;
				font-size: 13px;
				text-align: center;			
				padding: 5px 10px;
				margin: 10px 0 0 12px;            
        background: #000000;       
        color: #faff30; 
        border: 0;
			}
				
				a.viewbutton:link 		{ color: #000000; text-decoration: none; }
				a.viewbutton:visited	{ color: #000000; text-decoration: none; }
				a.viewbutton:active	{ color: #000000; text-decoration: none; }		
				a.viewbutton:hover 	{ color: #000000; text-decoration: underline; }

    .home .rotator-nav {
      position: absolute;
      top: 0; right: 20px;
      border: 1px solid red;
    }
    #home_features .jshowoff-slidelinks {
      position: absolute;
      right: 5px;
      top: 230px;
      z-index: 502;
    }
    #home_features .jshowoff-slidelinks a {
      float: left;
      display: block;
      padding: 8px 8px;
      width: 17px;
      background: #000;
      overflow: hidden;
      margin-right: 5px;
      font-size: 17px;
      text-align: center;
      text-decoration: none;
      border: 1px solid #000;
    }
    #home_features a.jshowoff-1-active {
      background: url('../images/layout/bg-black-trans.png') transparent;
    }

#home_secondary {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  min-height: 200px;
  background: url('../images/layout/bg_home_secondary.gif') no-repeat;
}
  #home_secondary .block {
    float: left;
    width: 275px;
    padding: 0 10px 0;
  }
  
  #home_secondary .block .call-to-action a {
    display: inline-block;
    padding: 6px 11px;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    background: #faff30;
    letter-spacing: -0.5px;
    font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  }
  #home_secondary .block .call-to-action a:hover {
    background: #f9ff00;
  }
  
  #reach_out_tv h2 { color: #dc4d54; }
  #reach_out_tv .video_container {
    border: 1px solid #000;
    border-bottom: 0;
    margin-bottom: 10px;
    width: 274px;
  }
  
  #reach_out_twitter {
    margin: 0 12px 0 10px;
  }
  
  #reach_out_twitter h2 { color: #47a5d7; }
  #reach_out_twitter h2 span {
    display: inline-block;
    height: 22px; width: 84px;
    text-indent: -999em;
    margin-left: 2px;
    background: url('../images/layout/twitter-logo.gif') no-repeat;
  }
  
  #new_on_the_blog { color: #e38b1a; }
  #new_on_the_blog .blog-image {
    width: 100px;
    float: left;
    overflow: hidden;
    margin: 6px 8px 5px 0;
    border: 1px solid #8f8f8f;
  }
  #new_on_the_blog .blog-image a {
    float: left;
    display: inline;
    padding: 0; margin: 0;
    text-decoration: none;
    border: 0;
  }
  #new_on_the_blog .blog-image a img {
    display: inline;
    margin: 0; padding: 0;
  }
  #new_on_the_blog h3 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0;
  }
  #new_on_the_blog h3 a { color: #fff; }
  #new_on_the_blog h3 a:hover { text-decoration: underline; }
  #new_on_the_blog p { color: #fff; font-size: 12px; line-height: 1.45em; }

  

/* News Feed */

#secondary ul.feed {
	width: 324px;
	margin-bottom: 1.2em;
}

	#secondary ul.feed li {
		margin-top: 1.2em;
		line-height: 1.3em;
	}
/*
.feed .blog .date,
.feed .blog .tag,
.feed .blog .title,
.feed .blog .title a {
	color: #c62258;
}	
	
.feed .forum .date,
.feed .forum .tag,
.feed .forum .title,
.feed .forum .title a {
	color: #c5ec3a;
}	
	
.feed .fact .date,
.feed .fact .tag,
.feed .fact .title,
.feed .fact .title a {
	color: #f4c947;
}

.feed .video .date,
.feed .video .tag,
.feed .video .title,
.feed .video .title a {
	color: #e73333;
}

.feed .audio .date,
.feed .audio .tag,
.feed .audio .title,
.feed .audio .title a {
	color: #f3724e;
}

.feed .news .date,
.feed .news .tag,
.feed .news .title,
.feed .news .title a {
	color: #7cbf00;
}

.feed .comp .date,
.feed .comp .tag,
.feed .comp .title,
.feed .comp .title a {
	color: #72d0f6;
}	
*/
.feed .date,
.feed .tag,
.feed .title,
.feed .title a {
	color: #f4c947;
}

.feed .title a:hover {
	text-decoration: underline;
}

#secondary .feed h3 {
	font-size: 1em;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.2em;	
	font-size: 0.9em;
	clear: both;
}

.feed p {
	margin: 0;
	line-height: 1.3em;
	font-size: 0.9em;
}

.feed .date {
	float: right;
}

.feed .tag {
	float: left;
}

.feed a {
	background-image: url('/images/bull/feed.gif');
	padding-left: 10px;
	background-position: left center;  
}
	.feed h3 a {
		background-image: none;
		padding-left: 0;
	}
  .feed p a {
    color: #f4f652;
  }

.feed a 	{ color: #fffa1e; text-decoration: none; }
.feed a:hover	{ color: #fffa1e; text-decoration: underline; }
	
/* Site Header */

#locator {
	position: relative;
	top: 90px;
	left: 0;
	height: 55px;
	width: 1032px;
	overflow: hidden;	
	display: block;
	z-index: 1000;
}

	#locator label,
	#locator input,
	#locator select {	
		float: left;		
		margin-right: 4px;
	}

		#locator label {
			display: block;
			text-indent: -9999px;
			height: 21px;
		}
			
	#locator #country {
		float: left;
		display: block;
		padding: 6px 0 0 263px;
		width: 300px;
	}
	
		#locator #country label {
			background-image: url('/images/lbl/in-your-cntry.png');
			width: 92px;
			height: 22px;
		}
		
		#locator #country select {
			font-family: Georgia, Trebuchet, sans-serif;
			font-weight: bold;
			font-style: italic;
			font-size: 11px;
		}

	#locator #search {
		float: right;
		display: block;	
		width: 214px;	
		padding: 6px 63px 0 0;
	}

		#locator #search label {
			background-image: url('/images/lbl/search.png');
			width: 53px;
		}
		
		#locator #search input.textfield {
			margin: 2px 4px 2px 0;
			padding: 1px;
			color: #fff;
			background-color: #696969;
			font-family: Georgia, Trebuchet, sans-serif;
			width: 115px;
			border: 1px solid #8f8f8f;			
		}
		
		#locator #search input.button {
			margin-top: 1px;
      background-color: transparent;
      border: medium none;
		}
		
/* Breadcrumbs */

#crumbs {
	font-size: 0.9em;
	/*margin: 12px 0em 32px 0em;*/
  margin: 12px 0 7px 0;
}

#crumbs li {
	display: inline;
}

#crumbs li a {
	background-image: url('/images/bull/gt.gif');
	padding-right: 12px;
	background-position: right center;
}

#crumbs a:link { color: #fff; text-decoration: underline; }
#crumbs a:visited	{ color: #eee; text-decoration: underline; }
#crumbs a:active { color: #1384c6; text-decoration: underline; }		
#crumbs a:hover { color: #1384c6; text-decoration: underline; }

/* HEADER: Main Nav */
#main-nav {
  padding-top: 6px;
  padding-left: 60px;
}
#main-nav li {
  float: left;
  margin-right: 2px;
}
#main-nav li a {
  display: block;
  height: 27px;
  padding: 0 !important;
  margin: 0 !important;
  text-indent: -999em;
  overflow: hidden;
  background-image: url('../images/layout/nav-bar.gif');
}
#main-nav li.nav-home a { background-position: 0 top; width: 64px; }
#main-nav li.nav-find a { background-position: -66px top; width: 162px; }
#main-nav li.nav-forum a { background-position: -230px top; width: 70px; }
#main-nav li.nav-blog a { background-position: -302px top; width: 57px; }
#main-nav li.nav-videos a { background-position: -361px top; width: 70px; }
#main-nav li.nav-sms a { background-position: -433px top; width: 79px; }
#main-nav li.nav-involved a { background-position: -514px top; width: 102px; }

#main-nav li.nav-home a:hover,
#main-nav li.nav-home a.active { background-position: 0 bottom; }
#main-nav li.nav-find a:hover,
#main-nav li.nav-find a.active { background-position: -66px bottom; }
#main-nav li.nav-forum a:hover,
#main-nav li.nav-forum a.active { background-position: -230px bottom; }
#main-nav li.nav-blog a:hover,
#main-nav li.nav-blog a.active { background-position: -302px bottom; }
#main-nav li.nav-videos a:hover,
#main-nav li.nav-videos a.active { background-position: -361px bottom; }
#main-nav li.nav-sms a:hover,
#main-nav li.nav-sms a.active { background-position: -433px bottom; }
#main-nav li.nav-involved a:hover,
#main-nav li.nav-involved a.active { background-position: -514px bottom; }

/* HEADER: Social Links */
#social-links {
  position: absolute;
  top: 5px; left: 624px;
}
#social-links li {
  float: left;
  margin: 0 0 0 0;
}
#social-links li a {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  width: 32px; height: 34px;
  text-indent: -999em;
  overflow: hidden;
  background-image: url('../images/layout/social-links.gif');
}

#social-links li.social-facebook a { background-position: 0 0; }
#social-links li.social-youtube a  { background-position: -32px 0; }
#social-links li.social-myspace a  { background-position: -64px 0; }
#social-links li.social-twitter a  { background-position: -97px 0; }


/* HEADER: My Reach Out Banner */
#myreachoutb {
  position: absolute;
  top: 0; right: 54px;
  width: 215px; height: 81px;
  background: url('../images/layout/bg-myreachoutb.gif') no-repeat;
}
#myreachoutb-inner {
  position: relative;
  width: 215px; height: 81px;
  background: url('../images/layout/bg-myreachoutb.gif') no-repeat;
}
#myreachoutb .emergancy { margin: 0; padding: 0; }
#myreachoutb .emergancy a {
  display: block;
  width: 215px; height: 45px;
  text-indent: -999em;
  overflow: hidden;
  text-indent: -999em;
}
#myreachoutb .profile {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#myreachoutb .profile li {
  float: left;
  margin: 0; padding: 0;
}
#myreachoutb .profile li a {
  display: block;
  text-indent: -999em;
  height: 36px;
}
#myreachoutb .profile li.myreachoutb-profile a {
  width: 121px;
}
#myreachoutb .profile li.myreachoutb-login a {
  height: 20px; width: 48px;
  margin-top: 9px;
  background: url('../images/layout/myreachoutb-login-out.gif') left bottom no-repeat;
}
#myreachoutb .profile li.myreachoutb-join a {
  height: 20px; width: 45px;
  margin-top: 9px;
  background: url('../images/layout/myreachoutb-login-out.gif') right bottom no-repeat;
}

#myreachoutb .profile li.myreachoutb-logout a {
  height: 20px; width: 50px;
  margin-top: 9px;
  background: url('../images/layout/myreachoutb-login-out.gif') left top no-repeat;
}

/* HEADER: Search */
#search {
  position: absolute;
  right: 55px;
  top: 127px;
}
#search fieldset {
  position: relative;
  padding-right: 35px;
}
#search label {
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 3px;
}
#search .button {
  border: 0;
  position: absolute;
  top: 1px; right: 0;
}

    
/* Footer */

#footer ul {
	text-transform: uppercase;
	display: block;
	font-size: 0.85em;
	height: 2em;
	background-color: #1b1b1b;
	color: #ccc;
	width: 904px;
	margin: 0 auto;
}

	#footer li {
		padding: 0.2em 0 0.2em 1em;
	}

	#footer li a:link { color: #ccc; text-decoration:none; }
	#footer li a:visited	{ color: #ddd; text-decoration:none; }
	#footer li a:active { color: #fff; text-decoration:none; }		
	#footer li a:hover { color: #fff; text-decoration:none; }

#footer #sitecred {
	padding: 6px 0 20px 0;
	margin: 0;
}	

	#footer #sitecred a {
		display: block;
		width: 119px;
		height: 34px;
		text-indent: -9000px;
		background-image: url('/images/ins-logo.gif');
		margin-left: 782px;		
	}


/*	Form Styles */

#contentarea form {
	margin-bottom: 50px;
	width: 540px;
}

#contentarea fieldset {
	margin-top: 1em;
}

/* Layout */

#contentarea form li {
	margin: 0 0 1em 0;
	line-height: 1.2em;
	list-style: none outside;
}

  #contentarea form li.feature_image {
    margin-bottom: 0;
  }
  #contentarea form li.image_details {
    border: 1px solid #5FCEFF;
    margin-left: 39px;
    padding: 0 20px;
  }

#contentarea form select {
	margin: 0;
}

/* Labels & Legends */


#contentarea form label,
#contentarea form legend,
#email-page form label,
#loginForm label,
#new-search label {
	display: block;
	font-size: 1em;
	line-height: 1.6em;
	color: #fffa1e;
	margin: 0;
}
#email-page form input,
#email-page form textarea,
#loginForm form input,
#new-search .textfield {
	margin-bottom: 12px;
	border: 1px solid #5fceff;
}
	#email-page form textarea {
		width: 100%;
		margin-bottom: 0;
	}
	#youremail,
	#friendemail,
	#friendconfirm,
	#username {
		width: 100%;
	}

#contentarea form p.field-tip {
	color: #ddd;
	font-size: 0.9em;
	line-height: 1.4em;
	margin-bottom: 0.4em;
}
	
span.required {
	color: #c0efff;
}

#contentarea form .clarify {
	margin: 5px 0 0 26px;
}

	#contentarea form .clarify label {
		display: block;
		color: #fff;
		margin-bottom: 2px;
	}
	
	#contentarea form fieldset a:link,
	#email-page a:link,
	#loginForm a:link { color: #fff; text-decoration:underline; }
	#contentarea form fieldset a:visited,
	#email-page a:visited,
	#loginForm a:visited { color: #fff; text-decoration:underline; }
	#contentarea form fieldset a:active,
	#email-page a:active,
	#loginForm a:active	 { color: #fff; text-decoration:underline; }
	#contentarea form fieldset a:hover,
	#email-page a:hover,
	#loginForm a:hover	 { color: #FFFA1E; text-decoration:underline; }		

/* Radios/Checkboxes */

#contentarea .radios li {
	margin: 0;
}

#contentarea .radios label {
	display: inline;
}

#contentarea form input.checkbox, 
#contentarea form input.radio {
	display: block;
	float: left;
	clear: left;
	margin: 3px 12px 0 0;
}

	#contentarea form input.checkbox {
		margin-top: 2px;
	}

	#contentarea form .check label,
	#contentarea form .radios label {
		color: #fff;
	}

/* Inputs */

#contentarea form input.text {
	padding: 0.3em;
	font-size: 0.9em;
	border: 1px solid #5fceff;	
}

	#contentarea form input.long {
		width: 33em;
	}

	#contentarea form input.medium {
		width: 17em;
	}			
	
/* Buttons */

#contentarea form .cancel-button {
	position: relative;
	top: -30px;
	left: 105px;
}
	.reset-password #contentarea form .cancel-button { left: 260px; }

a.cancelButton {
	line-height: 37px;
	display: block;
	float: left;
	margin-left: 10px;
	color: #fff;
	background: #000;
	padding: 0 5px 0 5px;
	cursor: pointer;
	text-decoration: underline;
}
	

#contentarea form .button-join, 
#contentarea form .button-password, 
#contentarea form .button-update-details, 
#contentarea form .button-log-in,
#contentarea form .button-send-details, 
#contentarea form .button-password-change {
	height: 37px;
	border: 0;
	margin-top: 20px;
	display: block;
	text-indent: -9999px;
}

#contentarea form button { cursor: pointer; } 
#contentarea form .button-join { width: 70px; background: url(/images/btn/button_join.gif) no-repeat; }
#contentarea form .button-password { width: 296px; background: url(/images/btn/button_set_password.gif) no-repeat; }
#contentarea form .button-update-details { width: 186px; background: url(/images/btn/button_update_details.gif) no-repeat; }
#contentarea form .button-log-in { width: 88px; background: url(/images/btn/button_login.gif) no-repeat; }
#contentarea form .button-send-details { width: 243px; background: url(/images/btn/button_send_details.gif) no-repeat; }
#contentarea form .button-password-change { width: 260px; background: url(/images/btn/button_password_change.gif) no-repeat; }

#emailfrm #submitButton {
	width: 88px;
	height: 37px;
	background: #000 url(/images/btn/send.gif) -2px 2px no-repeat;
	border: 0;
	padding: 0;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	display: block;
	text-indent: -999px;
	float: left;
}
	#emailfrm #submitButton:hover {
		background-position: 0 0;
	}

#emailfrm input#cancelButton {
	clear: none;
	margin: 10px;
	color: #fff;
	background: #000;
	border: none;
	padding: 0px 4px 2px 4px;
	cursor: pointer;
	text-decoration: underline;
}
	#emailfrm input#cancelButton:hover {
		color: #FFFA1E;
	}

/* Errors */

.validation-msg {
	background: #fff url('/images/bull/excl-mark.gif') 15px 15px no-repeat;
	color: #e02128;
	padding: 15px 15px 15px 50px;
	line-height: 1.2em;
	font-weight: bold;
	border: 3px solid #e02128;
	margin-bottom: 1em;
}

	.validation-msg p,
	.validation-msg h3 {
		margin: 0 0 0.5em 0;
	}
	
	.validation-msg a:link {
		color: #e02128;
	}

#contentarea form .field-error img {
	margin: -6px 0 0 2px;
	position: relative;
	top: 6px;
}

	#contentarea form .field-error p.error-msg {
		margin: 6px 0 0;
		padding: 10px;
		border: 1px solid #e02128;
	}

/* Info Popup */

#contentarea form .more-info {
	width: 310px;
	background: #fff;
	color: #000;
	z-index: 2000;
	padding-bottom: 6px;
}

	#contentarea form .more-info .close-icon {
		display: block;
		float: right;
		overflow: hidden;
		width: 13px;
		height: 13px;
		margin: 6px 6px 0 0;
		text-indent: -9999px;
		background: #1284c6 url('/images/btn/close-this.gif') repeat-y right top;
	}

	#contentarea form .more-info h3 {
		display: block;
		margin: 0 0 0.5em;
		font-size: 1em;
		line-height: 1.2em;
		background: #1284c6 url('/images/bg/more-info.jpg') repeat-y right top;
		color: #fff;
		padding: 6px 25px 6px 10px;
	}

	#contentarea form .more-info p {
		margin: 0 0 0.5em;
		font-size: 0.9em;
		line-height: 1.2em;
		padding: 0 10px;
	}
	
	#contentarea form .more-info a:link	 { color: #000; text-decoration:underline; }
	#contentarea form .more-info a:visited { color: #000; text-decoration:underline; }
	#contentarea form .more-info a:active	 { color: #000; text-decoration:underline; }		
	#contentarea form .more-info a:hover	 { color: #1384c6; text-decoration:underline; }	


#email-page,
#loginForm,
#profilePeek {
	display: none;
	position: relative;
	width: 356px;
	margin: 0 auto;
	background: #000 url(/images/bg/email_border-sides.gif) 0 0 repeat-y;
	border: 8px solid #5fceff;
	padding: 0 40px 0 45px;
}
	#profilePeek {
		border-color: #c5f53a;
		background: #000 url(/images/bg/yellow_border-sides.gif) 0 0 repeat-y;
	}
  #profilePeek li {
    list-style: none;
  }

#email-page form,
#loginForm form {
	margin-bottom: 12px;
}
#email-page h3,
#loginForm h3,
#profilePeek h3 {
	color: #FFFA1E;
	font-weight: normal;
	margin: 0 -40px 20px -45px;
	font-size: 1.6em;
	padding: 27px 40px 0 45px;
	background: transparent url(/images/bg/yellow_border-top.gif) 0 0 no-repeat;
}
	#email-page h3,
	#loginForm h3 {
		background-image: url(/images/bg/email_border-top.gif);
	}
#email-page h4,
#loginForm h4 {
	color: #FFFA1E;
	font-weight: normal;
	font-size: 1.1em;
}
#email-page form div {
	border: 1px solid #5fceff;
	padding: 7px;
	margin-bottom: 15px;
	white-space: normal;
}

#email-page p.note {
	font-style: italic;
}
#email-page p#help,
#loginForm p#help {
	clear: left;
	margin: 0 -40px 0 -45px;
	padding: 0 40px 40px 45px;
	background: transparent url(/images/bg/email_border-bottom.gif) 0 100% no-repeat;
}

#email-page .close,
#loginForm .close,
#profilePeek .close {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 15px;
	height: 15px;
	background: #000 url(/images/btn/close-this-black.gif) 0 0 no-repeat;
	text-indent: -999px;
	display: block;
}

#profilePeek .avatar {
	float: left;
}

#profilePeek h4 {
	margin-bottom: 14px;
}

#profilePeek .profileContent {
	margin-left: 98px;
}
	#profilePeek div ul {
		margin: 0 -40px 0 -143px;
		padding: 0 40px 30px 143px;
		background: transparent url(/images/bg/yellow_border-bottom.gif) 0 100% no-repeat;
	}
		#profilePeek li {
			line-height: 1.2em;
			margin-bottom: 6px;
		}
			
		#profilePeek li span {
			color: #FFFA1E;
			margin-right: 5px;	
		}

/* Modal Login */

.ui-icon {
	color:#fff;
	display:none;
}

.ui-widget-overlay {
	background:#000;
	opacity:0.5;
	height:100%;
	width:100%;	
	position:absolute;
	top:0;
	left:0;
}

#loginForm #submitButton {
	width: 88px;
	height: 37px;
	background: #000 url(/images/btn/button_login.gif) -2px 2px no-repeat;
	border: 0;
	padding: 0;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	text-indent: -999px;
	display: block;
	float: left;
	clear: left;
}
	#loginForm #submitButton:hover {
		background-position: 0 0;
	}

#loginForm #cancelButton {
	clear: none;
	margin: 10px;
	color: #fff;
	background: #000;
	border: none;
	padding: 0px 4px 2px 4px;
	cursor: pointer;
	text-decoration: underline;
}
	#loginForm #cancelButton:hover {
		color: #FFFA1E;
	}



/* Form Tooltips */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { 
	margin: 0; 
}

	/* Comments Page */
	
	div#commentsWrapper {
		width:639px;
		background: #e6e6e6 url(/images/bg/border-side.gif) repeat-y top left;
		margin: 43px 0 30px 0;
		clear: left;
		z-index: 40;
		float: left;
	}
		.factsheet #commentsWrapper {
			margin-left: 8px;
		}
		
	div#commentsBox {
		width:584px;
		position:relative;
		padding:0 25px 50px 30px;
		background: url(/images/bg/border-bottom.gif) bottom right no-repeat;
		color:#000000;
		float: left;
	}
		.forum div#commentsBox {
			background: #e6e6e6 url(/images/bg/table-th_btm.gif) -98px 100% no-repeat;
			padding:0 23px 50px 30px;
			margin: 0 0 0px 0;
		}
		
		div#commentsBox h2,
		.forum #commentsBox h2 {
			width:617px;
			line-height:32px;
			margin:0 -25px 0 -30px;
			padding:0 0 0 22px;
			background:url(/images/comments/comments_box_hdr.png) no-repeat top left;
			color:#FFFFFF;
			font-size:1.25em;
			font-weight:bold;
		}
			.forum #commentsBox h2 {
				width: 615px;
				background-position: -6px 0;
				margin: 0px 0 0 -30px;
				background-color: #6acaf4;
			}
			a#rssFeed,
			.forum #commentsBox a#rssFeed  {
				width:16px;
				height:16px;
				background:url(/images/comments/comments_rss_icon.png) no-repeat top left;
				position:absolute;
				top:8px;
				left:110px;
				float: left;
			}
	div#commentsBox .pagination {
		font-size:1.25em;
		margin:0.5em 0 1.5em 0;
	}
		
	div#commentsBox .pagination .current {
		font-weight:bold;
	}
	
		
		
		
	.dashedBox {
		padding-bottom:12px;
		position:relative;
		background:url(/images/comments/comments_dashed_line.png) repeat-x bottom left;
		margin-bottom: 10px;
	}
		hr.dashedBox {
			border: 0px none;
			padding: 0;
			height: 1px;
		}
			
	div#commentsLoginForm {
		padding-top:16px;
	}		
		div#commentsLoginForm h3 {
			font-size: 1.1em;
			margin: 0 0 12px 0;
		}
		div#commentsLoginForm p {
			margin:0 0 10px 0;
			font-size:0.9em;
		}
			div#commentsLoginForm p a {
				color:#000;
			}
			
		div#commentsLoginForm form {
			margin: 0 0 12px 0;
			width: 100%;
			vertical-align: middle;
			overflow: hidden;
		}		
			div#commentsLoginForm form p {
				display: block;
				float: left;
				padding-right: 22px;			
				vertical-align: middle;
				margin: 0;
			}
				div#commentsLoginForm form p label {
					font-size: 1.1em;
					line-height: 26px;
					display: block;
					float: left;
				}
							
			div#commentsLoginForm input {
				width: 158px;
				height: 22px;
				border: 1px solid #adadad;
				margin-left: 4px;
				float: left;
				line-height: 22px;
				font-size: 1.3em;
			}
				div#commentsLoginForm input:focus {
					border-color: #444;
				}
			div#commentsLoginForm #commentsLoginSubmit {
				width: 57px;
				border: none;
				margin: 2px 0 0 0;
			}
			
	div.commentItem {
		margin-top:10px;
		position:relative;
		overflow: hidden;
	}
	
		.commentItem .commentHead {
			overflow: hidden;
			position: relative;
			padding: 10px 0 7px 0;
		}
			.post .reportFormWrapper {
				display: none; /* Hidden by default */
			}
			.post .reportFormWrapper {
				position: relative;
				top: -106px;
				margin-bottom: -106px; /* Same as top */
				left: 9px;
			}		
			.reportFormWrapper .commentItemActionLink {
  			position: absolute;
  			top:0;
  			right:0;			 
        cursor:pointer;
        font-size:11px;
        height:17px;
        padding:10px 5px 18px 35px;  			
        text-decoration:underline;
			}
			
			.commentItem .reportFormWrapper {
				position: relative;
				top: -50px;
				margin-bottom: -50px; /* Same as top */
			}					
			.reportForm .commentHead {
				margin-bottom: 13px;
			}
			
		.commentItem .commentBody {
			clear: both;
		}
		
		.commentItem .commentItemActionLink,
		.wrapper.reportForm .commentItemActionLink {
			position: absolute;
			top:0;
			right:0;
			background:transparent url(/images/comments/comments_icon.png) no-repeat 5px 7px;
			padding:10px 5px 18px 35px;
			font-size:11px;
			height: 17px;
			text-decoration: underline;
			cursor: pointer;
		}
		
		
		.commentItem .editLink {
			background:transparent url(/images/icn/forum-icons.png) no-repeat scroll 0 -310px;
			right:160px;
		}

		.commentItem .replyLink {
		  background:transparent url(/images/icn/forum-icons.png) no-repeat 4px -364px;
		  right: 80px;
		}
			a.commentItemActionLink:hover {
				color: #555;
			}
			span.commentItemActionLink {
				cursor: default;
				color: #828282;
				text-decoration: none;
			}
		
		.commentItemActionLink.reporting,
		.wrapper.reportForm .commentItemActionLink.reporting {
			border-top:1px solid #adadad;
			border-left:1px solid #adadad;
			border-right:1px solid #adadad;
			background:#f8f8f6 url(/images/comments/comments_icon_grey.png) no-repeat 5px 7px;
			top: -44px;
		}
		
		.commentItemActionLink.editForumPost {
			background:transparent url(/images/icn/forum-icons.png) no-repeat scroll 15px -305px;
			right:155px;
		}
	
		div.commentItem h4 {
			float: left;
			padding-bottom: 2px;
			color:#1384c6;
			font-size:14px;
			font-weight:bold;
			margin:0;
		}
		div.commentItem p.commentItemDate {
			font-size:0.8em;
			float: left;
			clear: left;
			margin: 0;
		}
		div.commentItem p {
			font-size: 1em;
		}
		
	div#commentsPagination {
		margin:25px 0;
		color:#000000;
		font-size: 1em;
		font-weight:bold;
	}
		div#commentsPagination a{
			color:#000000;
			text-decoration: underline;
			font-weight:normal;
		}

ol#commentsPagination {
	margin: 25px 0;
	overflow: hidden;
}		
	ol#commentsPagination li {
		float: left;
		line-height: 1.1em;		
		border-right: 1px solid #333;
		text-align: center;
		
	}
		ol#commentsPagination li#active {
			font-weight: bold;
		}
		ol#commentsPagination li.previous,
		ol#commentsPagination li.last,
		ol#commentsPagination li.next {
			border: none;
		}
		ol#commentsPagination li.previous,
		ol#commentsPagination li.next {
			font-weight: bold;
			color: #333;
		}
			ol#commentsPagination li.previous a,
			ol#commentsPagination li.next a {
				font-weight: normal;
			}
	ol#commentsPagination a {
		color: #333;
		display: inline-block;
		padding: 0 6px;
	}
		ol#commentsPagination li#active a {
			text-decoration: none;
			color: #fff;			
		}
			#comments ol#commentsPagination li#active a,
			#commentsBox ol#commentsPagination li#active a {
				color: #000;			
			}
		ol#commentsPagination a:hover,
		ol#commentsPagination li#active a:hover {
			color: #555;
		}

.forum ol#commentsPagination li.previous,
.forum ol#commentsPagination li.next {
	color: #fff;
	border: none;
}
	.forum #comments ol#commentsPagination li.previous,
	.forum #comments ol#commentsPagination li.next,
	.forum #commentsBox ol#commentsPagination li.previous,
	.forum #commentsBox ol#commentsPagination li.next {
		color: #000;
	}
.forum ol#commentsPagination li.oldest {
	border: none;
}
.forum #commentsPagination li {		
	border-right: 1px solid #fff;
}
	.forum #comments  #commentsPagination li,
	.forum #commentsBox  #commentsPagination li {
		border-color: #000;
	}
	
.commentForm {
	border:1px solid #adadad;
	background:#f8f8f6;
	padding:15px;
	margin-bottom:15px;
	font-size:1em;
	overflow: hidden;
	
}
	span.name {
		font-size: 1em;
		font-weight: bold;
		margin: 0;
	}
	.commentForm form p {
		width: 354px;
	}
	.commentForm a {
		color: #000;
		text-decoration: underline;
	}
		.commentForm a:hover {
			color: #555;
		}
	.commentForm .reminder {
		font-size: .9em;
		width: 185px;
		float: left;
		margin: 1.3em 0 0 10px;
	}
	
		.reminder.wysi {
			margin-top: 3.1em;	
		}
	.commentForm form {
		float: left;
	}
		.commentForm form label {
			font-size: 1em;
			font-weight: bold;
		}	
		.commentForm form textarea {
			float: left;
			width:344px;
			height:131px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			line-height: 1.2em;
			font-weight:normal;
			padding:5px;
			margin-bottom: 10px;
		}
		.commentForm .buttonHolder {			
			float: left;			
			vertical-align: middle;
			margin: 0;
		}
    .buttonHolder a {
      vertical-align: top;
      line-height: 22px;
      display: inline-block; /* Sludge. For IE6 and IE7. Doesn't harm browsers, and technically not a hack.  */
    }
    .buttonHolder .preview-button {
      background: transparent url(/images/comments/comments_preview_btn.png) no-repeat top left;
      width: 65px;
      height: 22px;
      margin: 0;
      border: 0;
      padding: 22px 0 0;
      overflow: hidden;
      vertical-align: middle;
    }
    .buttonHolder .post-button {
      background: transparent url(/images/comments/comments_postcomment_btn.png) no-repeat top left;
      width: 105px;
      height: 22px;
      margin: 0;
      border: 0;
      padding: 22px 0 0;
      overflow: hidden;
      vertical-align: middle;
    }

		.commentForm h5 {
			font-weight:bold;
			font-size:1.3em;
			margin:0 0 10px 0;
		}
		.reportForm h5 {
			color:#ba0404;
		}	
		
		.commentError {
			background-color:#ba0404;
			color:#FFFFFF;
			padding:10px 7px;
			font-size:1em;
			font-weight:bold;
			margin-bottom:20px;
		}
			p.commentError a {
				color:#fff;
				text-decoration:underline;
			}
				p.commentError a:hover {
					color: #ccc;
				}
		

	p.commentsPosted {
		background-color:#1284c6;
		padding:10px;
		color:#FFFFFF;
		font-size: 1em;
		font-weight:bold;
		margin:10px 0;	
	}
		
	input.commentBtn {
		margin-right:10px;
	}
	
	table.buttonHolder td {
		vertical-align: middle;
	}
	
#contentarea form.edit-forum-profile .cancel-button {
  left: 205px; 
}

#contentarea form.edit-forum-profile .positive_thinking_label {
  display: inline;
  margin-right: 5px;
}

#email-page form #stf_form_error_message {
  border:3px solid #E02128;
  padding: 15px 15px 15px 50px;
}

/* Hide hidden form div border */
#email-page form div:first-child {
  border: none;
}

/* Copy of .validation-msg */
#email-page #stf_form_error_message h4 {
  font-size: 1.4em;
  color: #E02128;
  font-weight: bold;
  margin-top: 0;
}

/* Success - based on errors */
#stf_success_message {
	background-color: #fff;
	padding: 15px;
	line-height: 1.2em;
	font-weight: bold;
	border: 3px solid green;
	margin-bottom: 40px;  
}

#stf_success_message p {
  margin: 0;
  color: #000000;
}

/* Categories page */
.categories_page #primary h2 {
  font-size: 2.5em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
}

/* Home page menu */

#home_page_menu {
  margin: 24px 0 36px 0;
  height: 390px;
  width: 548px;
}

#home_page_menu li.menu_button {
  display: block;
  float: left;
  /* Using gif, so that png image replacement is not used for ie6 */
  background-image: url('/images/btn/home-menu-buttons_v2.gif'); 
  background-repeat: no-repeat;  
  background-color: transparent;
  width: 268px; 
  height: 75px;
}

  #home_page_menu li.menu_button:hover h3 {
    margin: 0 0 0 16px;
  }
    /* Adjust menu button contents with the changes to h3*/
    #home_page_menu li.menu_button:hover .menu_button_contents {
      top: -2px;
    }  
  
  /* Active menu has same style as non-hover style */  
  #home_page_menu li#find.menu_button {
    background-position: -615px 2px; /* -12 - 628 */
  }    
    #home_page_menu li#find.menu_button.active,
    #home_page_menu li#find.menu_button.active:hover {
      background-position: -12px 2px; 
    }    
    #home_page_menu li#find.menu_button:hover {
      background-position: -612px -1px; /* change x/change y = +3/-3 */
    }
  
  #home_page_menu li#connect.menu_button {
    background-position: -900px 2px;    
  }
    #home_page_menu li#connect.menu_button.active, 
    #home_page_menu li#connect.menu_button.active:hover {
      background-position: -304px 2px;      
    }
    #home_page_menu li#connect.menu_button:hover {
      background-position: -897px -1px; /* change x/change y = +3/-3 */
    }  

  #home_page_menu li.menu_button h3 {
    cursor: pointer;
    position: relative;

    text-indent: -9999px;
    
    height: 58px;
    width: 246px; /* Same as #home_page_menu li h3 a */
    margin: 3px 0 0 13px; /* Covers the active state */
  }
  
  #home_page_menu li.menu_button .description {
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 21px;
    height: 0; /* Not shown */    
    text-indent: -9999px;
  }
  
  #home_page_menu li.menu_button .description .highlight {
    color: #FFFA1E;
  }  
    
  /* Button specific styles */
  #home_page_menu li#find h3 {
    background-position: 21px 0;  
  } 

  #home_page_menu li#explore h3 {
    background-position: -161px 0;  
  }  
    #home_page_menu li#explore .description {  
      width: 120px;
    }
  
  #home_page_menu li#connect h3 {
    background-position: -339px 0;  
  }   
    #home_page_menu li#connect .description {  
      width: 127px;
    }

#home_page_menu li h3 {
  margin: 6px 0 0 0;
  line-height: 1em;
}
  
  #home_page_menu li h3 a {
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.2em; 
    
    padding-left: 21px;
    
    width: 246px; /* Same as #home_page_menu li.menu_button h3 */
    display: block;
  }

#home_page_menu .menu_button_contents {
  width: 200px;  
  background: transparent url('/images/bg/menu-contents-top.gif') no-repeat 0 0;  
  padding-top: 12px;
  
  position: relative;
  top: -5px;
  left: 15px;
}
  
  #home_page_menu .menu_button_contents .menu_button_contents_inner {
    background: #1282c4 url('/images/bg/menu-contents-bg.gif') repeat-x 0 0;
    padding: 5px 10px 15px 13px;
    border: #1384c6 solid 1px;    
    border-top: none;
  }
  
  #home_page_menu .menu_button_contents h4 {
    margin: 0;
  }

  #home_page_menu .menu_button_contents ul {
    margin-left: 0;
    margin-bottom: 0.5em;
  }
  
  #home_page_menu .menu_button_contents li {
    list-style: none;
    position: relative;    
    line-height: 1.5em;
    background: transparent url('/images/bull/home-menu-bullet.png') no-repeat 0 3px;
    padding-left: 13px;
  }
  
  #home_page_menu .menu_button_contents li a {
    text-decoration: none;
  }  
  
#home_page_menu.no_js .menu_button_contents {
  width: 170px;
}
  #home_page_menu.no_js li.menu_button h3 {
    cursor: default;
  }

.content-details {
    display: none;
}

/* Carers page */
.carers #primary {
  float: none;
}
.carers .logos {
  margin-top: 20px;
}

.carers .logos img {
  margin-right: 10px;
  padding-bottom: 30px;
}

/* User flash
-------------------------------------------------------------- */
#user-flash {
  background-color: #FFFFFF;
  font-weight:bold;
  line-height:1.2em;
  margin: 1em 0;
}
  .home #user-flash {
    margin-top: 0;
  }
  #user-flash #flash_msg {
    border: 3px solid #1384C6;
    color:#1384C6;
    padding: 15px 15px 5px;
  }
  #user-flash #flash_success {
    border: 3px solid #569d00;
    color:#569d00;
    padding: 15px 15px 5px;
  }
  #user-flash #flash_error {
    border: 3px solid #E02128;
    color:#E02128;    
    padding: 15px 15px 5px;
  }

#user-flash a {
  color: #000000;
}
#user-flash .flash_close {
  margin-left: 10px;
}

/* -- Hacks --------------------------------------------------------- */

/* slightly enhanced, universal clearfix hack (http://whatiswrongwiththeworldtoday.com/code/css-clear-hack) */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

/* Terms and conditions
-------------------------------------------------------------- */
.terms-and-conditions {
  height: 200px;
  border: 1px solid #000000;
  overflow: auto;
  padding: 0 10px;
  margin-top: 10px;
}

#reach_out_twitter a {
  margin: 0; padding: 0;
  background: none;
  text-decoration: none;
} 
#twitter_stream .profileLink { display: none; }
#twitter_update_list li {
  margin-bottom: 10px;
  line-height: 1.45em;
}
#twitter_update_list li a { color: #47A5D7; }
#twitter_update_list li a:hover { text-decoration: underline; }

#simplemodal-container a.modalCloseImg {
background:url(/images/close_button.png) no-repeat; /* adjust url as required */
width:25px;
height:29px;
display:inline;
z-index:3200;
position:absolute;
top:-15px;
right:-18px;
cursor:pointer;
}
#simplemodal-container {
  line-height:110%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: #fffa1e;
  background-color:#333;
  border:2px solid white; 
  solid #444;
  padding:14px;}