/* Start of CMSMS style sheet 'rmr2' */
@charset "utf-8";
/* CSS Document */
* {
  margin: 0;
 }
body {
  min-width: 630px;      /* 2x (LC fullwidth +
                            CC padding) + RC fullwidth */
margin: 0px;
 padding: 0px;
 width: 100%; 
}
/* Equal height columns */


/* IE6 Fix for spill over footer */
* html body {
  overflow: hidden;
}
* html #footer-wrapper {
  float: left;
  position: relative;
  z-index: 10;
  clear: both;   /* IE fix for footer jumping up when right column is short */
  width: 100%;
  padding-bottom: 10010px;
  margin-bottom: -10000px;
  background: #2e2e2e;         /* Same as body background */
}


#container {
  padding-left: 200px;   /* LC fullwidth */
  padding-right: 230px;  /* RC fullwidth + CC padding */
  overflow: hidden;
  z-index:0;
position: relative;  /* fix to 'IE7 10000px padding-bottom spill over footer' problem / mess up menu z-index? */
}
#container .column {
  position: relative;
  float: left;
  padding-bottom: 20010px;  /* X + padding-bottom */
  margin-bottom: -20000px;  /* X */
  z-index:0;
}

#centercolumn {
  padding: 10px 20px;    /* CC padding */
  width: 100%;
  z-index:0;
  background-color:#e4e4e4;
  min-height: 550px;  /* make it the same as the IE min-height hack below */
  margin-top: 218px;
  overflow: hidden;  /* stops the left column from jumping about upon resizing of window */
}

#leftcolumn {
  width: 180px;          /* LC width (ie fullwidth minus padding) */
  padding: 0px 10px 0px 10px;       /* LC padding (top, right, bottom, left) */
  left: 200px;          /* RC fullwidth */
  margin-left: -100%;
  margin-top: 0px;
  z-index: 2;
  top: 218px;   /* header graphic height */
  z-index:1;


}
#rightcolumn {
  width: 180px;          /* RC width (ie fullwidth minus padding) */
  padding: 0px 10px 0px 10px;   /* RC padding (top, right, bottom, left) */
  margin-right: -280px;  /* This value is supposed to be 'Negative of RC fullwidth + CC padding', but the right column either doesn't display or moves to within the center column in Opera, Safari, and Konqueror if set according to Matthew Levine. If we call the original Matthew value (i.e., Negative of RC fullwidth + CC padding) 'x', then we need to use -(x - a bit more) to make it work. E.g. if x was -240, then we'll use -280. The precise value requires a little experimentation. Having said all of that, the original x will probably still work if you don't fiddle with Matthew's original padding values! */
  z-index: 3;
  top: 218px;   /* header graphic height */
  background:#2e2e2e;
  color:#CCCCCC;
  text-align: left;
}

#footer {
  clear: both;
  background-color:#2E2e2e;
  font-size: 9px;
  position: relative; z-index: 10;
  color: #ffdddd;
  padding: 3px; /* choose a value - it won't mess up anything else! */
}
#footer a{color: #ffdddd;}
#headerprop {
    height: 218px;  /* add height of header */
    float: right;
    width: 1px;
}

/* Original Holy Grail IE6 hack to stop the negative margin pulling the left column too far to the left, incorporating the 'left column disappearing hack' + the IE7 javascript fix */
#container > #leftcolumn {
  left: -240px;             /* Negative of (LC fullwidth + CC padding) = width for all browers other than IE7 */
  margin-left: expression(
  document.all.centercolumn.offsetWidth * -1 +
  parseFloat(document.all.centercolumn.currentStyle.paddingLeft) +
  parseFloat(document.all.leftcolumn.currentStyle.paddingLeft) +
  parseFloat(document.all.leftcolumn.currentStyle.paddingRight)
  ); /* Fix for IE7 */
}

/* IE min-height hack */
.prop {
    height: 550px;  /* 900 pixels or so, if optimally desiging for high resolution screen setting. Adjust to suit needs. */
    float: right;
    width: 1px;
}

/* IE min-height hack continued */
.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}


/* How the site looks */

body {
  margin: 0;
  padding: 0;
  background: #2E2e2e;   ;
  font-family: Georgia, Palatino, Garamond, Times New Roman,sans-serif;		
}

/* main container text */
body a {color: #790000;}

body a:hover{color:#b43638;}

body h1 {font-size: 18px;}

body h2 {font-size:16px;}

body h3 {
font-size:14px;
font-weight:bold;}

#header {
  font-size: 9px;
  padding: 0px;
  background: #000000;
  color: #FFFFFF;
   z-index: 5; 
   position: absolute; left: 0px; top: 0px; width: 100%; /* ??? mess up menu?? */
}

#logo {
height: 175px;
background-image: url(../images/rmr_colours_header_bg.jpg);
background-repeat: repeat-x;
padding: 0px;
}

#menu {
  background:#000000;
  z-index:100;
  position:relative;
  background-image: url(uploads/menu-button-background.jpg); 
  background-position: top right; 
/* height:29px; */
}

#header_top, #header_top a{
	background:#000000;
	color: #FFFFFF;
	font-size: 12px;
	/* width:99%; */
	height:14px;
	padding-left:2px;
	padding-right:2px;
}

.alignLeft{
float:left;
}
.alignRight{
float:right;
}
#leftcolumn ul, #leftcolumn a, #leftcolumn h3{
  list-style:none;
  color:#CCCCCC;
  font-size:12px;
  font-weight:bold;
text-indent: 0pt;
position:relative;
  padding: 0px 3px 0px 10px;       /* LC padding (top, right, bottom, left) */
text-align:left;
}

#leftcolumn li li, ul ul li, ul ul {
margin:0 0 0 3px;
  text-indent: 0em;
}

#rightcolumn{
  background: #2e2e2e;
  color:#FFFFFF;
}

#rightcolumn a {
color:#CCCCCC;
}

/* hover for left/right menus */
#leftcolumn a:hover, #rightcolumn a:hover {
 font-weight:bold;
 color:#b43638;
}

#container .column {
  padding-top: 1em;
  text-align: justify;
}

/* search button */
.button {
background:url(uploads/menu-button-background.jpg);
padding:1px 3px 1px 3px;
border:1px solid #3b6e22;
height:24px;
line-height:24px;
color:#FFFFFF;
font-size:12px;
/* margin-right:10px; */
margin-top:0px;
/* display:inline-block; */
text-decoration:none;
}

/* End of 'rmr2' */