/* 
========================================================================
Filename:		styles.css
Date Created:	2007-03-13
Description:	Global CSS stylesheet
Site:			Create KX
Author:			Clare Hyam (clare.hyam@atticmedia.com)
========================================================================
*/
/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
-------------- Global Styles -------------- */
/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
	
}
html 
{height:100%;
}

body 
{background-image:url(../images/generic/wrapper.gif);
    font-family:Arial, Helvetica, Serif;
    font-size:62.5%;
    height:100%;
    color:#d0d0d0;
    
   
}
    .float_left 
    {float:left;
    }
    .float_right
    {float:right;
    }
    .hr 
    {background-image:url(../images/generic/hr.gif);
        height:3px;
        margin:20px 0;
        border:none;
        
    }
    hr 
    {display:none;
    }
    .clear
    {clear:both;
        height:1px;
        overflow:hidden;
    }
    div.marg_bttm p
    {margin-bottom:25px;
    }
    div.marg_top p
    {margin-top:10px!important;
    }
     div.marg_10px p
    {margin:10px!important;
    }
    
    div.no_marg p
    {margin:0px!important;
    }
    .hidden 
    {display:none;
    }
    fieldset 
    {border:none;
    }
    .print
    {display:none;
    }
    label 
    {padding-right:5px;
    }
