body {margin:0; font-family:arial, verdana, tahoma, geneva, sans; color:#333333; font-size:13px;}
h1.logo {text-align:left; text-indent:-5000px; width:372px; height:129px; background-image:url(/images/brightside-logo-default.gif?nochace); background-repeat:no-repeat; margin:0px;}


h3 {text-align:left; margin:0}
img {border:0; xmargin:0}
p {margin-top:8px; margin-bottom:8px;}
h2 {font-size:17px; margin:0px; padding:0px;}

a:link {color:#f61211; text-decoration:none;}
a:visited {color:#f61211; text-decoration:none;}
a:active, a:hover {color:#333333; text-decoration:underline;}

.about_us-contentwrapper {background-image:url(/images/about-us-bg.jpg); repeat:y; min-height:547px; padding-top:19px;}
.clear {clear:both;}
div.content-header h2{
	width:720px;
	height:41px;
	float:left;
	font-size:36px;
	margin-bottom:20px;
}

.about_us-color {color:#008080 !important;}
.accesskeys-color,
.news-color,
.search_results-color,
.send_to_a_friend-color,
.newsletter-color {color:#283949 !important;}
.what_we_do-color {color:#b52169 !important;}
.why_it_matters-color {color:#00baf2 !important;}
.get_in_touch-color {color:#75c820 !important;}
.get_involved-color {color:#7c51a1 !important;}

#breadcrumb{ position:absolute; top:10px; left:26px; color:#999999;}
#breadcrumb a{ font-weight:bold; color:#999999; } 
.defaultcolumn1 {float:left; width:330px; margin-right:20px; xfont-size:0.8em}
.defaultcolumnfull {float:left; width:660px; margin-right:20px; xfont-size:0.8em}
.defaultcolumn2 {float:left; width:330px; xfont-size:0.8em}
.defaultcontent {width:999px; text-align:center;}
.defaultcontentbox {margin-left:0px; margin-bottom:10px; background-image:url(/images/default-page-bg.jpg); background-repeat:no-repeat; background-color: #dbdbdb; width:952px; min-height:675px; text-align:left; padding-left:26px; padding-top:50px; position:relative;}
.defaultheaderbg {background-color:#283949; width:1053px; height:129px;}
.defaultheader {width:1053px; text-align:left;}
.defaultheaderbgwrapper {background-color:#283949; height:129px;}
.defaultphotopanel {background-color:#ffffff; padding-left:21px; padding-top:21px; padding-bottom:30px; border-style: solid; border-width:1px; border-color:#e0e0e0;}
.defaultphotopaneltext {margin-top:10px;}
.default-sitemap-header {background-image:url(/images/sitemap-header.gif); repeat:no-repeat; width:720px; height:41px; text-align:left; text-indent:-5000px; float:left;}
.defaulttextualcontent {margin-top:20px;}
.defaultwidecolumn {float:left; xfont-size:0.8em; width:689px;}
.defaultwidecolumntext {width:680px; margin-bottom:18px;}
.footer {text-align:left; font-size:11px; color:#4d4d4f; padding-bottom:20px; width:978px; }
.footer a:link {color:#4d4d4f; text-decoration:none;}
.footer a:visited {color:#4d4d4f; text-decoration:none;}
.footer a:active, .footer a:hover {color:#333333; text-decoration:underline;}
.footerlinks {float:left;}
.footercredit {float:right; margin-right:4px; }
.get_involved-contentwrapper {background-image:url(/images/get-involved-bg.jpg); repeat:y; min-height:547px; padding-top:19px;}
.get_in_touch-contentwrapper {background-image:url(/images/get-in-touch-bg.jpg); repeat:y; min-height:547px; padding-top:19px;}
.getinvolvedbtn {float:left;}

.gobtn {width:32px; height:19px; margin-left:5px;}

.gobtn a:link, .gobtn a:visited {float:left; display: block; width:31px; height:19px; background: url(/images/gobtn.gif) no-repeat left top; margin-left:5px;}
.gobtn a:hover {background-position: 0 -19px; margin-left:5px;;}

.collapsed{
    display: none;
}

.inthissectionheader {background-image:url(/images/in-this-section-header-bg.gif); repeat:no-repeat; width:177px; xheight:21px; color:#ffffff; font-weight:bold; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:13px;}
.lhnav { float:left; width:233px;  margin-right:23px;}
.lhbox { background:url('/images/lhnav.png') bottom right no-repeat; min-height:50px; width:233px; margin-bottom:20px; display:inline-block;}

.lhbox  div.top{ background:url('../images/lhnav-top.png') top right no-repeat; margin-top:-12px; padding-top:12px; padding-bottom:20px}
.inthissectiontext a,
.inthissectiontext p{
	color:#999999; text-decoration:none; padding-left:25px; line-height:20px;display:inline-block; width:180px; margin-top:10px;
}
.inthissectiontext a {height: 20px;}
.inthissectiontext strong{
	color:#666666; text-decoration:none; padding-left:25px; line-height:20px; display:inline-block
}

.inthissectiontext a.open{ background:url('../images/star_bw.gif') top left no-repeat;}
.inthissectiontext a:active, .inthissectiontext a:hover {color:#999999; text-decoration:underline;}
.inthissectionblank {float:left; width:187px; margin-right:23px;}
.lhbox #twitter_feed {background:url('../images/lh-twitter.gif') top left no-repeat; padding:40px 15px 10px 10px;}
.lhbox #twitter_feed div.tweet{ border-top:1px solid #69d5f9; padding:10px 0px}
.lhbox #twitter_feed div.tweet a{ color:#999999; }
.logo {text-align:left; float:left;}
.mainnav {position:absolute; left:-1000px; top:-150px;}
#menulist ul {margin-left:0px; padding-left:0; list-style:none; margin-top:0px; margin-bottom:0px}
#menulist li {xfont-size:0.75em; padding-left:10px; background-repeat:no-repeat; background-position: 0em; margin-bottom:5px}
#menulist ul li ul li {font-size:0.92em; }
.navbar {width:1012px; text-align:left; height:25px;}
#navbarbg {width:1050px; text-align:left; height:25px; position-absolute:0px; position:absolute; top:0; left:0; z-index:1000;}
#navbarbg1 {background-image: url("/images/nav.gif"); background-repeat: no-repeat; width:1012px; text-align:left; height:25px; background-position:0px -27px; position-absolute:0px; position:absolute; top:0; left:0; z-index:1;}
#navbarbg2 {background-image: url("/images/nav.gif"); background-repeat: no-repeat; width:1012px; text-align:left; height:25px; background-position:0px -54px; position:absolute; top:0; left:0; z-index:2}
#navbarbg3 {background-image: url("/images/nav.gif"); background-repeat: no-repeat; width:1012px; text-align:left; height:25px; background-position:0px -81px; position:absolute; top:0; left:0; z-index:3}
#navbarbg4 {background-image: url("/images/nav.gif"); background-repeat: no-repeat; width:1012px; text-align:left; height:25px; background-position:0px -108px; position:absolute; top:0; left:0; z-index:4}
#navbarbg5 {background-image: url("/images/nav.gif"); background-repeat: no-repeat; width:1012px; text-align:left; height:25px; background-position:0px -135px; position:absolute; top:0; left:0; z-index:5}
#navbarbg6 {background-image: url("/images/nav.gif"); background-repeat: no-repeat; width:1012px; text-align:left; height:25px; background-position:0px -162px; position:absolute; top:0; left:0; z-index:6}
#navbarbg7 {background-image: url("/images/nav.gif"); background-repeat: no-repeat; width:1012px; text-align:left; height:25px; background-position:0px -189px; position:absolute; top:0; left:0; z-index:7}
#navbarbg8 {background-image: url("/images/nav.gif"); background-repeat: no-repeat; width:1012px; text-align:left; height:25px; background-position:0px 0px; position:absolute; top:0; left:0; z-index:7}
.navbarwrapper { background-color:#283949;}
.navholder {position: absolute; text-align:left; float:left;}

.news-index {width:820px; text-align:left;}

.searchbox {float:left; background-image:url(/images/search-bg.gif); repeat:no-repeat; width:141px; height:19px;}
.searchfield {float:left; background-color:transparent; border:none; font-size:11px; margin-left:20px; padding-top:3px; width:110px;}
.searchgobtn {float:left; width:50px;}
.searchsignup {float:left; margin-top:17px; margin-left:309px; width:345px;}
.signup a:link, .signup a:visited {float:left; display: block; width:142px; height:19px; background: url(/images/signup.gif) no-repeat left top; margin-right:10px;}
.signup a:hover {background-position: 0 -19px; margin-right:10px;}
.sitemapinthissection {float:left; background-image:url(/images/in-this-section-bg.gif); repeat:no-repeat; width:187px; min-height:50px; border-style: solid; border-left-width:0px; border-right-width:0px; border-top-width:1px; border-bottom-width:1px; border-color:#e0e0e0; margin-right:23px;}
.what_we_do-contentwrapper {background-image:url(/images/what-we-do-bg.jpg); repeat:y; min-height:547px; padding-top:19px;}
.what-we-do-promobox {float:left; width:164px; margin-right:8px; margin-bottom:12px;}
.what-we-do-promobox-header {background-image:url(/images/in-this-section-header-bg.gif); repeat:no-repeat; width:131px; height:21px; color:#ffffff; font-weight:bold; padding-left:18px; padding-right:19px; padding-top:5px; font-size:0.9em}
.what-we-do-whitepanel {background-color:#ffffff; padding-left:19px; padding-top:18px; padding-bottom:16px; border-style: solid; border-left-width:1px; border-right-width:1px; border-top-width:0px; border-bottom-width:1px; border-color:#e0e0e0; width:147px; min-height:163px;}
.what-we-do-whitepanel-text {margin-top:9px; width:128px; xfont-size:0.9em;}


.why-it-matters-content {width:999px; text-align:center;}
.why_it_matters-contentwrapper {background-image:url(/images/why-it-matters-bg.jpg); repeat:y; min-height:547px; padding-top:19px;}



/* BELOW IS THE CUSTOM STYLESHEET SUPPLIED BY BRIGHTSIDE */

.boxout{
border: 1px solid gray;
margin: 20px;
padding: 8px;
background-color: white;
}

.quotebox{
border: 1px solid #D3D3D3;
background: white url('/uploads/Image/quotebg2.png') no-repeat;
padding: 23px 14px 8px 46px; text-indent: 12px;
text-align: justify;
}

.pullquote{
border: 1px solid #D3D3D3;
float: right;
width: 230px;
margin: 4px;
padding: 23px 5px 5px 15px;
text-indent: 17px;
background: white  url('/uploads/Image/pullquotebg.png') no-repeat  10px 8px
}

.pullquoteellipsis{
border: 1px solid #D3D3D3;
float: right;
width: 230px;
margin: 4px;
padding: 23px 5px 5px 15px;
text-indent: 27px;
background: white url('/uploads/Image/pullquotebg.png') no-repeat  10px 8px
}

.code{
border: 1px solid gray;
margin: 10px;
padding: 5px;
background-color: white;
font-family: monospace;
}

ul.pan{
padding-left:1em;
margin-left:0em;
}

.what-we-do-promobox-header-clickable {
background-image:url(/images/in-this-section-header-bg.gif);
color:#FFFFFF;
font-size:0.9em;
font-weight:bold;
height:21px;
padding-left:18px;
padding-right:19px;
padding-top:5px;
width:131px;
display:block;
}



/** new nav bar**/

.navbar ul{
	list-style:none;
	padding:0px;
	margin:0px;
	border-style:none;
}

.navbar ul li.top_nav_elem{
	position:relative;
	float:left;
	height:26px;
	background:url('../images/navcorner-l.png') top left no-repeat white;
	margin:0px 1px;

}

.navbar ul li a{
	display:inline-block;
	width:160px;
	line-height:26px;
	background:url('../images/navcorner-r.png') top right no-repeat transparent;
	text-align:center;
	color:#999999;
	font-weight:bold;
}

.navbar ul.navigation{
	background-color:transparent;
	margin-left:14px;
	width:980px;
}

.navbar ul.subnav{
	display:none;
	padding:0px;
	position:absolute;
	top:26px;
	left:0px;
	z-index:999;
}

.navbar ul.subnav li{
	margin:0px;
	background-image:none;
	margin-top:1px;
	border:solid 1px #999999;
}

.navbar ul.subnav li a{
	background-image:none;
	background-color:#283949;
	color:#cccccc;
	font-weight:normal;
	padding:7px 0px;
	line-height:15px;
}

.navbar ul.navigation li.selected{
	background-color:#f03f17;
}

.navbar ul.navigation li.selected a{
	color:white;

}

.navbar ul.navigation li.selected ul.subnav a{
	background-image:none;
	background-color:#283949;
	color:#cccccc;
}

/** colours **/

.navbar ul.navigation li#nav_about_us.selected{
	background-color:#008080;
}

.navbar ul.navigation li#nav_what_we_do.selected{
	background-color:#b52169;
}

.navbar ul.navigation li#nav_why_it_matters.selected{
	background-color:#00baf2;
}

.navbar ul.navigation li#nav_get_involved.selected{
	background-color:#7c51a1;
}

.navbar ul.navigation li#nav_get_in_touch.selected{
	background-color:#75c820;
}

div.sms{
	width:960px;
	text-align:right;
	padding-bottom: 10px;
	xborder:solid white 1px;
}

div.sms div.box {
	float:right;
	xwidth:320px;
	padding:6px 16px 8px 16px;
	border-radius:4px;
	background-color:#283949;
	margin-bottom:5px;
	margin-left:600px;
}

div.sms div.box a { color:#cccccc; }
	
div.sms a{
	color:white;
	font-weight: bold;
	line-height:10px;
	font-size:12px;
}

.defaultcontentbox div.sms{
	width:auto;
	padding:5px;
	position:absolute;
	right:5px;
	top: 5px;
	xborder:solid 1px #cccccc;
	border-radius:5px;
	background-color:#283949;
	padding:6px 16px 8px 16px;
}

.defaultcontentbox div.sms a{
	color:#cccccc;
	font-weight:normal;
}