/* Fundamentals */
#Body               {height: 100%;}
body                {text-align: left; /* for IE */ margin-top: 0px; margin-left: 0px; background-color: #fff;} 
table 	            {text-align:left;} /* Overcomes issue of centered content when DOCTYPE is changed to XHTML compatible */
table 				{border-collapse:collapse;} /* affects all browsers */

#FCKBody            {background-color: #fff; background-image: none; font-size: 0.8em;} /* hide body background image from FCK Editor area */
#FCKBody TD         {font-size: 0.8em;}

/* Define default fonts ---  table, td, th */
body, div, span, ul, li, blockquote, p, textarea,
tbody, tfoot        {font-family: arial, helvetica, sans-serif;}

/* Colours */	
#Body		    	{}
/*body				{background: #fff url(images/bg.jpg);} */
/* */body			{background: #fff url(images/bg_grey.jpg);}  
#outer_container 	{border: 0px solid #00f;}
#header             {background: #fff}

/* Size and positioning */
/* #bg_container    {width: 100%; background: url(images/bg.jpg);}  adds second background for when logged in and control panel showing, preserves layout*/
#bg_container       {width: 100%; background: url(images/bg_trans.gif);} /* adds second background for when logged in and control panel showing, preserves layout*/

#outer_container 	{width: 995px; height: 100%} /* change to 100% for 'stretchy', change to 1000px for fixed width */
#outer_container 	{min-height: 800px; position: relative; top: 0px;  margin-left: auto; /* centre div in Firefox */ margin-right: auto; /* centre div in Firefox */ padding: 0 0 0 0;}

/* -- site header */
#header 			{border: 0px solid #0f0; width: 995px; margin: 0 0 0 0; display: inline-block;}
#header             {height: 80px;}     
#header:after 		{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}  /* Fix 'clearing' problems in FF */ 
#logo 				{border: 0px solid #000; position: relative; float: left; top: 0px; left: 0px;}

#header_search		{border: 0px solid #00f; border-left: solid 1px #b2b2b2; height: 44px; width: 202px; display: inline-block; float: right; padding: 23px 0 0 15px;}
.header_links		{border: 0px solid #00f; border-left: solid 0px #b2b2b2; height: auto; width: 327px; display: inline-block; float: right;}
#header_join		{border: 0px solid #00f; border-left: solid 1px #b2b2b2; height: 70px; width: 130px; display: inline-block; float: right;}

/* -- horizontal menu bar */
/* #hmenubar 			{border: 1px solid #ddd; position: relative; left: 0px; top: 0px; width: 700px; height: 35px; display: inline-block; padding: 0 0 0 13px; margin: 23px 0 12px 0;} */
/* #hmenubar:after 	    {content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; } /* Fix 'clearing' problems in FF */
/* .hmenubar_links_rgt  {border: 1px solid #333; display: inline-block; height: auto; width: 255px; float:right;  position: relative; right: 0; top: 0; margin: -42px 8px 0 0;} */

#hmenubar 			{border: 0px solid #ddd; float:left; width: 700px; height: 35px; padding: 0 0 0 13px; margin: 23px 0 12px 0;}
#hmenubar:after 	{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; /* Fix 'clearing' problems in FF */}
.hmenubar_links_rgt {border: 0px solid #333; display: inline-block; height: auto; width: 255px; position: relative; left: 19px; margin-top: 30px;}


/* -- overall content container TABLE version */
#content_top		{border: 0px solid #2dd; background: #fff url(images/fade_top.gif); height: 11px; clear: both}
#maintable 			{border: 0px solid #d2d; width: 100%; margin: 0 0 0 0; height: auto; display: table; vertical-align:top}
#maintable:after    {content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; /* Fix 'clearing' problems in FF */}

#breadcrumb			{border: 0px solid #00f; border-bottom: 1px solid #b2b2b2; height: 30px; background: #fff; padding: 10px 0 0 0; margin: 0 23px 10px 23px;}
.left_fade			{background: transparent url(images/fade_left.gif) top no-repeat; width: 10px;}
.leftcol 			{border: 0px solid #00f; width: 186px; height: 100%; vertical-align: top; padding: 0 21px 0 23px; background: #fff;}
.centrecol          {border: 0px solid #0f0; width: 472px; height: 400px; vertical-align: top; padding: 0 0 20px 0; background: #fff;}
.rightcol 			{border: 0px solid #f00; width: 226px; height: 100%; vertical-align: top; padding: 0 23px 0 23px; background: #fff;}
.right_fade			{background: transparent url(images/fade_right.gif) top no-repeat; width: 10px;}
.leftcentre         {border: 0px solid #0f0; width: 658px; height: 400px; vertical-align: top; padding: 0  0 20px 21px; background: #fff;}
.leftcol2 			{border: 0px solid #00f; width: 0px; height: 100%; vertical-align: top; padding: 0 21px 0 23px; background: #fff;}

/* -- footers */
.footer1			{border: 0px solid #d2d; width: 975px; height: auto; background: #999 url(images/fade_footer.gif) top no-repeat; padding: 0 0 0 0; margin-left: auto; /* centre div in Firefox */ margin-right: auto; /* centre div in Firefox */}
.footer2			{border: 0px solid #bbb; width: 350px; height: auto; float: right; position: relative; right: 10px; padding: 0 0 0 0; margin: 0 0 40px 0;}
.signin				{border: 0px solid #bbb; width: 250px; float: left ; position: relative; left: 10px; padding: 0 0 0 0;}
.signin             {display: none; /* set to none to hide block */}

/* -- landing */
.landing_text
{padding: 8px 0px 0 0;
vertical-align: top;
border-bottom: 1px solid #ccc;}

.landing_image
{padding: 8px 5px 0 0;
vertical-align: top;
border-bottom: 1px solid #ccc;}

.home_news
{font-family: arial, helvetica, san-serif; font-size: .8em;
vertical-align: top;
border-top: 1px solid #ccc;}

.grey_border
{border-bottom: 1px solid #ccc;}

.grey_border_top
{border-top: 1px solid #ccc;}

.padding_right
{padding: 0 5px 0 0;}

.padding_left
{padding: 0 0 0 5px;}

.trade_text
{vertical-align: top;
border-bottom: 1px solid #ccc;}

.trade_image
{padding: 0 0 15px 5px;
vertical-align: top;
border-bottom: 1px solid #ccc;}

.arrows {
    display: block;
    font-family: arial, helvetica, san-serif;
    font-weight: normal;
    border: 0px solid #ccc;
    background: url(images/arrow_black.gif) no-repeat 0 10px;
    padding: 5px 0 8px 25px;
	margin: 0px 0 0 0;	
	border-bottom: 1px solid #ccc;
    }

.arrows_no_line {
    display: block;
    font-family: arial, helvetica, san-serif;
    font-weight: normal;
    border: 0px solid #ccc;
    background: url(images/arrow_black.gif) no-repeat 0 10px;
    padding: 5px 0 8px 25px;
	margin: 0px 0 0 0;	
    }

.arrows_csa {
    display: block;
    font-family: arial, helvetica, san-serif;
    font-weight: normal;
    border: 0px solid #ccc;
    background: url(images/arrow_black.gif) no-repeat;
    padding: 0 0 5px 25px;
	margin: 0px 0 0 0;	
	border-bottom: 1px solid #ccc;
    }	 
	 
.imageright 
{padding:7px;
float:right;
margin-left:5px;}

.imageleft
{padding:7px; 
float:left;
margin-right:5px;}

.small
{margin-top:0px;
font-size:85%;
font-family:arial, helvetica, san-serif;}
	 
.donate_header 	 
{font-family: georgia, times new roman, serif; font-size: 1.4em; font-weight: bold; color: #444;}

/* Fonts and links */
.Normal             {font-family: arial, helvetica, san-serif; font-size: .8em;}

/* -- Default hyperlinks */
A:link	            {color:#099; text-decoration:none;}
A:visited           {color:#099; text-decoration:none;}
A:link:hover, 
A:visited:hover	    {color:#099; text-decoration:underline;}

/* -- H styles for main central content column */
H1, H2              {/* margin:0; padding:0;  deal with H1, H2 etc line breaks/cr */} 
H1                  {font-family: georgia, times new roman, serif; font-size: 1.8em; font-weight: bold; color: #444;}
H2                  {font-family: georgia, times new roman, serif; font-size: 1.4em; font-weight: bold; color: #444;}
H3                  {font-family: georgia, times new roman, serif; font-size: 1.2em; font-weight: bold; color: #444;}
H4                  {font-family: georgia, times new roman, serif; font-size: 1.1em; font-weight: bold; color: #444;}

LI                  {list-style-type: circle;}

/* -- Search */
#header_search          {font-family: arial, helvetica, sans-serif; font-size: .9em; color: #333; font-weight: bold; line-height: 1.5em;}
.SearchButton           {border: 0px solid black; text-decoration: none; cursor: hand; display: inline-block; position: relative; top: -2px; width: 30px; background: url(images/search.gif)}


/* -- Breadcrumb */
#breadcrumb             {color: #666;}
.breadcrumb,
A.breadcrumb            {font-family: arial, helvetica, san-serif; font-size: .75em; color: #666; font-weight: normal;}
A.breadcrumb:link,   
A.breadcrumb:visited,   
A.breadcrumb:active     {color: #666; font-weight: normal; text-decoration: none;}
A.breadcrumb:hover      {color: #666; font-weight: normal; text-decoration: underline;}

/* -- footer links styles */
.footer_links           {padding: 17px 25px 0 0; text-align: right;}
.footer_links,
.footer_links A         {font-family: arial, helvetica, san-serif; font-size: .95em; font-weight: bold; color: #222;}
.footer_links A:link,   
.footer_links A:visited,   
.footer_links A:active  {color: #222; text-decoration: none;}
.footer_links A:hover   {color: #099; text-decoration: underline;}

/* -- Join us and top links */
.join                   {border-left: solid 1px #b2b2b2; width: 124px; display: inline-block; padding: 34px 0 2px 0; text-align: center; float: left;}
.top_links              {border-left: solid 1px #b2b2b2; width: 199px; display: inline-block; padding: 52px 0 0 0; text-align: center; float: left;}
.top_links A            {display: inline-block; padding: 0 8px 2px 8px; font-family: arial, helvetica, san-serif; font-size: .95em; font-weight: bold; color: #222;}
.top_links A:link,   
.top_links A:visited,   
.top_links A:active     {color: #222; text-decoration: none;}
.top_links A:hover      {color: #099; text-decoration: underline;}

/* -- top right links */
.top_links2             {border-left: solid 0px #b2b2b2; font-size: 1em; text-align:left; color: #ccc;}
.top_links2             {position: relative; height: 100%; margin: 0; padding: 0; list-style-type: none; z-index: 100;}
.top_links2 A           {padding: 0 1px 2px 1px; font-family: arial, helvetica, san-serif; font-size: .95em; font-weight: bold; color: #222;}
.top_links2 A:link,   
.top_links2 A:visited,   
.top_links2 A:active    {color: #222; text-decoration: none;}
.top_links2 A:hover     {color: #099; text-decoration: none;}
.top_links2 li          {height: 25px; float:left; border-right: 0px solid #b2b2b2; list-style: none; padding: 0 1px 0 1px; margin: 0 0 0 0;}
.top_links2 ul          {padding: 0 0 0 0; margin: 0; list-style-type: none; /* for Firefox */}

.top_links2 ul li a {
    color: #333;
    display: block;
    padding: 0px 2px 14px 2px;
    text-decoration: none;
    border-bottom: 3px solid #ccc;
    }

.top_links2 ul li a:hover { /* hover state */
    color: #333;
    display: block;
    padding: 0px 2px 14px 2px; 
    text-decoration: none;
    border-bottom: 3px solid #099;
    }


/* -- right hand column styles */ 
.white_green_title  {
    padding: 5px 5px 5px 5px; 
    color: #fff; 
    line-height: 1.4em; 
    font-size: 1.6em; 
    font-family: arial, helvetica, sans-serif; 
    font-weight: bold; 
    background: #778C09;
    }
	 
.white_teal_title  {
	padding: 3px 3px 3px 25px;
	color: #fff;
	background: #009999 url(images/teal_arrow.gif) no-repeat; 
	line-height: 1.2em;
	font-size: 1.4em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}
		    
.title_underline {
    font-size: 1.4em; 
    font-family: arial, helvetica, sans-serif; 
    font-weight: bold;
    display: block; 
    padding: 0 0 5px 0; 
    border-bottom: 1px solid #ccc; 
    color: #333; 
    }

.greenbox {
	border:1px solid #778C09;
	padding:5px;}

/* Banner image */

div#banner {
	position: relative;
	height: 276px;
	overflow: hidden; 
}

div#bannertext
{
left:50px;
position:relative;
top:-260px;
width:182px;
z-index:1000;
height:1.4em;
line-height:1.4em;
}

div#bannertextright
{
left:50px;
position:relative;
top:-260px;
width:182px;
z-index:1000;
height:1.4em;
line-height:1.4em;
}

div#bannertext H1 

{font-family:  arial, helvetica, sans-serif; 
line-height: 1.0em;
font-size: 1.6em; 
font-weight: bold; 
color: #778C09;}

div#bannertext p 

{font-family: georgia, times new roman, serif; 
font-size: 1.4em; 
line-height: 1.2em;
color: #333;}

/* SEO Menu Styles */

/* -- Styles for top menu */
.SEOMenuH1              {font-size: 1.1em; font-weight: bold;}
.SEOMenuH1 li           {height: 25px; float:left; border-right: 1px solid #b2b2b2; list-style: none; padding: 0 2px 0 2px; margin: 0 1px 0 0px;}
.SEOMenuH1              {text-align: left; font-family: arial, helvetica, sans-serif; font-weight: bold; position: relative; height: 100%; margin: 0; padding: 0; list-style-type: none; z-index: 9999;}
.SEOMenuH1 ul           {padding: 0 0 0 0; margin: 0; list-style-type: none; /* for Firefox */}
.SEOMenuH1 ul li a:visited  {color: #000;}


/* ---- highlight current link */
.SEOMenuH1 .CurrentItem a,
.SEOMenuH1 .CurrentItem a:visited   {font-weight: bold; background: #fff; color: #333; border-bottom: 7px solid #099;}
.SEOMenuH1 .CurrentItem a:hover     {background: #fff;}

.SEOMenuH1 .ParentItem a, 
.SEOMenuH1 .Parentlist a:visited    {background: #fff} 
.SEOMenuH1 .Parentlist a:hover      {background: #909; color: #000}
#ParentLink                         {color: #333; border-bottom: 7px solid #099;}
.separator                          {color: #b2b2b2;}

/* ---- menu items */ 
.SEOMenuH1  ul li a  {
    color: #333;
    display: block;
    padding: 5px 8px 8px 8px;
    text-decoration: none;
    border-bottom: 7px solid #ccc;
    }

.SEOMenuH1  ul li a:hover { /* hover state */
    color: #333;
    display: block;
    padding: 5px 8px 8px 8px; 
    text-decoration: none;
    border-bottom: 7px solid #099;
    }
    

/* -- Styles for left-hand menu */
.SEOMenuV1          {font-size: 1em; font-weight: bold;}
.SEOMenuV1 li       {border: 0px solid #ccc; list-style: none;}
.SEOMenuV1          {text-align: left; font-family: verdana, helvetica, sans-serif; position: relative; height: 100%; margin: 0; padding: 0; list-style-type: none; z-index: 9999;}
.SEOMenuV1 ul       {border-bottom: 1px solid #b2b2b2; padding: 5px 0 5px 0; margin: 0; list-style-type: none; /* for Firefox */}
.SEOMenuV1 ul li a:visited  {color: #000;}

/* ---- highlight current link */
.SEOMenuV1 .CurrentItem a,
.SEOMenuV1 .CurrentItem a:visited   {font-weight: bold; background: #fff; color: #099;}
.SEOMenuV1 .CurrentItem a:hover     {background: #fff;}

.SEOMenuV1 .ParentItem a, 
.SEOMenuV1 .Parentlist a:visited    {background: #fff} 
.SEOMenuV1 .Parentlist a:hover      {background: #909; color: #000}

/* ---- add arrow images to lefthand menu */ 
.SEOMenuV1  ul li a  {
    color: #000;
    display: block;
    padding: 0 0 10px 0;
    text-decoration: none;
    }

.SEOMenuV1  ul li a:hover { /* hover state */
    color: #099;
    display: block;
    padding: 0 0 10px 0; 
    text-decoration: none;
    }
 

/* --- Solpart Admin Menu styles --- */
.MainMenu_MenuContainer
{
    background-color: #EDFDFE;
    height: 25px;
    border: 1px solid #346699;
    border-top: 0px;
    margin-bottom: 3px;
    }

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height: 16;
	background-color: Transparent;
    }

.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: #346699; 
	font-family: Arial, Arial, Helvetica; 
	font-size: .9em; 
	font-weight: normal; 
	font-style: normal; 
	border-left: #49534a 0px solid; 
	border-bottom: #49534a 1px solid; 
	border-top: #49534a 0px solid; 
	border-right: #49534a 0px solid;
	background-color: Transparent;
	padding-left: 3px;
	padding-right: 3px;
    }

.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: #346699; 
	font-family: Arial, Arial, Helvetica; 
	font-size: .9em; 
	font-weight: normal; 
	font-style: normal;
	background-color: #91c2ed;
	text-decoration: none;
	border-bottom: #49534a 1px solid;
	padding-left: 3px;
	padding-right: 3px;
    }

/* --- menuitems idle ---*/ 
.MainMenu_Idle TD {
    color: #346699; 
    font-weight: normal; 
    height: 20px; 
    }

/* --- menuitems over  ---*/ 
.MainMenu_Selected TD {
    color: #346699; 
    background: #91c2ed ; 
    font-weight: normal; 
    height: 20px;
    }

/* --- menuitems active ---*/ 
.xMainMenu_Active TD, .xMainMenu_BreadcrumbActive TD {
    color: #346699; 
    background: #333; 
    font-weight: normal; 
    }


.MainMenu_MenuIcon {
	display: none;
	cursor: pointer; 
	cursor: hand; 
	background-color: #00f; 
	border-left: red 0px solid; 
	border-right: red 0px solid;
	border-bottom: #49534a 1px solid; 
	border-top: red 0px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

/* --- Submenu overall styles --- */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #d5e6f9; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=135, Strength=0); 
	border-bottom: #49534a 0px solid; 
	border-left: #49534a 1px solid; 
	border-top: #49534a 1px solid; 
	border-right: #49534a 1px solid;
	font-family: Arial, Helvetica; 
	font-weight: normal; 
	font-style: normal;
	color: red;
    }

/* --- Sub-menuitems idle --- */ 
.MainMenu_SubMenu TD { color: #346699; font-size: .85em; font-weight: normal; height: 20px; }


.MainMenu_MenuBreak {
	border-bottom: yellow 1px solid; 
	border-left: yellow 1px solid; 
	border-top: yellow 1px solid;  
	border-right: yellow 1px solid; 
	background-color: yellow; 
	height: 1px;
    }

.MainMenu_MenuArrow {
	display: none;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: blue 0px solid; 
	border-bottom: blue 0px solid; 
	border-top: blue 0px solid;
    }

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
	display: none;
    }