* {
   margin: 0;
   padding: 0;
}

body {
   margin: 0;
   padding: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 77.5%;
   background: #603913 url(../img/body-bg.gif) repeat left top;
}

.clearleft,
.clearright,
.clearfix {
   height: 0;
   font-size: 0.01em;
   line-height: 0.01em;
}
.clearleft {
   clear: left;
}
.clearright {
   clear: right;
}
.clearfix {
   clear: both;
}

#wrapper {
   width: 772px;
   margin: 0;
   padding: 20px 0 50px 0;
   margin-left: auto;
   margin-right: auto;
}

   #header {
      position: relative;
      width: 772px;
      height: 170px;
      background: transparent url(../img/header-bg.png) no-repeat left top;
   }
      #header h1 {
         position: absolute;
         display: block;
         top: 30px;
         left: 35px;
         width: 370px;
         height: 135px;
      }
      #header h1 a {
         display: block;
         width: 100%;
         height: 100%;
      }
      #header h1 a span {
         display: none;
      }
   
      #utility-nav {
         position: absolute;
         right: 0;
         bottom: 24px;
      }
      #utility-nav a {
         color: #fff;
         font-size: 0.9em;
         text-decoration: none;
      }
      #utility-nav a:hover {
         text-decoration: underline;
      }
   
   #main-well {
      width: 772px;
      background: transparent url(../img/main-bg.gif) repeat-y 18px top;
   }
   
      #left-column {
         float: left;
         width: 451px;
         background: transparent url(../img/content-bg.gif) repeat-y 18px top;
      }
      
         #left-column .content {
            min-height: 189px;
         }
         #left-column .content.arrow {
            background: transparent url(../img/content-well-arrow-bg.gif) no-repeat right top;
         }
         #left-column .content.empty {
            background: transparent url(../img/content-well-empty-bg.gif) no-repeat right top;
         }
      
         #left-column-bottom {
            height: 18px;
            font-size: 0.01em;
            line-height: 0.01em;
            background: transparent url(../img/content-bottom-bg.gif) no-repeat right top;
         }
      
      #right-column {
         float: right;
         width: 318px;
         margin: 0 0 0 3px;
      }
      #right-column ul#nav {
         min-height: 230px;
         padding: 5px 5px 0 5px;
         list-style: none outside none;
         background: #00aeef;
      }
      #right-column ul#nav li {
         display: block;
         margin: 0 0 4px 0;
      }
      #right-column ul#nav li a {
         display: block;
         overflow: hidden;
         height: 18px;
         padding: 4px 4px 0 4px;
         font-size: 0.9em;
         font-weight: bold;
         text-decoration: none;
         color: #fff;
         background: #52cbf5;
      }
      #right-column ul#nav li.active a,
      #right-column ul#nav li a:hover {
         background: #ec008c;
      }
      
         #right-column-form {
            position: relative;
            min-height: 62px;
            padding: 0 5px 0 5px;
            background: #5f3812 url(../img/nav-email-bg.gif) no-repeat left top;
         }
         
            #right-column-form label {
               float: left;
               margin-top: 5px;
               font-size: 0.8em;
               font-weight: bold;
               color: #fff;
            }
            #right-column-form input.text {
               float: left;
               width: 110px;
               height: 18px;
               padding: 2px;
               margin-top: 1px;
               margin-left: 5px;
               border: none;
            }
            #right-column-form input.image {
               float: left;
               margin-left: 5px;
            }
            
            #right-column-form h2 {
               position: absolute;
               display: block;
               top: 30px;
               left: 10px;
               width: 115px;
               height: 25px;
            }
            #right-column-form h2 a {
               display: block;
               width: 100%;
               height: 100%;
            }
            #right-column-form h2 a span {
               display: none;
            }

/* content structures */
#left-column .content {
   padding: 95px 20px 10px 55px;
}

#left-column .content .arrow-spacer {
   float: right;
   width: 75px;
   height: 170px;
}

