﻿@charset "utf-8";
/* CSS Document */

*,
html
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Geneva, sans-serif;
}
img {border: none;}
strong{font-size: 1em;}
a {text-decoration: none;}
.clear {clear: both;}
.nb
{
    border-right: none !important;
/*  background: none !important;*/
}
.nbt
{
    border-top: none !important;
    background: none !important;
}
body {background: #f4f3f3;}
#wrapper
{
    width: 960px;
    _width: 930px;
    margin: 0 auto;
}
.comment-row
{
    margin-top: 10px;
    margin-bottom: 15px;
}
#inner-wrapper
{
    background: #464646;
    _border: 1px solid #F4F3F3;
    margin-bottom: 140px;
    position: relative;
    _position: static;
    z-index: 100;
}
#header
{
    margin: 0;
    padding: 0;
    background: #464646;
    height: 34px;
}

#top-menu
{
    padding: 10px 15px 0 0;
    float: right;
}
    #top-menu ul {}
    #top-menu .loggedin {padding-left: 20px;}
    #top-menu li
    {
        display: inline;
        color: #fff;
        float: left;
        line-height: 10px;
        padding-bottom: 2px;
        border-right: 1px solid #fff;
        font-size: 0.7em;
    }
    #top-menu li.loggedin {padding-right: 10px;}
    #top-menu a
    {
        display: inline;
        color: #fff;
        text-decoration: none;
        padding: 0 8px;
        font-size: .9em;
    }

h1 strong
{
    left: -9999999px;
    position: absolute;
}

#nav,
#nav ul
{
/*  all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1.2em;
}
    #nav a
    {
        display: block;
        float: left;
        text-decoration: none;
        padding: 3px 0 5px;
        text-align: center;
        margin: 0;
        height: 18px;
        width: 100%;
        font-weight: normal;
        color: #7d7d7d;
    }
    #nav li
    {
        background-image: url(/_images/bg_mainnav.png);
        background-repeat: no-repeat;
        background-position: left top;
        float: left;
        display: block;
        color: #fff;
        line-height: 10px;
        font-size: 0.75em;
        font-weight: normal;
    }
    #nav li#nav-home
    {
        background-position: 0 0;
        width: 58px;
    }
        #nav li#nav-home:hover,
        #nav li#nav-home.active {background-position: 0 bottom;}
    #nav li#nav-posts
    {
        background-position: -58px 0;
        width: 56px;
    }
        #nav li#nav-posts:hover,
        #nav li#nav-posts.active {background-position: -58px bottom;}
    #nav li#nav-products
    {
        background-position: -114px 0;
/*      width: 82px;*/
        width: 95px;
    }
        #nav li#nav-products:hover,
        #nav li#nav-products.active {background-position: -114px bottom;}
    #nav li#nav-about
    {
/*      background-position: -196px 0;*/
        background-position: -209px 0;
        width: 78px;
    }
        #nav li#nav-about:hover,
        #nav li#nav-about.active {background-position: -209px bottom;}
    #nav li#nav-challenges
    {
/*      background-position: -274px 0;*/
        background-position: -287px 0;
        width: 96px;
    }
        #nav li#nav-challenges:hover,
        #nav li#nav-challenges.active {background-position: -287px bottom;}
        #nav li a strong
        {
            left: -9999999px;
            position: absolute;
            font-weight: normal;
        }
        #nav li a:hover strong,
        #nav li.active a strong {display: block;}
        #nav li li
        {
            float: none;
            display: block;
            margin: 0;
            padding: 0;
            background-image: none;
            _zoom: 1;
            font-size: 11px !important;
            position: relative;
        }
        #nav li ul
        {
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            clear: left;
            position: absolute;
            width: 10em;
            top: auto;
            margin-top: 26px;
            *margin-top: 0;
            _margin-top: 0;
            background-color: #fff;
            background-image: none;
            left: -999em;/* auto;*/
            z-index: 999999999;
            _zoom: 1;
        }
        #nav li.wide
        {
            margin-top: 0;
            padding-top: 0;
        }
        #nav li div
        {
            margin-top: 0;
            *margin-top: 0;
            _margin-top: 0;
            background-color: #fff;
            background-image: none;
            _zoom: 1;
            z-index: 200000;
        }
            #nav li div ul
            {
                float: left;
                display: block;
                width: 100px;
                z-index: 10000000;
                background: #fff;
                left: 0;
                margin: 0;
                height: 123px
            }
            #nav li div ul.col1
            {
                float: left;
                border-right: 0;
                margin-right: 10px;
            }
            #nav li div ul.col2
            {
                float: left;
                border-left: 0;
                margin-left: 100px;
            }
        #nav li:hover ul,
        #nav li:hover div,
        #nav .hoverDIV,
        #nav .hoverUL
        {
            left: auto !important;
            display: block;
        }
        #nav li:hover {position: static;}
            #nav li li a
            {
                display: block;
                border: 0;
                padding: 5px;
                margin: 0;
                width: 92%;
                text-align: left;
                background-image: none;
                float: none;
                text-align: left;
                height: auto;
            }
            #nav li li a:hover {background: #d6e8f4;}
            #nav li div li a {width: 90%;}
/*
    #nav li > ul,
    #nav li div
    {
        position: absolute;
        background: orange;
        width: 10em;
        left: -999em;
        z-index: 999;
    }
    #nav li:hover > ul,
    #nav li:hover > div {left: auto;}
    #nav .soasfhover {left: auto;}
    #nav li:hover {position: static;}
*/

#banner
{
    background: #ffffff url(../_images/bg_banner.jpg) no-repeat top right;
    height: 104px;
    _width: 960px;
    _background-position: 0px;
}
#bannerbelow {
    width: 960px;
    _width: 928px;
    height: 361px;
    background: #ffffff url(../_images/bg_bannerBelow.jpg) no-repeat top left;
}

