/* custom stuff */


.heading {
	font-size: 115%;
	margin-bottom: 5px;
	font-weight: bold;
}


.heading-big {
	font-size: 130%;
	margin-bottom: 15px;
	font-weight: bold;
}

.latestnews {
	display: block;
	margin:  5px 30px 5px 5px;
	padding: 10px 10px 10px 85px;
        background: #ffffff url(../../../images/stories/images/Icons/latestnews.jpg) 3px 0px no-repeat;
	border: 1px solid #4455CF;
        min-height: 95px;
	color: #333;
            }


.action {
	display: block;
	margin:  5px 30px 5px 5px;
	padding: 10px 10px 10px 85px;
        background: #ffffff url(../../../images/stories/images/Icons/takeaction.jpg) 3px 0px no-repeat;
        min-height: 70px;
	border: 1px solid #FF9933;
	color: #333;
	            }

.action-no-text {
	display: block;
	margin:  5px 30px 5px 5px;
	padding: 10px 10px 10px 85px;
        background: #ffffff url(../../../images/stories/images/Icons/takeaction-no-text.jpg) 3px 0px no-repeat;
        min-height: 45px;
	border: 1px solid #FF9933;
	color: #333;
	            }


.action img {
 vertical-align: middle;
}






.links {
	display: block;
	margin:  5px 5px 5px 5px;
	padding: 10px 10px 10px 95px;
        background: #ffffff url(../../../images/stories/images/Icons/links.png) 5px 5px no-repeat;
        min-height: 95px;
	border: 1px solid #90C8E1;
	color: #333;
            }


.wikipedia {
	display: block;
	margin:  5px 5px 5px 5px;
	padding: 10px 10px 10px 95px;
        background: #ffffff url(../../../images/stories/images/Icons/wikipedia.png) 3px 3px no-repeat;
        min-height: 95px;
	border: 1px solid #C2C2C2;
	color: #333;
            }












.blockquote {
	display: block;
	width: auto;
	padding: 10px 10px 10px 50px;
	margin: 15px 0;
	font-style: italic;
	font-size: 120%;
	line-height: 140%;
	background: url(../images/quote_start.png) 10px 10px no-repeat;
	color: #333;
	border: 3px solid #C2C2C2;
}

.blockquote p {
	background: url(../images/quote_end.png) 100% 100% no-repeat;
	color: #333;
	padding-right:10px;
}

.pre {
	background: #f6f6f6;
	border-top: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	padding: 10px;
}

.mainbody ul li.bullet-a,
.mainbody li.bullet-a {
	background: url(../images/bullet-a.png) 3px 3px no-repeat;
}

.mainbody ul li.bullet-b,
.mainbody li.bullet-b {
	background: url(../images/bullet-b.png) 5px 5px no-repeat;
}

.mainbody ul li.bullet-c,
.mainbody li.bullet-c {
	background: url(../images/bullet-c.png) 0 0 no-repeat;
}

.mainbody ul li.bullet-d,
.mainbody li.bullet-d {
	background: url(../images/bullet-d.png) 0 0 no-repeat;
}


.mainbody ul li.bullet-e,
.mainbody li.bullet-e {
	background: url(../images/bullet-e.png) 4px 4px no-repeat;
}

.mainbody ul li.bullet-f,
.mainbody li.bullet-f {
	background: url(../images/bullet-f.png) 0 0 no-repeat;
}

.mainbody ul li.bullet-g,
.mainbody li.bullet-g {
	background: url(../images/bullet-g.png) 3px 3px no-repeat;
}



#mainbody ul.morespace {
	margin-left: 35px;
	padding: 0;
}

li.bullet-a,
li.bullet-b,
li.bullet-c,
li.bullet-d,
li.bullet-e,
li.bullet-f,
li.bullet-g{
	list-style: none;	
	padding-bottom: 15px;
	padding-left: 30px;
	margin-left:0px;
}

ul.number {
	margin: 25px -10px;
	list-style: none;
	padding-left:  10px;
}

ul.number li {
	padding-left: 45px;
	padding-right: 20px;
	padding-bottom: 15px;
}

ul.number li.number1 {
	background: url(../images/number1.png) 0 0 no-repeat;
}

ul.number li.number2 {
	background: url(../images/number2.png) 0 0 no-repeat;
}

