/* 
All sizes are in em's in order to allow the whole design to enlarge or reduce depending on the text size chosen for the browser. 

The backgrounds do not resize fantastically but that can't be helped. The body has the sky background. The fake_bg div extends the columns as the right side and main content extend down, and the main body div provides the clouds under the section title in the content area. 

The eagle wings are not visible in IE 6 but they are in IE 7 and in every other browser. This has been condidered an acceptable conmpromise.

There is a slight footer display issue in IE 6 where the grass does not line up properly when the browser is shrunk to a width smaller than 1024px. This has been considered acceptable since it displays correctly in all other browsers including IE7.
 */


body{
	margin:0;
	padding:0;
   width:100%;
   height:100%;
   background:#C1DCED url(/images/template_media/sky_bg.jpg) no-repeat top center;
   /*text-align:center;*/
margin: auto;
   font-size:76%;
   font-family:Arial, Helvetica, sans-serif;
   /*min-width:84.5em; CP 13.02 */
}

/* =GENERAL */
ul, ol {
   margin:0;
   padding:0;
}
.hidden{
	margin:0;
	padding:0;
	position:absolute;
	top:-3500px;
}
h1, h2, h3, h4{
   color:#4A0209;
   margin:0;
   padding:0;
}
h1{
   font-size:1.8em;
}
h2{
   font-size:1.6em;
}
h3{
   font-size:1.2em;
}
h4{
   font-size:1em;
}
a{
   text-decoration:none;
   font-weight:bold;
   color:#3DA0FA;
}
a:visited{
   font-weight:normal;
}
a:hover, a:visited:hover{
   color:#607423;
}

/**/img {
border: 0;
}


.left{
   float:left;
}
.right{
float:right;
} 

.small {
  font-size: 0.9em;
}

p.left img, span.left img, img.left {
  margin: 0px 10px 6px 0px;
}

p.right img, span.right img, img.right {
  margin: 0px 3px 6px 10px;
}

.table_header {
   background-color: #DEEAF5;
}


/*web colour swatch for applying colour to text in editor */

.red {
   color: #b10011;
}
.green {
   color: #5E7422;
}

.yellow {
   color: #CFA211;
}
.journal_mauve {
   color: #7973c2;
}
.journal_green {
   color: #289728;
}

.journal_yellow {
   color: #cf7600;
}


.calloutbox{
	border:1px dashed black;
	margin: 1.5em 0 1.2em 0;
	width:90%;
	padding:1em;
	position: relative;
}
.calloutbox h4{
	margin:0;
	padding:0;
	color:#607423;
	background:#fff;
	text-transform: uppercase;
	font-size:0.9em;
	position: absolute;
	top:-10px;
	left:5px;
} 


#header li, #breadcrumbs li{
   display:inline;
}

#wrapper{
/*   width:1024px;
   width:84.5em;*/
width: 82.1em; /*CP 13.02*/
   margin:0 auto; /* Positions it centre in the screen */
   text-align:left;
   position:relative; /* Allows positioning of the ride_side col */
/*   background:transparent url(/images/template_media/wrapper_bg.gif) repeat-y right 10px;*/
}

#fake_bg{/* This is simply used to fake the background of the right column and the main body as they extend downwards */
   clear:both;
   background:transparent url(/images/template_media/fake_bg.gif) repeat-y right;  
   overflow:visible;/* ensures the eagle wings are visible on the mac*/
   display:table;/* ensures the floats are contained in FF and on the mac*/
   width:100%;/* ensures the floats are contained in IE */
}

a.logolink{
   display:block;
   background:transparent;   position:absolute;
   top:2em;
   left:0;
   width:750px;
   height:160px;
}

#main_body{
   background:transparent url(/images/template_media/main_bg.jpg) no-repeat left 15em;
   width:66em;
   float:left;
}
/* =UTILITY MENU */
#utility{
   margin:0 0 0 0.7em;
   padding:0.7em 0 0 0;