/* =Typography
-----------------------------------------------------------------------------*/
h1 {font-size: 1.8em;	font-weight: normal;}
h2 {font-size: 1.0em;	margin-bottom:12px;}
h3 {font-size: 1.2em; color:#C5C07B; font-weight:bold;}
h4 {font-size: 1.4em; color:#fff; margin-bottom:10px;}
p, address, .chk {font-size: 1.2em; }
#main_content p 
{margin-bottom:25px;
}
#main_content ul li p,
 #main_content ul li .chk
{margin-bottom:0px;
}
address{font-style:normal;}
    h1.neg_marg 
    {margin-top:-10px
    }
    h2.neg_marg 
    {margin-top:-9px
    }
    div.bulleted p
    {padding-left:16px;
        background-position:left 2px!important;
    }
    #secondary_content h3
    {color:#fff;
      margin-top:25px;
      margin-bottom:0px;
    }
    #main_content .events h2 
    {font-size: 1.2em!important;
         color:#C5C07B!important;
         font-weight:bold!important;
         text-transform:capitalize!important;
         margin-top:25px;
         margin-bottom:6px!important;
    }
    h3.events 
    {font-size: 1.4em;
         color:#fff; 
         margin-bottom:10px;
         margin-top:0px!important;
    }    
        h1 span.block
        {display:block;
            margin-top:10px;
        }
      #main_content h1 
        {margin-bottom:13px;
        }
#content #main_content .register h3 
{margin-top:0px;
    margin-bottom:15px;
}
/* =Links
-----------------------------------------------------------------------------*/
a img 
{border:none;
}
a
{color:#C1BD8B;
    font-weight:bold;
}
/* =Lists
-----------------------------------------------------------------------------*/
ul 
{list-style-type:none;
}
ul.bulleted
{
    margin-bottom:18px;
}
ul.events li,
ul.news li  
{margin-bottom:20px;
}
#main_content ul.bulleted 
{margin-left:10px;
    margin-right:20px;
}
    ul.bulleted li 
    {background-image:url(../images/generic/list_bullet.gif);
        background-repeat:no-repeat;
        padding-left:10px;
        background-position:left 5px;
    }
        #main_content ul.bulleted li p 
        {margin-top:10px;
            margin-bottom:0;
        }
 /* Page Navigation */
  #main_content .pagenav ul 
 {display:inline;
    float:right;
    padding-top:8px;
    padding-bottom:8px;
 }
      #main_content .pagenav li,
       #main_content .pagenav p 
      {display:inline;
      }
        #main_content .pagenav p.status 
        {float:left;
            margin-top:8px;
        }
            #main_content .pagenav li p 
            {padding-left:0px;
                margin-left:-1px;
                background-image:url(../images/generic/secondary_content.gif);
                padding:3px!important;
                color:#fff;
            }
             #main_content .pagenav li.selected p
             {border:1px solid white;
             }
                 #main_content .pagenav li p a
                 {text-decoration:none;
                    font-weight:normal;
                    color:#fff;
                 }
 .arrivals p 
 {margin-bottom:25px!important;
    margin-top:0px!important;
 }
  #header p 
  {margin-bottom:0px!important;
  }
 .arrivals h3
 {margin-bottom:15px!important;
 }
/* =Wrapper
-----------------------------------------------------------------------------*/
#wrapper 
{background-image:url(../images/generic/header_wrapper.gif);
   height:100%;
    background-repeat:repeat-x;
    
}
/* =Header
-----------------------------------------------------------------------------*/

#header 
{
    background-image:url(../images/generic/header.gif);
    width:749px;
    padding:0 11px;
    height:367px;
    margin:0 auto;
    background-repeat:no-repeat;
    position:relative;
}
#events #header
{background-image:url(../images/generic/header_events.gif);
}
#arrivals #header
{background-image:url(../images/generic/header_arrivals.gif);
}
#background #header
{background-image:url(../images/generic/header_background.gif);
}
#contact #header
{background-image:url(../images/generic/header_contact.gif);
}
#news #header
{background-image:url(../images/generic/header_news.gif);
}
#links #header
{background-image:url(../images/generic/header_links.gif);
}
#directory #header
{background-image:url(../images/generic/header_directory.gif);
}
    #header .logo
    {
        top:19px;
        right:10px;
        position:absolute;
    }
    #header p.blurb
    {position:absolute;
        top:139px;
        left:25px;
    }
/* =Main Navigation
-----------------------------------------------------------------------------*/
ul.nav li.selected 
{border-bottom:5px solid #000;
    padding-bottom:2px;
}
    ul.nav li.selected p 
    {color:#AD2E0B;
        background-image:url(../images/navigation/red_dot.gif);
        background-repeat:no-repeat;
        background-position:left 6px;
    }
    ul.nav li.selected p a 
    {color:#AD2E0B;
    }
   
ul.nav li 
{float:left;
    margin-top:40px;
    padding:0 8px;
    background-image:url(../images/navigation/border_vert.gif);
    background-repeat:repeat-y;
    background-position:right;
    height:35px;
}
    ul.nav li a
    {text-decoration:none;
        color:#000;
        font-weight:normal;
    }
    ul.nav li p 
    {padding-top:20px;
      
    }
/* =Sub Navigation
-----------------------------------------------------------------------------*/
 ul.subnav 
    {background-image:url(../images/navigation/sub_nav_bg.png);
        float:left;
        position:absolute;
        width:752px;
       top:80px;
       height:31px;
        left:10px;
    }   
        ul.subnav li 
        {height:18px;
            margin-top:6px;
            
        }
            ul.subnav li p 
            { padding-top:0px;
                font-size:1.2em;
                color:#fff!important;
                font-weight:bold;
            }
                ul.subnav li p a 
                {color:#fff;
                }
            ul.nav li.selected ul.subnav li p 
            {background-image:none;
            }
                 ul.nav li.selected ul.subnav p a 
                    {color:#fff;
        }
/* =Content Area
-----------------------------------------------------------------------------*/
#content 
{background-image:url(../images/generic/main_content.gif);
    width:771px;
    margin:0 auto 0 auto;
     position:relative;
    background-repeat:repeat-y;
   overflow:auto;
}
#wrapper .twocol
{background-image:url(../images/generic/content_2col.gif)!important;
    
}
/* =Main Content
-----------------------------------------------------------------------------*/
#main_content 
{   float:left;
    width:368px;
   padding-top:41px;
   margin-left:20px;
   margin-right:10px;
   padding-bottom:65px;
}
   #main_content p,
   #main_content h3 
   {margin-top:25px;
    
   }
    #main_content h2,
    #main_content .dir_join fieldset legend,
    #wrapper .twocol #secondary_content h2 
     {text-transform:uppercase;
        margin-bottom:10px;
        font-size:1.2em;
        color:#fff;
     }
     #main_content .dir_join fieldset legend
     {font-weight:bold;
     }
   #main_content div.neg_marg p
   {margin-top:15px;
   }
   #main_content div.intro p
   {margin-top:0px;
    font-weight:bold;
   }
       #main_content p span,
       #wrapper .twocol #secondary_content p span 
       {color:#fff;
        font-weight:bold;
       }  
       
       .vcard p span 
       {
        font-weight:normal!important;
        color:inherit!important;
       }
        #main_content ul li img 
        {border:1px solid #AEAEAE;
        }
/*=Details Styles */
#main_content .details h2,
#main_content .search h2,
#main_content .background h2,
#main_content .contact h2 
{font-size: 1.4em; color:#fff; margin-bottom:10px!important; }
#main_content .details p 
{margin-top:14px;
}
#main_content .details h3 ,
#secondary_content h3,
#main_content .background h3,
#content .arrivals h3,
#main_content .register fieldset h3
{text-transform:uppercase;
    background-image:url(../images/generic/border_vert_secondary.gif);
    background-repeat:repeat-x;
    background-position:left bottom;
    
}
#main_content .details h4,
#main_content .background h4 
{background-image:url(../images/generic/title_bar_tile.gif);
    font-size:1.2em;
    padding-left:6px;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:7px;
}
    #main_content .details #map 
{width:362px!important;
    height:299px!important;
    margin-top:4px;
    border:1px solid #000;
    margin-bottom:5px;
}   
  #main_content .details .hr 
  {margin-top:0px;
    margin-bottom:13px;
  }     
        #main_content .details .vcard p 
        {margin-bottom:10px;
        }     
       
 /*=Form Styles*/
 #main_content .search,
 #main_content .dir_join,
  #main_content .register,
 #main_content .contact,
  #main_content .newsletter  
 {background-image:url(../images/generic/secondary_content.gif);
    padding:15px;
 }
    
     #main_content .search ul li p,
      #main_content .contact ul li p,
      #main_content .newsletter ul li p,
      #main_content .dir_join ul li .chk,
       #main_content .register li p
     {margin-top:0px;
        margin-bottom:6px;
     }
        #main_content .search ul li p label,
        #main_content .contact ul li p label,
         #main_content .newsletter ul li p label,
         #main_content .dir_join ul li label,
          #main_content .register ul li p label
        {font-weight:bold;
            color:#C1BD8B;
            font-weight:bold;
        }
        #main_content .search ul li p span,
        #main_content .contact ul li p span,
         #main_content .newsletter ul li p span,
         #main_content .dir_join ul li span,
          #main_content .register ul li p span
          {font-weight:normal!important;
          }
        #main_content .search ul li .submit,
        #main_content .contact ul li .submit,
        #main_content .newsletter ul li .submit,
        #main_content .dir_join ul li .submit,
         #main_content .register ul li .submit
        {margin-top:10px;
            margin-bottom:10px;
        }
        #main_content .search ul li input 
        {width:330px;
        }
        
 /* =Result styles*/
 #main_content .results
 {margin-top:18px;
 }
      #main_content .results ul 
        {
            padding-top:10px;
            padding-bottom:10px;
        }
      #main_content .results ul.vcard:hover 
      {background-image:url(../images/generic/secondary_content.gif);
      }
        #main_content .results li
        {padding-bottom:10px;
            }
             #main_content .results li p
             {margin-top:0;
                padding-left:16px;
             }

   #main_content .results .hr
 
  {background-image:url(../images/generic/results_bar.gif);
    background-repeat:repeat-x;
  margin-top:0px;
    margin-bottom:0px;
   
    
  }
    #main_content .results h2,
    #main_content .dir_details h2,
    #secondary_content .dir_details h2
    {background-image:url(../images/generic/results_title.gif);
        background-repeat:repeat-x;
        background-position:left bottom;
        padding-bottom:6px;
        margin-bottom:0px!important;
    }
     #main_content .results li.fn p
            {background-image:url(../images/generic/arrow_bullet.gif);
                background-repeat:no-repeat;
                background-position:left 2px;
                
            }
   /*=Directory Details Styles*/
#main_content .dir_details,
#secondary_content .dir_details
{background-image:url(../images/generic/secondary_content.gif);
    padding:10px;
}
      #main_content  .design2, 
      #secondary_content .design2 
      {background-image:url(../images/generic/results_title.gif);
        background-repeat:repeat-x;
        background-position:left bottom;
        margin:0px;
       
      }
    #content .dir_details ul
    {margin-bottom:15px;
    }
    #content .dir_details ul li
    {margin-top:5px;
    }
        #content .dir_details ul li p
        {margin-top:0px;
        }
/* =Background Styles*/

#main_content .background h2 
{margin-top:10px;
}
/* =Links Page styles*/

#main_content ul.links
{margin-top:18px;
}
    #main_content ul.links li 
    {margin-bottom:25px;
    }
        #main_content ul.links p 
        {margin-top:10px;
}
        #main_content ul.links a img 
        {float:left;
            margin-right:10px;
            margin-bottom:5px;
        }

/* =Contact Us Form Styles*/
#main_content .contact li input,
#main_content .newsletter li input
{margin-bottom:10px;
    width:335px;
}
#main_content .contact li .submit,
#main_content .newsletter li .submit,
#main_content .search li .submit   
{width:70px;
}
#main_content .contact li span.float_right,
#main_content .newsletter li span.float_right
{color:#fff;
}
/* =Form Styles
-----------------------------------------------------------------------------*/
#wrapper .twocol #main_content .dir_join ul.tick li 
{/*float:left;*/
    width:50%;
}
    ul.tick li input,
    ul.tick li p,
    ul.tick li .chk
    {float:left;
    }
    ul.tick li p,
    ul.tick li .chk
    {margin-left:5px!important;
        margin-bottom:0px;
        width:150px;
    }
    #wrapper .twocol #main_content .dir_join p label, 
    #content #main_content .register p label 
    {/*color:#ffffff;
        font-weight:normal;*/
        
    }
    ul.tick li.neg_margin
    {margin-top:-10px;
    }  
    ul.tick li
    {/*clear:left;*/
        float:right;
        padding:0px 0px;
    }
   ul.tick li.left_col
    {/*clear:right;*/
        float:left;
    }
    #wrapper .twocol #main_content .dir_join ul li p,
    #content #main_content .register ul li p
    {margin:0;
        margin-bottom:6px;
    }
    #wrapper .twocol #main_content .dir_join ul li input,
    #content #main_content .register ul li input
    {margin-bottom:12px;
    }
     
    input.large,
    textarea.large
    {width:325px;
    }
    input.small
    {width:78px;
    }
    select.med
    {width:145px;
    }
    ul.tick li input 
    {margin-bottom:0;
    }
    #wrapper .twocol #main_content .dir_join 
    {padding-bottom:48px;
    }
    ul li ul.tick li
    {float:none;
        clear:both;
        padding:2px 0px;
    }
    ul li ul.tick li .chk 
    {margin-left:5px!important;
    }
    
    ul li ul.tick
    {margin-top:12px;
    }
/* =Table Styles
-----------------------------------------------------------------------------*/
#main_content table
{margin:0px;
    width:100%;
}
    #main_content table p
    {margin-top:0px!important;
        margin-bottom:0px!important;
    }
    #main_content table td 
    {background-image:url(../images/generic/secondary_content.gif);
        padding:15px 10px;
    }
    #main_content table thead td 
    {padding:10px 10px;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/
#secondary_content 
{   /*margin-top:-14px;*/
    float:left;
    width:140px;
    /*background-image:url(../images/generic/secondary_content.gif);*/
    z-index:40;
    padding-top:41px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:65px;
    /*height:100%;*/
}
#wrapper .twocol #secondary_content
{width:330px;
}
    #secondary_content .hr 
    {margin-top:10px;
    }
    #secondary_content a img.float_right 
    {
        margin-bottom:12px;
    }
    #secondary_content ul 
    {margin-top:5px;
        margin-bottom:25px;
    }
       
        #secondary_content li,
        div.bulleted p
        {background-image:url(../images/generic/arrow_bullet.gif);
            background-repeat:no-repeat;
            background-position:left 4px;
        }
         #wrapper .twocol #secondary_content li 
        {background-image:none;
        }
            #secondary_content li p 
            {margin-left:15px;
                line-height:160%;
            }
            
        #secondary_content ul.links li
        {margin-bottom:13px;
        }
        #secondary_content ul.vevent
        {margin-bottom:0px;
        }
      #secondary_content ul.vcard 
      {margin-bottom:0px;
        margin-bottom:30px;
      }
            #secondary_content ul.vevent li,
            #secondary_content ul.vcard li
            {background-image:none;
                margin-top:15px;
            }
                #secondary_content ul.vevent li p,
                #secondary_content ul.vcard li p
                {margin-left:0px;
                    line-height:normal;
                }
                #secondary_content ul.vevent li abbr
                {border-bottom:none;
                }
                #secondary_content ul.vevent li h4 ,
                #secondary_content ul.vcard li h4 
                {color:#C1BD8B;
                    font-size:1.2em;
                    margin-top:0px;
                    margin-bottom:0px!important;
                   
                }
                #secondary_content ul.vevent li.cost h4,
                #secondary_content ul.vevent li.cost p,
                #secondary_content ul.vcard li.zip h4,
                #secondary_content ul.vcard li.zip p,
                 #secondary_content ul.vcard li.telephone h4,
                #secondary_content ul.vcard li.telephone p,
                #secondary_content ul.vcard li.emailli h4,
                #secondary_content ul.vcard li.emailli p  
                {display:inline;
                }
                #secondary_content ul.vevent li.cost p ,
                #secondary_content ul.vcard li.emailli p,
                #secondary_content ul.vcard li.zip p,
                #secondary_content ul.vcard li.telephone p
                {padding-left:5px;
                }
                #secondary_content ul.vevent li.neg_marg
                {margin-top:5px;
                }
      /* =Browse By Category styles */
      #secondary_content .category
      {margin-top:28px;
      }
          #secondary_content .category li 
            {margin-top:6px;
                }
                #secondary_content .category li p {
                background-image:url(../images/generic/border_vert_secondary.gif);
                background-repeat:repeat-x;
                background-position:left bottom;
                margin-left:0px;
                padding-left:15px;
                padding-bottom:6px;
                }
            #secondary_content .category h3 
            {
                margin-bottom:15px;
                background-image:url(../images/generic/results_title.gif);
                padding-bottom:6px;
                margin-top:0px!important;
            }
            #wrapper .twocol #secondary_content .vcard li p 
            {margin-left:0px;
            }
           
            #wrapper .twocol #secondary_content p.marg_10px
            {margin:10px 0px;
            }
/* =Sidebar
-----------------------------------------------------------------------------*/
#sidebar
{  
    float:left;
    width:149px;
    padding-right:14px;
    padding-top:41px;
    padding-left:18px;
    padding-bottom:65px;
    
}
    #sidebar a.float_right img 
    {margin-top:5px;
        
    }
#sidebar ul.sponsors 
{margin-top:30px;
}
    #sidebar ul.sponsors li
    {padding-bottom:10px;
    }
        #sidebar ul.sponsors li a img 
        {border:1px solid #000;
        }
/* =Crumbtrail
-----------------------------------------------------------------------------*/
#header ul#crumbtrail
{position:absolute;
    top:345px;
    left:20px;
}
    #header ul#crumbtrail li
    {float:left;
    }
         #header ul#crumbtrail li p 
         {margin-right:5px;
            color:#fff;
         }
              #header ul#crumbtrail li p a
              {margin-right:5px;
              }
/* =Footer
-----------------------------------------------------------------------------*/
#footer
{ background-color:#000;
   min-height:35px;
    position:relative;
    color:#808080;
    clear:both;
}
 #footer p 
 {width:729px;
    margin:0 auto;
    padding:10px;
 }   
/* =Site Map
-----------------------------------------------------------------------------*/