ul.number li.number3 {
	background: url(../images/number3.png) 0 0 no-repeat;
}

ul.number li.number4 {
	background: url(../images/number4.png) 0 0 no-repeat;
}

ul.number li.number5 {
	background: url(../images/number5.png) 0 0 no-repeat;
}

ul.number li.number6 {
	background: url(../images/number6.png) 0 0 no-repeat;
}

ul.number li.number7 {
	background: url(../images/number7.png) 0 0 no-repeat;
}

ul.number li.number8 {
	background: url(../images/number8.png) 0 0 no-repeat;
}

ul.number li.number9 {
	background: url(../images/number9.png) 0 0 no-repeat;
}





.actionhome {
	display: block;
	margin:  5px 0px 5px 5px;
	padding: 60px 5px 10px 5px;
        background: #ffffff url(../../../images/stories/images/Icons/takeaction-h.jpg) 3px 0px no-repeat;
        min-height: 100px;
	border: 1px solid #FF9933;
	color: #333;
            }








.highlight {
  background-color: #ffc;
}




html {
  height: 100%;
  margin-bottom: 1px;
}


body {
	margin: 0;
	padding: 0;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
}

contentheading {
  margin-top: 5px;
}

fieldset {
	border: 0;
	padding: 5px 0;
}

span.pathway {
	display: block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 15px;
	font-weight: bold;
}

span.pathway img {
	margin: 0px 10px;
	vertical-align: middle;
}

div#pathway {
	margin-bottom: 15px;
	padding-left: 8px;
}

a.readon {
	display: block;
	float: left;
	padding-left: 20px;
	margin-top: 10px;
	line-height: 14px;
	height: 16px;
	background: url(../images/play.png) no-repeat;
}

/*** fonts ***/
body {
		line-height: 125%;
		font-family: Arial, "Lucida Grande", Tahoma, Helvetica, sans-serif;
		color: #000000;
}

/* size attributes */

body.f-smaller {
	font-size: 11px;
}

body.f-default {
	font-size: 12px;
}

body.f-larger {
	font-size: 14px;
}

a {
	color: #990000;
}

a:hover {	color: #000;
}

td.left a.mainlevel#active_menu {
	color: #000;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 100%;
}

#nav a,
#inset a {
	font-size: 110%;
}

div.moduletable h3,
.contentheading,
.componentheading {
	font-size: 130%;
	color: #2D2B20;
	line-height: 120%
}

.componentheading {
  margin-bottom: 15px;
}

td.componentheading {
	padding-bottom: 15px;
	padding-top: 5px;
}


/* font family */
h3,
.contentheading,
.componentheading,
#nav,
.sectiontableheader,
span.pathway,
.small,
.createdate,
.modifydate,
#inset {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a:link,
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* module settings */

div.moduletable h3 {
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 0;
}

div.moduletable {
	margin-bottom: 10px;
}

td.left div.moduletable {
background: #f1eee6 url(../images/content-bg.png) repeat-x;
}


td.right div.moduletable  {
	margin-bottom: 15px;
}

div.moduletable ul {
	margin: 5px 0;
	padding: 0 2em;
}

div.moduletable ul li {
	padding-bottom: 3px;
}

/* default menu link styles */
a.mainlevel {
	display: block;
}

a.sublevel {

}

a.mainlevel:hover {
	text-decoration: none;
}

a.sublevel:hover {
	text-decoration: none;
}

#inset a.mainlevel {
	display: inline;
	background: none;
	padding: 0 15px;
}

/** regular joomla menu **/

a.mainlevel {
	display: block;
	height: 16px;
	line-height: 15px;
	padding: 0;
	padding-left: 20px;
	background: url(../images/play.png) no-repeat;
	margin-bottom: 3px;
}

a#active_menu:link,
a#active_menu:visited {
	color: #333;
}


li.active_menu a:link,
li.active_menu a:visited {
  color: #333;
}

a.sublevel:link,
a.sublevel:visited {
	font-weight: bold;
}

/* headings */

h1 {
	padding-bottom: 5px;
	line-height: 125%;
}

h2 {
   padding-bottom: 5px;
}

h3 { 
   padding-bottom: 5px;
}

h4 {
	 padding-bottom: 5px;
}