/*   margin:1em 0.5em;*/
   float:left;
}
#utility li a, #utility li a:visited{
   color:white;
   font-weight:bold;
}
#utility li{
   display:inline;
   margin-right:0.8em;
}
#utility a img{
   vertical-align:text-top;
}
/* =SEARCH */
#search{
      padding:0.5em;
      float:left;
      background:#DEEAF5;
      border:1px solid #212814;
      border-width:0 1px;
      border-top:0;
}

#search p {/* styles nullified in case a conatining p tag is added by the editor */
  margin: 0;
  padding: 0;
  line-height: 0;
}


input.go_button{
   border:0;
   padding:4px 3px;
   background:url(/images/template_media/search_button.png) no-repeat center;
   font-weight:bold;
   color:#4E0309;
   font-size:0.9em;
}
/* =main NAVIGATION */
#header{
   clear:both;
   background: url(/images/template_media/header/current.png) no-repeat top left;
   overflow: auto;
   padding:136px 0 0 0;
   height:8em;
}

#mainnav {

}

#mainnav ul{
   position:relative;
   float:right;
/*padding:148px 0 0 0;   */
   margin:0 0 10px 0;
/*overflow:auto;   */
   text-align:right;
}
#mainnav ul li{
   display:inline;
   float:left;
   margin:0 0 0 0.3em;
   padding-right:0.4em;
   background:url(/images/template_media/rt_tab.gif) no-repeat right 10px;
}

#mainnav ul a, #mainnav ul a:visited{
   font-size:1.1em;
   color:white; 
   font-weight:normal; 
   display:block;
   padding:1.3em 0 0.5em 0.5em;
   background:url(/images/template_media/lt_tab.gif) no-repeat left 10px;
}

#mainnav ul a:hover, #mainnav ul a:visited:hover{
   color:black;
}

/* for all browsers except IE to make the tabs change on hover*/
#mainnav ul li:hover{
   background:url(/images/template_media/rt__on_tab.gif) no-repeat right 5px;
}
#mainnav ul li:hover a, #mainnav ul li:visited:hover a{
   color:white;
   background:url(/images/template_media/lt_on_tab.gif) no-repeat left 5px;
   padding:0.6em 0 1.2em 0.5em; 
}
#mainnav ul a:hover, #mainnav ul a:visited:hover{
   color:white;
}

#mainnav ul li.on{
   background:url(/images/template_media/rt__on_tab.gif) no-repeat right 5px;
}
#mainnav ul li.on a, #mainnav ul li.on a:visited{
   background:url(/images/template_media/lt_on_tab.gif) no-repeat left 5px;
   padding:0.6em 0 1.2em 0.5em; 
}





#mainnav ul li.on a:hover, #mainnav ul li.on a:visited:hover{
   color:white;
}

#info ul{
   margin:0;
   float:right;
   text-align:right;   
   padding:0.2em 0 0.4em 0;
   width:31em;
   border:0;
/*   background:#607423 url(/images/template_media/info_menu_lt.gif) no-repeat top left;*/
}
#info ul li{
      display:inline;
}
#info ul li{
   display:inline;
   float:left;
   margin:0 0 0 1.5em;
   padding-right:0.5em;
   background:url(/images/template_media/info_menu_rt.jpg) no-repeat top right;
}
#info ul a, #info ul a:visited{
   font-size:1.1em;
   color:#A30413; 
   font-weight:normal; 
   display:block;
   padding:0.3em 0.2em 0.5em 0.6em;
   background:url(/images/template_media/info_menu_lt.jpg) no-repeat top left;
}
#info ul li.on{
   background:url(/images/template_media/info_menu_rt_on.jpg) no-repeat top right;
}
#info ul li.on a, #info ul li.on a:visited{
   background:url(/images/template_media/info_menu_lt_on.jpg) no-repeat top left;
   color:black;  
}
/* for all browsers except IE to make the tabs change on hover*/
#infoul li:hover{
   background:url(/images/template_media/info_menu_rt_on.jpg) no-repeat top right;
}
#infoul li:hover a, #info ulli:hover a:visited{
  background:url(/images/template_media/info_menu_lt_on.jpg) no-repeat top left;
   color:black;     
}

