/*----------------------------------------------------------------------------

     * Filename:          hp2sm.css

  * Description:          Home Page 2 Side Menu CSS

      * Version:          1.0.0 (02-16-2010) MM-DD-YYYY

      * Website:          http://includes.calmwatersolutions.com/

       * Author:          Mike Baldwin

  == STRUCTURE: ==============================================================

   * Page width:          Variable

   # of columns:          1-3 (Left/Center/Right) [Automatic through database]

        Anchors:          $__main               Main Definitions
                          $__contentLeft        Left Content Definitions
                          $__contentRight       Right Content Definitions
                          $__contentMiddle      Middle Content Definitions

  ----------------------------------------------------------------------------*/


/*   __main
--------------------------------------------*/

div#hp2sm div.bottomClear{
 clear:both;
 width:100%}
div#hp2sm div#column1 h3,
 div#hp2sm div#column2 h3{
 text-shadow:1px -1px 1px #fff}
div#hp2sm div.accordion dl.ui-state-active{
 border-bottom:none}
div#hp2sm div#column1{
 border:1px solid #000;
 box-shadow:2px 2px 2px #000;
 clear:left;
 float:left;
 margin:1em 0 0 0;
 padding:0;
 width:64%}
div#hp2sm div#column1 h3{
 border-bottom:1px solid #000;
 margin:0 0 0.2em 0;
 padding:0.2em 0;
 text-align:center}
div#hp2sm div#column1 div#section1{
 text-align:center}
div#hp2sm div#column1 div#section1 div#newsContainer{
 max-height:150px;
 overflow:auto}
p.contentUnavailable{
 padding:0.5em;
 text-align:center}

div#hp2sm div#column1 div#section1 p{
 margin:1.15em;
 padding:0 1em}
div#hp2sm div#column1 div#section2{
 height:325px;
 padding:0 0 0 0}
div#hp2sm div#column1 div#section2 h3{border-top:1px solid #000}
div#hp2sm div#column1 div#section2 dl.feature{
 margin:0;
 padding:0.5em 0}
div#hp2sm div#column1 div#section2 div.featureDescription{
 margin:0;
 padding:0.5em}
div#hp2sm div#column1 div#section2 dl.feature dt.featureTitle{
 clear:left;
 float:left;
 font-weight:bold;
 margin:0;
 padding:0 0 0 2em}
div#hp2sm div#column1 div#section2 dl.feature dd.featureDate{
 clear:right;
 float:right;
 margin:0;
 padding:0 1em 0 0}
div#hp2sm div#column1 div#section2 dl.feature dd.featureDate span{text-decoration:underline}

div#hp2sm div#column2{
 border:1px solid #000;
 box-shadow:2px 2px 2px #000;
 clear:right;
 float:right;
 margin:1em 0 0 0;
 padding:0 0 0.5em 0;
 width:35%}
div#hp2sm div#column2 h3{
 border-bottom:1px solid #000;
 margin:0 0 0.2em 0;
 padding:0.2em 0;
 text-align:center}
div#hp2sm div#column2 dl.project{
 border-bottom:1px solid #000;
 margin:0 1em;
 padding:0.5em 0}
div#hp2sm div#column2 dl.project.last{
 border:none;
 padding:0.5em 0 0 0}
div#hp2sm div#column2 dl.project dt.projectTitle{
 font-weight:bold;
 margin:0;
 padding:0}
div#hp2sm div#column2 dl.project dd.projectType{
 margin:0;
 padding:0}
div#hp2sm div#column2 dl.project dd.projectDate{
 clear:right;
 float:right;
 margin:-0.8em 0 0 0;
 padding:0}