.small {
	font-weight: bold;
	color: #8C876B;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-weight: bold;
	color: #8C876B;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-weight: bold;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;
	color: #8C876B;
}

/** some joomla class stuff */

table.contenttoc {
  margin: 5px;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}


td.buttonheading {
 	vertical-align: middle;
}

td.buttonheading img {
	margin-right: 5px;
}

table.mainbody td.mainbody td.sectiontableheader {
  font-weight: bold;
  padding: 4px;
  line-height: 20px;
  background: #edece9;
  border-bottom: 1px solid #dfdedc;
}

table.mainbody td.mainbody tr.sectiontableentry1 td, 
table.mainbody td.mainbody tr.sectiontableentry2 td {
  padding: 4px;
  border-bottom: 1px solid #edece9;
}

table.mainbody td.mainbody td.sectiontableentry1, 
table.mainbody td.mainbody td.sectiontableentry2{
  padding: 4px;
  border-bottom: 1px solid #edece9;
}

table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

div.contentpane, div.contentpaneopen {
  width: 100%;
}


.clr {
	clear: both;
}

div.mosimage {
  margin: 5px;
}


table.adminform textarea {
  width: auto;
  color: #666;
}

/** width stuff **/

.w-wide div.wrapper {
	width: 1000px;
}

.w-thin div.wrapper {
	width: 750px;
}

.w-fluid div.wrapper {
	margin: 0 20px;
}


/* showcase */
#showcase {
	border-bottom: 1px solid #d5c9ba;
	background: #e7e4dc url(../images/showcase-bg.png) repeat-x;
}


/** template layout stuff **/

#page_bg {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
	background: #c3bda4;
}

#mainbg {
	background: url(../images/body-bg.png) repeat-x;
}

#mainbg-2 {
	background: #fff url(../images/body-shadow-br.png) 100% 0 repeat-y;
}

#mainbg-3 {
	background: transparent url(../images/body-shadow-bl.png) 0 0 repeat-y;
}

#mainbg-4 {
	background: transparent url(../images/body-shadow-tr.png) 100% 0 no-repeat;
}

#mainbg-5 {
	background: transparent url(../images/body-shadow-tl.png) 0 0 no-repeat;
	padding: 0 5px;
}

#mainft-2 {
	background: #c3bda4 url(../images/footer-shadow-tr.png) 100% 0 no-repeat;
}

#mainft-3 {
	background: transparent url(../images/footer-shadow-tl.png) 0 0 no-repeat;
	padding: 0 5px;
}

div.wrapper {
	margin: auto;
	position: relative;
}


#showcase ul,
td.left ul,
td.right ul,
#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#showcase li,
td.left li,
td.right li,
#footer li {
		border-bottom: 1px dotted #8e8a6e;
		padding-bottom: 0;
		margin-bottom: 2px;
}

#showcase .padding,
#footer .padding {
	padding: 5px 0px;
}

#mainbody-padding {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#inset {
	color: #ccc;
	text-align: center;
	margin: 0px 0;
}

#inset table {
	width: auto;
	margin: 0 auto;
}

#footer {
	padding-top: 10px;
}

#the-footer {
	text-align: center;
	background: #938c69;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #C4BD9A;
}

#the-footer .padding {
	padding: 10px 0;
	width: 100%;
	border-top: 1px solid #c4bd9a;	
	
}

table.showcase,
table.mainbody,
table.headlines,
table.footer {
	width: 100%;
	padding: 0;
}

table.headlines {
	margin-top: -5px;
}

table.showcase tr,
table.mainbody tr,
table.headlines tr,
table.footer tr {
	vertical-align: top;
}

table.showcase td.showcase,
table.footer td.footer,
table.headlines td.headlines {
	width: 33%;
}

table.showcase td.showcase,
table.footer td.footer,
table.mainbody td.left,
table.mainbody td.right,
table.headlines td.headlines {
	padding: 0 10px;
}

table.mainbody td.mainbody {
	padding: 0;
	background: #f1eee6 url(../images/content-bg.png) repeat-x;
}

td.mainbody .padding {
	padding: 0 15px 0 5px;
}

table.mainbody td.left {
	width: 20%;
	padding-top: 5px;
	background: #f1eee6 url(../images/content-bg.png) repeat-x;
}




