@charset "utf-8";
/* CSS Document */
/* ------------------------------------- */
/* CSS Reset from Eric Meyer's version v1.0 | 20080212 */
/* http://meyerweb.com/eric/tools/css/reset/ mine*/
	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, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; 
	}
	:focus { outline: 0; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	


/* ------------------------------------- */
/* --- Default style ------------------- */
/* ------------------------------------- */
	html { background: #f5f5f5; }
	/* add html for Chrome background body bug */
	body { 
	background: url(../img/bkgd.gif) repeat-x #f5f5f5;
	color: #595959;
	font-family:  Arial, Helvetica, sans-serif; 
	/* body font size
	1em = 10px
	12px = 12px
	24px = 24px */
	}
	p { color: #4c4c4c; font-size: 12px; /* 12px */ } 
	a { color: #000; text-decoration: none; }
	img { display: block; /* delete space under image Firefox / Chrome / Safari's bug  */ }
	#global {margin: 0 auto;width: 970px;position:relative;}
	#container {background: #fff;margin: 10px 0;padding: 10px;position: relative;width: 950px; /* fix IE6 corners' position bug */}
	
/* ------------------------------------- */
/* --- Fonts style ------------------- */
/* ------------------------------------- */

	h1 { /* style for alt attribute in case or image not displayed */color: #212121;font: 17px Georgia, "Times New Roman", Times, serif; /* 17px */}
	h3, h3 a { color: #000; }
	.h-img { border-bottom: 1px solid #E5E5E5;color: #212121;font: bold 22px/100%;  /* 22px */margin: 5px 0 10px 0;padding: 0 10px;overflow: hidden; zoom: 1;  }
	.h-img img { float: right; }
	.h-panel {border-bottom: 2px solid #000; margin: 0 10px; padding: 15px 0 5px 0; position: relative; /* fix disappearance border IE6 bug */ overflow: hidden; zoom: 1;  }
	.h-panel img { float: left; }
	.h-panel.off {border-color: #BEB899; }
	.h-panel.none {border: none; }
	.h-panel.bloghead {padding: 15px 0 0px 0; margin-left:25px;border: none; }
	.h-headline {font: 24px Georgia, "Times New Roman", Times, serif; line-height:120%  /* 24px */}
	.col-2 .h-headline a:hover, .col-3 .h-headline a:hover  {border-bottom:none}
	.col-2 .h-headline a, .col-3 .h-headline a {border-bottom:1px solid #e5e5e5}
	.h-title {color: #212121;font: bold 22px/100%;  /* 22px *//* style for alt attribute in case or image not displayed */margin-bottom: 5px;}
	.h-big { font: 40px Georgia, "Times New Roman", Times, serif; /* 40px */ }
	.h-sub { font: 24px Georgia, "Times New Roman", Times, serif; /* 20 ish px */ }
	.h-small-up { background: #FFF url('../img/bg-h-small-up.gif') no-repeat left bottom; /* specify background- color for IE  bug */color: #4B4B4B; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; margin: 30px 0 10px 0; padding: 2px 0; text-align: center; text-transform: uppercase; }
	#real_people h3, #real_people .info { font: 23px /* 23px */ Georgia, "Times New Roman", Times, serif; color: #212121; }
	#real_people .h-quote, #real_people .info  { text-align: center; padding: 0 100px 0 60px; }
	#real_people .h-community { width: 370px; margin: 10px; float: left; font-size: 40px; /* 40px */ }
	.h-quote { font-style: italic !important; margin: 25px 0 5px 0; }
	.elt-title { color: #000; font: 16px Georgia, "Times New Roman", Times, serif; /* 16px */ text-align: justify; }
	.elt-title p { margin:0; display:inline; padding:0; color: #000; font: 16px Georgia, "Times New Roman", Times, serif; /* 16px */ text-align: justify; }
	.elt-title a { color: #000; }
	a.small 	{ background: url('../img/arrow-small-black.gif') no-repeat left 0.455em; color: #000; font-size: 11px; padding-left: 7px; }
	a.big-blue 	{ background: url('../img/arrow-big-blue.gif') no-repeat left; color: #000; font-size: 16px; /* 16px */ font-weight: bold; display: block; /* necessary to dosplay bg higher than text */line-height: 2.625em; /* 42px */ padding-left: 35px; }
	.subtitle { font-size: 14px /* 14px */; line-height: 120%; border-bottom: 1px solid #b0b0b0; padding-bottom: 10px; margin: 5px 0 10px 0; }
	.p-article a {text-decoration:underline}
	.p-article p { font-size:  	12px; /* 11ppx */ margin: 10px 0; line-height: 140%; text-align: justify; }
	.p-article li { list-style: outside circle; font-size: 12px; line-height: 140%; margin: 5px 40px; }
	.p-article h2 {font-size:16px;line-height:260%;margin-top:10px;color:#000}
	.p-article h3 {font-size:14px;line-height:260%;color:#000}
	.p-article h4 {font-size:12px;line-height:200%}
	/* --- Paragraphs/Content --- */
	.text p { font-size:  12px;  margin: 10px 0; line-height: 150%; text-align: justify; }
	#global .text a {text-decoration:underline}
	#global .text a:hover {text-decoration:underline}
	.text-feature p { font-size:  12px;  margin: 10px 0; line-height: 150%;  }
	.text-real_people p { font-size:  14px;  margin: 10px 0; line-height: 160%; text-align: left; padding-right: 155px; }
	.text.close {padding-bottom:5px;margin-bottom:15px; background:url(../img/bg-dotted.gif) repeat-x bottom;}
	#real_people  .col-2 .author {font-size:11px;}
	#real_people  .col-2 .entry {font-size:12px; line-height:130%;}
        #real_people  .col-2 .entry .title a {color:#000; border-bottom:none}
        #real_people  .col-2 .entry .title a:hover {color:#000; border-bottom:1px solid #000}
	.entry .title a:hover {color:#000; border-bottom:none}
        .text-feature p a:hover {text-decoration:underline}
	/* --- link style --- */
	.hYellow { padding: 0 2px; }
	.hYellow:hover { background-color: #E2DD4C; color: #595959;  }
	.blog .col-1 a:hover {text-decoration:none}
	.blog h3 a:hover {background:#fffdc0}
	#about .col-2 h3 a:hover {background:#fffdc0} 
	#about .entry .title a:hover {background:#fffdc0; } 
	ul.article .title a:hover {border-bottom:1px solid #000;}
	ul.staff a:hover {text-decoration:underline}
	ul.address a:hover {text-decoration:underline}
	.p-article a:hover {text-decoration:underline}
	/* --- blog links right col --- */
	.col-3parts .col-3 .entry .title a, .col-3parts .col-3 .entry .h-headline a {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5;}
        .col-3parts .col-3 .entry .title a:hover, .col-3parts .col-3 .entry .h-headline a:hover {background:#fffdc0; border-bottom:none}
	/* --- event links right col --- */
	.col-3parts .col-3 .side-event .title a, .col-3parts .col-3 .side-event .h-headline a {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e5e5e5;}
        .col-3parts .col-3 .side-event .title a:hover, .col-3parts .col-3 .side-event .h-headline a:hover {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000;}


	
/* ------------------------------------- */
/* --- Header -------------------------- */
/* ------------------------------------- */

/* Breadscrumb */
	#bscrumb {
	overflow: hidden;  	/* clear float children elements */
	zoom: 1; 			/* create hasLayout for IE6 */
	position: absolute; left: 115px; top: 100px; z-index: 100;
	font-size:11px;
	}

	#bscrumb li { 
	float: left; 
	margin-left: 10px;
	}
	#bscrumb li a{ 
	color: #8f8f8f;
	display: block;
	margin-top:	3px;
	}
	#bscrumb li a:hover { 
	color: #000; text-decoration:underline;
	}
	#bscrumb .home a { background:url(/resources/img/bread-home.gif) no-repeat; display:block; text-indent:-9999px; width:12px; height:11px;}
	#bscrumb .home a:hover { background-position: 0px -19px}
	
	#bscrumb li.home a:after { 
	color: 		#C0C0C0; 
	content: 	" / ";
	margin: 	0 0 0 5px; 
	font-size: 11px;
	}
	/* hack pseudo class for IE with jQuery */
	#bscrumb .after  		{ color: #C0C0C0; font-size: 11px; }
	#bscrumb .after img  	{ margin-right: 5px; }
	
	#bscrumb form { margin: 0; }
	#bscrumb form input {
	float: left;
	background: #fff;
	}
	#bscrumb form .text {
	border-color: 	#E8E8E8 !important;
	color: 		#595959;
	font-size: 	11px; /* 11px */
	/*height: 	1.273em; /* 14px */
	margin-right: 5px; 
	padding:	3px  !important;
	width: 		152px;
	}
	#header h1 { position:absolute; left:10px;top:20px; z-index:5}
	#head { position:absolute; width:505px; height:18px;margin-left:-15px; margin-top:-18px; background-color:#FFFFFF}
	#header {height:118px;position: relative;}
	#header a.header-feature {position:absolute; left:482px;top:0px; z-index:88; background:url(../img/feature-aids-101.jpg) no-repeat; width:275px; height:128px;text-indent: -9999px;}
	#header a.header-fastest {position:absolute; left:757px;top:0px; z-index:90; background:url(../img/feature-fastest.jpg) no-repeat; width:113px; height:128px;text-indent: -9999px;}
	#header a.header-donate {position:absolute; left:870px;top:0px; z-index:89; background:url(../img/feature-donate.gif) no-repeat; width:91px; height:128px;text-indent: -9999px;}
	#header a:hover.header-donate { background:url(../img/feature-donate.gif) no-repeat 0px -128px; }
/* Main navigation */
	#nav  { 
	overflow: 	hidden; /* clear float children elements */
	width: 		950px; 	/* create hasLayout for IE6 */  	
	}
	#nav li {
	float: left;
	width: 158px;
	}
	#nav a {
	border-right: 	1px solid #f6f6f6;
	color: 			#797979;
	display: 		block;
	font: 			12px "Times New Roman", Times, serif; /* 11px */
	line-height:    13px;
	height: 		75px; /* 75px */

	padding: 		10px 10px 0 15px;
	width: 			132px;
	}
	#nav li a:hover { 
	background: 	#f6f6f6; 
	border-color:	#f6f6f6; 
	}
	#nav li.active a { 
	background: 	#E8E4B7 ; 
	border-color:	#f6f6f6; 
	margin-bottom: 	0;
	padding-bottom: 10px;
	}

	#nav span {
	display: 		block;
	margin-bottom: 	14px;
	/* style for alt attribute in case or image not displayed */
	color: 			#212121;
	font: 			bold 17px/100% Arial, Helvetica, sans-serif; /* 17px */
	}
	#nav li.wide 	{ width: 160px; }
	#nav li.wide a 	{ width: 134px; }
	#nav li:first-child a 	{ padding-left: 10px; width: 137px }
	#nav li:last-child a 	{ border-right: 0; width: 133px; }
	/* hack pseudo class for IE6 with jQuery */
	#nav li.first-child a 	{ padding-left: 10px; width: 137px }
	#nav li.last-child a 	{ border-right: 0; width: 133px; }
	

/* ------------------------------------- */
/* --- Footer -------------------------- */
/* ------------------------------------- */

	#footer { 
	    position: relative;
		padding: 5px 20px; 
		overflow: hidden;  /* clear float children elements */ 
		zoom: 1;  	/* create hasLayout for IE6 */
		font-size:11px;
	}
	#footer a:hover {text-decoration:underline; color:#000}
	
	#footer .col-1 { float: left; width: 230px;	font-size:12px; }
	#footer .col-2 {  float: right; font-size:12px;}
	
	.links-utilities a {
		background: url('../img/arrow.gif') no-repeat 0 4px;
		font-size: 12px; /* 12px */
		line-height: 160%;
		padding-left: 10px;
	} 
	.links-utilities li a:hover {background: url('../img/arrow.gif') no-repeat 0 -13px;text-decoration:underline;}

	#links-sitemap, #links-sitemap li 	{ float: left; }
	#links-sitemap a 					{ color: #9e9e9e; }
	#links-sitemap a:after { 
		color: 		#9e9e9e; 
		content: 	" / ";
		margin: 	0 5px; 
               line-height:     18px;
	}
	#links-sitemap :first-child a 		{ font-weight: bold; } 
	#links-sitemap :last-child a:after 	{ content: 	""; } 
	/* hack pseudo class for IE6 with jQuery */
	#links-sitemap .first-child a 		{ font-weight: bold; }
	#links-sitemap .after 				{ color: #9e9e9e; padding-right: 5px; } 

	#links-sitemap a:hover, #links-websites a:hover {text-decoration:none}
	
	#links-websites 	{ float: right; }
	#links-websites li 	{ float: left; }
	#links-websites 	{ color: #9e9e9e; }
        #links-websites         {line-height:     18px;}
	
	#links-websites	{float: right; margin-top: 0px; /* 63px */ }
	#links-websites li { color: #9e9e9e; float: left; margin: 0 0px 0 18px; }
	#links-websites a {display:block; text-indent:-9999px;}
	#links-websites	.broonline a {background:url(/resources/img/our-brands.png) no-repeat 0 -3px; width:74px; height:28px}
	#links-websites	.broonline a:hover {background-position: 0 -34px;}
	#links-websites	.getiton a {background:url(/resources/img/our-brands.png) no-repeat -85px 0px; width:46px; height:28px}
	#links-websites	.getiton a:hover {background-position: -85px -31px;}
	
	#footer .free-condoms {position:absolute; margin-left:120px;bottom:44px; z-index:91; text-indent: -9999px;}		
	#footer .free-condoms a {display:block; width:82px; height:70px; background:url(../img/btn-order-free-condoms.gif) no-repeat;}
	#footer .free-condoms a:hover {background-position: -88px 0px ;}
	
	#footer .donate {position:absolute; margin-left:170px;bottom:44px; z-index:91; text-indent: -9999px;}		
	#footer .donate a {display:block; width:82px; height:70px; background:url(../img/btn-donate-now.gif) no-repeat;}
	#footer .donate a:hover {background-position: -88px 0px ;}
    #footer .phone-numbers {width:187px;margin-left:280px;}

/* ------------------------------------- */
/* --- Social web ---------------------- */
/* ------------------------------------- */
#links-share, #links-feedback {font-size:12px;}
	#links-find	{ float: right; margin-top: 7.7em; /* 63px */ }
	#links-share, #links-share li
		{ color: #9e9e9e; float: left; margin: 0 10px 0 0; }
	#links-find li
		{ color: #9e9e9e; float: left; margin: 0 0px 0 18px; }
	#links-share li:first-child	{ margin-top: 1px; }  /* align in the middle of social icons */
	#links-find li:first-child 	{ margin-top: 4px; }  /* align in the middle of social icons */
	/* hack pseudo class for IE6 with jQuery */
	#links-share .first-child 	{ margin-top: 1px; }
	#links-find .first-child	{ margin-top: 4px; }
	#links-share li.share-button a  {background:url(/resources/img/social-icons.gif) no-repeat 0 0; height:16px; width:290px; display:block}
		#links-share li.share-button a:hover  {background-position: 0px -16px;}
	#links-feedback { 
		color: #9e9e9e; 
		float: right; 
		margin-top: 1px; /* align with "Share this page */
	} 
	#links-feedback a { 
		background: url('../img/arrow-small.gif') no-repeat left 0.455em;
		margin-left: 2px;
		padding-left: 7px;
	}
	#links-feedback a:hover { 
	text-decoration:underline;
	}
	#links-find a {display:block; text-indent:-999px;}
	#links-find	.twitter a {background:url(/resources/img/social-4.png) no-repeat 0 0; width:67px; height:20px}
	#links-find	.twitter a:hover {background-position: 0 -26px;}
	#links-find	.youtube a {background:url(/resources/img/social-4.png) no-repeat -85px 0; width:46px; height:20px;}
	#links-find	.youtube a:hover {background-position: -85px -26px;}
	#links-find	.bebo a {background:url(/resources/img/social-4.png) no-repeat -152px 0; width:48px; height:20px; display:block}
	#links-find	.bebo a:hover {background-position: -152px -26px;}
	#links-find	.facebook a {background:url(/resources/img/social-4.png) no-repeat -218px 0; width:66px; height:20px; display:block}
	#links-find	.facebook a:hover {background-position: -218px -26px;}

/* ------------------------------------- */
/* --- Panels -------------------------- */
/* ------------------------------------- */

/* -- homepage --*/
	#panel-home { /* style for alt attribute in case or image not displayed */color: #2B2B2B;font: bold .9em/100% Georgia, "Times New Roman", Times, serif; /* 36px */height:300px;}
	#panel-home img { display: 	block; /* delete space under image Firefox / Chrome / Safari's bug  */ }
	#panel-home li { font:	.9em/110% Georgia, "Times New Roman", Times, serif; /* 9px from 36px (#panel-home font-size) */ }
	#panel-home li a {color: 	#B0AE8C;text-transform: uppercase;}
	#panel-home li a:hover { color: #595959; } 
	#panel-home li a span {color: 	#D92335;font-size: 14px; 	/* 14px from 9px (a font-size) */line-height: 120%; /* specify line-height for IE6's bug */text-transform: none;}
	#panel-home li:first-child 		{ font-size: 14px; /* 14px from 36px (#panel-home font-size) */ }
	#panel-home li:first-child a 	{ color: 		#000; }
	/* hack pseudo class for IE6 with jQuery */
	#panel-home .first-child 		{ font-size: 14px; /* 14px from 36px (#panel-home font-size) */ }
	#panel-home .first-child a 		{ color: 		#000; }
	#panel-home { position: relative; }
	#panel-home #elt1 { position: absolute; top: 10px; left: 456px; text-align: right; }
	#panel-home #elt2 { position: absolute; top: 252px; left: 643px; }
	#panel-home #elt3 { position: absolute; top: 173px; left: 173px; text-align: left; }
	#panel-home #elt4 { position: absolute; top: 66px; left: 218px; text-align: right; }
	#panel-home #elt5 { position: absolute; top: 161px; left: 818px; text-align: right; }

/* -- Positive people --*/
	#panel-positive { background: #E8E4B7 url('../img/bg-nav.jpg'); }
	 /* specify height for IE6 bug with jQuery */
	
/* -- Blog --*/
	#panel-blog { position:relative; background: #E8E4B7 url('../img/bg-nav.jpg'); }
	#panel-blog .tagged {font-size:24px; position: absolute; left:310px;top:17px; z-index:20 }
	#panel-blog span {color:#a8a68b;}
	#panel-blog .phone {position:absolute; right:18px;top:18px; z-index:19 }

/* -- Positive FAQ --*/
	#panel-faq { background: #E9E4B8 url('../img/bg-faq-pattern.gif') no-repeat top left; overflow: hidden; width: 950px; padding-bottom: 30px; }
	#panel-faq .wide { padding: 0 20px; margin-top: 10px; width: 600px; border-right:  1px solid #B9B584; float: left; }
	#panel-faq .side { padding-left: 10px; margin-top: 10px; width: 290px; float: left; }
        #panel-faq .faq-cat {float:left;text-transform:lowercase;font-size:33px;padding:6px;line-height:100%;margin-top:-5px}
        #panel-faq .faq-cat span span {padding:6px;background-color:#7399cd; color:#fff;-moz-border-radius: 1em/5em}
        #panel-faq span span {padding:0 5px;line-height:0;background-color:#7399cd; color:#fff;-moz-border-radius: 1em/5em;}

/* -- Real people --*/
	#panel-real_people { background: #E8E4B7 url('../img/bg-nav.jpg'); }
	#panel-real_people .background { background: url('../img/bg-real_people-bottom.jpg') no-repeat left bottom; padding-bottom: 103px; }
	#panel-real_people .pattern { background: url('../img/panel-real_people.jpg') no-repeat top left; position: relative /* because of IE6 bug who undisplay the background */ ; }

/* ------------------------------------- */
/* --- Columns -------------------------- */
/* ------------------------------------- */

/* --- Generic Columns --- */
	.col-3 {overflow: hidden;/* clear float children elements */zoom: 1;/* create hasLayout for IE6 */}
	.col-3 .box { border-right: 1px solid #E5E5E5;float: left;margin: 15px 0; height: auto !important; height: 270px; min-height: 270px; width: 316px;}
	.col-3 .box ul { margin: 0 10px; }
	.col-3 .box:last-child { border-right: 0;}
	/* hack pseudo class for IE6 with jQuery */
	.col-3 .box.last-child { border-right: 0;}
	
	.col-2parts {overflow: hidden; /* clear float children elements */zoom: 1; /* create hasLayout for IE6 */}
	.col-2parts .col-1 {background: no-repeat right top; float: left;height: auto !important;height: 640px;min-height: 640px;padding: 10px 20px 20px 10px ;width: 649px;	}
	.col-2parts .col-2 {float: left;padding: 0 10px 10px 10px;width: 250px;}
	
	.col-3parts {background: url('../img/bg-3parts.jpg') no-repeat left 20px;margin-top: -20px;	height: auto !important;overflow: hidden;/* clear float children elements */zoom: 1; /* create hasLayout for IE6 */}
	.col-3parts .col-1 {float: left;margin-top: 20px; padding: 65px 5px 0 5px;width: 143px; }
	.col-3parts .col-3 {float: left;margin-top: 20px; padding: 50px 10px 0 10px;width: 270px; font-size:11px; }
	.col-3parts .sharing { background: url('../img/bg-sharing-off.jpg') no-repeat top left;padding-top:0; }
	.col-3parts .col-2 {float: left;width: 475px;	border-width: 0 1px;padding: 20px 16px 0 16px;position: relative;}
	
/* ------------------------------------- */
/* --- Sections -------------------------- */
/* ------------------------------------- */

/* --- Positive people  --- */
	#col-positive {overflow: hidden; /* clear float children elements */zoom: 1; /* create hasLayout for IE6 */margin-top: 20px;} 
	#col-positive .col-1, #col-positive .col-2 { float: left; }
	#col-positive .col-1 { padding: 0 10px; width: 503px; }
	#col-positive .col-1 h3  { overflow:hidden; }
	#col-positive .col-2 { background: url('../img/bg-solid-grey.gif') repeat-y top left; padding-right: 20px; width: 407px; }
	#col-positive .col-2 a:hover {text-decoration: underline}
        .real-stories-feature {margin: 0 10px; padding: 10px 0; border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #000000;}
        .real-stories-feature .person { float:left;width:170px; border-left:1px solid #9d9b75;margin-left:10px; position:relative; height: 260px; margin-bottom: 10px; margin-top: 10px;}
		.real-stories-feature .person .details {margin-left:10px;margin-bottom:10px;text-transform:uppercase; color:#646464; font-size:12px;}
		.real-stories-feature .person .category {margin-left:10px; font-family:"Times New Roman", Times, serif; font-size:16px; }
		
		#panel-positive .person { position:relative; overflow:hidden;}
		#panel-positive .person a .real-people-hover { position:absolute; left: -187px; top: 0; }
		#panel-positive .person a:hover .real-people-hover { position:absolute;left: 0px; top: 0; }


        .real-stories-footer {padding:15px;}
		.real-stories-footer a {font-family:Arial, Helvetica, sans-serif; font-size:16px}
        .real-stories-footer p span a, .real-stories-footer p span {color:#96947f}
		.real-stories-footer a:hover { text-decoration:underline}

/* --- Staff  --- */
	.staff li { float: left; line-height: 130%; font-size:11px;  }
	.staff .col-1 { width: 78px; padding: 0; margin: 0; }
	.staff .col-2 { width: 180px; border-right: 1px solid #E5E5E5;  margin: 0 10px; padding: 0; font-size: 16px; line-height: 100%;}
	.staff .col-2 a { color: #000; }
	.staff .col-3 { width: 190px; padding: 0; margin: 0; }
	.address li { float: left; line-height: 130%; }
	.address .col-1 { width: 129px; padding: 0; margin: 0; }
	.address .col-2 { width: 129px; border-right: 1px solid #E5E5E5;  margin: 0 10px; padding: 0; }
	.address .col-2 a { color: #000; }
	.address .col-3 { width: 190px; padding: 0; margin: 0; }
        .staffrai li { float: left; line-height: 130%; }
        .staffrai .col-1 { width: 78px; padding: 0; margin: 0; }
        .staffrai .col-2 { width: 60px; border-right: 1px solid #E5E5E5;  margin: 0 10px; padding: 0; font-size: 16px; line-height: 100%;}
        .staffrai .col-2 a { color: #000; }
        .staffrai .col-3 { width: 40px; padding: 0; margin: 0; }

/* --- Research --- */
	.research { background:url(../img/bg-research.jpg) no-repeat;height: auto !important;overflow: hidden; zoom: 1; }
	.research p {font-size:12px;line-height: 150%; }
	.research .col-1 {float: left; padding: 26px 16px 0 26px;width: 439px;}
	.research .col-1 h4.title-research {text-indent: -9999px;border-bottom:1px solid #e5e5e5; height:30px; display:block;padding-bottom:5px; background:url(../img/h-reseach_papers.gif) no-repeat;}
	.research .col-1 .pdf {padding-top:12px;padding-bottom:0px;clear:left}
	.research .col-1 .pdf-details {float:left;padding-left:12px; width:370px}
	.research .col-1 .pdf-icon {float:left; background:url(../img/icon-pdf.png) no-repeat center top; padding-top:46px; width:55px; text-align:center; font-size:10px; display: block;}
	.research .col-1 .published {color:#7d7d7d; font-size:11px;}
	.research .col-1 .pdf-title {font-size:16px; font-weight:bold;}
	.research .col-1 .pdf-title a {border-bottom:1px solid #e4e4e4} 
	.research .col-1 .pdf-title a:hover {border-bottom:1px solid #000} 
	.research .col-1 .tags {font-size:11px;}
	.research .col-1 .tags a:hover {text-decoration:underline}
	.research .col-1 .see-archives {margin-top:15px;background: url(../img/bg-dotted.gif) repeat-x top; text-align:right; float:left;width:100%; padding-top:10px; font-size:11px; }
	.research .col-2 {float: left;padding: 0 16px 10px 16px;width: 436px;}
	.research .col-2 .h-about-rai-unit {text-indent: -9999px;border-bottom:1px solid #9f9c7e; height:39px; display:block; background:url(../img/title-about_the_rai_unit.gif) bottom right no-repeat;
	padding-top:20px;margin-bottom:10px; }
	.research .col-2 h4 {font-size:24px; font-weight:bold; color:#222625; border-bottom:1px solid #e4e4e4}
	.research .date {color: #919191; font-size: 11px;line-height: 100%;}
	.research .author {color: #000; font-size:11px;line-height: 100%;margin-top:4px;}
	.research .author span {color: #919191;}
	/* --- Panel of three RAI staff members--- */
	.research .staff li { float: left; line-height: 130%; height:85px; }
	.research .staff .col-1 { width: 78px; padding: 0; margin: 0;  overflow:hidden; }
	.research .staff .col-2 { width: 115px;  margin: 0 10px; padding: 0; font-size: 16px; line-height: 100%; border:none}
	.research .staff .col-2 a { color: #000; }
	.research .staff-fixed-height {height:275px;}

/* --- Blog --- */
	.blog { background:url(../img/bg-blog.jpg) no-repeat 0 63px ;overflow: hidden; zoom: 1;}
	.blog p {font-size:13px;line-height: 20px !important; margin-bottom: 15px !important; }
	.blog .col-1 {float: left; padding: 18px 16px 0px 26px;width: 473px;position:relative;margin:0;}
	.blog .col-1 h4.title-research {text-indent: -9999px;border-bottom:1px solid #e5e5e5; height:30px; display:block;padding-bottom:5px; background:url(../img/h-reseach_papers.gif) no-repeat;}
	.blog .col-1 .tags {font-size:11px;}
	.blog .col-1 .see-archives {margin-top:15px;background: url(../img/bg-dotted.gif) repeat-x top; text-align:right; float:left;width:100%; padding-top:10px; font-size:11px; }
	.blog .col-2 {float: left;padding: 16px 10px 10px 10px;width: 124px;}
	.blog .col-2 .h-about-rai-unit {text-indent: -9999px;border-bottom:1px solid #9f9c7e; height:39px; display:block; background:url(../img/title-about_the_rai_unit.gif) bottom right no-repeat;
	padding-top:20px;margin-bottom:10px; }
	.blog .col-2 .post-category .title {font-size:11px;color:#a2a2a2; background:none;padding-left:0;}
	.blog .col-2 .post-category li {font-size:12px;  padding-bottom:10px;}
	.blog .col-3 {float: left;width: 273px;	padding: 60px 9px 0 9px;}
	.blog .date {color: #919191; font-size:  11px;line-height: 100%;}
	.blog .author {color: #000; font-size: 11px;line-height: 100%;margin-top:4px;}
	.blog .author span {color: #919191;}

/* -- Positive people -- */

	#col-positive .col-1 h3 {clear: left;/* hack float for IE6 with jQuery */ float: left; margin: 20px 0; width: 142px;}
	#col-positive .col-1 h3 a { display: block; } /* all block clickable */
	#col-positive .col-1 p { border-left: 1px solid #E5E5E5; float: left; line-height: 150%; padding: 0 20px 0 10px; width: 330px; margin: 20px 0; }
	#col-positive .col-1 h3.first-child { margin-top: 0; }
	#col-positive .col-1 p.first-child { margin-top: 0; }

	#col-positive .col-2 .headline { background: url('../img/bg-dotted.gif') repeat-x bottom left; margin: 0 0 5px 47px; padding-bottom: 5px; overflow: hidden; zoom: 1; }
	#col-positive .col-2 .headline h4 { float: left; }
	#col-positive .col-2 .headline .small { float: right; margin-top: 5px; }
	#col-positive .col-2 p { font-size: 11px; margin-bottom: 10px; padding-left: 47px; }
	#col-positive .col-2 .elt-title { background: url('../img/bg-questions-small.gif') no-repeat left top; /*height: auto !important; height: 29px; min-height: 29px; */ padding: 10px 0 11px 47px;}
	#col-positive .col-2 p a { color: #7399cd; white-space: nowrap; }
	#col-positive .col-2 p a span { color: #000; }
	#col-positive .col-2 .bottom {background: url('../img/bg-dotted.gif') repeat-x top left; margin: 15px 0 0 47px; padding-top: 5px; overflow: hidden; zoom: 1; }
	#col-positive .col-2 .big-blue { float: right; }

/* -- About organisation -- */
	#about { background:url(../img/bg-organisation.jpg) no-repeat; overflow: hidden; zoom: 1;} 
	#about .col-1, #about .col-2 { float: left; }
	#about .col-1 { padding: 0 10px; padding-top:114px;width: 520px; }
	#about .col-2 { padding-left: 0px;padding-right: 0px; padding-top:20px; width: 400px; }
	#about .col-2 ul {margin:0 16px; }
	#about .col-1 ul {font-size:14px; font-weight:bold;}
	#about-menu {padding-bottom:20px;}
	#about-menu, #about-menu li 	{ float: left; }
	#about-menu a 					{ color: #000; }
	#about-menu a:after { 
		color: 		#9e9e9e; 
		content: 	" / ";
		margin: 	0 8px; 
	}
	#about-menu :first-child a 		{ font-weight: bold; } 
	#about-menu :last-child a:after 	{ content: 	""; } 
	/* hack pseudo class for IE6 with jQuery */
	#about-menu .first-child a 		{ font-weight: bold; }
	#about-menu .after 				{ color: #9e9e9e; padding-right: 5px; } 
	#about .text-feature h4 {font-size:24px; font-weight:bold; color:#222625; border-bottom:1px solid #e4e4e4}
	#about .text-feature {float:left;width:250px;padding-right:20px}
	#about .nopad {padding-right:0px}
	#about .date {color: #919191; font-size: 11px;line-height: 100%;}
	#about .author a {color: #000; }
	#about .author {font-size: 11px;line-height: 100%;margin-top:4px;}
	#about .author span {color: #919191;}


/* ------------------------------------- */
/* --- Items --------------------------- */
/* ------------------------------------- */

/* --- Forms - Questionaire --- */
	.form-asking 			{ overflow: hidden; width: 280px; background: url('../img/bg-form-bubble.gif') no-repeat 113px bottom; }
	.form-asking fieldset 	{ background: #D5D0A6 url('../img/bg-form-asking.gif'); padding: 7px 10px 10px 10px; }
	.form-asking label		{ display: block; font: 12px Arial, Helvetica, sans-serif; color: #000; margin-bottom: 5px; }
	.form-asking label.small{ font-size: 1em; }
	.form-asking textarea	{ border: 1px solid #B9B584; width: 247px; padding: 5px; font: 11px Arial, Helvetica, sans-serif; color: #646464; }
	.form-asking label.text	{ width: 78px; float: left; margin-top: 2px; }
	.form-asking input.text	{ border: 1px solid #B9B584; width: 167px; padding: 1px 5px; font: 11px Arial, Helvetica, sans-serif; color: #646464; margin-bottom: 5px; }
	.form-asking select		{ border: 1px solid #B9B584; width: 260px; margin-top: 3px; font: 11px Arial, Helvetica, sans-serif; color: #646464; padding-left: 5px; }
	.form-asking .submit 	{ float: right; margin: 10px 25px 0 0; }
	.form-asking label.checkbox input 	{ float: left; margin-right: 5px; margin-left: 0; }
	.form-asking label.checkbox span 	{ display: block; padding-top: 2px; }
	.question .form-asking 	{ width: 525px; background-position: 347px bottom; margin: 20px 0; margin-left: 75px; }
	.question .form-asking fieldset 	{ background-image: none; }
	.question .form-asking textarea 	{ width: 493px; }
	
	.form-asking label.error, 
	.form-asking span.error { color: #C00; }
	.form-asking input.error, 
	.form-asking textarea.error { border-color: #C00; background-color: #FEF; color: #C00; }
	.form-asking select.error { border-color: #C00; background-color: #FEF; color: #C00; }
	.form-asking input:focus,
	.form-asking input.error:focus, 
	.form-asking select:focus,
	.form-asking select.error:focus, 
	.form-asking textarea:focus, 
	.form-asking textarea.error:focus { background-color: #fff; border-color: #B9B584; color: #898989; }
	.form-asking select:focus,
	.form-asking select.error:focus { color: #898989; }
	
/* --- Lists --- */
	.documents { background: url('../img/bg-dotted.gif') repeat-x top left; padding-top: 10px ; padding-bottom: 20px ; }
	.documents li { list-style: none; font-size: 11px; margin-left: 25px; }
	.documents li a { background: url('../img/arrow-small-black.gif') no-repeat left center; color: #000;padding-left: 8px; text-decoration: underline; }
	
/* --- Paging --- */
	.simple-paging {position:relative; font-size:11px;}
	.simple-paging .arrow-left { float:left; background:url(../img/arrow-yellow-left.gif) left no-repeat; display:block; padding:24px 5px 24px 26px; color:#000000}
	.simple-paging .page-counter {position:absolute; width:70px; text-align:left; padding:23px 0px 0px 0px; margin: 0 50%; font-size:14px;color:#000000}
	.simple-paging .arrow-right {float:right; background:url(../img/arrow-yellow-right.gif) right no-repeat; display:block; padding:24px 26px 24px 5px;color:#000000}

/* --- FAQ --- */
	.topics 			{ margin-top: 20px; }
	.topics li 			{ font: bold 15px Arial, Helvetica, sans-serif; color: #3E3E3E; line-height: 190%; }
	.topics .title 		{ font-size: 18px; }
	.topics a 			{ color: #3E3E3E; background: url('../img/bg-li-topic.gif') no-repeat left 1px; padding-left: 10px; }
	.topics .active a, .topics a:hover 	{ color: #8C8A73; background-position: left -13px; }
	
/* --- Home --- */
	.getInvolved li { background: url('../img/bg-dotted.gif') repeat-x left bottom; margin-bottom: 10px; padding-bottom: 10px; }
	.getInvolved li:last-child { background: none; }
	/* hack pseudo class for IE6 with jQuery */
	.getInvolved li.last-child { background: none; }
	.getInvolved a { background: no-repeat top left;color: #4d4d4d;display: block;font-size: 13px; /* 13px */ 
	height: 1%; 	/* fix background-image disappearance IE bug */ 
	padding: 10px 0 0 65px;}
	.getInvolved a span { color: #272727;display: block;font-size: 21px; /* 21px from 13px (a font-size) */ font-weight: bold;}
	.getInvolved a:hover span { color: #000; text-decoration:underline}
	.getInvolved .donate a 		{ background-image: url('../img/bg-donate.gif');}
	.getInvolved .volunteer a 	{ background-image: url('../img/bg-volunteer.gif'); }
	.getInvolved .join a 		{ background-image: url('../img/bg-join.gif'); }
	
/* --- Photos / Video -- */
	.ss {overflow: hidden;zoom: 1;}
	.ss .video {position:absolute; z-index:100;width:66px; height:66px;background: url('../img/bg-slideshow-video.png') -5px -5px;  }
	/* hack png for IE6 with jQuery */
	.ss .IEpng { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='../img/bg-slideshow.png', sizingMethod='crop'); }
	.ss .IEpngvideo { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='../img/bg-slideshow-video.png', sizingMethod='crop'); }
	.ss a {padding:4px; padding-right:8px; float:left; background:url(../img/bg-slideshow.png) no-repeat;margin-right:14px;width:66px;overflow:hidden; font-size:11px;}
	.ss img {margin-bottom:10px;}
	.ss.ss-null {padding:4px; padding-right:8px; float:left; background:url(../img/bg-slideshow.png) no-repeat;margin-right:14px;width:66px;overflow:hidden}
	.ss.ss-strip {border-top: 2px solid #E5E5E5;margin: 10px 0;padding: 10px 0 0 23px;}
	.ss.ss-other-staff {margin: 0px 0;padding: 10px 0 0 0px;}
	#gallery,#video {background-color:transparent;background-image:url(../img/bg-dotted.gif);background-repeat:repeat-x;background-attachment:scroll;background-position:left top;
        padding-top:10px;padding-bottom:20px;}
		
	.videoEmbed { margin: 20px auto; text-align: center; overflow: hidden; width: 425px; }
	.videoEmbed p { margin: 20px auto 0 auto; text-align: center; float: right; }
	.videoEmbed p a { font-size: 12px; /* 12px */ }

/* --- Staff -- */
	.staff .role { color: #000; font-size: 11px; display: block;line-height: 130%; }
	.staff .location { color: #000; font-size:  11px; display: block; margin-top: 5px;line-height: 100%; }
	
/* --- Fonts -- */
	.article .date  {color: #9E9E9E;font-size: 11px; /* 10px */text-transform: uppercase;}
	
/* --- Links --- */
	.article .title a {border-bottom: 1px solid #E5E5E5;color: #212121;font: 16px Georgia, "Times New Roman", Times, serif; /*16px*/ }
		.article .title a:hover {background:#fffdc0; border-bottom-width: 0 !important; }
	.event .title a {border-bottom: 1px solid #E5E5E5;color: #212121;font: 16px Georgia, "Times New Roman", Times, serif; /*16px*/}
		.event .title a:hover {border-bottom: 1px solid #000;}
	
/* --- Boxes --- */
	.col-3parts .col-3 .title a { border: 0 }
	
	.article .blurb 	{ font-size: 11px; line-height:14px; /* 11px */ margin: 5px 0 10px 0; }
	.article .blurb a	{ color: #595959; }
	
 	.event  {
		padding-bottom: 20px;	/* margin doesn't work */
		overflow: hidden;  		/* clear float children elements */
		zoom: 1; 				/* create hasLayout for IE6 */
	 }
	.event .date 		{ background: url('../img/bg-date.png') no-repeat left 1px; float: left; margin: 3px 10px 5px 0; width: 29px; }
	/* hack bug transparent PNG for IE6 with Jquery */
	.event .date span 	{ color: #212121; display: block; text-align: center; text-transform: uppercase; }
	.event .date .day 	{ font-size:10px; font-weight: bold; line-height: 70%; }
	.event .date .num 	{ font: italic 20px/70% Georgia, "Times New Roman", Times, serif; /* 20px */ /* special position for IE6 bug on jQuery */ }
	.event .date .month { font-size: 10px; /* 9px */ }
	.event .location	{ color: #9E9E9E; margin-top: 2px; margin-left: 39px; font-size:11px }
	.event .location a	{ color: #9E9E9E; }
	.event .text		{ margin-top: 40px; }
	.event .text span 	{ background: #CCCFE9; font: 23px Georgia, "Times New Roman", Times, serif; color: #212121; }
	.side-event 		{ position: relative; }
	/*.side-event a.mask    { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 270px; } */
	.side-event .text 	{ padding-top: 85px; height: 65px; border: solid #7c7c7c; border-width: 1px 0; background: no-repeat top left; clear: left; margin-top: 8px; }

	.big-event 			{ padding-top: 20px; padding-bottom: 40px; height: 190px; background: no-repeat top left; position: relative; }
	.big-event a 		{ display: block; position: absolute; top: 0; left: 0; height: 230px; width: 300px; }

	.entry { background: url('../img/bg-dotted.gif') repeat-x bottom left; padding-bottom: 10px; margin-bottom: 10px !important; }
	.entry .title { margin-bottom: 5px; }
	.entry .arrow { background: url('../img/arrow-black.gif') no-repeat left 7px; padding-left: 12px; }

	.entry .title a {border-bottom: 1px solid #E5E5E5;color: #212121;font: 16px Georgia, "Times New Roman", Times, serif; /*16px*/}
	.entry a { color:#000; }
	
/* --- Left Nav --- */
	.col-3parts .elt-title li { margin-bottom: 20px; /* don't use margin because of double marge IE6 bug */color: #C9C9C9; border-left: 1px solid #C9C9C9; height: 1%; /* fix IE6 bug */ padding-left: 5px; text-align: left; }
	.col-3parts .elt-title li a { color: #C9C9C9; display: block; }
	.col-3parts .elt-title li:hover, .col-3parts .elt-title li.active 	{ border-color: #000; }
	.col-3parts .elt-title li.active a, .col-3parts .elt-title li.active li.active a, .col-3parts .elt-title li.active li.active li.active a { color: #000; }
	.col-3parts .elt-title li a:hover, .col-3parts .elt-title li li a:hover, .col-3parts .elt-title li li li a:hover, 
	.col-3parts .elt-title li.active li a:hover, .col-3parts .elt-title li.active li li a:hover, .col-3parts .elt-title li.active li.active li a:hover  	{ color: #000; }
	
	/* hack pseudo class for IE6 with jQuery */
	.col-3parts .elt-title li ul { border-top: 1px solid #C9C9C9; margin-top: 5px;padding-top: 5px;}
	.col-3parts .elt-title li ul ul { border-top: none; margin-top: 0px;}
	.col-3parts .elt-title li li { border: 0;padding: 1px 0;margin: 0;font-size: 12px; line-height: 150%;}
	.col-3parts .elt-title li li li { padding-left: 10px; font-size: 11px; text-align: left; }
	.col-3parts .elt-title li li a, .col-3parts .elt-title li.active li a,
	.col-3parts .elt-title li li li a, .col-3parts .elt-title li li.active li a,.col-3parts .elt-title li.active li.active li a { color: #606060; }
/*	.col-3parts .elt-title #nav_categories li {font-size: .6em; margin-left:10px;} */

/* --- FAQ --- */
	.question .title		{ background: url('../img/bg-dotted-black.gif') repeat-x left bottom; padding-bottom: 5px; margin: 7px 0; position: relative;  height: 100%; } 
	.question .elt-title	{ background: url('../img/bg-questions.gif') no-repeat left top; padding: 12px 0 15px 65px; width: 460px; text-align: justify; font-size: 17px; }
	.question .nb_answer 	{ position: absolute; right: 0; bottom: 5px; color:#000; }	
	.question .answers		{ display:none; } 
	.question .answer		{ background: url('../img/bg-answer.gif') no-repeat 10px top; padding: 15px 0 20px 75px; text-align: justify; }
	.question .answer p, .question .answer ul	{ color: #5D5D5D; margin: 3px 0; font-size: 12px; }
	.question .answer li  	{ list-style: disc; margin: 0 50px; }
	.question .author  a 	{ color: #000; font-style: italic; margin-top: 5px; }
	.question .official p {font-size:14px;color:#000; }
	.question .official p.author {font-size:12px;padding-top:10px;}
	
/* --- Real people --- */
	#real_people h2 { text-align: center; font-size: 48px; color: #212121; padding: 5px 100px 0 60px; }
	#real_people .col-1 .blurb { text-align: center; font-size: 16px; padding: 0 100px 15px 60px; background: url('../img/hr.gif') no-repeat 20px bottom; }
	#real_people .text { font-size: 14px; line-height: 160%; padding: 15px 155px 15px 0; background: url('../img/hr.gif') no-repeat left bottom;  } 
	#real_people p img { float: right; margin-right: -155px; margin-top: 5px; }  /* fix IE6 bug of double margin by jQuery */
	#real_people .community 			{ float: left; }
	#real_people .community li  		{ overflow: hidden; height: 1%; margin-top: 15px;}
	#real_people .community li a 	{ display: block;color: #212121;font: 17px/100% Georgia, "Times New Roman", Times, serif; /* 17px */   background: url('../img/arrow-big-red.gif') no-repeat top right; padding: 5px 38px 5px 0; width: 220px; }
	#real_people .community li span 	{ font-size: 11px /* 11px from a size 1.545em (17px) */; font-family: Arial, Helvetica, sans-serif; color: #5B5B5B;  }
	#real_people .community li img 	{ float: left; margin: -5px 10px 0 0; }

/* ------------------------------------- */
/* --- Forms --------------------------- */
/* ------------------------------------- */
	div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }
	p.legend { margin-bottom: 1em; }
	p.legend em { color: #C00;  }
	div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
	div.errors p { margin: 0; }
	div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
	.standard-form {background:#f5f2df;padding:12px; }
	.form-title {background:url(../img/bg-dotted.gif) bottom repeat-x; font-size:17px; line-height:24px;}
	.form-req {position:absolute; right:30px; font-size:11px; color:#787664}
	.standard-form p { margin: 0; color:#787664; font-size:14px; line-height:16px }
	.standard-form p.note-field { margin-left: 220px; padding: 3px 0; font-size: 11px; color: #b9b7a9; }
	.standard-form p.note-label { margin-left: 9px; padding: 3px 0; font-size: 11px; color: #b9b7a9; }
	.standard-form fieldset {  padding: 15px 0; }
	.standard-form legend { font-weight: bold; color: #666;font-size:14px }
	.standard-form fieldset div { padding: 0.25em 0; }
	.standard-form label.radio {font-size:12px;}

	.standard-form label, 
	.standard-form span.label {font-size:14px; line-height:16px; color:#787664; padding-top:4px; padding-right: 10px; width: 210px; display: block; float: left; }
	.standard-form label.error, 
	.standard-form span.error { color: #C00; }
/*	.standard-form label em, 
	.standard-form span.label em { padding-left:2px;position: absolute;  font-size: 14px; font-style: normal;  } */
	.standard-form input.error, 
	.standard-form textarea.error { border-color: #C00; background-color: #FEF; color: #C00; }
	.standard-form input,.standard-form textarea,.standard-form select  {border: 1px solid #dfddc5;padding:2px;}
	.standard-form input.requiredOther { width: 70px; margin-top: 4px; float:left;  }
	.standard-form select {  }
	.standard-form select.error { border-color: #C00; background-color: #FEF; color: #C00; }
	.standard-form textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px}
	.standard-form input:focus,
	.standard-form input.error:focus, 
	.standard-form select:focus,
	.standard-form select.error:focus, 
	.standard-form textarea:focus, 
	.standard-form textarea.error:focus { background-color: #fff; border-color: #b9b7a9; color: #000; }
	.standard-form select:focus,
	.standard-form select.error:focus {  }
	.standard-form div.controlset label, 
	.standard-form div.controlset input { display: inline; float: none; }
	.standard-form div.controlset div { margin-left: 170px; }
	.standard-form div.buttonrow { margin-left: 180px; }
	.standard-form .comment {margin: 6px 0 }
	.standard-form .f420 {width:440px}
	.standard-form .f220 {width:220px}
	.standard-form .f150 {width:150px}
	.standard-form .f70 {width: 70px}
	.standard-form .f50 {width:50px}
	.standard-form .f40 {width:40px}
	.standard-form .full-width {width:60%}
	.standard-form .total-full-width {width:100%; margin-right: 0; padding-right: 0; }
	.standard-form .total-full-width label.error{ float:right!important; width:140px}
	.standard-form .submit {padding:0;border:0;margin:0 5px;}
	
	.standard-form .other { font-size: 11px; }
	.feedback { margin:5px 0 15px; width: 445px; }
	.feedback td label { float: none; width: auto; }
	.feedback th { text-align: right; padding: 2px 0; border-right: 1px dashed #d0d0d0; }
	.feedback th label { width: 190px; }
	.feedback td { width: 50px; padding: 2px 5px; text-align: center; border-right: 1px dashed #d0d0d0; }
	.feedback .first th, .feedback .first td { border: 0; font-size: 11px; color: #787664; }
	.feedback select { width: auto; margin-top: 15px; }
	.feedback label { width: 190px; margin-right: 5px; font-size: 11px; font-weight: normal; color: #787664; }
	.feedback .textarea { margin-left: 200px; }

/* ------------------------------------- */
/* --- Misc ----------------------- */
/* ------------------------------------- */
	.clear {clear: both; /*height:0; line-height:0; don't use 0  */}
	.clearOverflow { overflow: hidden; /* clear float children elements */zoom: 1; /* create hasLayout for IE6 */}
	.borderTop { border-top: 1px solid #E5E5E5; margin-top: 10px;padding-top: 10px;}
	.right { float: right !important; }
	.corner { background: url('../img/corners-white.gif') no-repeat;display: block;height: 8px;overflow:hidden; /* fix IE6 corners' height bug */position: absolute;width: 8px;}
	.corner-TL { background-position: 0 0; left: 0; top: 0; }
	.corner-TR { background-position: -8px 0; right: 0; top: 0; }
	.corner-BL { background-position: 0 -8px; left: 0; bottom: 0; }
	.corner-BR { background-position: -8px -8px; right: 0; bottom: 0; }
	/* fix position for IE6 with jQuery */
    .editid {display:none;}

	#global #org-list a { font-size:12px;margin:0;padding:0;display:block; height:50px; border:1px solid #cccfe9  }
	#global #org-list ul { display:inline; width:458px; text-align:center;margin:0;padding:0; background:url(/resources/img/org-chart-line-vert.gif) center }
	#global #org-list li {  background:#e2e4f2;list-style: none; width:205px;text-align:center;margin:0 auto;}
	#global #org-list-sub a { font-size:12px; line-height:140%;margin:0;padding:0;display:block; width:110px; display:block; background:#e2e4f2;border:1px solid #cccfe9; }
	#global #org-list-sub ul {display:inline; width:458px;margin:0;padding:0; background:url(/resources/img/org-chart-feeders.gif) center no-repeat; padding-top:20px}
	#global #org-list-sub li {  margin: 0px; height:40px; margin-left:2px;margin-right:2px; list-style: none; float:left; text-align:center; }
    #global #org-list li a:hover, #global #org-list-sub li a:hover {border:1px solid #000; background:#cccfe9; text-decoration:none}

/* --- */

/* Form Buttons  */
.nextbutton, .prevbutton{
width:80px;
height:30px;
color:#000;
padding:4px;
border:1px solid #339933;
cursor:pointer;
text-align:center;
margin:7px;
}

/* google cse search */
#cse-search-results iframe {
width: 950px;
height: 1000px;
} 
#cse-search-box  input, #cse-search-box button {
	border: none;
	float: left;
}
#cse-search-box  input.box {
	color: #fff;
	font-size: 1.2em;
	width: 190px;
	height: 30px;
	padding: 8px 5px 0;
	background: url(../img/form-search-submit.gif) no-repeat left top;
	margin-right: 5px;
}
#cse-search-box  input.box:focus {
	background: url(../img/form-search-submit.gif) no-repeat left -38px;
	outline: none;
}
#cse-search-box  button.btn {
	width: 27px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(../img/form-search-submit.gif) no-repeat 0px 0px;	
}
#cse-search-box  button.btn:hover {
	background: url(../img/form-search-submit.gif) no-repeat 0px -20px;	
}


/*-- Quiz --*/
#quiz                   { /*background: #F5F2DF; */ /* padding: 20px 25px; */ margin-top: 20px; }
#quiz .number			{ margin: 0; color: #585858; font-size: 12px; /* 12px */ }
#quiz .title 			{ margin: 10px 0 20px 0; color: #585858; font-size: 21px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 130%; }
#quiz .answers 			{ text-align: center; }
#quiz .answers input 	{ margin: 0 8px; }
#quiz .solution 		{ overflow: hidden; width: 100%; border-top: 1px solid #D6D5D0; padding-top: 20px; }
#quiz .solution img 	{ float: left; }
#quiz .solution div		{ margin-left: 100px; }
#quiz p 		{ margin: 0; color: #585858; font-size: 13px; line-height: 150%; }
#quiz p a		{ color: #000; }
#quiz span.msg 	{ color: #000; display: block; }
#quiz p.score 	{ color: #000; margin: 20px 0; }


a.mystory {height:190px;margin-bottom:20px; display:block; text-indent:-9999px;}

a.banner-free-condoms { display:block; background:url(../img/banner-free-condoms.png) no-repeat; height: 205px; width:270px;}
a:hover.banner-free-condoms  {background:url(../img/banner-free-condoms.png) no-repeat bottom; height: 205px; width:270px;}



/*-- Receipt --*/
.receipt { width: 475px; }
.receipt td { padding: 7px 5px;font: 12px Arial, Helvetica, sans-serif; }
.receipt hr { border: 1px solid #CCC; border-width: 1px 0 0 0; }

sup{
	font-size:xx-small; vertical-align:top;
}

div.col-1 ul { list-style: disc !important; font-size: 12px !important; font-weight: normal !important; margin-left: 20px !important; margin-bottom: 15px; }
div.col-1 ul li { line-height: 18px; }

div.col-1 ol { list-style: decimal; font-size: 12px !important; font-weight: normal !important; margin-left: 20px !important; margin-bottom: 15px; }
div.col-1 ol li { line-height: 18px; }
	
/* -- New Styles  --*/
#header a.year-new { position: absolute; left: 438px; top: 0px; z-index: 100; background: url(../img/25years-header-new.jpg) top center no-repeat; width: 174px; height: 128px; text-indent: -9999px; }
#header a.donate-new { position: absolute; left: 612px; top: 0px; z-index: 90; background: url(../img/donate-header-new.jpg) top center no-repeat; width: 197px; height: 128px; text-indent: -9999px; }
#header a.tested-new { position: absolute; left: 809px; top: 0px; z-index: 90; background: url(../img/tested-header-new.jpg) top center no-repeat; width: 163px; height: 128px; text-indent: -9999px; }

#header a.year-new:hover { background: url(../img/25years-header-new.jpg) bottom center no-repeat; }
#header a.donate-new:hover { background: url(../img/donate-header-new.jpg) bottom center no-repeat; }
#header a.tested-new:hover { background: url(../img/tested-header-new.jpg) bottom center no-repeat; }