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

     * Filename:          edp1dsm.css

  * Description:          Event Details Page 1 Double Sided Menu CSS

      * Version:          1.0.0 (01-22-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
                          $__latest     Latest Event Definitions
                          $__past       Past Event Definitions
                          $__modal      Modal Definitions

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


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

body#event{margin:0 auto}
div.layoutEventDetails{padding:10px 0 5px 0}
div.layoutEventDetails dl{
 margin:10px 10px 15px 10px;
 padding:0}


/*   __latest
--------------------------------------------*/

div.layoutEventDetails dt.secTitle{
 border-bottom:1px solid;
 font-size:130%;
 font-weight:bold;
 margin-bottom:7px;
 padding-bottom:6px}
div.layoutEventDetails dt.title{
 font-size:110%;
 font-weight:bold;
 margin:0 0 3px 0}
div.layoutEventDetails dd.date{
 clear:left;
 float:left;
 margin:0 0 3px 0}
div.layoutEventDetails dd.date span{text-decoration:underline}
div.layoutEventDetails dd.type{
 clear:right;
 float:right;
 margin:0 0 3px 0}
div.layoutEventDetails dd.type span{text-decoration:underline}
div.layoutEventDetails dd.details{
 clear:both;
 margin:0;
 padding:4px 0}
div.layoutEventDetails dd.contact{
 clear:left;
 margin:0;
 padding-bottom:6px}
div.layoutEventDetails dd.contact span{text-decoration:underline}
div.layoutEventDetails dt.separator{
 border-bottom:1px solid;
 clear:left;
 margin:0 0 6px 0;
 padding-bottom:6px}


/*   __past
--------------------------------------------*/

div.layoutEventDetails dl#pastTitle{
 margin:0 10px;
 padding:0}


/*   __modal
--------------------------------------------*/

div#eWrapper{
 margin:0 auto;
 text-align:left}
div#eWrapper dt{
 clear:left;
 float:left;
 min-height:1.2em;
 padding:0.2em 0.5em;
 width:9em}
div#eWrapper dd{
 clear:right;
 margin-left:10.3em;
 min-height:1.2em;
 padding:0.2em 0.2em 0.2em 0.6em;
 text-align:left}
div#eWrapper dt.heading{padding:0.3em}
div#eWrapper dt.heading,
 div#eWrapper dl dt.border{
 float:none;
 clear:both;
 padding:0.2em 0;
 text-align:center;
 width:100%}
div#eWrapper dl dt.border{
 margin:0;
 min-height:0;
 padding:0}