/* HTML Elements */

html {
  min-height: 101%;
}

body {
  color: #00000d;
  font-family: arial, verdana, sans-serif;
  font-size: 12pt;
  background: url( ../images/gavel_multiple_9pct.jpg );
  padding: 0;
  margin: 0;
}

p {
  margin: 1em 0 0 0;
}

a {
  color: #69b;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #9cf;
}

ul {
  margin-top: .7em;
}

li {
  padding: 0 5px 10px 5px;
  margin-top: 0;
}


h1 {
  color: #000041;
  font-family: Verdana;
  font-size: 21pt;
  margin: 0;
  padding: 1.5em 0 0.25em 0;
}

h2 {
  color: #000041;
  font-family: "Lucida Console", Monaco5, monospace;
  font-weight: bold;
  font-size: 19pt;
  margin: 0;
  padding: 0.6em 0 1.8em 0;
}

h3 {
  font-size: 15pt;
  color: #000041;
  margin: 1.2em 0 0.3em 0;
}

h4 {
  font-size: 13pt;
  color: #000041;
  margin: 1.2em 0 0.3em 0;
}

h5 {
  font-size: 13pt;
  color: #000041;
  margin: 1em 0 0.3em 0;
}

/* LAYOUT */

#whole {
  background: white;
  border: 1px solid #333;
  border-radius: 10px;  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 950px;
  margin: 30px auto;
  padding: 14px 17px 20px 17px;
}

#title {
  background: url( ../images/courtGavel_170_10sat.jpg ) right no-repeat;
  text-align: center;
  margin: 0 0 5px 0;
}

#title h1, #title h2 {
  color: #fec235;
}

#menuColumn {
  float: left;
  width: 200px;
  margin-top: 10px;
}

#mainColumn {
  float: right;
  width: 710px;
  padding-right: 10px;
  line-height: 130%;
}

#content {
  margin-top: 1.5em
}

#mainImage {
  padding: 0 0 10px 15px;
  float: right;
}


#title, #menuColumn {
/*
  border: 2px solid #ffef9f;
*/
  border-radius: 10px;  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #081e5a;
}

#footer {
  height: 27px;
  padding: 2.5em 0 0 0;
}
  
/* Custom Styles */

.menu {
  padding: 1.5em 2em 1.5em 2em;
  font-size: 95%;
}

.menu a {
  display: block;
  text-align: center;
  padding: 0.6em 0;
  color: #fec235;
  font-size: 95%;
}

.menu a.selected {
  color: #081e5a;
  background-color: #fec235;
}

.menu a:hover {
  color: #081e5a;
  background-color: #fec235;
  border-radius: 5px;  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 95%;
}

.tm {
  font-size: 70%;
  color: #888;
  vertical-align: top;
}

.clear {
  clear: both;
}

/* The quotes in the body of the page */
.quotename {
  color: #000041;
  font-weight: bold;
}

.quote {
  font-style: italic;
  margin-bottom: 1.4em;
  margin-top: 0.5em;
}

.quoteAbove {
  font-style: italic;
  margin-top: 0.5em;
}

.smaller {
  font-size: 85%;
}

.smaller2 {
  font-size: 75%;
}

.recLogo {
  float: left;
  padding-left: 26px;
  margin-top: -9px;
}

.footerText {
  font-size: 9pt;
  text-align: center;
  margin-left: 200px;
  margin-right: 200px;
}

.privacyPolicy {
  float: right;
  font-size: 8pt;
  font-weight: bold;
  padding-right: 10px;
}

.contactDetails {
  padding: 0 0 0 15px;
}

.darkTitle {
  font-weight: bold;
  font-size: 13pt;
  color: #000066;
}

/* End */