#section_title{
   display:inline;/* Counteracts IE double margin float bug */
      margin: -1.6em 0 0 10px;
      padding:0;
      color:#607423;
      float:left;
      width:16em;

}
/* =BREADCRUMBS */
#breadcrumbs{
   clear: right;
   width:65em;
   height: 5em;
   position: relative;
   left: 16.5em;
   font-size:0.8em;
}

#breadcrumbs h4{
   display:inline;
   float:left;
   font-size:1em;
   padding:1.1em 1.5em 1.1em 0.5em;
   margin:0;
   color:#A30413;
   background:url(/images/template_media/you_are_here_arrow.gif) no-repeat center left;
}
#breadcrumbs ul{
  display:inline;
  position: relative;
  top: 8px;

}

#main_content{
   float:right;
   width:52em;
}
#content{
   line-height:1.7em;
   float:left;
   width:37em;
}

#content ul, #content ol {
   margin: 2em 4em 2em 4em;
}
#content li  {
  margin-bottom: 0.2em;
}


#further_information{
   float:right;
   width:12.5em;
   border:1px solid #ADB88D;
   border-width:1px 0;
   padding:1em 0.5em;
   margin:3em 0.5em 2em;
}
#further_information h3{
   color:black;
   margin:0 0 1em 0;
}
#further_information ul{

}
#further_information li{
     color:#3DA0FA;
     padding:0;
     margin:0;
     list-style-position:inside;     
     text-indent:-11px;
     padding-left:9px;/*sorts out the floating list / disappearing bullet bug  */
     margin:0 0 0.5em 0;

}
#further_information li a, #further_information li a:visited{
   font-weight:normal;
}
/* =SESSION LISTINGS */
h4.list_title{
   cursor:pointer;
   color:#4A0209;
   margin:0 0 6px;
   padding:2px 4px;
   background:#DEECF4 url(/images/template_media/arrow_up_down.png) no-repeat center right;
   position:relative;
   
}
h4.list_title span.session_count{
   font-weight:normal;
}

h4.list_title span.showhide{
   position:absolute;
   right:5px;
   color:#3DA0FA;
   margin-right:15px;
}
h4.list_title:hover{
  /* color:#fff;
   background:#3C4B14;*/
}

/* =SUBMENU */
#submenu{
   width:13.2em;
   padding:0 0 1.1em 0;
   float:left;
   background:url(/images/template_media/submenu_border.jpg) no-repeat right bottom;/* Blue haze around whole menu */
}

/* Top Level Item */
#submenu li{
   list-style-type:none;
   overflow:auto;
   margin:0;
   padding:0;
   display:inline;
}
#submenu ul li a {
   color:#4A0209;
   font-weight:bold;
   margin:0;
   padding:1.1em 0.7em 1.1em 1em;
   float:left;
   width:10.5em;
   background-image: url(/images/template_media/submenu_bg.jpg) no-repeat bottom left;
   border:1px solid #CFCFCF;
   border-width:1px 1px 0 0;
}

#submenu ul li a.on, #submenu ul li a:hover {
  background:white url(/images/template_media/submenu_bg_on.jpg) no-repeat bottom left;
   color:#A30413;
}

/* Level 2 Item */

#submenu ul ul li a {
      font-weight:bold;
      font-size:0.9em;
      color:black;
      padding:0.5em 1.9em 0.5em 1em;
      background-color: white;
      background-image: url(/);
      border:0;
}

#submenu ul ul li a:hover, #submenu ul ul li a.on {
   background: white;
   background: url(/images/template_media/submenu_bg_on.jpg) no-repeat bottom left;
   color:#A30413;
}



/* Level 3 Item */

#submenu ul ul ul li a, #submenu ul ul ul li a:hover, #submenu ul ul ul li a.on, #submenu ul ul ul li a.on:hover{
      font-weight:normal;
      background: white url(/);
      border-top:0px solid #E2B9BD;
      color:#000;
      margin-left:1em;
      padding: 0.3em 0.9em  0.2em   0.9em ;
}