table.mainbody td.right {
	width: 20%;
	background: #e7e4dc url(../images/side-bg.png) repeat-x;
	padding-top: 5px;
}

table.mainbody td.left {
	border-right: 0px solid #fff;
}

table.mainbody td.right {
	border-left: 1px solid #fff;
}

table.headlines td.headlines {
	background: #f4f1ea;
}

/* toolbar  - effects placement of ExtMenu system*/

#toolbar {
	height: 31px;
	background: url(../images/toolbar-bg5.png) repeat-x;

/* position: absolute;
	top: 20px;
	left: 20px;
z-index: 150;  */

	position: relative;  
}

/* some page content things */

.hide {
	display: none;
}

form {
	border: 0;
	margin: 0;
	padding: 0;
}

table.blog span.article_seperator {
	display: block;
	height: 20px;
}

table.pollstableborder td {
	text-align: left;
	padding: 2px 0;
}

input#mod_search_searchword {
	width: 120px;
}












table#adminform #toolbar {
	background: none;
}





.hidden-text {
	display:none;
	}








/** News Box **/


div.moduletablenews
{
	color:#000000;
	border:1px solid #187c33;
	background:#FFF;
	margin-top:0px;
	margin:0px 0px 10px 0px;
}


div.moduletablenews h3
{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	background:#187c33;
	background-position: center right;
	padding:5px 5px 5px 10px;
	margin:0px 0px 0px 0px;
}



div.moduletablenews a
{
	color:#000000;
	text-decoration:none;
}

div.moduletablenews a:hover
 {
	color: #006600;
}

div.moduletablebriefings ul
{
padding: 0.3em 0em 0em 0em;
}


div.moduletablenews li
{
padding: 0em 0.0em 0.3em 0.5em;
}





/** Latest News and Take Action Blog-style Box **/


div.moduletablenews2
{
	display: block;
	margin:  5px 30px 5px 5px;
	padding: 10px 10px 10px 85px;
        background: #ffffff url(../../../images/stories/images/Icons/latestnews.jpg) 3px 0px no-repeat;
	border: 1px solid #4455CF;
        min-height: 95px;
	color: #333;
	text-align: left;
}

div.moduletableaction2
{
	display: block;
	margin:  5px 30px 5px 5px;
	padding: 10px 10px 10px 85px;
        background: #ffffff url(../../../images/stories/images/Icons/takeaction.jpg) 3px 0px no-repeat;
	border: 1px solid #4455CF;
        min-height: 95px;
	color: #333;
	text-align: left;
}

div.moduletablenews2, div.moduletableaction2 h3
{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	background:#187c33;
	background-position: center right;
	padding:5px 5px 5px 10px;
	margin:0px 0px 0px 0px;
}



div.moduletablenews2, div.moduletableaction2 a
{
	color:#0000ff;
	text-decoration:none;
}


div.moduletablenews2, div.moduletableaction2 a:hover 
{	color: #0000ff;
}







/** Briefings Box **/


div.moduletablebriefings
{
	color:#000000;
	border:1px solid #187c33;
	background:#FFF;
	margin:3px 0px 10px 0px;
}


div.moduletablebriefings h3
{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	background:#187c33;
	padding:5px 5px 5px 10px;
	margin:0px 0px 0px 0px;
}



div.moduletablebriefings a
{
	color:#000000;
	text-decoration:none;
}

div.moduletablebriefings a:hover
 {
	color: #006600;
}

div.moduletablebriefings ul
{
padding: 0.3em 0em 0em 0em;
}


div.moduletablebriefings li
{
padding: 0.1em 0.1em 0.3em 0.5em;
}















/** Resources Box **/



div.moduletableresources
{
	color:#000000;
	border:1px solid #187c33;
	background:#FFF;
	margin-top:0px;
	margin:0px 0px 10px 0px;
}


div.moduletableresources h3
{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	background:#187c33;
	padding:5px 5px 5px 10px;
	margin:0px 0px 0px 0px;
}



div.moduletableresources a
{
	color:#000000;
	text-decoration:none;
}

div.moduletableresources a:hover
 {
	color: #006600;
}

div.moduletablebriefings ul
{
padding: 0.3em 0em 0em 0em;
}


div.moduletableresources li
{
padding: 0.1em 0.1em 0.3em 0.5em;
}