#contenders-row
{
    width: 960px;
    height: 96px;
    background: #ffffff url(../_images/bg_contenders.gif) no-repeat top left;
}
    #contenders-row img {border: 1px solid #757575;}

#tagContainer {clear: both;}
#homelink 
{
    float: right;
    _position: absolute;
    _right: 0px;
    _top: 0px;
    _height: 97px;
}

#postPaginator
{
    border-top: 1px solid #666666;
    float: left;
    margin-left: 45px;
    _margin-left: 22px;
    padding: 20px 0;
    width: 650px;
}
#right-inner-content #postPaginator
{
    border-top: none;
    float: left;
    margin-left: 0;
    _margin-left: 0;
    padding: 20px 0;
    width: 180px;
    _width: 170px;
}
    #right-inner-content #postPaginator ul {float: right;}
    #right-inner-content #postPaginator a 
    {
        color: #fff;
        font-size: .7em;
        line-height: 7pt;
    }
    #right-inner-content #postPaginator a.p-active {color: #ff7200;}

#main-menu
{
    float: left;
/*  margin: 78px 0 0 24px;*/
    margin: 4px 0 0 24px;
    height: 26px;
/*  width: 300px;*/
    _zoom: 1;
    position: relative;
    z-index: 100000;
    display: block;
}
/*
    #main-menu ul
    {
        float: left;
        background: url(../_images/bg_main_menu_start.gif) top left no-repeat;
        _background: none;
        width: 100%;
        height: 18px;
        padding-left: 4px;
    }
    #main-menu a
    {
        float: left;
        font-size: .8em;
        color: #7d7d7d !important;
        text-decoration: none;
        padding: 0 7px 0;
    }
    #main-menu li
    {
        display: inline;
        float: left;
        background: url(../_images/bg_main_menu_tab.gif) top left repeat-x #fff;
        height: 15px;
        padding-top: 3px;
        border-right: 1px solid #cccccc;
        line-height: 14px;
    }
    #main-menu li.active
    {
        color: #ffffff !important;
        background: #0e75b8;
        border-right: none !important;
    }
        #main-menu li.active a
        {
            color: #ffffff !important;
            background: #0e75b8;
            border-right: none !important;
        }
    #main-menu ul
    {
        float: left;
        background: url(../_images/bg_main_menu_start.gif) top left no-repeat;
        _background: none;
        width: 100%;
        height: 18px;
        padding-left: 4px;
    }
        #main-menu ul ul,
        #main-menu ul ul ul
        {
            float: none;
            background: #ffffff;
            background-image: transparent;
        }
    #main-menu a
    {
        float: left;
        font-size: .8em;
        color: #7d7d7d !important;
        text-decoration: none;
        padding: 0 7px;
    }
    #main-menu li
    {
        background: url(../_images/bg_main_menu_tab.gif) top left repeat-x #fff;
        height: 15px;
        padding-top: 3px;
        border-right: 1px solid #cccccc;
        line-height: 14px;
    }
        #main-menu li li
        {
            background: #ffffff;
            background-image: transparent;
            border-right: none;
        }
    #main-menu li.active
    {
        color: #ffffff !important;
        background: #0e75b8;
        border-right: none !important;
    }
        #main-menu li.active a
        {
            color: #ffffff !important;
            background: #0e75b8;
            border-right: none !important;
        }
        #main-menu li.active li a
        {
            color: #7d7d7d !important;
            background: #ffffff;
            border-right: none !important;
        }
            #main-menu li li a {float: none;}*/