#submenu ul ul ul li a:hover, #submenu ul ul ul li a.on, #submenu ul ul ul li a.on:hover {
  background: #FCF4DB;
   background: url(/images/template_media/submenu_bg_on.jpg) no-repeat bottom left;
   color:#A30413;
}

/* =SIDE COLUMN */
#side_col{
   float:left;
   /*width:17.1em;*/
width: 15.0em; /*CP 13.02*/
   padding:0 0.5em;
   margin-top:-3em;
   background:url(/images/template_media/side_col_bg.gif) no-repeat top left;
}
#profile{
/*   right:16em;*/
    position:absolute;
    left:54em;
}
#profile p{
   margin:0;
   padding:0;
}


#profile #profile_text {
  position:absolute;
   top:45px;
   left:105px;
   width:134px;
   background:url(/images/template_media/profile_paper.png) repeat-y;}

#profile #profile_text span {
   font-size:0.9em;
   margin:0 8px 5px 8px;
   padding:0;
   display:block;
}

#profile #profile_text strong{
   display:block;
   padding:3px 0;
}

#rotating_statements{
   /*margin:150px 10px 10px 50px;*/
  margin:0px 0px 0px 50px;/*SL 27.02*/
/* changing to a fixed height LL 24.06.10*/
   padding:185px 0 10px 0;
   height:20px;

}
#rotating_statements h3{
      color:#B10011;
      font-size:1.3em;
}
#bes_membership{
   margin-top:4em;
   padding-bottom:1em;
   overflow:auto;/* used to contain the float in FF */
   width:100%;/* used to contain float in IE */
}
#bes_membership h3{
   clear:both;
   color:black;
}
#bes_membership h3.logo{
     background:url(/images/template_media/membership_logo.gif) no-repeat center left;
   padding-left:38px;
     font-size:1.3em;
}
#bes_membership p{
   margin:1.1em 1.6em;
   line-height:1.3em;
}
#bes_membership p.donate_button{
   margin-bottom:0;  
   float:right;
   margin-top:0;
}

#bes_membership .donate_hr {
   clear:both;
   height:2px;
   color:#fff;
   background:#fff;
   border:0;
   margin:0 0.5em 1em;
}

a.apply_now, a.apply_now:visited{
   background:url(/images/template_media/apply_now.png) no-repeat center;
   color:#3A0207;
   padding:0.7em 1.2em;
   float:right;
   font-weight:bold;
   font-size:1.1em;
}
a.renew, a.renew:visited{
  padding:0.7em 2.1em; 
}
#bes_membership a.sign_in, #bes_membership a.sign_in:visited{
   float:right;
position: relative;
top: -10px;
   font-weight:bold;
   padding: 0 25px 0.1em 0;
   background:url(/images/template_media/sign_in_arrow.png) no-repeat center right;
}
#news{
   clear:both;
   margin:0 0.5em 1em 0.5em;
   padding:1em 1em 1em 0.5em;
   border-top:2px solid white;
}
#news h3{
   font-family:"Times New Roman", Times, serif;
   padding-left:0.5em;
   font-size:1.6em;
   font-weight:normal;

}
#news ul, #bes_membership ul{
   margin:0;
   padding:0;
   list-style-type:none;
}
#news li, #bes_membership li{
   background:url(/images/template_media/news_bullet.gif) no-repeat top left;
   padding-left:20px;
   margin:1em 0;
}
#news li a, #bes_membership li a{
   font-weight:bold;
}

#bes_membership ul.member_links {
  margin:0 0.5em 1em;
  padding:1em 1em 1em 0.5em;
}

div#footer_grass{/* used only to show the grass top of the footer */
   background:url(/images/template_media/grass.jpg) no-repeat top center;
	/*background-position: 0px -10px;*/
/*   margin-left:-488px;*/
   height:41px;
   /*width:100%; CP 13.02*/
}

*div#footer_grass {background: url(/images/template_media/grass_IE.jpg) no-repeat top center;} /*Different image required for IE*/

