/*** General ***/
html, body, dl, dt, dd, div, img, a, br, hr, table {
  margin: 0; 
  padding: 0;
  border: 0;
  line-height: 120%;
}
body{
  background-color:#0cc;
  padding: 0;
  color: #042;
}

/* img {max-width: 100%;} */
/* prevents oversize images from breaking layout in browsers that support max-width */
/* However, it also prevents Google maps from being displayed in both Firefox and IE7 */ 

/* \*/
* html h2,
* html h3
{height: 1%;}
/* Holly hack */

a:link { color: #088 }
a:visited { color: #08b }
a:hover { color: #0b8; text-decoration: none }

hr{
  border: 1px solid;
  border-color: #dff #7cc #7cc #dff;
  margin:32px;
}

ul{
  margin-left:50px !important;
  padding:0 !important;
}
ul li {
  list-style-image: url(images/bullet.png);
  margin:0 !important;
  padding-left:0px !important;
}

table{
  width:100%;
	border-collapse:collapse;
}
td{
  text-align:left;
}

/*** Basic Layout ***/
table.layout{
  width:100%;
  background-color:#fff; /* body is blue */
  margin-top:120px;
}
td.heading{
  background-color:#0cc; /* table is white */
  height:95px;
}
td.vert-nav{
  background-color:#fff; /* table is white */
	border-right:1px solid #7cc;
  width:160px;
  height:520px;
}
td.user-text{
  background-color:#fff; /* body is blue */
  padding: 0 32px;
}
td.sef-text,
td.resume{
  width:125px;
}

/*** Left navigation ***/
div.vert-nav {
  margin:0px 0 32px 5px;
}

div.left-col-content{
  padding:0 0 15px 0;
}
div.left-col-content,
dl.sidenav {
  width:145px;
}
div.left-col-content{
  position:absolute;
  top:186px;
  left:-4px;
  margin:0 13px;
}
dl.sidenav {
  background-color:#7cc;
}
.sidenav dt a {
  padding:0;
  height: 24px; /* arbitrary figure; doesn't have to be the same as PNG */
  margin-bottom: 1px;
}

div.left-col-content h3{
  text-decoration:underline;
  padding-bottom:4px;
  padding-top:30px;
}

/*** Right Nav ***/
.nav-back{
  background-color:#0cc;
  padding-bottom:32px;
}

/*** Content ***/
h2.description,
div.widget-box{
  background-color:#dff;
	border: 1px solid #7cc;
}
h2.description{
  margin:40px 18px 32px 18px;
}
div.widget-box{
  margin:18px;
  padding:12px;
}

td.user-text,
td.resume{
	border-left:1px solid #7da;
}
td.sef-text,
td.user-text,
td.resume{
  vertical-align: text-top;;
}
td.user-text{
	padding:0 16px;
}
td.sef-text{
  padding:0 4px 0 6px;
}
div.resume{
  margin-left:3px;
}

h3.resume,
h4.resume,
p.resume{
	padding:0 4px;
}
h3.resume{
  margin:0;
}
div.testimonial{
  padding:8px;
  background-color:#eff;
	border:1px solid #7cc;
}
td.user-text{
}
div.sef-text,
div.testimonial,
div.resume,
div.resume div.qualifications{
  color:#777;
}
div.left-col-content h3,
div.left-col-content h4,
div.testimonial h3,
div.testimonial h4,
div.resume h3,
div.resume h4,
div.resume div.qualifications{
  text-align:center;
}
div.left-col-content h3,
div.sef-text h3,
div.testimonial h3,
div.resume h3{
  font-size: 14px;
  margin:0;
}
div.left-col-content h4,
div.sef-text h4,
div.testimonial h4,
div.resume h4{
  font-size: 12px;
  margin:6px 0 0 0;
}
div.left-col-content p,
div.sef-text p,
div.testimonial p,
div.resume p{
  margin-top:5px;
  padding-bottom:2px;
}
div.left-col-content p,
div.sef-text p,
div.testimonial p,
div.resume p,
div.resume div.qualifications{
  font-family: "Arial", sans-serif;
  font-size: 9px;
}
div.testimonial hr,
div.resume hr{
  margin:5px;
}
div.left-col-content hr{
  margin:24px 32px;
}

li.page-list{
  margin-bottom:18px;
}

div.open-quote,
div.close-quote,
blockquote {
  width: 220px;
}
div.open-quote{
  background: url(images/pullquote-top.png) no-repeat;
  height:70px;
  margin-bottom:-45px;
}
div.close-quote{
  background: url(images/pullquote-bottom.png) no-repeat;
  height:95px;
  margin-top:-25px;
}
blockquote {
  float: right;
  padding: 0;
  margin: 0px 0px 0px 32px;
  position: relative;
  background: url(images/pullquote-body.png);
}
p.quoteBody {
  font-family: "Times New Roman";
  font-size: 21px;
  width: 150px; /* width of the text */
  line-height:120%;
  font-weight: bold;
  padding:20px;
  text-align: center;
}

.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0%;
}

td.no-border{
  margin:8px;
}

span.bms{
  font-size:15px;
  color:teal;
  font-weight:bold;
}

div.google-driving-directions{
  border:0;
  padding:0;
  margin:0;
  height:auto;
  overflow:hidden;
}

div.calendar{
  font-family:courier;
}

div.barn-door{
  background:url(images/barn-door.png) top left no-repeat;
  width:200px;
  height:254px;
  float:right;
  margin:0 86px 32px 64px
}
td.freeby-lane{
  background:url(images/freeby-lane.png) top left no-repeat;
  height:258px;
}
td.leather-sofa{
  background:url(images/room-leather-sofa02.png) top right no-repeat;
  height:246px;
}
td.flip-chart{
  background:url(images/room-flip-chart02.png) top left no-repeat;
  height:255px;
}
td.room-radiator{
  background:url(images/room-radiator.png) top right no-repeat;
  height:255px;
}
#map{
  width: 400px;
  height: 300px;
}