/** Blog Box **/


div.moduletableblog
{
	color:#000000;
	border:1px solid #187c33;
	background:#FFF;
	margin-top:0px;
	margin:0px 0px 10px 0px;
}


div.moduletableblog h3
{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	background:#187c33 url(../../../images/stories/images/Icons/kate-cutout-l.jpg) no-repeat;
        background-position: top right;
	padding:5px 5px 5px 10px;
	margin:0px 0px 0px 0px;
        min-height: 35px;
}



div.moduletableblog a
{
	color:#000000;
	font-weight:bold;
}

div.moduletableblog a:hover
 {
	color: #006600;
}

div.moduletableblog ul
{
padding: 0.3em 0em 0em 0em;
}


div.moduletableblog li
{
padding: 0.1em 0.1em 0.3em 0.5em;

}




















/** Events Box **/


div.moduletableevents
{
	color:#000000;
	border:1px solid #187c33;
	background:#FFF;
	margin-top:0px;
	margin:0px 0px 10px 0px;
}


div.moduletableevents h3
{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	background:#187c33;
	padding:5px 5px 5px 10px;
	margin:0px 0px 0px 0px;
}



div.moduletableevents a
{
	color:#000000;
	text-decoration:none;
}

div.moduletableevents a:hover
 {
	color: #006600;
}

div.moduletableevents ul
{
padding: 0.3em 0em 0em 0em;
}


div.moduletableevents li
{
padding: 0.1em 0.1em 0.3em 0.5em;


}











/** Email signup Box **/



div.moduletableemailsignup
{
	color:#000000;
	border:1px solid #187c33;
	background:#FFF;
	margin-top:0px;
	margin:0px 0px 10px 0px;
}


div.moduletableemailsignup h3
{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	background:#187c33;
	padding:5px 5px 5px 10px;
	margin:0px 0px 0px 0px;
}



div.moduletableemailsignup a
{
	color:#000000;
	text-decoration:none;
}

div.moduletableemailsignup a:hover
 {
	color: #006600;
}

div.moduletableemailsignup ul
{
padding: 0.3em 0em 0em 0em;
}


div.moduletableemailsignup table
{
padding: 0.1em 0.1em 0.3em 0.5em;
}















/** Twitter Box **/


div.moduletabletwitter
{
	color:#000000;
	border:1px solid #187c33;
	background:#FFF;
	margin-top:0px;
	margin:0px 0px 10px 0px;
}


div.moduletabletwitter h3
{
	color:#187c33;
	font-size:1px;
	background:#187c33 url(../../../images/stories/images/Icons/twitter.jpg) no-repeat;
        background-position: top left;
	padding:5px 5px 5px 10px;
	margin:0px 0px 0px 0px;
        min-height: 35px;
}



div.moduletabletwitter a
{
	color:#000000;
	font-weight:normal;
}

div.moduletabletwitter a:hover
 {
	color: #006600;
}

div.moduletabletwitter ul
{
padding: 0.3em 0em 0em 0em;
}


div.moduletabletwitter li
{
padding: 0.1em 0.1em 0.3em 0.5em;

}






















/** Join shop donate **/


div.moduletablejoin h3
{
	color:#000000;
	font-weight:bold;
	font-size:14px;
}


div.moduletablejoin a
{
	color:#000000;
	background:#187c33;
	border:1px solid #187c33;
	padding: 5px 5px 5px 5px;
}

div.moduletablejoin a:hover
 {
	color: #000000;
	background:#206600;
}




/** Blocklink - for info sheets index**/