#footer_section{
   position:relative;
   background:#3B4716 url(/images/template_media/footer_bg.jpg) repeat-x bottom;
   text-align:center;
   min-width:0px;
}
#footer{
   background:url(/images/template_media/footer_fish.jpg) no-repeat bottom left;
   text-align:left;
   margin:0 auto;
   /*padding:1em 2em 5em 1em;
   width:84.5em; CP 13.02*/
width: 82.1em;/*CP 13.02*/
   overflow:auto;
   position:relative; /*used to position the sigmer link */
   height:246px;
   padding-bottom:4em;
}
#footer li a{
   font-weight:normal;
}
#legal, #legal a, #legal a:visited{
   color:white;
}
#legal{
   margin-bottom:2em;
   margin-left: 1em; /*CP 13.02*/
}
#legal ul, #legal p{
   margin:0;
   padding:0;
}
#legal p{
   float:left;
   margin-right:0.5em;
}
#legal li{
   display:inline;
   background:url(/images/template_media/legal_bullet.jpg) no-repeat left center;
   padding:0 5px 0 10px;
}

#sitemap_links {
   margin-left: 1em;
}

#sitemap_links ul, #posts ul{
/*width:12em; CP 13.02*/
   width:11em;
   float:left;
   list-style-type:none;
   margin-right:1em;
}
#sitemap_links li{
   margin:0 0 0.2em 0;
}
#posts li{
      margin:0 0 0.4em 0;
}

#sitemap_links{
   width:55em; 
   float:left;
}
#sitemap_links div{
   float:left;
   margin-bottom:1em;
}
#sitemap_links li a, #sitemap_links li a:visited, #posts li a, #posts li a:visited{
   color:#FFE191;
}
#posts li a, #posts li a:visited{
   color:white;
}
#sitemap_links li a:hover, #sitemap_links li a:visited:hover{
   color:white;
}
#posts li a:hover, #posts li a:visited:hover{
   color:#FFE191;   
}
#sigmer_link{
   position:absolute;
   bottom:1em;
   right:7em;
}
#sigmer_link a, #sigmer_link a:visited{
   color:#919489;  
   font-weight:normal;
}

/* =HOMEPAGE */

#main_content.homepage { /* Needed for FF */
 float:none;
}

#main_content.homepage #content {
 width:64em;
 margin-left:10px;
}

#hpboxes {
	width:62.5em;
}

#hpboxes.journals {
	width:41em;
}

/* Box backgrounds and dimensions */

#hpboxes div {
	background: url(/images/template_media/drop_shadow_white.jpg) no-repeat scroll right bottom;
   padding-bottom: 20px; /* accommodates background image - base of box */
width:248px;
/*overflow: auto;*/
}



#hpboxes div.greenbox {	background: url(/images/template_media/drop_shadow_green.jpg);}
#hpboxes div.greenboxcurved {	background: url(/images/template_media/drop_shadow_green_curve.jpg);}
#hpboxes div.bluebox {	background: url(/images/template_media/drop_shadow_blue.jpg);}
#hpboxes div.yellowbox {	background: url(/images/template_media/drop_shadow_yellow.jpg);}

#hpboxes div.greenbox, #hpboxes div.greenboxcurved, #hpboxes div.bluebox, #hpboxes div.yellowbox {
	min-height:215px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: right bottom;
}

* html .greenbox, * html .greenboxcurved, * html .bluebox, * html .yellowbox {  /*IE fix */
 height:215px;
} 

/* Box headings/tabs with or without links */

#hpboxes div h2 { 
   background-repeat: no-repeat;
   color: #fff;	
background-color: #fff;
	font-size:1.4em;
	height:21px;
	text-align:center;
}