/*
#main-menu-end
{
    background: url(../_images/bg_main_menu_end.gif) top left no-repeat transparent;
    width: 4px;
    height: 18px;
    float: left;
    margin-top: 81px;
    _float: none;
    _position: absolute;
    _top: 50px;
    _left: 200px;
}
*/

#annapolis
{
    position:absolute;
    left:317px;
    top:273px;
}
#annapolis-tweet
{
    position:absolute;
    left:325px;
    top:126px;
}

.tweet-box
{
    width: 266px;
    height: 157px;
    background: url(../_images/bg_tweet.png) left top no-repeat;
    _background: url(../_images/bg_tweet.gif) left top no-repeat;
}
    .tweet-box img
    {
        float: left;
        margin: 15px 8px 0 15px;
    }
    .tweet-box .content
    {
        float: left;
        margin: 15px 5px 0 0;
        width: 170px;
    }
        .tweet-box .content p
        {
            font-size: .8em;
            color: #666666;
            margin-bottom: 3px;
        }
        .tweet-box .content .name {color: #ff7200;}
    .tweet-box a
    {
        font-size: .9em;
        color: #ff7200;
    }
    .tweet-box .time-place
    {
        font-style: italic;
        font-size: .75em !important;
    }

#main-content
{
    background: #464646;/* #f00 */
/*  float: left;*/
}

#interior-content
{
/*  position: relative;*/
    float: left;
    width: 740px;
    _width: 700px;
    background: #fff;
    min-height: 475px;
    _height: 475px;
    z-index: 0;
    padding-bottom: 30px;
}
    #interior-content h2
    {
        color: #464646;
        font-size: 1.5em;
        font-weight: normal;
        padding-bottom: 10px;
        margin-bottom: 0px;
        _width: 650px;
        z-index: 0;
    }
    #interior-content fieldset {}

#post-header
{
    border-bottom: 1px solid #666666;
/*  height:144px;*/
    margin: 20px 45px 5px 45px;
}
    #post-header img
    {
        float: left;
        width: 95px;
        margin-right: 25px;
    }
    #post-header p
    {
        color: #464646;
        font-size: .8em;
        margin-bottom: 10px;
    }
/*  #post-header h2
    {
        width: 480px;
        color: #666666;
        margin-bottom: 30px;
        font-size: 1.7em;
        font-weight: normal;
    }*/

h2
{
/*  float: left;*/
/*  width: 480px;*/
    color: #666666;
/*  margin-top: 25px;*/
    margin-bottom: 30px;
    font-size: 1.7em;
    font-weight: normal;
}

.info 
{
    float: left;
    margin-left: 45px;
    _margin-left: 23px;
    margin-bottom: 30px;
    color: #464646;
}

.post-row
{
    float: left;
    border-top: 1px solid #666666;
    padding: 20px 0;
    margin-left: 45px;
    _margin-left: 23px;
    width: 650px;
}
    .post-row img
    {
        float: left;
        width: 320px;
        margin-right: 25px;
        _margin-right: 0;
    }
    .post-row .video
    {
        float: left;
        width: 320px;
        margin-right: 25px;
    }
    .post-row .details
    {
        float: left;
        width: 300px;
        margin-bottom: 20px;
        padding-left:25px;
    }
    .post-row h3
    {
        color: #666666;
        font-size:1.1em;
        margin-bottom: 6px;
    }
    .post-row p
    {
        color: #666666;
        font-size:.8em;
        margin-bottom: 8px;
    }
    .post-row .time-place
    {
        font-style: italic;
        font-size: .8em !important;
    }
    .post-row .postItemNav li
    {
        float: left;
        display: inline;
        border-right: 1px solid #666666;
        padding: 0 8px;
        line-height: 12px;
    }
    .post-row a 
    {
        color: #0096d6;
        text-decoration: none;
        font-size: 1em;
    }

#post-navigation
{
    float: left;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-left: 45px;
    _margin-left: 23px;
    margin-bottom: 20px;
    width: 650px;
    padding: 8px 10px;
}

#post-previous
{
    float: left;
    width: 250px;
}
    #post-previous a
    {
        color: #0096d6;
        text-decoration: none;
        background: url(../_images/btn_previous_blue.gif) left top no-repeat;
        padding: 0 0 0 22px;
    }

#post-next {float: right;}
    #post-next a
    {
        color: #0096d6;
        text-decoration: none;
        background: url(../_images/btn_next_blue.gif) right top no-repeat;
        padding: 0 22px 0 0;
    }

#postMenu 
{
    float: left;
    width: 400px;
    margin-left: -5px;
}
    #post-menu a {font-size: .8em;}

.info p {font-size: .8em;}
.info label 
{
    width: 136px !important;
    float: left;
    font-size: .8em;
}

.all-comments 
{
    float:right;
    font-size:0.6em;
    margin:7px 26px 0 0;
    width:460px;
}
    .all-comments a {font-size: 1em;}

#comment-maker a
{
    font-size: 1em;
    color: #0096D6;
}
#mediaPost,
.mediaPosts,
#ctl00_cphMain_ucRenderPost1_mediaPost
{
    width: 320px;
    float: left;
}
#comment-maker img {margin: 10px 0 40px 290px;}
#right-content
{
    float: left;
    width: 220px;
    background: url(../_images/bg_inner_right_content_interior.gif) left top repeat-x #464646;
    _background-image: none;
    _width: 189px;
    min-height:537px;
    _height: 537px;
}
#home #right-content
{
    background: url(../_images/bg_right_content.gif) left top no-repeat #fff;
    height:397px;
}
#right-inner-content
{
    float:left;
    width: 175px;
    _width: 170px;
    padding: 22px;
    _padding: 12px 0 0 18px;
}

#member-search
{
    width: 190px;
    height: 34px;
    margin: 0 0 0 15px;
}
    #member-search form
    {
        float: left;
        padding: 7px 10px;
    }
    #member-search #entry-box
    {
        float: left;
        margin-right:5px;
        width:135px;
        font-size: .8em;
    }
    #member-search #go
    {
        float: left;
        margin: 3px 0 0 5px;
    }

#right-inner-content h6
{
    font-size: 1.1em;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}
#right-inner-content img
{
    float: left;
    margin: 0 5px 5px 0;
}

#member-groups
{
    float: left;
    height: 175px;
    width: 180px;
}
#member-menu
{
    float: left;
    width: 180px;
}
    #member-menu ul
    {
        float: right;
        padding: 10px 5px 0 0;
    }
    #member-menu li
    {
        float: left;
        display: inline;
        border-right: 1px solid #fff;
        line-height: 10px;
    }
    #member-menu a
    {
        font-size: .8em;
        color: #fff;
        text-decoration: none;
        padding: 0 5px;
    }
        #member-menu a.current {color: #FF7200;}

#group-01,
#group-02,
#group-03,
#group-04,
#group-05 {float: left;}
#group-02,
#group-03,
#group-04,
#group-05 {display: none;}

#ctl00_cphRight_ucViewAllXPostsByY1_allPosts,
#allPosts {
    float: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 45px  0 0 0;
    width: 170px;
    _width: 160px;
}
#ctl00_cphRight_ucViewAllXPostsByY1_allPosts p,
#allPosts p {
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

