

body {margin:0px; padding:0px; background:#fff; color:#333;}
* {font-family:Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h5, h6 {margin:0; padding:0; font-size:x-small; f\ont-size:small;}
h1, h2 {color:#939;}/*{color:#ED135A;}*/
div, p, b, i, span, a, td, th, u, li {font-size:xx-small; f\ont-size:x-small;}
form, select, input {margin:0; padding:0; font-size:xx-small; f\ont-size:x-small;}
img, table	{border:0;}
input {border:solid 1px #3d3d3d; font-size:xx-small; f\ont-size:x-small;}
input.checkbox {border:solid 0;}
input.shade, select.shade {border:1px solid #ccc; border-top:2px solid #ccc; padding-left:5px; height:15px;}
a {text-decoration:none; color:#903E90;}
a:hover	{text-decoration:underline;}
fieldset {border:none; padding:0; margin:0;}
.left {float:left;}

#mainContent3Column {float:left; width:auto; width:565px;}
#pageBodyThreeColumn	{width:755px;}
#leftNavigation {float:left;}
#contentArea {width:330px;float:left;}
#advancedSearch			{width:235px;margin:0px;}
#advancedSearchPadding	{padding:0 10px 0 10px;}
.searchHeader			{color:#993;font-size:120%;font-weight:bold;width:215px;margin-bottom:5px;border-bottom:1px solid #ccc;}
.searchSubHeader		{color:#993;font-size:110%;font-weight:bold;}
#searchtext				{padding:2px;width:120px;}
#section				{width:127px;margin:10px 0px 10px 0;}
#publishRadio1			{border:0px;padding-bottom:5px;}
#publishRadio2			{border:0px;padding-bottom:10px;}
.dates					{margin:10px 0px 10px 0;}
.divide					{color:#333;font-size:90%;margin:10px 0px 10px 0;}
#needHelpNow			{margin-left:20px;}
#bestbetsbox			{background:#E4E47F;padding:10px;}
#paginationbox1			{border-bottom:1px solid #D9D4D4;padding:10px; 0 10px 0;}
#paginationbox2			{border-top:1px solid #D9D4D4;padding:10px; 0 10px 0;}
#searchresultsbox		{padding:10px;}
.bestbets				{margin:0px;font-size:110%}
.searchResults			{margin:0px;font-size:110%}
h2						{margin-bottom:10px;}
h4, h4 .searchLink		{margin:10px 0 0 0;font-size:110%;padding:0px;}
.small					{padding:4px 0 12px 0;color:#999;font-size:90%;margin:0px;}
.right					{float:right;}
.recordCount			{padding-bottom:5px;}


/*========================================================================
	NAVIGATION
========================================================================*/

/* TOP (GREY) NAV BAR */

/* Container */ 
#topNavigation				{background-color:#E3E1E1; border-bottom:solid 1px #fff;}
#topNavigation .goButton	{color:#903E90; text-decoration:underline; font-size:1.2em; background:#E3E1E1; margin:0; padding:0; border:0 solid;}

/* links */ 
#topNavigation #linksNav			{height:30px; border-right:solid 1px #fff;}
#topNavigation #linksNav ul			{white-space:nowrap; margin:0 0 0 9px; padding:9px 0 0 0; border:0;}
#topNavigation #linksNav li			{margin:0; padding:0; display:inline;}
#topNavigation #linksNav li a		{padding:0 6px 0 4px; p\adding:0 4px 0 2px; color:#666; border-right:solid 1px #666; float:left; fl\oat:none;}
#topNavigation #linksNav li a.last	{border-right:0; margin-right:4px;}

/* Other sites selector */ 
#topNavigation #otherSitesNav			{height:30px; float:left; border-right:solid 1px #fff; margin:0; padding:0 8px 0 8px;}
#topNavigation #otherSitesNav select 	{margin:6px 2px 0 0;}

/* Site search */ 
#topNavigation #siteSearchNav					{margin:0; float:left; padding:0 0 0 5px; white-space:nowrap;}
#topNavigation #siteSearchNav .search			{height:15px; hei\ght:13px; width:87px; margin:0 0 0 5px;}
#topNavigation #siteSearchNav a.advanced		{color:#666;}
#topNavigation #siteSearchNav .goButton			{margin:0 4px 0 0;}
#topNavigation #siteSearchNav #siteSearch		{padding:0px; margin:0px;}

/* PRIMARY (RED) NAV BAR */
#primaryNavigation 					{width:100%; background:#903E90; height:23px;}
#primaryNavigation ul				{white-space:nowrap; margin:0; padding:0;}
#primaryNavigation li				{padding:0; margin:0; list-style-type:none; display:inline;}
#primaryNavigation li a				{float:left; font-size:1.25em; color:#fff; padding:4px 13px 4px 12px; border-right:solid 1px #fff; display:block; background:#903E90;}
#primaryNavigation li a.selected	{background:#CCCC66; color:#333;}
#primaryNavigation li a.last		{border-right:0px;}


/*========================================================================
	HOME PAGE
========================================================================*/

/* Top, Middle and Bottom containers */
#homePage						{width:100%;margin:0px}
#homePage #containerTop			{padding:0; height:18.4em;}
#homePage #containerMiddle		{clear:both; background:#CCCC66; width:100%; padding:0 0 0 33px; height:10em;}
#homePage #containerBottomGrey	{clear:both; padding:0 0 0 33px; background:#903E90; height:17.4em;}

/* Top container */
#homePage #rotatingImage		{float:left; vertical-align:bottom;}
* html #homePage #rotatingImage	{marg\in-bottom:-3px;}
#homePage #logoAndHighlights	{float:left; height:184px;}
#homePage #logoArea				{float:left; margin:0; padding:0;}
#homePage #homepageLogo			{margin:18px 0 0 0;}
#homePage #homepageNeedHelpNow	{margin-top:3px;}
#homePage #exit					{float:left; margin:18px 0 0 24px; padding-left:15px; border-left:solid 1px #D9D4D4;}
#homePage #exit .text			{font-size:110%; width:100px; margin-right:14px;}
#homePage #exit .text h2		{margin:0 0 10px 0;}
#homePage #exit img				{margin-top:10px;}
#homePage #exit .text img		{margin-top:10px;}
#homePage .highlightLinks		{clear:both; padding:16px 0 0 0;}
#homePage .highlightLinks td    {vertical-align:top;}
#homePage .highlightLinks img	{margin-right:3px;}
#homePage .highlightLinks .homepageHighlightImage {margin:3px 0 0 0; padding:0;}
#homePage .highlightLinks p, #homePage .highlightLinks .text {margin:0; padding:0;}

/* Middle container */
#homePage #leftHomePageHighlightContainer	{width:230px; padding:14px 20px 6px 0; float:left;}
#homePage #leftHomePageHighlightContainer .text p	{font-size:110%; font-weight:bold; margin:5px 0 0 0;color:#666;}
#homePage #rightHomePageNews				{float:left; padding:12px 0;}
#homePage #rightHomePageNews #newsImage		{float:left; margin-right:15px; width:468px;}
#homePage #rightHomePageNews #newsArchive	{float:left; width:370px;}
#homePage #rightHomePageNews #newsArchive .links {color:#000; margin-top:2px;}
#homePage #rightHomePageNews #newsArchive a {font-size:110%; font-weight:normal;}
#homePage #rightHomePageNews #newsArchive h2 a {font-size:100%; font-weight:bold; color:#903E90; margin:0; padding:0;}
#homePage #rightHomePageNews #newsArchive p {font-size:110%; margin:0; padding:0;}

#homePage #didYouKnow				{float:left;}
#homePage #didYouKnow .textArea		{float:left;}	
#homePage #didYouKnow .textArea	h2	{color:#ED135A; margin-bottom:8px;}	
#homePage #didYouKnow .textArea a	{color:#ED135A;} 
#homePage #didYouKnow .textArea p	{margin:5px 0 0 0;}

/* Bottom container */
#homePage #articleHighlights .highlightContainer								{border-right:1px solid #B781B7; width:229px; height:16.6em; margin-top:4px; float:left;}
#homePage #articleHighlights .highlightContainer .homepageArticleHighlightText	{width:227px; padding:10px 2px 2px 0; color:#FFF; float:left;}
#homePage #articleHighlights .last												{width:455px; margin:0 0 0 20px; float:left;}
#homePage #articleHighlights .last .homepageArticleHighlightText				{width:230px; padding:14px 0 6px 0; color:#FFF; float:left;}
#homePage #articleHighlights .homepageArticleHighlightImage						{margin-left:10px; float:right;}
#homePage #articleHighlights a											{font-size:100%; color:#fc3;}
#homePage #articleHighlights p											{font-size:110%; margin:1.2em 0 0.5em 0;}
#homePage #articleHighlights .links										{margin-top:0.5em;}

#homePage #announcement			{float:left; margin-left:100px;}
#homeBanners					{margin:20px 0 20px 20px;text-decoration:none;}

#banners		{width:765px;}

#homePage #highlightLinks		{clear:both;padding:16px 0 0 0;}
#homePage .seperator			{float:left;width:4px;height:31px;padding:0 2px 0 2px;}
#homePage #health, .nav1 a		{float:left;width:57px;background:url(/i/nav/health.gif) no-repeat top left;}
#homePage .nav1 a:hover			{background:url(/i/nav/health-over.gif) no-repeat top left;}
#homePage #comingOut, .nav2 a	{float:left;width:98px;background:url(/i/nav/comingOut.gif) no-repeat top left;}
#homePage .nav2 a:hover			{background:url(/i/nav/comingOut-over.gif) no-repeat top left;}
#homePage #gayScene, .nav3 a	{float:left;width:91px;background:url(/i/nav/gayScene.gif) no-repeat top left;}
#homePage .nav3 a:hover			{background:url(/i/nav/gayScene-over.gif) no-repeat top left;}
#homePage #newsAndEvents, .nav4 a	{float:left;width:132px;background:url(/i/nav/newsAndEvents.gif) no-repeat top left;}
#homePage .nav4 a:hover				{background:url(/i/nav/newsAndEvents-over.gif) no-repeat top left;}
#copyright		{color:#d3d3d3;margin:0px 10px 10px 10px;padding:5px 0 0 0;text-align:center;border-top:1px solid #D9D4D4;}
#copyright p	{margin:0px;}

/*========================================================================
	LEFT NAV and LEFT SECTION
========================================================================*/

#leftNavigation	{width:162px; margin-right:15px; float:left;}
#leftNavigation #lnLinks {}
#leftNavigation #lnLinks a {color:#666; display:block; padding:4px 2px 4px 3px;}
#leftNavigation #lnLinks ul	{text-align:right; padding:0; margin:0; list-style-type:none;}
#leftNavigation #lnLinks li {display:inline; margin:0; padding:0;}
#leftNavigation #lnLinks ul li span {font-size:1.2em;}
#leftNavigation #lnLinks ul li a.globalnavselected {background-color:#E4E47F; border-bottom:1px solid #903E90; color:#903E90; font-weight:bold;}
#leftNavigation #lnLinks ul li a.globalnav {border-bottom:1px solid #903E90; color:#903E90; background:#E4E47F; font-weight:bold;}
#leftNavigation #lnLinks ul li ul li a.this	{background-color:#E9D8E9; color:#903E90;}
#leftNavigation #lnLinks ul li ul li a.this	span {text-decoration:underline;}
#leftNavigation #lnLinks ul li ul li ul li span {font-size:1.1em;}
#leftNavigation #lnLinks ul li ul li ul li a {background:url(/i/bull_orange.gif) center right no-repeat; border-bottom:1px solid #dedede; padding-right:15px;}
#leftNavigation #lnLinks ul li ul li ul li a.this {background-color:white;}
#leftNavigation #lnLinks ul li ul li ul li ul li span {font-size:100%;}
#leftNavigation #lnLinks ul li ul li ul li ul li a {background:url(/i/bull_grey.gif) center right no-repeat; border:0; padding-right:25px;}
#leftNavigation #lnLinks ul li ul li ul li ul li.last a	{border-bottom:1px solid #dedede;}
#leftNavigation #lnLinks ul li ul li ul li ul li.first a {margin-top:-1px; background-color:#FFF; border:0;}
#leftNavigation #lnLinks ul li ul li ul li ul li a.this	{background-color:white; border:0;}	
#leftNavigation #lnLinks ul li ul li ul li ul li a.this span {color:#903E90;}
#leftNavigation #lnLinks ul li ul li ul li ul li ul li a {background:url(/i/bull_grey_wide.gif) center right no-repeat; border:0; padding-right:35px;}
#leftNavigation #lnLinks ul li ul li ul li ul li.last ul li a {border:0;}
#leftNavigation #lnLinks ul li ul li ul li ul li ul li.last a {border-bottom:1px solid #dedede;}

#leftNavigation #pollingFeature {margin-top:15px;}
#leftNavigation #pollingFeature .top,
#leftNavigation #pollingFeature .title {height:20px; background-color:#eee;color:#903E90; font-size:120%; font-weight:bold; padding-left:13px; padding-top:6px;}
#leftNavigation #pollingFeature .question {padding:5px; background-color:#eee; color:#666; padding-left: 13px;}
#leftNavigation #pollingFeature legend {display:none;}
#leftNavigation #pollingFeature input {border:0px;}
#leftNavigation #pollingFeature .vote {color:#666; padding-left:13px; background-color:#eee; padding-top:5px; padding-bottom:5px;}
#leftNavigation #pollingFeature	label {color:#666;}	
#leftNavigation #pollingFeature .totals	{padding:3px 3px 3px 13px; background-color:#cc6;}
#leftNavigation #pollingFeature .voteButton	{cursor:pointer; background-color:#cc6; font-weight:bold; font-size:110%; color:#fff; text-decoration:underline;}
#leftNavigation #mainImg {text-align:right; margin-top:5px;}
#leftNavigation #leftBan {margin-top:15px;}
#leftNavigation #leftBan .banMid {height:82px; background-image:url('/i/ban_need_help2.gif');}
#leftNavigation #leftBan .banMid .text {color:white; width:80px; padding-left:17px; height:65px;}
#leftNavigation #leftBan .banMid .link {color:white; text-decoration:underline; padding-left:17px;}

#genericLeftPanel {padding:0; background-color: #eee;}
#genericLeftPanel p {font-size:1.2em; margin:0 15px;}
#genericLeftPanel a {font-size:100%; line-height:1.8em;}
#genericLeftPanel p img {margin:0 -15px;}


/*========================================================================
	PAGE INTRO AREA (INCLUDING DONATE/EXIT BAR)
========================================================================*/

#topImg	{margin:0; padding:0;}
#topImg #topImgMain	{width:330px; float:left; margin:0; padding:0;} 

#topImg	.pageIntro		{padding:15px; float:left;}
#topImg	.pageIntro h1	{padding:0; margin:0 0 8px 0; font-size:100%;}
#topImg	.pageIntro		{font-size:1.2em;}
#topImg	.pageIntro p	{padding:0; margin:0 0 8px 0; font-size:100%;}

#topImg #donate				{border-left:1px solid #ccc; padding:0 0 0 5px; margin:8px 0 8px 0; float:left;}
#topImg #donate img			{margin:8px 0 6px 20px;}
#topImg #donate form		{float:left;}
#topImg #donate form input  {border-top:2px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:2px solid #ccc;}
#topImg #donate h2			{display:inline;}
#topImg #donate .poundSign	{margin:6px 5px 0 0;}
#topImg #donate #donateBox	{width:90px;}
#topImg #donate .text		{width:92px; margin-left:20px; width:100px;}
#topImg #donate img.logo1	{float:left; margin:15px 0 0 15px;}
#topImg #donate img.logo2	{float:left; margin:0 0 0 35px;}

#topImg #exit			{border-left:1px solid #ccc; padding:0 0 0 5px; margin:8px 0 8px 0; float:left;}
#topImg #exit img		{margin:8px 0 6px 0; padding:0;}
#topImg #exit .text		{font-size:110%; margin:0 0 0 18px; padding:0; width:100px;}
#topImg #exit img.logo1 {float:left; margin:8px 0 0 15px;}
#topImg #exit img.logo2	{float:left; margin:0 0 0 35px;}


/*========================================================================
	STYLES FOR PAGE BODY
=========================================================================*/

/* Brand Banner Table */
#brandBannerTable {width:565px; height:90px; he\ight:110px; clear:both;} 
#articleBrandBannerTable {width:565px;} 
#brandBanner {margin:0px; padding:0; float:left;}
#brandBanner a {color:#E91030;}
#brandBanner .box {background:#FEC463; height:90px; he\ight:110px; vertical-align:top; padding:10px 15px;}
#brandBanner .articleBoxLeft {background-color:#F9EBD5; height:114px;}
#brandBanner .articleBoxRight {background-color:#FEC463; height:114px; width:235px;}
#brandBanner .box p {margin:8px 0;}
#brandBanner .articleBoxLeft p {color:#C6253D; font-weight:bold;}
#brandBanner .articleQuoteFont {color:#666666; font-weight:bold; margin-bottom:10px;}
#brandBanner .articleQuoteMarksFont {color:#C6253D; margin-bottom:10px;}
#brandBannerTable p	{margin:6px 0 0 0; font-size:1.2em;}
#brandBannerTable a	{color:#333;}
#brandBannerTable .box {background:#CCCC66; width:100%; padding:10px 15px; vertical-align:top;}
#brandBannerTable .box ul {list-style:none; margin:0; padding:0;}
#brandBannerTable .box li {margin:0 0 3px 0; padding:0 0 0 15px; background:url(/i/brandBannerArrow.gif) top left no-repeat;}
#brandBannerTable .box li a {font-size:1.2em; font-weight:bold;}

/* Brand Banner Table Quote */
#brandBannerQuoteTable {width:565px; height:90px; he\ight:110px; clear:both;} 
#brandBannerQuoteTable p	{color:#666666; font-weight:bold; margin:8px 0 0 0; font-size:1.2em;}
#brandBannerQuoteTable a	{color:#C6253D;}
#brandBannerQuoteTable h1	{color:#939; margin:0;}
#brandBannerQuoteTable .box {background:#E4E47F; padding:10px 15px; vertical-align:top;}
#brandBannerQuoteTable #quote {background:#903E90; width:205px; padding:10px 15px; vertical-align:top;}
#brandBannerQuoteTable #quote .left {background:url(/i/quoteleft.gif) top left no-repeat; padding-left:29px;}
#brandBannerQuoteTable #quote .right {font-size:1.2em; color:#FFF; font-weight:bold; background:url(/i/quoteright.gif) bottom right no-repeat; padding:8px 23px 8px 0;}

/* Section Highlight Row (normal width) THT new version */
.sectionHighlightRowTop	{margin:0; background:#F9EBD5;}
.sectionHighlightRow	{margin:0;}
.sectionHighlightRowTop .sectionHighlightLeft	{height:8.5em; color:#666; background:#F9EBD5; margin:3px 0 0 0; width:166px; w\idth:134px; padding:15px 15px 5px 15px; border-right:2px solid #fff; float:left;}
.sectionHighlightRowTop .sectionHighlightRight	{height:8.5em; color:#666; background:#F9EBD5; margin:3px 0 0 0; width:164px; w\idth:134px; padding:15px 15px 5px 15px; float:left;}
.sectionHighlightRow .sectionHighlightLeft	{height:8.5em; color:#666; background:#eee; margin:3px 0 0 0; width:166px; w\idth:134px; padding:15px 15px 5px 15px; border-right:2px solid #fff; float:left;}
.sectionHighlightRow .sectionHighlightRight	{height:8.5em; color:#666; background:#eee; margin:3px 0 0 0; width:164px; w\idth:134px; padding:15px 15px 5px 15px; float:left;}
.sectionHighlightLeft h3,
.sectionHighlightRight h3 {color:#A14078; margin:0; font-size:120%;}
.sectionHighlightLeft h3 a,
.sectionHighlightRight h3 a {color:#A14078; font-size:100%;}
.sectionHighlightLeft p,
.sectionHighlightRight p {margin:0; padding:4px 0;}

/* Section Highlight Row wide */
.sectionHighlightRowWideTop, .sectionHighlightRowWide {margin:3px 0 0 0; padding:0; float:left; background:#F9EBE7;}
.sectionHighlightWide {color:#666; border:0; margin:0; padding:10px 15px; vertical-align:top; width:100%;}
.sectionHighlightWide h3 {color:#A14078;}
.sectionHighlightWide p {margin:0; padding:4px 0;}
.sectionHighlightWide a {}
.sectionHighlightImage {margin:0; padding:0; vertical-align:top;}

/* Related Links */
.relatedLinks {background:#fff; color:#666; width:165px; w\idth:135px; padding:15px; margin:3px 0 0 0; float:left;}
.relatedLinks h3 {color:#A14078;}
.relatedLinks ul {margin:0; padding:0; border:0;}
.relatedLinks li {list-style-type:none; margin:0; padding:4px 0 0 0;}

/* Right Panel */
#rightSection {float:left;width:235px;}
* html #rightSection {margin-right:-4px;}
.rightPanel {color:#666; margin:3px 0 0 0; padding:15px 0 15px 15px; width:205px;}
.rightPanel h3 {color:#A14078;}
.rightPanel h4 {margin:0 0 6px 0; padding:0;}
.rightPanel p {font-size:1.2em; margin:0; padding:4px 0 16px 0;}
.rightPanel a {font-size:100%; line-height:20px;}
.rightPanel strong {color:#903E90;}


#autoRightPanel {margin:3px 0 0 0; padding:15px; width:205px;}
#autoRightPanel ul {margin:0; padding:0; list-style:none;}
#autoRightPanel li {margin:0; padding:2px 0 0 0;}
#autoRightPanel h3 a {color:#A14078; font-size:100%;}
#autoRightPanel a {color:#666; line-height:20px; font-size:1.2em;}

#rightBanner {padding:0; margin:0 0 0 15px;}

/* generic content pages */
.genericContent {color:#666;}
.genericContent ul {margin:0; padding:0;}
.genericContent ol {margin:9px 0 9px 0;}
.genericContent ol li {margin:8px 0 0 -19px;}
* html .genericContent ol li {margin:8px 0 0 25px;}
.genericContent ul li {margin:10px 0 10px 14px; padding:0;}
* html .genericContent ul li {margin:8px 0 0 25px;}
.genericContent p {margin:10px 0; padding:0;}
.genericContent h3 {margin:20px 0 0 0;}
.genericContent h4 {margin:15px 0 0 0; font-size:100%;}
.previousNextLinks {display:block; height:10px; padding:10px 0 0 0;}
.previous {float:left;}
.next {float:right;}

/* Content header links for level 6 documnents */
#genericContentHeader {margin-top:19px;}
#genericContentHeader h3 {font-size:1.3em; margin:0 0 2px 0;}
#genericContentHeader ul {margin:0; padding:0; list-style:none;}
#genericContentHeader li {margin:0; padding:2px 0 0 0;}
#genericContentHeader a {font-size:1.1em; color:#993366;}
#genericContentHeader a:hover {text-decoration:underline;}

#imagemap				{padding-top:30px}
#region					{float:right;width:235px;}
#column, #regionInfo	{padding:0 10px 0 25px;}
.introText				{font-size:110%;color:#666;padding:0 0 10px 0;border-bottom:1px solid #D9D4D4;}
.selectorText			{font-size:120%;color:#903E90;font-weight:bold;padding:10px 0 10px 0;}
#regionSelector			{padding:0 0 10px 0;border-bottom:1px solid #D9D4D4;height:20px;}
.selector				{float:left;width:135px;}
.submit					{float:left;width:21px;}
#submit					{border:0px}
.header					{font-size:120%;color:#993;font-weight:bold;padding:10px 0 0 0;}
.location				{font-size:110%;color:#666;padding:0 0 10px 0;}
.information			{font-size:110%;color:#666;padding:0 0 10px 0;border-bottom:1px solid #D9D4D4;}
.information p			{margin:0px;}

/*========================================================================
	HACKS / FIXES
========================================================================*/

/*** Holly Hack, see http://www.positioniseverything.net/easyclearing.html ***/
.floatholder:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {clear:both;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html #homePage #containerTop {height:116px;}	/*IE-win only*/
* html #homePage #containerBottomGrey {height:174px;}	/*IE-win only*/
#primaryNavigation {height:24px;}
/* End hide from IE-mac */