/* CSS Document */

body
{font:75% Arial ,Verdana, Helvetica, sans-serif; color : #333; text-align : center; background: url(images/bg.png) repeat-x #0B0F12; }
body#Pro 
{background: url(images/pro_bg.png) repeat-x #ECEEE5; }
body#Pro.Home 
{background: url(images/pro_home_bg.png) repeat-x #ECEEE5; }

* 
{margin : 0; padding : 0; }
div.clear 
{position: relative; clear: both; }
.hidden 
{display: none; }
.box 
{text-align: left; }
ul 
{list-style-type : none;}

a img 
{border: none;}
.Right 
{float:right; }
.Left 
{float:left; }

/* fonts */
p 
{padding : .5em 0; line-height: 1.5em; font-size:1.1em; font-family: Arial ,Verdana, Helvetica, sans-serif;}

a:link {text-decoration : none;  color: #91C40D; }
a:visited {text-decoration : none; color: #91C40D; }
a:hover {text-decoration : none; color: #444; }

h1 
{ margin-top : 13px; width: 149px; height : 143px; text-indent : -9999px; margin-left: 10px; background: url(images/belongto_logo.png) no-repeat; float:left; }
h2
{font-size: 2.3em; color : #5C6A77; padding-bottom: 0.6em;}
h3 
{line-height: 1.1em; font-size: 1.8em; color : #2b2B2B;}
h4 
{line-height: 1.3em; padding: 0 0 0 0; font-size: 1.2em; color : #666;}
h5 
{line-height: 1.3em; padding: 0 0 0 0; font-size: 1.2em; color : #666;}


/* Overall structural elements */
div#Wrapper 
{ position : relative; width : 994px; height: 100%; margin : 0 auto; text-align : left;}
.ContentWrapper
{ position : relative; margin: 20px 15px 0 15px; }
.Header
{height: 221px; margin: 0 12px; border-bottom: dashed #8F8B8B 1px; z-index:10;}
.Top, .GroupSearch
{ margin: 0 12px; padding: 15px 0; border-bottom: dashed #8F8B8B 1px; zoom: 1;}
div.MainContent
{ width:640px; position : relative;}
div.SecContent
{ width: 310px; position : relative;}
div.WideContent
{ width:970px; position: relative; height:142px;}
.ForumsSection .WideContent
{ width:970px; position: relative; height:auto;}
 .WideContent
{ width:970px; position: relative; height:auto;}


/* Top banner elements */
p#Tagline
{float:left; width:452px; height:121px; background : url(images/home_tagline.gif); margin-left: 30px;
margin-top: 29px; text-indent : -9999px; padding: 0;}

a#Donate
{background : url(images/donate_btn.gif) no-repeat; position:absolute; left: 535px; top:0; width: 71px; height: 58px; text-indent:-9999px;}
a#Donate:hover
{background : url(images/donate_btn.gif) 0 100% no-repeat; }

#Pro a#Donate
{background : url(images/donate_btn.gif) no-repeat; position:absolute; left: 440px; top:0; width: 71px; height: 58px; text-indent:-9999px;}
#Pro a#Donate:hover
{background : url(images/donate_btn.gif) 0 100% no-repeat; }

a#Pro
{background : url(images/pro_btn.jpg) no-repeat; width: 122px; height: 50px; text-indent:-9999px; float:right;}
a#Pro:hover
{background : url(images/pro_btn.jpg) 0 100% no-repeat; }

a#Exit
{background : url(images/exit_btn.jpg) no-repeat; width: 122px; height: 50px; text-indent:-9999px; float:right; margin-left: 10px;}
a#Exit:hover
{background : url(images/exit_btn.jpg) 0 100% no-repeat; }

a#Youth
{background : url(images/youth_btn.gif) no-repeat; width: 151px; height: 50px; text-indent:-9999px; float:right; margin-left: 10px;}
a#Youth:hover
{background : url(images/youth_btn.gif) 0 100% no-repeat; }

a#Staff
{background : url(images/staff_btn.gif) no-repeat; width: 116px; height: 50px; text-indent:-9999px; float:right; margin-left: 10px;}
a#Staff:hover
{background : url(images/staff_btn.gif) 0 100% no-repeat; }

a#TopContact
{background : url(images/contact_btn.gif) no-repeat; width: 71px; height: 50px; text-indent:-9999px; float:right; margin-left: 10px;}
a#TopContact:hover
{background : url(images/contact_btn.gif) 0 100% no-repeat; }


/* Wide Banners */
.WideContent h3
{color: #000; font-size: 2.4em; line-height: 1em; font-family: 'ChunkFive', Arial ,Verdana, Helvetica, sans-serif;}
.WideContent h4
{color: #FFF; font-size: 4em; font-family: Arial, Verdana, Helvetica, sans-serif; line-height:1em;}
.WideContent p
{font-weight:bold; font-size: 1.4em;}

.GroupPage .WideContent
{background:#FE0096;}
.GroupPage .WideContent h3
{padding: 0 15px 0 185px;}
.GroupPage .WideContent h4
{margin: 0 0 0 185px; background : url(images/group_hello_title.gif) no-repeat 0 25px; height: 65px; text-indent:-9999px; }
.GroupPage .WideContent p
{padding: 0 15px 0 185px; color:#8C0355;}
.GroupPage .WideContent p.OpeningTimes
{position:absolute; right:15px; top: -5px; width:200px; height:75px; background : url(images/clock.png) no-repeat; font-size: 1em; line-height: 1.2em;float:none; padding: 15px 0 0 80px; color:#fff; }
.GroupPage p.OpeningTimes a {color:#8C0355;}
.GroupPage .WideContent img
{position:absolute; display:block; left: 10px; top:-5px;}
.GroupPage p#Tagline
{float:left; width:350px; height:72px; background : url(images/groups_tagline.gif) no-repeat; margin-left: 14px; 
margin-top: 55px; text-indent : -9999px; padding: 0;}


.ServicesPage .WideContent
{background:#07ADEB;}
.ServicesPage .WideContent h4
{padding: 20px 15px 0 30px; }
.ServicesPage .WideContent p
{padding: 0 15px 0 30px; color:#084E93;}
.ServicesPage p#Tagline
{float:left; width:452px; height:90px; background : url(images/services_tagline.gif) no-repeat; margin-left: 14px;
margin-top: 54px; text-indent : -9999px; padding: 0; display:block;}


.CampaignPage .WideContent
{background: url(images/about_service_title.gif) #E8F606;}
.CampaignPage .WideContent h4
{text-indent:-9999px; }
.CampaignPage .WideContent p
{text-indent:-9999px;}
.CampaignPage p#Tagline
{float:left; width:452px; height:80px; background : url(images/campaign_tagline.gif) no-repeat; margin-left: 14px;
margin-top: 54px; text-indent : -9999px; padding: 0; display:block;}


.ResourcesPage .WideContent
{background: #91C40F;}
.ResourcesPage .WideContent h4
{padding: 20px 15px 0 30px;  }
.ResourcesPage .WideContent p
{padding: 0 15px 0 30px; color:#587809;}
.ResourcesPage p#Tagline
{float:left; width:452px; height:90px; background : url(images/resources_tagline.gif) no-repeat; margin-left: 14px;
margin-top: 54px; text-indent : -9999px; padding: 0; display:block;}

.AboutPage p#Tagline
{float:left; width:317px; height:57px; background : url(images/about_tagline.gif) no-repeat; margin-left: 14px;
margin-top: 54px; text-indent : -9999px; padding: 0; display:block;}

.ForumsSection p#Tagline
{float:left; width:317px; height:57px; background : url(images/forums_title.gif) no-repeat; margin-left: 14px;
margin-top: 54px; text-indent : -9999px; padding: 0; display:block;}

/*MAIN NAVIGATION POSITIONING & STYLE ELEMENTS*/	

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * 
{margin: 0;padding: 0; list-style: none;}
.sf-menu 
{ line-height: 1.0; float:left; width: 785px; margin-top:19px; display:inline; }
.sf-menu ul 
{position: absolute; top: -999em; width: 16em; /* left offset of submenus need to match (see below) */}
.sf-menu ul 
{ padding-bottom: 10px; background : #69EE15;}
.sf-menu ul li 
{width:	100%;}
.sf-menu ul li a
{font-size: 1.25em; line-height : 35px; }
.sf-menu li:hover 
{visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li 
{float: left; position:	relative; margin-right: 12px;}
.sf-menu a 
{display: block; position: relative; text-decoration :none; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
ul li.MainMenu a, ul li.MainMenu a:visited 
{color : #fff; font-size: 1.3em;}
.MainMenu a:hover 
{color : #fff;}
ul li.MainMenu a.Active
{background : #69EE15; color:#FFF;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul 
{left: 0;top: 2.8em; /* match top ul list item height */z-index:10000;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul 
{top: -999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul 
{left: 10em; /* match ul width */top: 0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul 
{top: -999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul 
{left: 10em; /* match ul width */top: 0;}

/*** DEMO SKIN ***/
.sf-menu 
{float: left;margin-bottom:	0em;}
.sf-menu a 
{font-size: 1.2em; text-decoration:none; padding:.6em .6em; text-decoration:none;}
.sf-menu a, .sf-menu a:visited  
{ /* visited pseudo selector so IE6 applies text colour*/ color : #444; }
.sf-menu li li 
{background: #69EE15; }
.sf-menu li li a, .sf-menu li li a:visited
{color: #fff; font-size: 1.15em; padding: .6em .6em .3em .6em; line-height:1em; }
.sf-menu li li a:hover{ color: #444;}
.sf-menu li li li 
{background:#9AAEDB;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active 
{background: #69EE15;outline: 0;}

ul#NavSec 
{float:right;  margin-top:22px;}
ul#NavSec li 
{float : left; }
ul#NavSec li a
{ display : block; padding: 0 .8em 0 .8em; line-height : 35px; text-decoration : none; font-size: 1.3em; font-weight: bold; margin-right: 10px;}
ul#NavSec li a:visited
{ text-decoration : none; }
ul#NavSec li a:hover
{ background : #8FC50F; text-decoration : none; }
ul#NavSec li#LogIn a
{ color: #8FC50F;}
ul#NavSec li#LogIn a:hover
{ color: #fff; background : #8FC50F;}
ul#NavSec li#Register a
{ color: #8FC50F;}
ul#NavSec li#Register a:hover
{ color: #fff; background : #8FC50F;}
ul#NavSec li#DonateNow a
{ color: #fff;  background-color :#da3312; }
ul#NavSec li#DonateNow a:hover
{ color: #fff; background-color : #ff3300;}


/*GROUP SEARCH POSITIONING & STYLE ELEMENTS*/
.GroupSearch h3
{text-indent:-9999px; margin-left: 90px; height: 35px; width:490px; background: url(images/find_group_title.gif) no-repeat; float: left;}
.GroupSearch p
{color: #666666; margin-left: 90px; padding:0; float: left;}

.SideGroupSearch h3
{text-indent:-9999px; margin-top:20px; height: 98px; width:310px; background: url(images/side_find_group_title.gif) no-repeat; float: left;}
.SideGroupSearch p
{color: #666666; padding:0; float: left;}

.GroupSearch .g-menu 
{float: right ;margin-right:120px;}
.SideGroupSearch .g-menu 
{float: left ;}
.g-menu, .g-menu * 
{margin: 0;padding: 0; list-style: none;}
.g-menu 
{line-height: 1.0; float:right; width: 250px; margin-top:10px; display:inline; }
.g-menu ul 
{position: absolute; top: -999em; width: 250px; /* left offset of submenus need to match (see below) */}
.g-menu ul 
{ padding-bottom: 10px; background : #90C510;}
.g-menu ul li 
{width:	100%;}
.g-menu ul li a
{font-size: 1.25em; line-height : 35px; background-image:none;}
.g-menu li:hover 
{visibility: inherit; /* fixes IE7 'sticky bug' */ }
.g-menu li 
{float: left; position:	relative; margin-right: 15px; width:250px;}
.g-menu a 
{display: block; position: relative; text-decoration :none; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.g-menu li:hover ul,
.g-menu li.sfHover ul 
{left: 0;top: 2.5em; /* match top ul list item height */z-index:10000;}
ul.g-menu li:hover li ul,
ul.g-menu li.sfHover li ul 
{top: -999em;}
ul.g-menu li li:hover ul,
ul.g-menu li li.sfHover ul 
{left: 10em; /* match ul width */top: 0;}
ul.g-menu li li:hover li ul,
ul.g-menu li li.sfHover li ul 
{top: -999em;}
ul.g-menu li li li:hover ul,
ul.g-menu li li li.sfHover ul 
{left: 10em; /* match ul width */top: 0;}
.g-menu 
{float: right ;margin-bottom:0em;}
.g-menu a 
{font-size: 1.25em; text-decoration:none; padding:.6em 4em .6em .6em; text-decoration:none;  background :url(images/group_menu_arrow.gif) no-repeat top right #90C510;}
.g-menu a, .g-menu a:visited  
{ /* visited pseudo selector so IE6 applies text colour*/ color : #444; }
.g-menu li li 
{background: #69EE15; }
.g-menu li li a, .g-menu li li a:visited
{color: #fff; font-size: 1.15em; padding: .6em .6em .3em .6em; line-height:1em; }
.g-menu li li a:hover{ color: #444; background-image:none;}
.g-menu li li li 
{background:#9AAEDB;}
.g-menu li:hover, .g-menu li.sfHover,
.g-menu a:focus, .g-menu a:hover, .g-menu a:active 
{background :url(images/group_menu_arrow.gif) no-repeat top right #90C510;outline: 0;}


/*SIDE MENU POSITIONING & STYLE ELEMENTS*/
ul.TriMenu li
{font-size: 1.6em;font-weight:bold;}
ul.TriMenu li a
{color:#FFFFFF; background : url(images/menu_arrow.gif) 100% 50% no-repeat; display:block; padding: .3em 1.5em .3em 0; }



/* Search box */
#SideSearch
{
	padding: 35px 0 0 0;
	width: 254px;
	float: right;
	clear: right;
}
#FooterContent #SideSearch
{padding: 0 0 0 0;width: 254px; float: right;}
/* form */
form#search_input { padding : 0;}
/* input */
input { font : 120% Arial, sans-serif; color : #333; }
.SearchBox 
{width: 212px; height: 20px; background : #1A232C; color: #716F61; border: solid #AAA19C 1px; padding-top : 6px; padding-left : 5px; margin: 5px 0 0 0;}
.SendButton 
{padding: 0; display:inline; background: url(images/search_btn.gif) no-repeat;
height: 20px; width: 23px; border: none; margin-top: 10px;}
.SendButton:hover
{background : url(images/go_btn.png) no-repeat right 100%;}


/*ROTATOR*/
#Rotator
{width: 640px; height: 250px; position : relative; background : #fff; float: left;}
#Rotator img
{width: 330px;height: 250px; overflow: hidden; float : left;}
#Rotator h2
{line-height: 1.2em; font-weight:bold; color:#181818; font-size: 1.8em; width: 200px; padding-right: 30px; padding-left: 40px; float:left;}
#Rotator h3 {float:left; width:240px; text-indent: -9999px; background : url(images/banner_title.gif) no-repeat 38px 35px; height: 75px;}
#Rotator p
{padding-left: 40px; line-height: 1.5em; color:#666;font-size: 1em; width: 235px; float:left;}
#Rotator  a
{font-weight:bold;  }
#ArrowLeft a
{ position:absolute; width: 36px; height:36px; left:310px; top:105px; background : url(images/arrow_left.png) no-repeat left 100%; z-index: 40; text-indent: -9999px; outline: none;}
#ArrowRight a
{position:absolute; width: 36px; height:36px; left:620px; top:105px; background : url(images/arrow_right.png) no-repeat left 100%; z-index: 40; text-indent: -9999px; outline: none;}


/*SIDE LINKS*/
ul.SideLinks  li a, ul.SideLinks  li a:hover, ul.SideLinks  li a:visited
{font-weight:bold;}
#UsefulLinks h3
{
	text-indent: -9999px;
	background : url(images/useful_links_title.gif) no-repeat 0 50%;
	display:block;
	width: 250px;
}
#OtherResources h3
{text-indent: -9999px; background : url(images/other_resources_title.gif) no-repeat 0 50%; display:block;}
#OtherServices h3
{text-indent: -9999px; background : url(images/other_services_title.gif) no-repeat 0 50%; display:block;}
#Downloads h3
{text-indent: -9999px; background : url(images/downloads_title.gif) no-repeat 0 50%; display:block;} 
#LatestCampaignNews h3
{
	text-indent: -9999px;
	display:block;
	width: 250px;
}
li.DownloadDoc {padding: 12px 0 0 25px; background : url(images/download_icon.png) no-repeat 0 14px; color: #FFF;}
li.DownloadDoc a {font-weight:bold;}   
#ForumCategories h3
{text-indent: -9999px; background : url(images/forum_categories_title.gif) no-repeat 0 50%; display:block;} 
#LatestTopics h3
{text-indent: -9999px; background : url(images/latest_topics_title.gif) no-repeat 0 50%; display:block;} 
#PopularTopics h3
{text-indent: -9999px; background : url(images/popular_topics_title.gif) no-repeat 0 50%; display:block;} 
#ForumCategories h4, #LatestTopics h4, #PopularTopics h4, #ForumCategories, #LatestTopics, #PopularTopics  
{color:#fff;} 
li.Links
{padding: 12px 0 0 0; font-weight:bold;}


/*SITE SHORTCUTS*/
ul.ShortCuts
{width: 640px;}
.ShortCuts li
{float:left; display:inline; width: 310px; height:120px; margin-left: 20px; margin-bottom: 10px; position: relative;}
ul.ShortCuts li.ServicesCut {background : url(images/shortcut_services.gif) no-repeat 0 100% #06ADEB ; }
ul.ShortCuts li.GroupsCut {background : url(images/shortcut_group.gif) no-repeat 0 100% #FF00CC; }
ul.ShortCuts li.ResourcesCut {background : url(images/shortcut_resources.gif) no-repeat 0 100% #90C510; }
ul.ShortCuts h4 { padding: 10px 15px 0 15px; color:#FFFFFF; font-size: 1em; color: #FFF;}
ul.ShortCuts h3 {padding: 0 15px 3px 15px; color:#FFFFFF;}
ul.ShortCuts p {padding: 0 15px; font-weight:bold; color:#000000; line-height: 1.3em; font-size: 1em;}
li.First {padding-left: 0; margin-left: 0;}

/* SECONDARY CONTENT  */
.Box
{border-bottom: dashed #8F8B8B 1px; padding-bottom: 20px; margin-bottom: 20px; position:relative;}

#ContactDetails h4
{text-indent:-9999px; display:block;}
#ContactDetails h4.FindUs
{background : url(images/find_us_sidetitle.gif) no-repeat;}
#ContactDetails h4.PhoneUs
{background : url(images/phone_us_sidetitle.gif) no-repeat;}
#ContactDetails h4.EmailUs
{background : url(images/email_us_sidetitle.gif) no-repeat;}
#ContactDetails p
{font-weight:bold; color: #FFF; padding-bottom: 1em; line-height: 1.2em;}

a.FaceBookLink 
{font-size: 1.6em; font-weight: bold; color: #666666; padding: 12px 0 15px 65px; background : url(images/facebook_sticker.gif) no-repeat 0 50%; float:left;}

#YouTube h3
{text-indent: -9999px; background : url(images/youtube_title.gif) no-repeat 0 50%; display:block;}

#VideoHolder
{height:234px; width:310px; margin-top: 5px;}

#CampaignPromo
{ height: 250px; } 



/* --------- FOOTER ELEMENTS ------------- */
/* misc elements */
div#footer p 
{color: #fff; padding: .8em 5px; font-size: 0.9em;}
div#footer a, div#footer a:visited {color: #8AC145;}
div#footer a:hover {color: #8AC145;}
div#FooterContent 
{text-align:left; width:970px; position: relative; padding-bottom: 0px; margin-left: auto; margin-right: auto;}
.BottomMenuWrapper
{ height: 100px; padding: 25px 0 0 0; margin-left: 0px; margin-right: 0px; }
div#footer 
{ clear:both; width:100%; color: #fff; background:url(images/footer_bg.jpg) repeat-x #000; text-align:center; margin-top:15px; padding-top: 15px; }
#footer .BottomMenuWrapper p a
{color: #fff; font-size: 1.3em; padding-right: 15px; font-weight:bold;}
#footer a#Pro, #footer a#Exit
{margin-top: 10px;}
div#footer .BottomGroups {font-weight: bold; font-size: 1em; padding-bottom: 26px;}
.BottomGroups a{margin-right:5px;}

/* Paging styles and tool styles */

.Paging a, .Paging a:visited, .Paging a:hover
{font-weight: bold; padding-left: 1px; padding-right: 1px;}
.Paging
{text-align:right; font-size: 1.1em; font-weight: bold; color:#848476; padding-top: 22px; position:absolute; right:0; top:0;}
.ContentHeader .Paging
{padding-top: 32px;}
.ForumsSection .ContentHeader .Paging
{padding-top: 32px; right: 65px;}
.ForumsSection .WideContent p
{font-size: 1.1em;}
.Tools
{text-align:right; font-weight: bold; color:#848476; padding:0; }
p.Tools2
{text-align:left; font-weight: bold; color:#848476; padding:0; line-height: 1em;}
span.Tools
{text-align:right; font-weight: bold; color:#848476; padding:0; line-height: 1.1em;}
.Selected a
{color: #FF0066;}
.Tools a, .Tools a:visited, .Tools a:hover, p.Tools2 a, p.Tools2 a:visited, p.Tools2 a:hover
{font-weight: bold; color: #07ADEB;}
p.EditTool {padding:0; line-height: 1.2em;}
p.EditTool a {font-size:.9em; color:#3399FF;}
a.AddTool {color:#3399FF; position:absolute; top: 8px; right:0; font-weight:bold;}
.ShortCuts p.EditTool {position:absolute; top: 10px; right:7px;}
.ShortCuts p.EditTool a {color:#FFFFFF;}


/* Contact form styling elements */

.ContactForm .BtnShadow
{padding-left:0; margin-top: 20px;clear: both; width: 150px;}
.ContactForm a:link.Btn, .ContactForm a:visited.Btn  
{display:block; background: #99CC33; line-height: 31px; width: 150px;text-align: center; font-weight: bold; color: #FFFFFF; font-size: 1.2em;}
.ContactForm a:hover.Btn  
{display:block; background: #CCFF33; line-height: 31px; text-align: center; font-weight: bold; color: #fff;}
.ContactForm 
{margin-top: 15px;}
label.ContactText
{display:block; font-weight:bold; width:200px; clear:both; margin-bottom: 5px;}
.ContactForm input{font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:270px; margin:2px 0 10px 0; clear:both;}
.ContactForm textarea 
{ font-size:12px;padding:4px 2px;border:solid 1px #aacfe4;width:544px;height: 70px;margin:2px 0 10px 0;clear:both;}
#Contact {margin: 15px 0;}

#Downloads h3
{text-indent: -9999px; background : url(images/downloads_title.gif) no-repeat 0 50%; display:block;} 

/* MAIN CONTENT  */
ul.Blogging 
{margin-bottom: 15px; width: 100%; background: #fff;}
.Blogging li
{background : #fff; position: relative; margin: 25px 35px 0 35px;}
.Blogging h2
{padding-bottom: 4px; color: #5C6975;}
.Blogging h2 a, .Blogging h2 a:visited
{font-weight:bold; line-height: 1.1em; padding: 0; color: #5C6975;}
.Blogging h2 a:hover
{ color: #444;}
ul.Blogging li li
{padding: .5em 0 .5em 17px; margin:0; background: url(images/bullet.gif) no-repeat 0 .5em; position: inherit;}
ul.Blogging li li.DownloadDoc {padding: 12px 0 0 25px; margin:0; background : url(images/download_icon.png) no-repeat 0 14px; color: #333;}
ul.Blogging li li.DownloadDoc a {font-weight:bold;} 
ul.Blogging ul.BlogGallery {
	margin-top: 20px;
	width:544px;
	padding-bottom: 30px;
	position: relative;
}
ul.Blogging ul.BlogGallery img {margin-left: 0px;}
ul.Blogging ul.BlogGallery li
{display:inline; float:left; width:58px; height:58px; margin: 0 10px 10px 0; padding:0; background:none; position:relative;}

ul li.ContentFooter
{height: 60px; margin-top: 0px;}

ul.Blogging li.Page
{padding: 25px 0; margin-top:0;}

.Blogging li.ForumsPage
{padding: 0; margin:0 0 0 35px; width:566px;}

ul.Blogging li.ContentIntro, ul.Blogging li.ContentHeader
{margin-top: 0; padding-top:25px;}
ul.Blogging li.ContentHeader
{width:570px;}
ul.Blogging li.ContentIntro p.More
{border-bottom: none; padding-bottom: 30px; clear: both;}

li.ContentHeader h3
{width: 305px; height: 48px;}
.ServicesPage .Intro h3
{text-indent:-9999px; background: url(images/about_services_title.gif) no-repeat; width: 305px; height: 48px;}
.GroupPage .Intro h3
{text-indent:-9999px; background: url(images/about_group_title.gif) no-repeat; width: 305px; height: 48px;}
.CampaignPage .Intro h3
{text-indent:-9999px; background: url(images/about_campaign_title.gif) no-repeat; width: 305px; height: 48px;}
.Blog h3
{text-indent:-9999px; background : url(images/blog_title.gif) no-repeat;}
.Section h3
{text-indent:-9999px; background : url(images/in_section_title.gif) no-repeat;}
.GroupIndex h3
{text-indent:-9999px; background : url(images/find_a_group_page_title.gif) no-repeat;}
ul li.GroupIndex h4
{font-size: 1.4em; color: #FF0066; padding:0;}
ul li.BlogPost
{margin-left: 60px; margin-top: 25px;}
ul.Blogging p.More
{border-bottom: solid #ccc 1px; padding-bottom: 30px; clear: both;}
ul.Blogging li.Page p.More
{border-bottom: none; padding-bottom: 10px; clear: both;}
li.ContentIntro p
{font-weight:bold; font-size: 1.2em;}
.ForumsSection .ContentHeader h3
{font-size: 2.3em;}


/* Main Content extras */
.Date
{background : url(images/date_sticker.png) no-repeat; position:absolute; left: -73px; top:-10px; width: 58px; height: 58px; font-weight:bold; color:#FFFFFF; text-align: center; font-size: 1.2em;}
.Date p 
{line-height:1.1em; padding-top: 12px; margin-left: 0px;}
.More a, .More a:visited, .More a:hover 
{font-weight: bold; font-size: .9em; }

/* forum extra bits*/
.Wide h3, .Wide h2
{width: auto; }
.Topic h2
{color:#2b2B2B;}

a.PostTopicBtn, a.PostTopicBtn:visited
{position:absolute; right:-1px; top: -9px; background : url(images/post_topic.png) no-repeat; height:75px; width:59px; color:#fff; display:block; text-align:center; line-height: 1.1em; font-size: 1.2em; font-weight:bold; padding-top: 11px;}

a.PostTopicBtn:hover
{font-weight:bold; color:#222;}

.Forums
{padding-right: 90px;}
/* Forums table style */
table 
{border-collapse: collapse;}
thead 
{font-family:Arial, Helvetica, sans-serif;}
th 
{font-weight: normal; text-align: left;}
table#CategoryTable
{width: 566px; margin-top:10px}
table#TopicsTable
{width: 566px; margin-top:10px}
table#PostsTable
{width: 900px; margin-top:0px}
table p
{font-weight:bold;}
table#CategoryTable a, table#CategoryTable a:visited, table#CategoryTable a:hover, table#TopicsTable a, table#TopicsTable a:visited, table#TopicsTable a:hover, table#PostsTable a, table#PostsTable a:visited, table#PostsTable a:hover
{font-weight:bold;}
#playlistPosHead 
{color:#FF38B4; font-weight: bold; padding-top: 7px; padding-bottom: 7px; }
td 
{overflow:hidden;}
td 
{padding: 7px 0;}
th 
{padding: 0; border-top: solid #F2F0EC 3px;}
td.PostText, td.PostMember 
{padding: 7px 0 20px 0; background: E6E2DA;}
.odd td 
{background: #F2F0EC; border-bottom: solid #fff 7px; }
.Sticky td
{background: #D5FE7C;}
.even
{background: #F2F0EC; border-bottom: solid #fff 7px;}
tr.even:hover, tr.odd:hover
{background: #DDD8D0;}
tr.Sticky:hover
{background: #C4F656;}

/* Landing Page */
.Category h3 
{background : url(images/pacman.png) no-repeat; font-size : 1.9em; margin: 10px 0 0 20px; padding: 0 10px .3em 32px; width:auto;}
.Category h3 a, .Category h3 a:visited 
{color : #7B746B; display:block;}
.Category h3 a:hover 
{ color : #333;}
.Category h4 
{padding:0 10px 0 20px; font-size: 1.1em; color: #333333; font-weight: normal;}
.Category p 
{margin-left: 20px; font-size:1em; padding-top: 1em; color: #484848; padding-bottom: 15px;}

/* Categories Page */
.TopicTitle h3
{font-size : 1.2em; margin: 5px 0 0 20px; padding: 0 10px 0 0; width:auto;}
.TopicTitle h3 a, .TopicTitle h3 a:visited 
{color : #7B746B; display:block;}
.TopicTitle h3 a:hover 
{ color : #333;}
.TopicTitle p 
{ margin-left: 20px; font-size:1em; padding-top: 0.2em; color: #484848;}
.TopicReplies
{text-align: center;}
.TopicReplies p
{font-size:2.5em; padding: 0; line-height: 1.2em;}
.TopicLastPost p, .TopicLastPost p a
{font-size:1em; line-height: 1.2em; padding-top:.4em;}

/* Tpoic Page */
.PostText h4
{padding-left:16px; font-size: 1.5em; padding-top: 10px; width: 350px;}
.PostText h4 a
{width: 350px; display:block;color: #7B746B;}
td.PostText p
{padding: .5em 16px; font-weight:normal;}
.PostMember p
{font-size:1em; line-height: 1.2em; padding-top:.4em; padding-left: 14px;}
.PostMember img
{margin-top:8px; margin-left: 10px; border: solid #cfc9c0 1px; padding: 4px; background:#fff;}
#PostsTable p.PostDate
{padding-top:0; font-size: 0.95em; font-weight:bold; padding-bottom: 1.2em; color: #999999;}
p.ForumTools a, p.ForumTools a:visited, p.ForumTools a:hover {padding-top: 1em;}
col.CategoryCol, col.TitleCol, col.RepliesCol, col.LastPostCol
{border: none; }
.none h3 {font-size: 1.5em; padding: 5px 0 10px 0;}
a.Pink
{color:#FF38B4;}
div.TopicQuote
{padding: 6px; margin-left:14px; margin-right:14px; margin-top: 10px; border: dotted #cfc9c0 1px; color: #999; background:#F8F7F5;}
.Hot .TopicTitle p
{background : url(images/hot_icon.gif) 0 1px no-repeat; padding-left: 20px;}
div.TopicSignature
{ padding-top:6px; margin-left:14px; margin-right:14px; border-top: solid 1px #ccc;}
td.PostText blockquote 
{ margin: -.5em 3em .2em 3em; padding : 0 0 0 1em; line-height: 1.5em; font-size:1.1em; color: #999; border-left: 2px solid #999;}
td.PostText blockquote p
{ padding: 0; font-size:1em;}
p.BreadCrumbs
{padding:0 0 5px 0;}
td.PostMember
{background: url(images/white.gif) repeat-x #E6E2DA;}
td.PostText
{background: url(images/white.gif) repeat-x #F2F0EC;}


/* Quick reply box*/
.QuickReplyBox
{background : #444; float:right; width: 640px;position:relative;margin-top: 0;}
.QuickReplyBox h4
{width:236px;color: #FFFFFF; padding-left: 30px; padding-top: 25px; font-size: 1.8em;padding-bottom: 10px;}
.QuickReplyTextBox
{margin:5px 0 10px 30px; width: 568px; height: 75px; padding: 5px; color: #333333; font : 120% Arial, sans-serif;}
.QuickReplyBox a.QuickReplyButton
{background : url(images/comment_btn.gif) no-repeat 0 0; padding: 0; display:block; height: 33px; width: 183px; border: none; margin-right: 30px; margin-bottom: 20px; text-indent:-9999px;}
.QuickReplyBox a.QuickReplyButton:hover
{background : url(images/comment_btn.gif) no-repeat 0 -33px;}


/* Profile Page */
ul.MainMember
{ width: 560px; padding-top:10px;  }
ul.Blogging ul.MainMember li
{ float:left; background: none; padding:0; position:relative;}
li.MainIntro
{width: 350px; float:right; display: inline; padding: 0 0 0 13px;}
li.MainFrame
{float:left; display: inline; height: 180px; width: 205px;}
.MainFrame img
{padding: 6px; border: solid #cfc9c0 1px;}
ul.Blogging ul.MainMember h3
{padding: 0 0 5px 0;}
ul.Blogging ul.MainMember p
{padding-top: 0;}
#Hate {padding-left: 22px; background : url(images/hate_icon.gif) no-repeat 0 .1em;}
#Love {padding-left: 22px; background : url(images/love_icon.gif) no-repeat 0 .1em;}
#Listen {padding-left: 22px; background : url(images/music_icon.gif) no-repeat 0 .1em;}
#Advice {padding-left: 22px; background : url(images/advice_icon.gif) no-repeat 0 .1em;}

/* PRO SITE STYLINGF */
#Pro p#Tagline
{position:absolute; left: 175px; top: 48px; width:480px; height:64px; background : url(images/pro_tagline.gif) no-repeat; text-indent : -9999px; padding: 0; margin:0;}
#Pro .Header
{border:none;}
#Pro .Box
{border-bottom: none; padding-bottom: 20px; margin-bottom: 0; position:relative;}
#Pro ul.TriMenu li a, #Pro ul.TriMenu li a:visited
{color:#767A7A; background : url(images/menu_arrow.png) 100% 50% no-repeat; display:block; padding: .3em 1.5em .3em 0; }
#Pro ul.TriMenu li a:hover
{color:#212C36; background : url(images/menu_arrow.png) 100% 50% no-repeat; display:block; padding: .3em 1.5em .3em 0; }
#Pro ul.TriMenu li.NoArrow a, #Pro ul.TriMenu li.NoArrow a:hover
{background : none; font-size:.8em; color:#07ADEB; padding:.5em 0 0 0; line-height: 1em;}
#Pro .Top
{border: none; padding-bottom: 0px;}

/*Pro SITE SHORTCUTS*/
#Pro ul.ShortCuts
{position:relative; width: 990px; margin-left:-20px;}
#Pro .ShortCuts li
{float:left;display:inline; width: 310px; height:105px; margin-left: 20px; position: relative; background: #90C510;
margin-bottom: 15px;}
#Pro ul.ShortCuts h4 { padding: 10px 15px 0 15px; color:#FFFFFF; font-size: 1em; color: #FFF;}
#Pro ul.ShortCuts h3 {padding: 0 15px 3px 15px; color:#FFFFFF;}
#Pro ul.ShortCuts p {padding: 0 15px; font-weight:bold; color:#439B0F; line-height: 1.3em; font-size: 1em;}

/*** ESSENTIAL STYLES ***/

#Pro .sf-menu 
{ line-height: 1.0; float:left; width: 100%; margin-top:19px; display:inline; }
#Pro .sf-menu ul 
{ padding-bottom: 10px; background : #968F87;}
#Pro .sf-menu li:hover 
{visibility: inherit; /* fixes IE7 'sticky bug' */}
#Pro .sf-menu li 
{float: left; position:	relative; margin-right: 15px;}
#Pro ul li.MainMenu a, #Pro ul li.MainMenu a:visited 
{color : #fff; font-size: 1.35em;}
#Pro .MainMenu a:hover 
{color : #fff;}
#Pro ul li.MainMenu a.Active
{background : #968F87; color:#FFF;}

/*** DEMO SKIN ***/
#Pro .sf-menu 
{float: left;margin-bottom:	0em;}
#Pro .sf-menu a 
{font-size: 1.25em; text-decoration:none; padding:.6em .6em; text-decoration:none;}
#Pro .sf-menu a, #Pro .sf-menu a:visited  
{ /* visited pseudo selector so IE6 applies text colour*/ color : #fff; }
#Pro .sf-menu li li 
{background: #968F87; }
#Pro .sf-menu li li a, #Pro .sf-menu li li a:visited
{color: #fff; font-size: 1.15em; padding: .6em .6em .3em .8em; line-height:1em; }
#Pro .sf-menu li li a:hover{ color: #444;}
#Pro .sf-menu li li li 
{background:#968F87;}
#Pro .sf-menu li:hover, #Pro .sf-menu li.sfHover,
#Pro .sf-menu a:focus, #Pro .sf-menu a:hover, #Pro .sf-menu a:active 
{background: #968F87;outline: 0;}

#Pro ul.TriMenu li li
{font-size:.9em; background : none; }
#Pro ul.TriMenu ul 
{border-bottom: solid #cfc9c0 1px;  zoom: 1; margin-bottom: 3px;}
#Pro ul.TriMenu li li.Level2 a, #Pro ul.TriMenu li li.Level2 a:visited
{color:#444; padding: 6px 0 6px 0; zoom: 1; background : none; border-top: dotted #cfc9c0 1px; }
#Pro ul.TriMenu li li.Level2 a:hover
{color:#91C40D; border-top: solid #cfc9c0 1px; background : none; }
#Pro ul.TriMenu li li.Level2 a.Active {color: #444;}

#Pro #YouTube h3
{text-indent: -9999px; background : url(images/youtube_title_pro.gif) no-repeat 0 50%; display:block;}
#Pro li.ContentHeader h3
{width: 305px; height: auto;}
#Pro .Paging
{text-align:right; font-size: 1.1em; font-weight: bold; color:#848476; padding-top: 20px; position:absolute; right:0; bottom:0;}
#Pro .ContentHeader .Paging
{padding-top: 20px;}
#ProIntro
{height:125px;}
#ProIntro h2
{text-indent:-9999px; background: url(images/pro_intro_title.gif) no-repeat; width: 520px; height: 28px; padding:0;margin-top: 4px;}
#ProIntro h3
{font-size: 1.2em; color: #FFF; line-height: 1.4em; padding-top: 7px;}
#Pro #Rotator h2
{padding-top: 40px; color:#444;}

.BottomWideContent
{clear:both; width:100%; }
#Pro.Home .MainContent
{ margin-bottom:15px;}
#Pro.Home .SecContent
{ margin-bottom:15px;}
#Pro #footer 
{margin-top:0;}


fieldset {   
margin: 1.5em 0 0 0; padding: 0 0 .6em 0; border:solid 1px #ccc;  }  
legend {   
margin-left: 1em; color: #666; font-weight: bold; font-size:1.2em;}

fieldset ul.FormStyle {   
padding: 1em 1em 0 1em; list-style: none; }  
fieldset ul.FormStyle li {background:none;
padding-bottom: 1em; }
fieldset ul.FormStyle li.Indent {   
margin-left: 11em; }
label.LeftLabel
{float: left;    
width: 10em;    
margin-right: 1em;    
text-align: right;
font-weight:bold; 
margin-top: .4em; 
}  
input.LeftImput
{font-size:12px; padding:2px 2px; border:solid 1px #aacfe4; width:200px; margin:0;} 
input.FormField
{font-size:1em;}
.Location
{width: 204px; padding:2px 0;} 
.Age
{width: 120px; padding:2px 0;} 
ul.FormStyle li.Indent input {margin-right: 5px; float:left;}
ul.FormStyle li.Indent label { margin-right: 10px; float:left; font-weight:normal;}
fieldset fieldset
{margin: 0; padding: 0; border:none; }
fieldset fieldset legend {       
margin-left: 0; font-size:1em;      
font-weight: bold; padding-bottom: .5em; color: #444;  
}
ul.FormStyle li.MultiChoose input {float:left; width: 20px; }
ul.FormStyle li.MultiChoose label { font-weight:normal; width: 152px; padding-bottom: .5em; float:left; display:inline;}

ul.FormStyle li.upload 
{position:relative;width:400px;}
ul.FormStyle li.upload .realupload 
{position:absolute; top:6px; right:55px;

	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */

	z-index:2; width:220px; font-size: 1em;}
form .fakeupload 
{background:url(images/browse_btn.gif) no-repeat 300px 50%;}
form .fakeupload input 
{width:160px; border:solid 1px #aacfe4; padding:2px 2px; }
.BtnShadow
{padding-left:0; margin-top: 20px;clear: both; width: 150px;}
.BtnShadow a:link.Btn, .BtnShadow a:visited.Btn  
{display:block; background: #99CC33; line-height: 31px; width: 150px;text-align: center; font-weight: bold; color: #FFFFFF; font-size: 1.2em;}
.BtnShadow a:hover.Btn  
{display:block; background: #CCFF33; line-height: 31px; text-align: center; font-weight: bold; color: #fff;}

a.CampaignStickerLrg { width:168px; height: 143px; left:478px; top:-90px; background: url(images/campaign_photo_btn.png) no-repeat; position:absolute; text-indent:-9999px; display:block; z-index:4; }
p a.Share { background: url(images/share_btn.gif) no-repeat;  width:67px; height:17px; display:inline-block; text-indent:-9999px; }
li.BlogPost p img{ padding-top: 10px; }
.CampaignPage .Blog h3 {text-indent:-9999px; background : url(images/stand_up_latest_title.gif) no-repeat; height: 48px; width: 345px;}
#LatestCampaignNews h3 { background : url(images/latest_standup_news_title.gif) no-repeat;}


ul.Blogging ul.StandUpGallery  
{ margin-left: -17px; margin-top: 30px; padding-bottom: 30px; position: relative;} 
ul.Blogging ul.StandUpGallery  img {margin-left: 0px; width:80px; height: 80px;}
ul.Blogging ul.StandUpGallery  li
{display:inline; float:left;  margin: 0 0 15px 17px; padding:0; background:none; position:relative;}

ul.Blogging ul.VideoGallery  
{ margin-left: -16px; margin-top: 30px; padding-bottom: 30px; position: relative; }
ul.Blogging ul.VideoGallery  li h4 {padding: .5em 0 0 0;}
ul.Blogging ul.VideoGallery  img {margin-left: 0px; width:180px; height: 95px;}
ul.Blogging ul.VideoGallery  li
{display:inline; float:left;  margin: 0 0 15px 15px; padding:0; background:none; position:relative; height:140px; width:180px;}
#MainVideoHolder { width:570px; height:324px;margin: 20px 0 15px 0;}

 { behavior: url(/fruitbox/iepngfix.htc) }

p.EUText {text-indent:-9999px; background : url(images/eu_logos.gif) no-repeat; display:block; width:178px; height: 50px; position:relative; left: 390px;}
ul.Blogging li.EU
{padding: 0 0 25px 0; margin-top:0;}
li.BlogPost p.Image img {padding: 40px; background-color:#f4f4f4; border:solid 1px #dddddd; margin: 10px 0;}

#WidgetHolder {background-color: #fff; width: 275px; padding-left: 35px; padding-top: 25px;height: 430px; margin-bottom: 20px; position:relative;}
#WidgetHolder h3 {position:absolute; text-indent:-9999px; width:273px; height: 24px;background : url(images/donate_side_title.gif) no-repeat; left: 18px; top: 18px;}

#likebox-frame{ border:2px solid #000; width:970px; z-index:10; height: 183px; overflow: hidden; position:relative; top:-1px; left:-2px; }
 #likebox-frame iframe{
  left:-5px; overflow:hidden; position:relative; top:-1px;}