/*
----------------------------------------
file: main.css
app: cumberland partners
date: august 2007
desc: main css document
----------------------------------------
*/


/* elements
................................................................................ */
body {
   margin: 0 0 20px;
   padding: 0;
   font: .75em verdana, arial, helvetica, sans-serif;
   line-height: 1em;
   color: #333;
   background-color: #e8eeed;
   }

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, img, blockquote, td {
   margin: 0;
   padding: 0;
   border: 0;
   }

table {
   border-collapse: collapse;
   }

ul, ol, li {
   list-style: none;
   }


/* layout
................................................................................ */
#container {
   width: 700px;
   margin: 0 auto;
   border: 1px solid #000;
   border-width: 0 1px;
   background-color: #fff;
   }

#left {
   float: left;
   width: 305px;
   padding: 0 0 30px 30px;
   }

#right {
   margin: 0 30px 30px 365px;
   }


/* head
................................................................................ */
#head {
   border-bottom: 1px solid #000;
   }


/* nav
................................................................................ */
#uppernav, #lowernav {
   padding: 15px 15px 25px;
   text-align: center;
   }

#uppernav a, #lowernav a {
   border-bottom: 1px solid #800;
   text-decoration: none;
   color: #800;
   }

#uppernav a:hover, #lowernav a:hover {
   border: 0;
   }

#uppernav b, #lowernav b {
   margin: 0 3px;
   font-weight: normal;
   color: #888;
   }

#lowernav {
   clear: left;
   background: url(images/bg6.jpg) no-repeat 0 100%;
   }


/* content
................................................................................ */
#content {
   padding: 0 30px;
   }

h3 {
   margin: 0 0 15px;
   font-size: 130%;
   font-weight: bold;
   color: #800;
   }

h4 {
   margin: 0 0 10px;
   font-size: 105%;
   }

p {
   margin: 0 0 1.4em;
   line-height: 1.4em;
   }

p.about {
   font-size: 110%;
   font-weight: bold;
   color: #00f;
   }

p.phone {
   text-align: center;
   }

p.phone a {
   border-bottom: 1px solid #00f;
   font-size: 110%;
   font-weight: bold;
   text-decoration: none;
   color: #00f;
   }

p.phone a:hover {
   border: 0;
   }

h5 {
   margin: 0 0 10px;
   font-size: 110%;
   font-weight: bold;
   line-height: 1.3em;
   color: #800;
   }

h5 a {
   border-bottom: 1px solid #800;
   text-decoration: none;
   color: #800;
   }

h5 a:hover {
   border: 0;
   }

ul, ol {
   margin: 0 0 20px 20px;
   }

ol li {
   list-style-type: decimal;
   }

ul li {
   list-style-type: disc;
   }

li {
   padding: 0 0 3px;
   font: 100% arial, sans-serif;
   }

li a {
   border-bottom: 1px solid #800;
   text-decoration: none;
   color: #800;
   }

li a:hover {
   border: 0;
   }

.centered {
   text-align: center;
   }

.contentimg {
   display: block;
   margin: 0 auto;
   padding: 0 0 20px;
   }

.signup {
   width: 25em;
   margin: 0 auto 20px;
   border: 1px solid #999;
   background-color: lightyellow;
   }

.signup p {
   margin-bottom: 5px;
   }

.article {
   margin: 0 0 20px;
   border-bottom: 1px dashed #999;
   }

.article h4, .consult h4 {
   margin: 0 0 10px;
   font-size: 110%;
   }

.article h4 a, .consult h4 a {
   border-bottom: 1px solid #800;
   text-decoration: none;
   color: #800;
   }

.article h4 a:hover, .consult h4 a:hover {
   border: 0;
   }

.article h6, .consult h6 {
   margin: 0 0 10px;
   font-size: 95%;
   }

.consult {
   margin: 0 0 20px;
   }

#right .consult {
   text-align: right;
   }

.consult img {
   margin: 0 0 15px;
   }

#blockquote {
   clear: left;
   margin: 0 30px;
   padding: 20px 0 10px;
   color: #ddd;
   background-color: #800;
   }

#blockquote p {
   margin: 0 20px 1.4em;
   font-weight: bold;
   text-align: center;
   line-height: 1.4em;
   }

.tinylink {
   margin-top: 15px;
   font-size: 75%;
   text-align: center;
   }

.contact {
   border-collapse: separate;
   }

.address {
   margin-bottom: 2px;
   }

.by {
   font-size: 95%;
   font-weight: bold;
   color: #800;
   }