div.blocklink {
	text-align: center;
	padding:0.8em;
	margin: 0.4em;
	height:86px;
	width: 15em;
	border:1px solid #72921C;
	background:#CCCC66;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

div.blocklink a {
color:#000000;
}

div.blocklink:hover {
	border-color:#CCCC66;
	border:2px solid #000000;
	}









/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-sosh, a.mainlevel_active-sosh, a.mainlevel_current-sosh,
a.mainlevel-sosh:link, a.mainlevel_active-sosh:link, a.mainlevel_current-sosh:link,
a.mainlevel-sosh:visited, a.mainlevel_active-sosh:visited, a.mainlevel_current-sosh:visited {
	color: white;
}


/** 
a.mainlevel-sosh:hover, a.mainlevel_active-sosh:hover, a.mainlevel_current-sosh:hover {
	background-color: #E0E0E0;
	color: green;
}

a.sublevel-sosh, a.sublevel_active-sosh, a.sublevel_current-sosh,
a.sublevel-sosh:link, a.sublevel_active-sosh:link, a.sublevel_current-sosh:link,
a.sublevel-sosh:visited, a.sublevel_active-sosh:visited, a.sublevel_current-sosh:visited {
	background-color: green;
	color: white;
}

a.sublevel-sosh:hover, a.sublevel_active-sosh:hover, a.sublevel_current-sosh:hover {
	background-color: #E0E0E0;
	color: green;
}

ul.mainlevel-sosh ul ul a.sublevel-sosh, ul.mainlevel-sosh ul ul a.sublevel_active-sosh, ul.mainlevel-sosh ul ul a.sublevel_current-sosh,
ul.mainlevel-sosh ul ul a.sublevel-sosh:link, ul.mainlevel-sosh ul ul a.sublevel_active-sosh:link, ul.mainlevel-sosh ul ul a.sublevel_current-sosh:link,
ul.mainlevel-sosh ul ul a.sublevel-sosh:visited, ul.mainlevel-sosh ul ul a.sublevel_active-sosh:visited, ul.mainlevel-sosh ul ul a.sublevel_current-sosh:visited {
	background-color: blue;
	color: white;
}

ul.mainlevel-sosh ul ul a.sublevel-sosh:hover, ul.mainlevel-sosh ul ul a.sublevel_active-sosh:hover, ul.mainlevel-sosh ul ul a.sublevel_current-sosh:hover {
	background-color: #E0E0E0;
	color: blue;
}

*/



ul.mainlevel-sosh .expanded {
	display: block;

/** 
	background-image: url("../images/toolbar-select5.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 5px;

*/

}


/** customize style / layout here */

a.mainlevel-sosh,
a.mainlevel_active-sosh,
a.mainlevel_current-sosh,
span.mainlevel-sosh,
span.mainlevel_active-sosh,
a.mainlevel-sosh:link,
a.mainlevel_active-sosh:link,
a.mainlevel_current-sosh:link,
a.mainlevel-sosh:visited,
a.mainlevel_active-sosh:visited,
a.mainlevel_current-sosh:visited,
a.mainlevel-sosh:hover,
a.mainlevel_active-sosh:hover,
a.mainlevel_current-sosh:hover

{
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
	display: block;
/**	background: url(../images/toolbar-select-blank5.png) 100% 0 no-repeat;   */
	padding: 0.3em 0.5em 0em 0.5em;	/* top, right, bottom, left */
	height: 26px;
	line-height: 26px;
}


	
	



a.sublevel-sosh, a.sublevel_active-sosh, a.sublevel_current-sosh, span.sublevel-sosh,
a.sublevel-sosh:link, a.sublevel_active-sosh:link, a.sublevel_current-sosh:link,
a.sublevel-sosh:visited, a.sublevel_active-sosh:visited, a.sublevel_current-sosh:visited,
a.sublevel-sosh:hover, a.sublevel_active-sosh:hover, a.sublevel_current-sosh:hover


 {
	
font-weight: bold;
	color: #fff;
	display: block;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	height: 31px;
	line-height: 31px;
        width: 160px;
padding: 0.3em 0.5em 0em 0.5em;	/* top, right, bottom, left */
	background: #187c33;
	border-bottom: 1px solid #1b622b;
	border-top: 1px solid #2a9d44;

}




a.mainlevel-sosh, a.mainlevel_active-sosh, a.mainlevel_current-sosh, span.mainlevel-sosh {
}

a.sublevel-sosh, a.sublevel_active-sosh, a.sublevel_current-sosh, span.sublevel-sosh {
	font-size: 90%;
	border-top: none;
	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}

#active_menu-sosh,
a.mainlevel_active-sosh, a.mainlevel_current-sosh,
a.mainlevel_active-sosh:link, a.mainlevel_current-sosh:link,
a.mainlevel_active-sosh:visited, a.mainlevel_current-sosh:visited,
a.mainlevel_active-sosh:hover, a.mainlevel_current-sosh:hover,
a.sublevel_active-sosh, a.sublevel_current-sosh,
a.sublevel_active-sosh:link, a.sublevel_current-sosh:link,
a.sublevel_active-sosh:visited, a.sublevel_current-sosh:visited,
a.sublevel_active-sosh:hover, a.sublevel_current-sosh:hover {
	font-weight: bold;
}

ul.mainlevel-sosh, .mainlevel-sosh ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}