#hpboxes div.whitebox_green h2{	 background-image: url(/images/template_media/home-tab-green.jpg);}
#hpboxes div.whitebox_blue h2{	 background-image: url(/images/template_media/home-tab-blue.jpg);}
#hpboxes div.whitebox_yellow h2{	 background-image: url(/images/template_media/home-tab-yellow.jpg);}
#hpboxes div.whitebox_brown h2{	 background-image: url(/images/template_media/home-tab-brown.jpg);}
#hpboxes div.whitebox_darkgreen h2{	 background-image: url(/images/template_media/home-tab-darkgreen.jpg);}
#hpboxes div.journalsbox_blue h2{	 background-image: url(/images/template_media/journals-tab-blue.jpg);}
#hpboxes div.journalsbox_mauve h2{	 background-image: url(/images/template_media/journals-tab-purple.jpg);}
#hpboxes div.journalsbox_green h2{	 background-image: url(/images/template_media/journals-tab-green.jpg);}
#hpboxes div.journalsbox_yellow h2{	 background-image: url(/images/template_media/journals-tab-yellow.jpg);}
#hpboxes div.journalsbox_red h2{	 background-image: url(/images/template_media/journals-tab-red.jpg);}

#hpboxes div h2 a, #hpboxes div h2 a:visited {
	 color: #fff;
                 font-weight: bold;	
	 text-decoration: none;
}

#hpboxes div.journalsbox_red h2 a {
  font-size: 0.85em;
  position: relative;
  left: -5px;
}

#hpboxes a:hover {
	 text-decoration: underline;
}

/* Box content syling */
#hpboxes div h3, #hpboxes div h4, #hpboxes div p, #hpboxes div ul, #hpboxes div ol, #hpboxes div span {
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.0em;
	line-height: 1.2em;
}

#hpboxes div h3 {
	font-size:1.5em;
	margin: 0.2em 0em 0.2em 0em;
}

#hpboxes div h4 {
   font-size:1.2em;
	margin: 0.5em 0em 0.2em 0em;
}