/* title styles */
#left-column .content h2.title {
   display: block;
   background: transparent none no-repeat left top;
   margin: 0 0 30px 0;
}
#left-column .content h2.title span {
   display: none;
}

#left-column .content h2.tobacco-free-colleges {
   width: 192px;
   height: 37px;
   background-image: url(../img/title-tobacco-free-colleges.gif);
}
#left-column .content h2.contact-us {
   width: 96px;
   height: 14px;
   background-image: url(../img/title-contact-us.gif);
}
#left-column .content h2.the-movement {
   width: 133px;
   height: 14px;
   background-image: url(../img/title-the-movement.gif);
}
#left-column .content h2.newsletters {
   width: 102px;
   height: 14px;
   background-image: url(../img/title-newsletters.gif);
}
#left-column .content h2.news-about-tfc {
   width: 49px;
   height: 14px;
   background-image: url(../img/title-news-about-tfc.gif);
}
#left-column .content h2.join-the-trend {
   width: 123px;
   height: 19px;
   background-image: url(../img/title-join-the-trend.gif);
}
#left-column .content h2.adopt-a-policy {
   width: 128px;
   height: 18px;
   background-image: url(../img/title-adopt-a-policy.gif);
}
#left-column .content h2.implement-a-policy {
   width: 168px;
   height: 18px;
   background-image: url(../img/title-implement-a-policy.gif);
}
#left-column .content h2.nc-tobacco-law {
   width: 244px;
   height: 18px;
   background-image: url(../img/title-nc-tobacco-law.gif);
}
#left-column .content h2.tobacco-free-nc-campuses {
   width: 274px;
   height: 18px;
   background-image: url(../img/title-tobacco-free-nc-campuses.gif);
}
#left-column .content h2.email-submission {
   width: 152px;
   height: 14px;
   background-image: url(../img/title-email-submission.gif);
}


/* content styles */
.black {
   color: #000 !important;
}
.pink {
   color: #ec018e !important;
}
.blue {
   color: #00bff3 !important;
}
.smaller {
   font-size: 0.8em !important;
}

#left-column .content h3 {
   font-size: 1.1em;
   margin: 0 0 1.0em 0;
}
#left-column .content h4 {
   font-size: 0.9em;
   font-weight: normal;
   color: #00bff3;
}
#left-column .content p {
   margin: 0 0 1.5em 0;
   font-size: 0.9em;
   line-height: 1.3em;
}
#left-column .content a {
   color: #ec018e;
}
#left-column .content a:hover {
   color: #9f004f;
}
#left-column .content a img {
   border: none;
}
#left-column .content ul {
   list-style: disc outside none;
   margin: 0 0 1.5em 0;
   padding-left: 2.0em;
}
#left-column .content ol {
   list-style-position: outside;
   margin: 0 0 1.5em 0;
   padding-left: 2.0em;
}
#left-column .content ol li,
#left-column .content ul li {
   font-size: 0.9em;
   margin: 0 0 2px 0;
}
#left-column .content ol li ol,
#left-column .content ul li ul {
   margin-top: 2px;
   margin-bottom: 0;
}
#left-column .content ol li ol li,
#left-column .content ul li ul li {
   /* prevent recursive nesting font-size shrinkage */
   font-size: 1.0em;
}
#left-column .content ol.spaced li,
#left-column .content ul.spaced li {
   margin-bottom: 8px;
}
#left-column .content ol.spaced li ol,
#left-column .content ul.spaced li ul {
   margin-top: 8px;
}
#left-column .content img {
   margin: 0 0 10px 0;
}
#left-column .content dl {
   margin: 0 0 1.5em 0;
   border: 1px solid #000;
   border-width: 0 0 1px 0;
}
#left-column .content dl.last {
   border: none;
}
#left-column .content dl dt {
   margin: 0 0 0.5em 0;
   font-size: 1.0em;
   font-weight: bold;
}
#left-column .content dl dd {
   margin: 0 0 1.5em;
}
#left-column .content img.legend {
   border: 1px solid #00bff3;
   
}