/* Cascading Style Sheet, for devonhumanists.org.uk - created: Mar 2007 
   includes layers menu styles and 3 column float styles with a lot of redundant stuff
   includes some legacy styles from earlier javascript nav bar
 
   http://www.devonhumanists.org.uk/ 

    Blue h1 text     #284683
    Light green      #d4efe1  (header box bgnd)

navbar colors 
	normal background: #99CCFF
        lighter background: #DDEEFF
	darker for hover: #7AA3CC
  Requires javascript function "sfhover" which simulates "hover" with delay
  for both IE and Firefox
 .~.~.~.~.~.~.~.~.~.~.~.~.~.~.*/

body { 
   margin: 0;
   padding: 0;
   font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; 
}

.header {
  padding: 5px;
  text-align : left;
  height : 105px;
  line-height : normal;
  background: #d4efe1 url("../images/crowd_exp01.png") no-repeat;  
  margin: 0px 0px 2px 0px;
}

.events {
     background-color : #d4efe1; 
}

.events_title, .news_title {
     padding: 0px 0px 0px 5px;
     font-weight: bold;
     color:#284683;
     font-size: 10px;
}

.events_text, .news_text {
     padding: 0px 0px 0px 5px;
     font-size: 10px;
}

.events_text_c, .news_text_c {
     padding: 0px 0px 0px 5px;
     font-size: 10px;
     text-align: center;
}

.blue_lgr {
     padding: 6px 0px 6px 5px;
     font-weight: bold;
     color:#284683;
     font-size: 14px;
}

.blue_lgr_16 {
     padding: 6px 0px 6px 5px;
     font-weight: bold;
     color:#284683;
     font-size: 16px;
}

.text_sm {
   font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; 
   font-size: 11px;
}

TABLE.text_mid {
   font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; 
   font-size: 12px;
}

img.middle_floatright { 
float: right;
width: auto;
vertical-align: middle; 
margin: 5px;
}

img.middle_floatleft { 
float: left;
width: auto;
vertical-align: middle; 
padding: 5px;
}

img.middle_floatleft_gbgnd { 
float: left;
width: auto;
vertical-align: middle; 
padding: 5px;
background-color : #d4efe1;
margin-right : 15px; 
}

.float_right_gbgnd { 
float: right;
width: 400px;
font-size: 12px;
padding: 5px;
background-color : #d4efe1; 
margin: 3px;
}

.float_right_gbgnd_300 { 
float: right;
width: 300px;
font-size: 12px;
padding: 5px;
background-color : #d4efe1; 
margin: 3px;
}

.right_just {
  text-align : right;
}

.clear_para {
  clear : both;
}