#bottom-banner
{
    clear: both;
    float: left;
    width: 960px;
    height: 30px;
    background: url(../_images/bg_inner_bottom_banner.gif) left top no-repeat #fff;
}
#home #bottom-banner
{
    height: 54px;
    background: url(../_images/bg_bottom_banner.gif) left top no-repeat #fff !important;
}

#footer
{
    float: left;
    background: #f4f3f3;
    height: 112px;
    padding: 0 20px 0 0;
    *width: 100%;
    _width: 960px;
}
    #footer ul {padding: 10px 15px 0 0;}
    #footer li
    {
        display: inline;
        color: #fff;
        float: left;
        line-height: 10px;
        padding-bottom: 2px;
        border-right: 1px solid #cccccc;
        font-size: .9em;
    }
    #footer a
    {
        display: inline;
        color: #666666;
        text-decoration: underline;
        padding: 0;
        font-size: 1em;
    }
    #footer p
    {
        float: none;
        color: #666666;
        padding: 10px 0 0 8px;
        font-size: .7em;
    }

/* Yahoo! Map - BEGIN */        
.content 
{
    background-color: #BBBBBB;
    height: 550px;
}
.title
{
    background-color: #F37D01;
    height: 70px;
}
.content {position: relative;}
.meminfo {float: left;}
.footernav
{
    background-color: #F37D01;
    height: 70px;
}
/* Yahoo! Map - END */ 

