/* Reset style sheet here */

body {
	margin:0 auto; 

	width:100%;
	background:#fff;
	min-width:1024px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
					max-width:1240px;
}
#innerbody {	padding:5px;}



.headlines {
border :0px solid blue;
display:inline-block;
width:100%;

}

.lefthead {
border :0px solid blue;
display:inline-block;
width:48%;
margin-right: 4%;
vertical-align: top;
}

.righthead {
border :0px solid red;
display:inline-block;
width:48%;
vertical-align: top;
}

.headtext {
position: relative;
border :0px solid red;
width: 100%;
margin-right: 0%;
display:inline-block;
vertical-align: top;
/* float: left; */

}

.edithead {
position:absolute;
right:0px;
border :0px solid red;
z-index:+10
}

.upcoming {
	clear:left;
}


.members, .events {

	  display:block;
		padding: 3px 0 3px 0;



}
.oddrow{
		background: #ddd;
	}
.evenrow{
		background: #fff;
	}


.cell {
	  display: inline-block;
	  width: 12em;
vertical-align: top;
padding-left: 10px;
			border:0px solid red;

			}
* html .cell {display: inline}			
* + html .cell {display: inline}			
			
			/*
* + html .cell {display:inline;}
* + .cell {display:inline;}
*/




.memberrole {width: 6em;}
.membername {width: 9em; left: 6em;}
.memberaddress {width: 15em;}
.memberphone {width: 5em;}
.memberemail {width: 15em;}

.eventtitle {width: 25em}
.eventdate {width: 12em}
.eventlocation {width: 8em}

#col1, #col1 li {
  font: 14px 'Arial', sans-serif;
  margin: 0 0 5px 0;
}

#col1 h1 {font: 20px 'Arial', sans-serif;}
#col1 h2 {font: 18px 'Arial', sans-serif;}
#col1 h3 {font: 16px 'Arial', sans-serif;}
#col1 h1, #col1 h2, #col1 h3 {
  font-weight:bold;
  margin: 0 0 5px 0;
}

#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	left: 0%;
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#fff;		/* Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:15em; 	/* Width of left column */
	background:#fff;    	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-15em; /* -ve Width of left column + right column*/
	background:#fff;    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin-left: 15em; /* Width of left column + right column*/
padding:0 0.5em 0 0.5em;
	overflow:hidden;
}
#col1 {

	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:15em;
	position:relative;
	margin-left:-50%;
	left: 0; /* width of right col */

	overflow:hidden;
}

#col3 {
	float:left;
	width:0em;
	position:relative;
	left:0;
	overflow:hidden;
}
#footerouter {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	border-top:1px solid #000;
}
#footerouter p {
	padding:.5em 15px;
}
           
.slideShowWrapper { /* Overwrite dojo */ 
	border:0px;	
}

/*  These would replace the tree icons
.tundra .dijitFolderOpened {
	background: none;
}
.tundra .dijitFolderClosed {
	background: none;
}
.tundra .dijitLeaf {
	background: none;
}

*/

	
#slideshow_container {
	width: 100%;
		position:relative;
	    clear:both;
	    float:left;	
}	
#slideshowheader {
	padding-left:10px; /* This is not working ?? */
}
#treenojscript {
    border: 0px solid red;

}#treebox {

    border: 0px solid black;

}
#treeloading {
	padding-bottom:15px;
}
#treeupload {
	padding-top:15px;
}

#slideshow1 {
    border: 0px solid red;

	float: left;
    position: relative;
}
	      
body        { font-family: 'Arial', sans-serif;}
a:link      { color: #055; }
a:visited   { color: #404; }              
              
#banner     { background-color: white; color: black; height: 180px; width:100%;
border: 0px solid black;  position: relative; clear:both; overflow:hidden}


.flashnote {
	width:95%;
	color:#ff0000;
	text-decoration:none;
	font: 16px 'Lucida Sans', sans-serif;
	font-weight:bold;
	margin:0 auto;
	clear: both;
	border: 2px solid red;
}

/* Orange Menu */
.navbar, .footer {
	width:100%;
	height:64px;
	margin:0;
	clear: both;
}
.info{
	width:95%;
	margin:0 auto;
	clear: both;
	border: 0px solid black;
	color:#000;
	text-decoration:none;
	font: 10px 'Lucida Sans', sans-serif;
}

.navbar-left {
	background:url(/images/menu/orange/rhm1_l.gif) no-repeat;
	width:15px;
	height:64px;
	float:left;
}
.navbar-right {
	background:url(/images/menu/orange/rhm1_r.gif) no-repeat;
	width:15px;
	height:64px;
	float:right;
}
.navbar-bg {
	background:url(/images/menu/orange/rhm1_bg.gif) repeat-x;
	height:64px;
}


* html .navbar-left {margin: 0 -3px 0 0;}
* html .navbar-right {margin: 0 0 0 -3px;}

.footer, .footer .navbar-left, .footer .navbar-right, .footer .navbar-bg  {
height:38px;
}

.menuitems, .username{
	list-style:none;
	margin:0 auto;
   padding: 0;
   float:left;
	display:block;
	border: 0px solid red;
}

.username{
   float:right;
}

.footer .navbar-bg .menuitems {
   position:relative;
   left:50%;
}

.navbar-bg ul{
	display:block;
	list-style:none;
	margin:0;
	width: auto;
   float:left;
   padding:0;

   height:50px;
	border: 0px solid green;
}

.footer .navbar-bg ul{
   position:relative;
   left:-50%;
}

.navbar-bg li{
	float:left;
	list-style:none;
	border: 0px solid blue;
}
.navbar-bg li a{
	display:block;
	color:#fff;
	text-decoration:none;
	font: 16px Arial, sans-serif;
	font-weight:bold;
	padding: 0 0 0 18px;
	margin: 0 10px 0 0;
	height: 40px;
	text-align:center;
	cursor:pointer;
	border: 0px solid green;
}
.navbar-bg li a div{
	float:left;
	display:block;
	padding: 0 32px 0 18px;
	border: 0px solid black;
    color:#fff;

}

.navbar-bg li a div div{
	padding: 0;
	border: 0px solid blue;
line-height: 38px;

}

.navbar-bg li.current {
	background:url(/images/menu/orange/rhm1_hover_l.gif) no-repeat left 5px;
}
.navbar-bg li.current a div{
	background:url(/images/menu/orange/rhm1_hover_r.gif) no-repeat right 5px;
}

.navbar-bg li.current a div div{
	color:#fff;
	background: none;
}

.navbar-bg li a:hover{
	background:url(/images/menu/orange/rhm1_hover_l.gif) no-repeat left 5px;
}
.navbar-bg li a:hover div{
	background:url(/images/menu/orange/rhm1_hover_r.gif) no-repeat right 5px;
}

.navbar-bg li a:hover div div{
	color:#fff;
	background: none;
}
     
	 
	 
.urbangreymenu{
width: 15em; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 14px Arial;
color: white;
background: #606060 url(/images/menu/p8.png) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
margin-top: 0;
}

.urbangreymenu ul + h3.headerbar {
	margin-top: 14px;
	
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}


.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 14px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}


table {border-collapse: collapse}
th {
	font-weight: bold;
	text-align: left;
	}
td, th {padding: 4px 0 4px 10px}
tr.oddrow { background-color: #FFF;}
tr.evenrow { background-color: #CCC;}