#hpboxes div.whitebox_green  h2 a, #hpboxes div.whitebox_blue  h2 a, #hpboxes div.whitebox_yellow  h2 a,
#hpboxes div.whitebox_brown  h2 a, #hpboxes div.whitebox_darkgreen  h2 a, #hpboxes div.whitebox_green  h2 a
 {color: #fff;}

#hpboxes div.whitebox_green  h2 a:hover, #hpboxes div.whitebox_blue  h2 a:hover, #hpboxes div.whitebox_yellow  h2 a:hover,
#hpboxes div.whitebox_brown  h2 a:hover, #hpboxes div.whitebox_darkgreen  h2 a:hover, #hpboxes div.whitebox_green  h2 a:hover
 {text-decoration: underline}

 /* White boxes with curved tabs heading styles when linked or not linked */
#hpboxes div.whitebox_green a, #hpboxes div.whitebox_green h3,  #hpboxes div.whitebox_green h4
 {	color: #5E7422; font-weight: bold;}
#hpboxes div.whitebox_blue a, #hpboxes div.whitebox_blue h3, #hpboxes div.whitebox_blue h4
 {	color: #288ABB; font-weight: bold;}
#hpboxes div.whitebox_yellow a, #hpboxes div.whitebox_yellow h3, #hpboxes div.whitebox_yellow h4
 {	color: #CFA211; font-weight: bold;}
#hpboxes div.whitebox_brown a, #hpboxes div.whitebox_brown h3, #hpboxes div.whitebox_brown h4
 {	color: #5d4402; font-weight: bold;}
#hpboxes div.whitebox_darkgreen a, #hpboxes div.whitebox_darkgreen h3, #hpboxes div.whitebox_darkgreen h4
 {	color: #406806; font-weight: bold;}



 /* Journals Boxes heading styles when linked or not linked */

#hpboxes div.journalsbox_green h2 a, #hpboxes div.journalsbox_blue h2 a, #hpboxes div.journalsbox_mauve h2 a,
#hpboxes div.journalsbox_yellow h2 a, #hpboxes div.journalsbox_red h2 a
 {color: #fff;}

#hpboxes div.journalsbox_green h2 a:hover, #hpboxes div.journalsbox_blue h2 a:hover, #hpboxes div.journalsbox_mauve h2 a:hover,
#hpboxes div.journalsbox_yellow h2 a:hover, #hpboxes div.journalsbox_red h2 a:hover
 {text-decoration: underline}


#hpboxes div.journalsbox_green a, #hpboxes div.journalsbox_green h3, #hpboxes div.journalsbox_green h4
 {	color: #289728; font-weight: bold;}
#hpboxes div.journalsbox_blue a, #hpboxes div.journalsbox_blue h3, #hpboxes div.journalsbox_blue h4
 {	color: #0092dd; font-weight: bold;}
#hpboxes div.journalsbox_mauve a,  #hpboxes div.journalsbox_mauve h3, #hpboxes div.journalsbox_mauve h4
 {	color: #7973c2; font-weight: bold;}
#hpboxes div.journalsbox_yellow a, #hpboxes div.journalsbox_yellow h3, #hpboxes div.journalsbox_yellow h4
 {	color: #cf7600; font-weight: bold; }
 #hpboxes div.journalsbox_red a, #hpboxes div.journalsbox_red h3, #hpboxes div.journalsbox_red h4
 {	color: #fe0000; font-weight: bold; }
 


  /* Coloured Boxes heading styles when linked or not linked 
 #hpboxes div.greenbox h2, #hpboxes div.greenbox h2 a, #hpboxes div.greenbox h3, #hpboxes div.greenbox h3 a, #hpboxes div.greenbox h4, #hpboxes div.greenbox h4 a
 {	color: #5E7422; background-color: transparent; font-weight: bold;}
  #hpboxes div.greenboxcurved h2, #hpboxes div.greenboxcurved h2 a, #hpboxes div.greenboxcurved h3, #hpboxes div.greenboxcurved h3 a, #hpboxes div.greenboxcurved h4, #hpboxes div.greenboxcurved h4 a
 {	color: #5E7422; background-color: transparent; font-weight: bold;}
 #hpboxes div.bluebox h2, #hpboxes div.bluebox h2 a, #hpboxes div.bluebox h3, #hpboxes div.bluebox h3 a, #hpboxes div.bluebox h4, #hpboxes div.bluebox h4 a
 {	color: #288ABB; background-color: transparent; font-weight: bold;}
  #hpboxes div.yellowbox h2, #hpboxes div.yellowbox h2 a, #hpboxes div.yellowbox h3, #hpboxes div.yellowbox h3 a, #hpboxes div.yellowbox h4, #hpboxes div.yellowbox h4 a
 {	color: #CFA211; background-color: transparent; font-weight: bold;}
 
*/

#hpboxes div p {
	margin: 0em 0.5em 0.5em 0em;
}

#hpboxes div ul img {
	margin-bottom: 6px;
}

#hpboxes div ul, #hpboxes div ol {
	margin: 0.5em 0em 0.5em 2em;
}

#hpboxes div ul li, #hpboxes div ol li {
	line-height: 1.2em;
}

#hpboxes img.left {
  margin-right: 5px;
  margin-bottom: 5px;
}

#hpboxes img.right {
  margin-left: 5px;
  margin-bottom: 5px;
}


/* Events Listing */

ul.events_list {
  list-style-type:none;
}

ul.events_list li {
   font-size:1.0em;
   margin:10px 0;
}

ul.events_list li h4{
   margin:0;
}

span.delegate_details {
font-size:0.9em;
}

/* styles for EDITOR ONLY */
.on{
   
}

/* Side login */

#bes_membership div.side_login p {
  text-align:right;
  margin:5px 0;
width:155px;
}

div.side_login label {
  font-weight:bold;
}

div.side_login input.text {
  width:150px;
}

/* Forms */

#membershipForm div,
#membersearch div,
#loginForm div
 {
 clear:both;
margin: 10px 0;
}

#membershipForm label.floated, 
#memberSearchForm label.floated,
#loginForm div label
{
 float:left;
display:block;
width:125px;
}

#membershipForm label.homeadd
{
width:155px;
}

#membershipForm label.nofloat,
#memberSearchForm label.nofloat 
{
display:block;
}

#formbuilder, #search_form form, #membershipForm, #memwhiteberSearchForm, #loginForm{
	background:#FCF8CA;
	border:#FCF394 1px solid;
	border-width:2px 2px 10px 2px;
	padding:.5em 1em 1em 1em;
	height:1%;
	margin-right:.5em;
}

#formbuilder div{
	margin:0;
}

#membershipForm h3 {
	margin: 10px 0;
}

#formbuilder input, #formbuilder textarea, #formbuilder select,
#membershipForm input.text, #membershipForm textarea, #membershipForm select,
#memberSearchForm input.text, #memberSearchForm textarea, #memberSearchForm select,
#loginForm input.text, #loginForm textarea, #loginForm select
{
	font-size:1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#formbuilder #rowtop input, #formbuilder textarea,
#membershipForm input.text,
#memberSearchForm input.text,
#loginForm input.text
{
	width:60%;
}
#formbuilder #dropdown option{
	margin-right:1em;
}

#formbuilder fieldset{
	border:1px dashed black;
	margin: 1.5em 0 1.2em 0;
	width:90%;
	padding:1em;
	position: relative;
padding:15px 0 15px 1px;
}
#formbuilder label,
#membershipForm label,
#memberSearchForm label,
#loginForm label {
	font-weight:bold;
	line-height:2em;
}
#formbuilder #radiolist label, #formbuilder #checkboxlist label,  #formbuilder #submit label{
	line-height:1em;
}