/* basic form styling - BEGIN */
form.cmxform fieldset
{
  margin-bottom: 10px;
  border: none;
}
form.cmxform legend
{
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label
{
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
    form.cmxform fieldset ol
    {
      margin: 0;
      padding: 0;
    }
    form.cmxform fieldset li
    {
      list-style: none;
      padding: 5px;
      margin: 0;
    }
    form.cmxform fieldset fieldset
    {
      border: none;
      margin: 3px 0 0;
    }
        form.cmxform fieldset fieldset legend
        {
          padding: 0 0 5px;
          font-weight: normal;
        }
        form.cmxform fieldset fieldset label
        {
          display: block;
          width: auto;
        }
form.cmxform em
{
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {width: 120px; /* Width of labels */}
form.cmxform fieldset fieldset label {margin-left: 123px; /* Width plus 3 (html space) */}
/* basic form styling - END */ 

fieldset 
{
    float: left;
    color: #464646;
}
    fieldset li 
    {
        border: none !important;
        float: none !important;
        display: block !important;
        height: 50px;
    }

#signup {}
    #signup Label {width:185px;}
    #signup a
    {
        font-size: 1em !important;
        cursor: pointer !important;
    }

#ctl00_cphMain_agreeTerms {float: left;margin-top: 5px;*margin-top: 2px;margin-right: 15px;}
#ctl00_cphMain_lblAgreeTerms {width: 500px !important;_width: 200px !important;}

#terms-registered
{
    padding: 5px 5px 5px 5px;
    margin: 25px;
    color: #666666;
    width: 670px;
}
    #terms-registered p 
    {
        margin-bottom: 10px;
        font-size: .8em;
    }
    #terms-registered ol li 
    {
        list-style: decimal;
        margin-left: 30px;
        margin-bottom: 5px;
        font-size: .8em;
        padding: 5px 0;
    }
    #terms-registered ul li 
    {
        list-style: disc !important;
        margin-bottom: 5px;
        margin-left:15px;
        font-size: 1em;
    }

#home-bottom {padding: 30px;}
    #home-bottom h5 
    {
        color: #ff7200;
        font-size: 1em;
    }
    #home-bottom p 
    {
        color: #666666;
        font-size: .7em;
        line-height: 12pt;
    }
    #home-bottom a {color: #0096DC;}

form.cmxform label.agreeToTerms
{
    width: 300px !important;
    margin-left: 10px;
}
form.cmxform #login label {font-size: .8em;}
form.cmxform #login img {width: 118px !important;}
form.cmxform #login p a {font-size: 1em;}
form.cmxform #login a {font-size: .8em;}

#postPaginator {}
    #postPaginator ul {margin-left: -10px;}
    #postPaginator li 
    {
        display: inline;
        border-right: 1px solid #cccccc;
        float: left;
        line-height: 10pt;
    }
    #postPaginator a 
    {
        font-size: .8em;
        color: #666666;
        float: left;
        padding: 0 10px;
    }
        #postPaginator a.p-active {color: #ff7200;}

#about-us {margin: 20px 45px 5px 45px;}
    #about-us img,
    #about-us h2
    {
        color: #636363;
        font-size: 1.5em;
        margin: 30px 0 20px 0;
    }
    #about-us h4
    {
        margin: 20px 0;
        color: #878787;
    }
    #about-us h5
    {
        color: #636363;
        margin: 0 0 20px 0;
    }
    #about-us p
    {
        color: #464646;
        font-size: .9em;
        margin-bottom: 10px;
    }
    #about-us a {color: #0096D6;}
    #about-us blockquote.blogger
    {
        margin: 0 0 25px 0;
        padding: 0;
        width: 97%;
    }
        #about-us blockquote.blogger img
        {
            float: left;
            margin: 0;
        }
        #about-us blockquote.blogger div
        {
            margin: -4px 0 0 70px !important;
            padding: 0;
        }
            #about-us blockquote.blogger div h5
            {
                margin: 0 0 10px 0 !important;
                padding: 0;
            }
#ctl00_cphMain_pnlChallengePosts li { font-size: 12px; color: #464646; margin-bottom: 15px; }
#ctl00_cphMain_pnlChallengePosts ul { list-style-position: inside; margin-bottom: 5px;}
