body {
  background:  #d6ddb1;
  color: #000000;
  margin: -15px 0 0 0;
  font: 90%  Arial, Helvetica, sans-serif;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#container {
  width: 980px; /* this will create a container 80% of the browser width */
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
  padding: 10px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
  background-image: url(../img/header.jpg);
  height: 240px;
  padding: 0 428px;
  margin: 0 -428px;
}

#header h1 {
  margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
  padding: 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
  font-size: 1.5em;
  text-decoration: none;
  text-indent: -99999px;
}


#headergallery{
  height: 200px;
  width: 980px;
  overflow: hidden;
  top: -30px;

}


p{
  color: black;
}


#page {
  width: 980px;
  background-image: url(../img/page-bg.jpg);
  padding: 0 10px;
  margin: 0 -10px;
  top: -36px;
}

#page-content {
  width: 980px;
  background-image: url(../img/page-bg.jpg);
  padding: 0 10px;
  margin: 0 -10px;
  top: -36px;
}


#mainnav *{
  float: left;
  display: block;
  position: relative;
  z-index: 20;
}

#mainnav{
  background-color: #1a1b59;
  height: 36px;
  z-index:50;
  width: 980px;
  top: -36px;
}


#mainnav a{
  color:  #fdfdfd;
  text-decoration: none;
  font-family: "Microsoft Sans Serif";
  text-transform: uppercase;
  font-size: .8em; 
  padding: 11px 7px;
}

#mainnav a:hover{
  background-image: url(../img/mainnav-bg.jpg);
  color: white;
}

#mainnav a:visited{
  color: white;
}


#mainnav li ul { 
  left: -999em; 
  width: 980px;
  position: absolute;
  overflow: visible;
  top:35px;
  margin: 0 0 0 -2px;
  padding: 0px 2;
  width:220px;
  background-color: #1a1b59;
}

#mainnav li ul ul{
  margin: -30px 0 0 220px;
  background-color: #109bc1;
  z-index: 99;
  border-top:solid 2px black;
  visibility: hidden;
}
#mainnav li ul a{
  width:200px;
  margin: 0 0 0 0px;
  padding:6px 10px 6px 10px;
  color: white;
  border: 0;
  border-bottom: 1px solid #0b6b86;
  background-color: #1a1b59;
  visibility: visible;
}

#mainnav li:hover ul, #mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul{
  left: -999em;
}
#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul {
  left: 0;
  clear: left;
  font-size: .9em;

}


#intro{
  width: 980px;
  margin: 0 0 7px 0;
}

#intro h1{
  position:relative;
  float:left;
  margin: 0 0 0 0 ;
}
#blockout{
  float: left;
  width: 340px;
}
#intro h1 a{
  background-image: url(../img/rose-hill-logo.jpg);
  width: 220px;
  height:200px;
  display: block;
  text-decoration: none;
  text-indent: -99999px;
  background-repeat: no-repeat;
}

#pagetitle h1 a{
  background-image: url(../img/small-logo.gif);
  width: 248px;
  height: 45px;
  display: block;
  text-decoration: none;
  text-indent: -99999px;
  margin: -10px 0 5px 0;
  background-repeat: no-repeat;
  float: right;
}

#leftcol{
  width: 562px;
  float: left;
  padding: 30px 20px 40px 20px;
}

#leftcol h3{
  color: #59554a;
  font-family: Georgia;
  font-size: 1.3em;
  font-weight: lighter;
  margin: -7px 0 10px 0;
}

#leftcol p{
  color: #59554a;
  font-size: .8em;
  line-height: 1.1em;
}

#rightcol{
  float: right;
}


#middle{
  width: 980px;
  margin: -46px 0 0 0;
  float: left;
  background-color: white;
}

#middle .bott{
  background-image: url(../img/footer.gif);
  background-repeat: no-repeat;
  width: 100%;
  height: 100px;
  bottom: -10px;
  position: absolute;
  padding: 0 389px;
  margin: 0 -389px;
  left: 0;
}

#page-content .bott{
  background-image:  url(../img/page-content-bott.gif);
  background-repeat: no-repeat;
  width: 100%;
  height: 100px;
  bottom: -10px;
  position: absolute;
  padding: 0 384px;
  margin: 0 -384px;
  left: 0;
}

#search{
  float: left;
  width: 208px;
  padding: 10px;
}

#search h2{
  color: white;
  font-family: Georgia;
  font-size: 1.4em;
  font-weight: lighter;
  margin: 0 0 15px 0;
  border-bottom: solid 1px;
  background-image: url(../img/right-arrow.gif);
  background-repeat: no-repeat;
  background-position: 155px 5px;
}

#search img{
  margin: 0 0 0 -11px;
}

#search .item1{
  height: 200px;
  float: left;
}
#search .item2{
  height: 170px;
  float: left;
}


#search .item1 .bottom{
  width: 228px;
  height: 52px;
  position: absolute;
  bottom: 10px;
  display: block;
  margin: 0 0 -10px -10px;
  left: 0;
}



#search h3{
  color: white;
  font-family: Georgia;
  font-size: 1.6em;
  font-weight: lighter;
  margin: 10px 0 10px 0;
  position: relative;
  text-transform: capitalize;
}


#search p{
  color: white;
  font-size: .9em;
  position: relative;
  margin: 0 0 10px 0;
  line-height: 1.4em;
}

#search a{
  z-index: 20;
  color: white;
  margin: 10px 0 0 0;
  padding: 10px 0;
  text-decoration: none;
  position: relative;
}