ul.mainlevel-sosh li {
	padding: 0;
	margin: 0;
	background: none;
	float: left;
}

ul.mainlevel-sosh li li {
	position: relative;
	display: block;
	width: auto;
}


ul.mainlevel-sosh ul {
	display: block;
	position: absolute;
	left: -999em;
	margin: -0.2em 0 0 0em;
	width: auto;
	height: auto;
	z-index: 101;
}
	
ul.mainlevel-sosh li li ul {
	margin: -1.8em 0 0 10em;
	z-index: 102;
}

ul.mainlevel-sosh li:hover ul,
ul.mainlevel-sosh li.hover ul {
	left: auto;
}

ul.mainlevel-sosh li:hover ul ul,
ul.mainlevel-sosh li.hover ul ul {
	left: -999em;
}

ul.mainlevel-sosh li:hover ul li:hover ul,
ul.mainlevel-sosh li.hover ul li.hover ul {
	left: auto;
}


ul.mainlevel-sosh, ul.mainlevel-sosh li li {
	clear: left;
}

/** separator */
span.mainlevel-sosh, span.sublevel-sosh 
{
font-weight: bold;
	
}


/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-sosh > ul.mainlevel-sosh {
	position: absolute;
	top: 5em;	/* change the absolute position for IE5.0 here */
}
ul.mainlevel-sosh > ul.mainlevel-sosh li.hover ul {
	margin: 0.1em 0 0 0em;	/* top, right, bottom, left */
}
ul.mainlevel-sosh > ul.mainlevel-sosh li.hover ul ul {
	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */
}


















/* RokSlide Stuff */

ul#rokslide-toolbar {
   background: url(../images/tabs-bg.png) 0 0 repeat-x ;
   padding:0pt !important;
}


#rokslide h3{
background:none !important;
}

#rokslide-toolbar li.active {
   background: #bbb;
}

#rokslide-toolbar li.current {
   background: #bbb !important;
   border-left: 1px solid #cec8b7;
   border-right: 1px solid #cec8b7;
}

#rokslide-toolbar li {
   border-left: 1px solid #afa89b;
   border-right: 1px solid #afa89b;
   color: #736e64;
    background: #ccc !important;
    height:30px !important;
    line-height:30px !important;
   margin-bottom:0px;
   margin-top:3px;
}

#frame {
   background: #eee !important;
}

#frame div.button#left {
   background: url(../images/tabs-prev.png) 0 0 no-repeat;
}

#frame div.button#right {
   background: url(../images/tabs-next.png) 0 0 no-repeat;
}

/* End RokSlide stuff */












/* Rounded box styling
================================================*/
/* Basic styling, used when JavaScript is unsupported */
div.moduletablecbb,
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}

div.moduletablecbb h1,
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	line-height:120%;
}

/* Normal styling */

.cb {margin:0.5em 0;}
	/* Top corners and border */

.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(http://www.cnduk.org/templates/rt_versatility_ii_beige/images/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(http://www.cnduk.org/templates/rt_versatility_ii_beige/images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:120%;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(http://www.cnduk.org/templates/rt_versatility_ii_beige/images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(http://www.cnduk.org/templates/rt_versatility_ii_beige/images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(http://www.cnduk.org//templates/rt_versatility_ii_beige/images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(http://www.cnduk.org//templates/rt_versatility_ii_beige/images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */



/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}





div.election {
background-image:url('../../../images/stories/images/getinvolved/lobby-your-candidates-homepage.jpg');
width:400px;
height:321px;
float: right;
}

div.election2 {
padding-top: 165px;
margin-left: 170px;
float: right;
}

div.electionx {
background-image:url('../../../images/stories/images/getinvolved/lobby-your-candidates-homepage.jpg');
width:400px;
height:321px;
float: left;
}

div.electionx2 {
padding-top: 165px;
margin-left: 170px;
float: left;
}