/* Rites Connection CSS content */

html, body {
  margin: 0px; padding: 0px;
  background: #ffffff url(./assets/bg_tiler.png) repeat-y;
  font: 12px verdana, sans-serif;
  line-height: 20px;
  }

a {outline: none;}

h1 {
  margin: 25px 0px 20px 15px;
  font: bold 26px arial;
  color: #ab3025;
  }

h2 {
  margin: 25px 0px 20px 15px;
  font: bold 20px arial;
  color: #224375;
  }

h3 {
  margin: 25px 0px 20px 15px;
  font: bold small-caps 16px arial;
  color: #ab3025;
  }

h4 {
  margin: 25px 0px 20px 15px;
  font: bold 14px arial;
  color: #224375;
  }

div#container {
  position: absolute; top: 210px;
  margin: 0px; padding: 0px;
  order: 1px solid red;
  }

/* having trouble with top margin in firefox */
div#logo {
  margin: 0px; padding: 0px;
  position: absolute; top: 0px;
  background: transparent url(./assets/topleft.png) no-repeat;
  width: 100%; height: 207px;
  border-bottom: 1px solid silver;
  }

div#subtext_logo {
  margin: 0px; padding: 0px;
  position: absolute; top: 0px; left: 5px; z-index: 100;
  color: #224375;
  line-height: 15px;
  }

div#banner {
  margin-left: 300px;
  }
  
/* menu */
div#lhand {
  margin: 0px; padding: 0px;
  position: absolute; top: 20px; left: 0px;
  width: 213px;
  order: 1px solid blue;
  }

div#menu {
  margin: 0px 0px 0px 10px; padding: 0px;
  position: relative;
  width: 203px;z-index: 90;
  }

div#menubox {
  margin: 0px; padding: 0px;
  position: relative;
  width: 203px;
  order: 1px solid red;
  }

div#menubox ul {
  margin: 0px; padding: 0px;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  }

div#menubox li {
  margin-bottom: 2px;
  }

div#menubox li a {
  display: block;
  padding: 20px 15px 10px 15px;
  width: 160px;
  border: 1px solid silver;
  border-bottom: 5px solid silver;
  }

div#menubox ul li a:link, div#menubox ul li a:visited {
  color: gray;
  text-decoration: none;
  }

div#menubox ul li a:hover {
  border: 1px solid #224375;
  border-bottom: 5px solid #224375;
  background-color: silver;
  color: #ab3025;
  }

div#menubox ul li a:active {
  color: gray;
  text-decoration: none;
  }

li#active {
  display: block;
  padding: 20px 15px 10px 15px;
  width: 160px;
  border: 1px solid #224375;
  border-bottom: 5px solid #224375;
  color: #224375;
  }

/* main content */
div#contentcontainer {
	order: 3px solid green;
	}
div.subtainer {
  margin: 35px 0px 0px 0px; padding: 0px;
  position: relative;
  order: 1px solid red;
  display: inline-table;
  clear: both;
  }

div.middle-hand {
  margin: 0px 0px 0px 218px; padding: 0px;
  order-bottom: 1px solid silver;
	order: 1px solid red;
  }

div.content {
  margin: 0px 265px 0px 0px; padding: 0px;
  font: 13px 'Trebuchet MS', verdana, sans-serif;
  display: block;
  order: 1px solid red;
  }

div.content p {
  margin: 0px 15px 10px 15px; padding: 0px;
  display: block;
  }

/* right content */
div.rhand {
  order: 1px solid red;
	margin: 5px 15px 0px 0px; padding: 0px;
  float: right;
  width: 200px;
  font: italic bold 18px 'Times New Roman', serif;
  color: #aaaaaa;
  }

.quote {
  margin: 40px 0px 40px 0px; padding: 0px 0px 0px 15px;
  }

p.quoter {
  font: normal 10px arial; text-align: right;
  margin-top: -30px;
  }
.csc-mailform-field label {
	float: left; clear: both; width: 130px; text-align: right;margin-right: 10px;
}
.csc-mailform-field {
margin-bottom: 5px;
}
form#mailform {
	margin-left: 250px;
}
#contact {
	position: absolute;
	left: 320px;
}
.csc-firstHeader {
	margin-left: 250px;
}