﻿/*
============================================
Rocky Mountain Swim League 
Design by CommunityAhead 2009
(303) 325-5663
http://www.CommunityAhead.com
============================================
*/

*
{
    margin: 0;
    padding: 0;
}

html
{
    font-family: Arial, Helvetica, sans-serif;
    color: #444;
    font-size: 15px;
    line-height: 22px;
}

html, form, body
{
  
    height: 100%;
    width: 100%;
    
}

body.default
{
       background: #FFFFFF url(images/header01.jpg) no-repeat center top;
}

body.home
{
       background: #FFFFFF url(images/home-header01.jpg) no-repeat center top;
}

h1, h2, h3, h4, h5
{
    font-weight: normal;
    color: #315d85;
}

img
{
    border: 0;
}

a img
{
    border: 0;
}


p
{
    font-size: 15px;
    margin-bottom: 10px;
        
}

ul li, ol li
{
    margin-left: 25px;
}

h1
{
     font-size: 29px;
     line-height: 40px;
     
}

h2, h3
{
    font-size: 22px;
    line-height: 38px !important;
    margin-bottom: 5px !important;
}

h4
{
    font-size: 17px;
    font-weight: bold;
    line-height: 26px;
    margin: 5px 0 3px 0;
    color: #000;
    
}

h5
{
    font-size: 15px;
    
}

img
{
    border: none;
}

a:link, a:visited, a:active
{
  color: #444;
  text-decoration: underline;
}

a:hover
{
  color: #33a8c0;
  text-decoration: underline;
}

.attention
{
    padding: 3px 4px 3px 4px;
    background-color:  Yellow;
}

.alert
{
    color: Red;
    font-weight: bold;
    
 }
 
.coolblue
{
    color: #315d85;   
}

#Wrapper
{
    width: 960px;
    margin: 0 auto;
    min-height: 100%;
    margin-bottom: -330px;
    position: relative;
    
}

#HomeHeaderZone
{
    width: 960px;
    padding: 0;
    margin: 0;
    height: 355px;
}

#HeaderZone
{
    width: 960px;
    padding:0;
    margin:0;
    height: 265px;
}

#SidebarZone
{
    float: left;
    width: 320px;
  
}

#ContentZone
{
    float: left;
    width: 640px;
    
}

#FooterZone
{
    width: 100%;
    height: 330px;
    background: #33a8c0 url(images/footer.jpg) no-repeat center top;
    position: relative;
}

.FooterContents
{
    width: 960px;
    height: 250px;
    padding-top: 80px;
    margin: 0px auto;
    color: #FFF;
    font-size: .8em;
     font-weight: bold;
}

.logos
{
    width: 960px;
    padding: 0;
    margin: 15px 0 0 0;
    text-align: center;
}

.logos img
{
    margin-bottom: 15px;
       
}

.TwelveCol.Logo h1
{
   font-size: 2.5em;
   color: #000;
}

.TwelveCol.Logo a
{
    text-decoration: none;
    color: #000;
}

.TwelveCol.Logo a:hover
{
    
    color: #FFF;
}


.TwoCol, .ThreeCol, .FourCol, .FiveCol, .SixCol, .SevenCol, .EightCol, .NineCol, .TenCol, .ElevenCol, .TwelveCol
{
    margin-right: 17px;
    float: left;
    margin-Bottom: 15px;
}

.TwoCol
{
    width: 143px;
}

.ThreeCol
{
    width: 223px;
}

.FourCol
{
    width: 303px;
}

.FiveCol
{
    width: 383px;
}

.SixCol
{
    width: 463px;
}

.SevenCol
{
    width: 543px;
}

.EightCol
{
    width: 623px;
}

.NineCol
{
    width: 703px;
}

.TenCol
{
    width: 783px;
}

.ElevenCol
{
    width: 863px;
}

.TwelveCol
{
    width: 943px;
}

.EightCol.PageTitle
{
    font-size: 29px;
    color: #315d85;
    line-height: 41px;
    margin-bottom: 5px !important;
    margin-top: 5px;
}

.EightCol.PageTitle img
{
    border: none;
}

.UpHead
{
    height: 220px;
    padding-top: 10px;
    overflow: hidden;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}

.UpHead.Logo
{
    height: 210px;
    padding-top: 20px;
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
}