#navbar {position: fixed; top: 2px; left: 2px; float: left; }
#navbar ul {width:8em; padding:0; margin: 0; list-style:none; background:#99CCFF; border-bottom: #7AA3CC 2px groove;}
#navbar li {position:relative; width:8em; border-top: #7AA3CC 2px groove;}
#navbar li a, #navbar li span {display:block; line-height: 1.0; text-decoration:none; width: 8em; padding: 2px 0.6em 2px 2px;}
#navbar li li li a {padding: 2px;}
#navbar li.sub-menu {background: url(/images/rightarrow.gif) no-repeat right;}
#navbar li.title {font-weight: bold;}
#navbar li.sfhover {background:#7AA3CC;}
/* move left to hide for opera */
#navbar li ul {position:absolute;  top:0; left:-999em; z-index:1; background:#DDEEFF;}
#navbar li.sfhover ul ul {left: -999em;}
#navbar li.sfhover ul, #navbar li li.sfhover ul{left: 8em;}
#navbar li ul.up {top: auto; bottom: 0;}
.header h1 {color:#284683; padding: 0px 10px 0 4em; text-align:center; font-size: 2.5em;}
/*#top img {position: absolute; top: 0; margin:10px; right: 0;}*/
#content {margin: 20px 0 20px 9em;}
.second-col h1 {font-size: 1.5em; font-style: italic; text-align: center; }
#foot {border-style: solid none; border-width: 2px;  padding: 1em; text-align:center;}
#foot img {margin: 5px}
.redline {border: 4px red; border-style: none solid; padding: 0 0.5em; margin: 0.5em;}
ul.nomarker {list-style-type: none}
ul.nomarker li {text-indent: -20px}
ul.redmarkers {color: red;}
ul.redmarkers li span {color: black}

@media print {
  body {font-family: "Verdana",serif}
  #navbar {display: none}
  #content {margin: 0 2cm}
  #top h1 {padding: 0}
  #foot {margin:  0 2cm}
  #foot img {display: none}
  .noprint {display: none}
}


/* Layers menu gtk2 style */



.verbar	{
	color: #284683;
	background-color: #d4efe1;
	padding: 2px 0px 0px 0px;
}

.submenu	{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.subframe	{
	position: relative;
	display: block;
	background-color: #d4efe1;
	border: 2px outset #cecac1;
}

.item	{
	text-align: left;
	white-space: nowrap;
	font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 13px;
        font-weight: bold;
}

.item a	{
	position: relative;
	display: block;
	text-decoration: none;
}

.item a:link	{
	color: #000000;
 	text-decoration: none;
}

.item a:visited	{
	color: #000000;
	text-decoration: none;
}

.item a:hover	{
	color: #ffffff;
	background-color: #4b6983;
	text-decoration: none;
}

.item a:active	{
	color: #ff0000;
	text-decoration: none;
}

.item .fwdarr	{
	position: absolute;
	top: 5px;
/*	right: 4px; */
	right: 7px;
}

.separator	{
	background-color: #ff0000;
	border-top: 1px solid #9e9a91;
	border-bottom: 1px solid #ffffff;
	margin: 2px 0px 2px 1px;	/* top right bottom left */
	height: 0;
	font-size: 1px;
	line-height: 0;
}

/*XXXXXXXXXXXXX 3 col float rules start here XXXXXXXXXXXXX*/

.demo, .demo-213, .demo-allfloat, .rigid-demo, {font-size: 1em; font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; }

 .demo, .demo-213, .demo-allfloat, .rigid-demo {background: #ffffff; } 
		
.demo-allfloat {margin: 0 10px; border: 2px solid black; border-width: 0 1px;}

	/*** .demo and .demo-213 cannot have side margins or borders or IE6 is buggy. 
		body margins may be used without causing the IE6 bug. ***/

* html .demo-allfloat {width: 100%; w\idth: auto;}

	/*** This feeds a hacked width of '100%' to only IE5.x/win, to make that browser behave correctly. ***/

.demo a:hover, .demo-213 a:hover , .demo-allfloat a:hover , .rigid-demo a:hover {
		color: #ffffff;
	        background-color: #4b6983;
                text-decoration: none;
}

p {padding: 10px; margin: 0;} /*** If vertical margin is applied here, browsers may vary. ***/

h2 {
font-size: 18px;	
font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
color:#284683;
font-weight: bold; 
background: #d4efe1; 
padding: 1px 0 3px 2em;
}

h3 {
font-size: 16px;	
font-family: Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
color:#284683;
font-weight: bold; 
background: #d4efe1; 
padding: 1px 0 3px 2em;
}

 .clearfooter {
margin: 0; 
padding: 0 0 0 2em; 
font-size: 1.5em;
border: 1px solid #6db58f;
background-color : #d4efe1; 
font-weight: bold; 
clear: both; 
}

.clearfooter span {font-weight: normal;}

/***XXXXXXXXXXX demo, and demo-213 rules XXXXXXXXXX***/

.float-wrapper {float: left; width: 80%;} 
.float-wrapper_95 {float: left; width: 95%;} 
	/*** Must enclose two of the three cols. Must include center col. ***/

.first-col { 
     float: left; 
     width: 200px;
     margin-left: 2px;
     border: 1px solid #6db58f;
     background-color : #d4efe1; 
}

.second-col {
     margin-left: 20%;
     background-color : #ffffff;  
     padding: 0px 0px 0px 10px;
}

.third-col {
    margin-left: 80%; 
    margin-right: 2px; 
    border: 1px solid #6db58f;
    background-color : #d4efe1;  
}

/*** Playing with the above three values may eliminate the 
	1px Moz rounding error gap, but may cause overlapping cols on Opera7. ***/

.float-right {float: right;}

.margin-right {margin: 0 50% 0 0;}

.demo h2, .demo h3, .demo .third-col p, .demo-213 h2, .demo-allfloat {position: relative;}

	/*** When combined with properly placed <br>s in the html, the 'position: relative'
		applied to these elements prevents buggy behaviors in IE and Moz, when 
		backgrounds are used on all but the rigid demo. ***/


/***XXXXXXXXXXXXX All-floats demo rules XXXXXXXXXXXXXXX***/

/*** In this version, 'position: relative' is needed on the demo container, 
	the floated wrapper, and the third floated col, to prevent bugs in IE6. ***/

.first-float {float: right; width: 49%;}

.second-float {float: left; width: 49%;}

.third-float {float: right; width: 33%; position: relative;}

.demo-allfloat .float-wrapper {position: relative;}

/*** This 'position: relative' must not be used on the wrappers
	in the previous demos, or buggyness may result. ***/


/***XXXXXXXXXXXXX Rigid demo rules XXXXXXXXXXXXX***/

.rigid-demo {margin: 0 auto; text-align: left; width: 600px; 
	border: 1px solid black; border-width: 0 1px;}

.center-hackbox { text-align: center;} /*** This hack forces IE5.x/win to center div.rigid-demo. ***/

/*** The 'auto' side margins center the 'rigid' demo on the page. ***/
/*** 'text-align: left' cancels the inheritance of the centering hack above. ***/


/*XXXXXXXXX Below is a hack to feed IE5.x/win a 'width' of '602px'. XXXXXXXXXXX*/ 

* html .rigid-demo {width: 602px; w\idth: 600px;}

/*** This defeats the faulty IE5.x/win box model, and prevents a float wrap. 
  It's necessary because of the decorative side borders on div.rigid.
  See this page for details: http://css-discuss.incutio.com/?page=BoxModelHack ***/


.float-wrapper-rigid {float: left; width: 450px;} /*** Must enclose two of the three cols. Must include center col. ***/

.first-float-rigid {float: right; width: 300px;}

.second-float-rigid {float: left; width: 150px;}

.third-float-rigid {float: right; width: 150px;}