#news{
  float: left;
  width: 249px;
  padding: 10px;

}	z-index: 20;

#news h2{
  color:  #59554a;
  font-family: Georgia;
  font-size: 1.4em;
  font-weight: lighter;
  margin: 0 0 15px 0;
  border-bottom: solid 1px;
  background-image: url(../img/news-arrow.gif);
  background-repeat: no-repeat;
  background-position: 55px 5px;
  clear: left;

}

#news_items{
  clear: left;
}


#news h3{
  color: #59554a;
  font-family: Georgia;
  font-size: 1.3em;
  font-weight: lighter;
  margin: 10px 0 10px 0;
  text-transform: capitalize;
}

#news p{
  font-size: .9em;
  color: #59554a;
}

#news a{
  color: #1a1b59;
  font-family: "Trebuchet MS";
  text-decoration: none;
  text-transform: uppercase;
  font-size: .8em;
  float: right;
  border-bottom: dashed 1px;
  width: 249px;
  border-bottom-color: #59554a;
  margin: 0px 0 10px 0;
  padding: 5px 0 5px 0;
}

#news a:hover{
  color: #e89422;
}

#features{
  width: 462px;
  float: right;
  background-color: white;

}


#features .top{
  background-image: url(../img/right-top.gif);
  width: 462px;
  height: 95px;
  display: block;
  position: absolute;
  left: 1px;
  top: 29px;
}

#features .item{
  float: left;
  width: 120px;
  padding: 0 5px;
  margin: 0 -1px 0 12px;
}

#features h2{
  background-color: #1a1b59;
  color: white;
  padding: 5px 5px;
  width: 452px;
  font-family: Georgia;
  font-size: 1.4em;
  font-weight: lighter;
  margin: 0 0 15px 1px;
  z-index: 20;
  position: relative;
  background-image: url(../img/right-arrow.gif);
  background-repeat: no-repeat;
  background-position: 160px 10px;
  text-transform: capitalize;
}


#features h3{
  color:  #11155a;
  font-family: Georgia;
  font-size: .9em;
  font-weight: lighter;
  margin: 0px 0 10px 0;
  text-transform: capitalize;
}

#features p{
  font-size: .8em;
  color: #59554a;
}

#features img{
  background-color: white;
  padding: 3px;
}

#features a{
  color: #1a1b59;
  font-family: "Trebuchet MS";
  text-decoration: none;
  text-transform: uppercase;
  font-size: .8em;
  float: right;
  padding: 10px;

}

#content{
  float: left;
  width: 650px;
  padding: 20px;
}
.no-col #content{
  width: 940px;

}

#content img{
  background-color: #1a1b59;
  padding: 2px;
  margin: 0 10px 10px 0;
}

#content p{
  color: #4c4c4c;
}

#content ul li{
  color: #e79e37;
}

#content ol li{
  color: #e79e37;
}

#col{
  width: 280px;
  float: right;
}

#subnav h2{
  font-family: Georgia;
  font-size: 1.2em;
  color: #cf9127;
  margin: 0 0 10px 0;
}

#subnav *{
  color: #1a1b59;
  display: block;
  position: relative;
  width: 260px;
}

#subnav{
  margin: 10px 0 0 0;
  float: right;
}

#subnav a, #subnav a:visited{
  color: #1a1b59!important;
  text-decoration: none;
  padding: 10px;
  margin: 0 0 -1px 0;
  border-top: solid 1px #da9e37;
  border-bottom: solid 1px #da9e37;
  width: 230px;
}

#subnav a:hover{
  background-color: #da9e37;
}

#subnav li a.current{
  background-color: #f1d9b0;
  font-weight: bold;
}

#subnav li li a.current{
  background-color: #e4b66a;
  font-weight: bold;
}

#subnav li li a{
  background-color: #f1d9b0;
  padding: 5px 10px 5px 20px;		
  width: 220px;
}


#subnav li li li a{
  background-color: #e4b66a;
  padding: 2px 10px 2px 30px;		
  width: 210px;
}

#pagetitle{
  padding: 15px 10px;
  width: 960px;
}

#pagetitle h2{
  color:  #da9e37;
  font-family: Georgia;
  font-weight: lighter;
  font-size: 1.6em;

}

#crumbs{
  font-size: .8em;
  color:  #1a1b59;
  margin: 0 0 0 5px;
  border-bottom: solid 1px #da9e37;
  padding: 5px 0; 
}

#crumbs a{
  color: #da9e37;
  text-decoration: none;
}

#crumbs span.active{
  color: #1a1b59;
}

#tools{
  font-size: .7em;
  position: absolute;
  right: 10px;
  bottom: 25px;
  color: #da9e37;
  z-index: 20;
}

#tools a{
  color: #da9e37;
  text-decoration: none;
}

#tools a:hover{
  color: #1a1b59;
}

table td{
  background-color:  #bbbedd;
  border-color: white;
  color:  #1c1e59;
}


#footer {
  padding: 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
  clear: both;
  margin: 10px 0 0px 0;
}

#footer a{
  text-decoration: none;
  color: #59554a;
}

#footer a:hover{
  color: #1a1b59;
}

#news_items h3{
  color: #11155a;
}

#news_items .item{
  clear:left;
}

span.published{
  color: #8d8bba;
  font-family: Georgia;
  font-size: .8em;
  white-space:nowrap;
}

tr h3 a{
  color: #1a1b59;
  font-size: .9em;
}

table{

  table-layout: fixed;
}


table td{
  background-color:  #d8daef;
  color:  #1c1e59;
}