.UpHead a
{
    color: #444;
    text-decoration: none;
}

.UpHead.Logo h1,
.UpHead.Logo a
{
    color: #000;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

.UpHead a:hover h1,
.UpHead h1:hover,
.UpHead a:hover
{
    color: #FFF;
    cursor:pointer;
    text-decoration: none;
}

.UpHead.Logo img
{
    border:0;
}

.LowHomeHead
{
    margin-top: 20px;
    height: 60px;
    overflow: hidden;
}

.Right
{
    text-align: right;
}

.MenuTop
{
    height: 11px;
    background-image: url(images/menu-top.jpg); 
}

.FourCol.Menu
{
     background: url(images/menu-bkgd.jpg) repeat-y top left;
     margin-bottom: 0;
}

.MenuLower
{
    height: 20px;
    clear:both;
    background-image: url(images/menu-btm.jpg); 
    margin-bottom: 10px;
}


h3.sf_eventTitle a,
h2.sf_eventTitle,
h2.sf_newsTitle a,
h2.sf_NewsTitle,
h2.sf_listTitle,
h2.sf_listTitle a
{
  text-decoration: none;
  font-weight: normal;
  font-size: 22px !important;
  line-height: normal;
  color: #000;
  margin-bottom: 0 !important;
}

h3.sf_listItemTitle a,
h3.sf_listItemTitle
{
  text-decoration: none;
  font-weight: normal;
  font-size: 18px !important;
  line-height: 20px !important;
  color: #33a8c0;
  margin-bottom: 0 !important;
}
   
h3.sf_eventTitle a:hover,
h2.sf_newsTitle a:hover
{
  font-size: 22px !important;
  font-weight: normal;
  color: #33a8c0;
}  

h2.sf_listTitle a:hover,
h3.sf_listItemTitle a:hover
{
  font-size: 18px !important;
  font-weight: normal;
  color: #000;
}  

.sf_eventBasicInfo
{
    margin-bottom: 0 !important;
}

p.sf_newsDate, p.sf_eventPriod
{
    font-weight: bold;
    font-size: 15px !important;
    color: #33a8c0;
}

#mapPanel
{
    margin: 15px 0 10px 10px;
    border: solid 15px #f1f1f1;
}

#Location.sf_eventLocation,
.sf_eventContact,
.sf_eventLocation,
.sf_eventContent
{
    margin-left: 10px !important;
    padding: 10px !important;
    background-color: #f1f1f1;
}

.sf_eventCategory
{
    margin-left: 10px !important;
}

.sf_eventContent
{
     padding-top: 15px !important;
     padding-bottom: 15px !important;
     
}

ul.sf_anchorList
{
    list-style-type: none;
}

ol.sf_pager li a

{
    
    color: #315d85;
    border: solid 1px #666;
    background-color: #FFF;
    text-decoration: none;
}

ol.sf_pager li a:hover

{
    
    color: #FFF;
    background-color: #33a8c0;
    text-decoration: none;
}

ol.sf_pager li a.sf_PagerSelItem,
ol.sf_pager li a.sf_PagerSelItem:hover
{
    
    border: solid 1px #666;
    color: #fff !important;
    background-color: #315d85;
    font-weight: bold;
}

ul.sf_socialBookmarks,
p.sf_postBookmark
{
    margin: 15px 0 0 0;
}

ul.sf_socialBookmarks li a,
ul.sf_socialBookmarks li
{
    margin: 0 !important;
    padding: 0 !important;
}

ul.sf_socialBookmarks a,
p.sf_postBookmark a
{
     text-decoration: none;   
}

div.CalendarCategory
{
    background-color: #00FFFF;
    margin-bottom: 10px;
    background-color: #f1f1f1;
    padding-left: 5px;
    padding-bottom: 5px;
}

.CalendarCategory ul
{
    margin: 0;
    padding: 0;
	list-style-type: none;
	display: inline;
}

.CalendarCategory ul li
{
    display: table-cell;
	position: relative;
	padding: 2px 6px 2px 0px;
}

.RowContainer
{
    clear: left;
}

.poweredBySitefinityLogo
{
   margin-top: -70px;
}

.ClearFooter
{
    height: 330px;
    clear: both;
}