#formbuilder legend{
	background: #FCF8CA;
	font-weight:bold;
}
#formbuilder #radiolist input, #formbuilder #checkboxlist input{
	position:relative;
	bottom:-.3em;
	margin:0 .5em 0 0;
}

#formbuilder #checkboxlist input{
                margin:5px 5px 5px 0;
}


#formbuilder #mandatory{
	font-size:.9em;
   text-align:right;
	margin:.2em 0 1em 0;
	padding:0 .5em .5em .5em;
	border-bottom:#6E6E6E 1px solid;
}
#container #textinsert{
	color:#D82131;
}

#formbuilder div#textinsert{
color:#000;	
margin:.8em 0;
}
#formbuilder input{
	font-size:1em;
}
#submit input, .submit input{
	background: url(/pix/button_bg.gif) repeat-x top left;
	color:#fff;
	font-weight: bold;
	border:none;
	padding:.2em 0;
margin:1em 0 0 0;	
}
#formbuilder .error, #search_form .error{color:#D82131;}
li.error{
	list-style:none;
	padding:0;
	margin:0;

}
li.error p{
	background: url(/pix/exclamation.gif) no-repeat center left;	
	padding:10px 0 10px 15px;
}

#formbuilder div.error input{background:#FADEE0;}

#success{
font-weight:bold;
}

/* Member directory */

#memberdetails {
 margin:10px 0;
}

#memberLoading {
 text-align:center;
}

#membersearch div.member,
#membersearch p.pageNav {
 border-bottom : 1px solid #607423;
 margin: 5px 0;
 clear:both;
}

#membersearch p.pageNav {
 height:25px;
}

p.pageNav span#navBlockPrev,
p.pageNav span#navBlockNext ,
p.pageNav span#navPage {
  display:block;
  float:left;
  width:20%;
}

p.pageNav span#navBlockNext, 
p.pageNav span#navBlockPrev
{
color:#bbb;
}
p.pageNav span#navPage {
  text-align:center;
  width:60%;
}

p.pageNav span#navBlockNext {
  text-align:right;
}

div.member h4 {
float:left;
}

p.profile_link {
  text-align:right;
margin:0;
}

p.profile_desc {
clear:both;
}
#useravatar { margin-bottom: 1em; }

#useravatar img { display: block; border-width: 3px; border-style: double; }

.form_green_header{ 
    color:#ffffff;
    background-color:#607423;
}
.page-table{
    background-color:#f0f0f0;
}
.page-table-dark{
    background-color:#d8d8d8;
}
.make_donation{
    float:left;
    width:15em;
     text-align:center;
}
.make_donation p{
    }