* { font: 13px/1.231 verdana, arial, helvetica, sans-serif; margin: 0px; padding: 0px; color: black; }

body 
    {    
    background: #0055a6 url(images/blue-grad-page.jpg) repeat-x;
    }

h1   { font: normal 16px/120% Arial; }
h2   { font: normal 14px/120% Arial; }
h3   { font: normal 13px/120% Arial; }
p    { font: normal 13px/120% Verdana; }
ul   { list-style-type: square; }

a:link       { color: #0000ff; }
a:visited    { color: #800080; }
a:hover      { color: #c00000; }
a:active     { color: #c00000; }

div.hidden  { display: none; }
span.bolder { font-weight: bold; }

a.backlink:link     { font: normal 11px Verdana, Tahoma, Arial; color: #0000a0; }
a.backlink:visited  { font: normal 11px Verdana, Tahoma, Arial; color: #0000a0; }
a.backlink:active   { font: normal 11px Verdana, Tahoma, Arial; color: #a00000; }
a.backlink:hover    { font: normal 11px Verdana, Tahoma, Arial; color: #a00000; }

div#colorbox p  { margin-top: 8px; }
div#colorbox h2 { margin-top: 8px; font-size: 20px; }

h1 a:link       { color: #0000ff; }
h1 a:visited    { color: #0000ff; }
h1 a:hover      { color: #0000ff; }
h1 a:active     { color: #0000ff; }

/* everything is contained in page */
#page 
    {
    margin: 0px auto;
    width: 950px;
    border-bottom: 1px solid #d5e6eb;
    border-left: 2px solid #d5e6eb;
    border-right: 2px solid #d5e6eb;
    }
    
p.bio-p         { padding: 16px 8px 8px 8px; }
h2.bio-h2       { font-size: 18px; font-weight: bold; text-align: center; padding-top: 16px; padding-bottom: 8px; background-color: white; }
h3.bio-h3       { font-size: 16px; font-weight: Normal; text-align: left; padding: 16px; background-color: white; }
img.bio-img     { float: left; padding-right: 8px; }
span.bio-name   { font-weight: bold; }
p.bio-clear     { clear: both; }

/* Mountain photo and blog title and tagline from dashboard - general settings */
    div#header
        {
        color: #ffffff;
        background-color: white;
        width: 100%;
        height: 132px;
        }

    div#hdr-banner 
        {
        margin: 0px 0px;
        padding: 0px 0px;
        width: 100%;
        height: 96px;
        top: 0px;
        left: 0px;
        font-size: 14px;
        color: #cccccc;
        background: white url(images/blue-pink-grad.png) repeat-x;
        position: relative;
        }
    
    div#hdr-logo
        {
        margin: 0px;
        padding: 0px;
        background-image: url(images/in-motion-logo-dkblue.png);
        Width: 165px;
        height: 96px;
        position: absolute;
        top: 0px;
        left: 0px;
        }
        
    /* blog tagline */
    div#hdr-banner h1
        {
        margin: 0px;
        padding: 0px;
        font-size: 22px;    
        font-family: Arial;
        color: black;
        width: 605px;    
        height: 88px; 
        text-align: center;
        }
       
    div#hdr-im-name-text
        {
        position: absolute;
        top: 0px;
        left: 165px;
        z-index: 1;
        display: none;
        }

    div#hdr-im-name-img
        {
        width: 605px;
        height: 96px;
        position: absolute;
        top: 0px;
        left: 165px;
        z-index: 2;
        }

    div#hdr-banner h1 .BigTitle
        {
        font-size: 36px; 
        font-weight: bold;
        }
        
    /* blog tagline */
    div#hdr-banner h2
        {
        margin: 0px;
        padding: 20px 8px 20px 0px;
        font-size: 12px;
        font-family: inherit;
        width: 172px;
        height: 56px;
        color: black; 
        text-align: right;
        float: right;
        }

    /* blog title is a link so need to style it with 'a' */
    div#header div#hdr-banner h1 a:link    { font: normal 100%/100% Verdana, Tahoma, Arial; color: black;   text-decoration: none; }
    div#header div#hdr-banner h1 a:visited { font: normal 100%/100% Verdana, Tahoma, Arial; color: black;   text-decoration: none; }
    div#header div#hdr-banner h1 a:active  { font: normal 100%/100% Verdana, Tahoma, Arial; color: #C00000; text-decoration: none; }
    div#header div#hdr-banner h1 a:hover   { font: normal 100%/100% Verdana, Tahoma, Arial; color: #C00000; text-decoration: none; }

    div#header div#hdr-banner h1 a:link    span.BigTitle  { color: #000000; text-decoration: none; }
    div#header div#hdr-banner h1 a:visited span.BigTitle  { color: #000000; text-decoration: none; }
    div#header div#hdr-banner h1 a:active  span.BigTitle  { color: #C00000; text-decoration: none; }
    div#header div#hdr-banner h1 a:hover   span.BigTitle  { color: #C00000; text-decoration: none; }

    /* navigation is a ul which contains a list of blog pages
       list style is set to none so it goes across and li's 
       are given a background image so it looks like a tab */
    div#header ul#nav 
        {
        clear: both;
        list-style: none;
        margin: 0px;
        padding: 0px;
        height: 36px;
        }

    div#header ul#nav li 
        {
        margin: 0px;
        padding: 0px;
        width: 10%; 
        height: 36px;
        float: left;
        border-left:  1px solid #bbbbbb; 
        border-right: 1px solid #666666; 
        background: gray url(images/nav-btn-bg-1.gif) repeat-x;
        position: relative;
        }

    div#header ul#nav li.page_item a
        {
        text-align: center;
        width: 100%;
        padding: 0px 0px;
        text-decoration: none;
        font: bold 14px/100% Arial, Helvetica, sans-serif;
        position: absolute;
        top: 10px;
        }

    div#header ul#nav li.page_item a:link, 
    div#header ul#nav li.page_item a:visited
        {
        color: black;
        }

    div#header ul#nav li.page_item a:hover,
    div#header ul#nav li.page_item a:active 
        {
        color: #C00000;
        }

    div#header ul#nav li.page_item.page-item-3  { width: 148px; }
    div#header ul#nav li.page_item.page-item-8  { width: 198px; }
    div#header ul#nav li.page_item.page-item-10 { width: 198px; }
    div#header ul#nav li.page_item.page-item-12 { width: 148px; }
    div#header ul#nav li.page_item.page-item-16 { width:  98px; }
    div#header ul#nav li.page_item.page-item-14 { width: 148px; }
        
/* content area */
div#content 
    {
    margin: 0px;
    padding: 0px 0px 30px 0px;
    float: left;
    width: 950px;
    background: white url(images/gray-white-grad.png) repeat-y;
    }

div#content a:link       { color: #0000ff; }
div#content a:visited    { color: #800080; }
div#content a:hover      { color: #C00000; }
div#content a:active     { color: #C00000; }

div.pageclass, 
div.post-content
    {
    padding: 0px;
    margin: 0px;
    }

div#pagephotos
    {
    margin: 0px;
    padding: 0px;
    width: 100%;
    Height: 200px; 
    background-color: gray;
    }

div#pagephotos div#pagephoto1
    {
    width: 325px;
    Height: 200px; 
    float: left;
    background: gray url(images/iS8815249-200.jpg) no-repeat;
    }
    
div#pagephotos div#pagephoto2
    {
    width: 300px;
    Height: 200px; 
    float: left;
    background: gray url(images/IM-Back.jpg) no-repeat;
    border-bottom: 0px solid #cccccc;
    }
    
div#pagephotos div#pagephoto3
    {
    width: 325px;
    Height: 200px; 
    float: right;
    background: gray url(images/iS9109571.jpg) no-repeat;
    }
    
div#content .pageclass .post-content .section-title
    {
    font-size: 14px;
    margin-top: 8px;
    margin-left: 0px;
    width: 942px;
    color: white;
    padding: 2px 0px 2px 8px;
    line-height: 1.8em;
    background: gray url(images/blue-white-grad.png) repeat-y;
    }

div#content .pageclass .post-content .subsect-title
    {
    margin-top: 8px;
    margin-left: 16px;
    color: black;
    padding: 4px 0px;
    line-height: 1.5em;
    /* background: gray url(images/blue-white-grad.png) repeat-y; */
    }

div#content .pageclass .post-content .subsect-body
    {
    margin-left: 24px;
    }

div#content .pageclass .post-content .section-title a
    {
    color: white;
    font-weight: bold;
    text-decoration: none;
    }
    
div#content .pageclass .post-content .section-body 
    {
    margin-left: 8px;
    width: 942px;
    background: gray url(images/gray-white-grad.png) repeat-y;
    }

div#content .pageclass .post-content .section-body .section-p
    {
    padding: 8px 40px 4px 8px;
    }
    
div#content .banner 
    {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 160px;
    background: gray url(images/banner-details-bg.jpg) no-repeat;
    }

div#content #post-12 .banner,
div#content #post-16 .banner 
    {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 70px;
    background: gray url(images/banner-details-bg-sml.jpg) no-repeat;
    }

div#content .banner .banner-text
    {
    width: 660px;
    padding: 16px 0px 0px 24px; 
    float: left;
    }
    
div#content div.banner div.banner-text div.overview p.section-p
    {
    font-size: 14px;
    }
    
div#content .banner .banner-text h2
    {
    color: #3156a2;
    padding-bottom: 20px; 
    font-size: 24px;
    font-weight: bold;
    }
    
div#content div#post-8 .banner .banner-photo
    {
    width: 260px; 
    height: 160px; 
    float: right;
    background: gray url(images/iS8815249-160.jpg) no-repeat;
    }    
    
div#content div#post-10 .banner .banner-photo
    {
    width: 260px; 
    height: 160px; 
    float: right;
    background: gray url(images/iS9109571-160.jpg) no-repeat;
    }    
    
div#content .details-container 
    {
    margin: 0px;
    padding: 0px;
    width: 100%;
    }

div#content .details-container .details-text
    {
    width: 660px;
    padding: 16px 0px 0px 24px; 
    float: left;
    }
    
div#content .details-container .details-text .details-p
    {
    padding: 8px 40px 4px 8px;
    }
    
div#content div#post-12 .details-container .details-text .details-p:first-line
    {
    font-weight: bold; 
    }
    
p.qanda               { padding-top: 8px; }
p.qanda span.question { padding-top: 8px; font-weight: bold; }
p.qanda span.answer   { color: #800000; }
    
div#content .details-container .details-text .details-li
    {
    margin-left: 24px;
    padding: 2px 0px 0px 0px;
    }

div#content .details-container .details-photos
    {
    float: right;
    width: 260px;
    background: gray url(images/ltblue-vert-grad.jpg) no-repeat;
    }

div#content .details-container .details-photos .details-photo1
    {
    margin-top: 16px;
    margin-right: 30px;
    float: right;
    width: 200px;  
    height: 165px;
    }
div#content div#post-8 .details-container .details-photos .details-photo1
    {
    background: gray url(images/iS4746781-165.jpg) no-repeat;
    }
div#content div#post-10 .details-container .details-photos .details-photo1
    {
    background: gray url(images/equip1.jpg) no-repeat;
    }
div#content div#post-12 .details-container .details-photos .details-photo1
    {
    background: gray url(images/chenneyracephoto1.jpg) no-repeat;
    }

div#content .details-container .details-photos .details-photo2
    {
    margin-top: 16px;
    margin-right: 30px;
    float: right;
    width: 200px;  
    height: 165px;
    }
div#content div#post-8 .details-container .details-photos .details-photo2
    {
    background: gray url(images/iS4746394-165.jpg) no-repeat;
    }
div#content div#post-10 .details-container .details-photos .details-photo2
    {
    background: gray url(images/equip2.jpg) no-repeat;
    }
div#content div#post-12 .details-container .details-photos .details-photo2
    {
    background: gray url(images/chenneyracephoto2.jpg) no-repeat;
    }
    
div#content .details-container .details-photos .details-photo3
    {
    margin: 16px 30px 16px 0px;
    float: right;
    width: 200px;  
    height: 165px;
    }
div#content div#post-8 .details-container .details-photos .details-photo3
    {
    background: gray url(images/iS10172243-165.jpg) no-repeat;
    }
div#content div#post-10 .details-container .details-photos .details-photo3
    {
    background: gray url(images/equip3.jpg) no-repeat;
    }
div#content div#post-12 .details-container .details-photos .details-photo3
    {
    background: gray url(images/crosscountry.jpg) no-repeat;
    }
    
div#content ul.servicelist  
    {
    margin-left: 24px;
    padding: 2px 0px 0px 0px;
    list-style-type: square; 
    }
    
div#content div.openhours
    {
    margin-top: 16px;
    margin-left: 16px;
    }

div#content div.openhours p.section-p
    {
    margin-top: 8px;
    font-size: 11px;
    }

div#content div.openhours p.section-p span.bolder
    {
    font-size: 11px;
    font-weight: bold;
    }
    
/* footer area sits below the content-sidebar pair */
div#footer 
    {
    padding-top: 4px; 
    height: 28px;
    clear: both;
    background-color: #cbcbcb;
    color: black;
    font-size: 12px;
    line-height: 200%;
    text-align: center;
    }

div.contactus { margin-top: 16px; text-align: center; }
div.contactus h2 { font-weight: bold; font-size: 20px; line-height: 1.3em; }
div.contactus p.address { font-size: 16px; line-height: 1.3em; }
div.contactus p.address a { font-size: 16px; line-height: 1.3em; }
div.contactus p.alert { font-size: 16px; color:#A00000; margin: 8px; }
div.mapdata { margin-top: 20px; text-align: center; }
div.mapdata p.mapinfo { margin: 8px; font-size: 14px; }

.clear { clear:both; }

hr.clear { clear:both; visibility: hidden; margin: 0px; padding: 0px; }

/* Blog */

.post {
    padding: 3px 3px;
    background-color: #eaf8fd;
}
.post .singletitle {
    padding: 4px 0px;
    width: 500px; height: 62px; 
    color: #eeeeff; 
}
.post .singletitle a {
    font-size: 1em;
    padding: 3px 12px;
    /* background: #9c6345 url(images/posttitle.gif) no-repeat top right; */
    color: #eeeeff; 
    background-color: #975041;
}
.post .singletitle a:link, .post .singletitle  a:visited {
    color: #eeeeff; 
}
.post .singletitle a:hover, .post .singletitle  a:active {
    background: #fbe1d3 url(images/posttitle.gif) no-repeat 100% -91px;
    color: #c24d3d;
}
.post h2 {
        margin: 0px 0px;
        text-align: center;
        font-size: 1.4em;
	line-height: 130%;
}
.post .datetitle { 
    position: relative;
    height: 62px; 
    background-color: #619cd4;
}
.post .datetitle .datecal   { 
    background: url(images/fancydate_bckgrd.png) no-repeat; width: 36px; height: 48px; 
    position: absolute; left: 4px;  top: 8px; 
}
.post .datetitle .datemonth { 
    position: absolute; left: 0px;  top: 0px; color: white;
	font: normal 11px Arial, Helvetica, sans-serif;
    	width: 40px; text-align: center;
}
.post .datetitle .dateday   { 
    position: absolute; left: 0px; top: 14px; color: #000000;
    	font: normal 16px Arial, Helvetica, sans-serif;
    	width: 40px; text-align: center;
}
.post .datetitle .title {
    position: absolute; left: 44px;  top: 4px; 
    width: 476px;
    height: 58px;
    /* Width and overflow to clear '.posttitle a' */
}
.post a:hover, .post a:active {
    color: #C00000;
}
.post a:link, .post a:visited {
    color: #0000C0; 
}
.post .datetitle .title a {
    font-size: 1em;
    padding: 3px 12px;
    /* background: #9c6345 url(images/posttitle.gif) no-repeat top right; */
    background-color: #619cd4;
}
.post .datetitle .title  a:link, .post .datetitle .title  a:visited {
    color: #eeeeff; 
}
.post .datetitle .title  a:hover, .post .datetitle .title  a:active {
    background: #fbe1d3 url(images/posttitle.gif) no-repeat 100% -91px;
    color: #c24d3d;
}
.postmeta {
    margin-top: 0;
    padding-top: 1px;
    /* background: url(images/postmeta.gif) no-repeat top left; */
    font-size: 0.9em;
    color: #333333;
}
.post .postfeedback {
    margin-top: 0;
    font: normal 11px verdana, sans-serif;
}