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

 Title: theNDL-Duo.css
 Version: 2.0
 Date: 012/20/2007

 Author:    James Stuart Johnson
 Email:     jjohnson@NationalDodgeball.com
 Website:   WWW.NationalDodgeball.COM

 Description: New Duo Headed Home Page for theNDL.com

 Pro Colors:
 Gold:      #ECB840;
 Md Gold:   #B37319;
 DK Gold:   #2C1004;
 Lt Gold;   #F8E6BC;

 Amateur Colors:
 Blue:  #2B75C0;
 DK Blue: #004577;
 LT Blue: #C3D5E2;

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


/*------------------------------------------------------------------------------
    Master Template Appearance
------------------------------------------------------------------------------*/

body {
    background: url(images/Ball_Pattern1.jpg);
    }

.FixImgGap { vertical-align: bottom;}

.ForceHeight {height: 1300px;}

#DuoContainer {
    margin: 0px auto;
    width: 990px;
    margin-top: 10px;
    background-color: transparent;
    text-align: left;
    }

#DuoContainer .BoxBorderA {
    border: 3px solid black;
    }

#DuoContainer .BoxBorderB {
    border: 1px solid white;
    }

#DuoMaster .BoxBorderC {
    border: 1px solid black;
    }

.MiniHeader {
    display: block;
    margin-bottom: 3px;
    }

#DuoContent {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    }

#FlashContent {
    color: #888;
    }


/*------------------------------------------------------------------------------
    Unique Pro Section Styles
------------------------------------------------------------------------------*/

#ProSection {
        background-color: black;
        width: 600px;
        float: left;
        }

#ProMiniHead {
    width: 598px;
    background-color: #555;
    }

#ProContainer {
        width: 598px;
        float: left;
        background-image: url(images/ProColumn_BKGD.gif);
        background-position: -15px 0px;
        }

#ProMenuBar{
    width: 150px;
    margin-right: 2px;
    float: left;
    }

#ProContent {
    width: 446px;
    float: left;
    }

/*------------------------------------------------------------------------------
    Pro Navigational Styles
------------------------------------------------------------------------------*/

#ProMenu {
    margin: 0px;
    padding: 0px;
    }

#ProMenu li {
      list-style: none;
      margin: 0px;
      padding: 0px;
      background-color: #ECB840;
      border-bottom: 2px solid  #B37319;
      color: black;
      }

#ProMenu li.NavHeader {
    width: 150px;
    height: 50px;
    color: white;
    border: none;
    }

#ProMenu li.NavItem a {
    background: transparent;
    text-decoration: none;
    padding: 5px 2px 5px 5px;
    font-weight: bold;
    font-size: 110%;
    display: block;
    color: black;
    }

#ProMenu li.NavItem a:hover {
    color: black;
    background: #F8E6BC;
    }

#ProMenu li.New
    {
    background-image: url(http://www.theNDL.com/images/New.gif);
    background-repeat: no-repeat;
    background-position: 80px;
    }


/*------------------------------------------------------------------------------
    Pro Header Styles
------------------------------------------------------------------------------*/

#DuoHeader {
        background: #333;
        width: 984px;
        height: 206px;
        margin-bottom: 10px;
        }

#DuoHeaderImg {
    display: block;
    }

#ProTeamRow {
    padding: 0px;
    width: 600px;
    margin: -110px 8px 15px 360px;
    list-style-type: none;
    text-align: right;
    }

.ProLogo {
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    display: inline;
    }

.ProLogo img {
    margin: 5px 0px 0px 15px;
    }

.ProLogo a {
    padding: 0px;
    margin: 0px;
    }


/*------------------------------------------------------------------------------
    Unique Amateur Asso. Section Styles
------------------------------------------------------------------------------*/

#AmaSection {
        margin-left: 3px;
        background-color: black;
        width: 375px;
        float: right;
        }

#AmaMiniHead {
    width: 373px;
    background-color: #555;
    }

#AmaContainer {
        width: 373px;
        float: left;
        background-image: url(images/ProColumn_BKGD.gif);
        background-position: -16px 0px;
        background-repeat: repeat-y;
        }

#AmaMenuBar{
    width: 150px;
    margin-right: 2px;
    float: left;
    }

#AmaContent {
    background-color: white;
    width: 220px;
    float: left;
    }

#ProFlashBlock {
    float: left;
    width: 446px;
    background-color: black;
    }

#ProFlashContent {
    float: left;
    margin-top: 10px;
    width: 286px;
    }

#TVHead {
    margin: 5px 0px 0px 0px;
    display: block;
    }

#FlashBadges div {
    text-align: center;
    float: right;
    color: white;
    height: 200px;
    width: 156px;
    border: 1px dashed white;
    }

#EventWidgetBkgd {
    text-align: center;
    background-color: black;
    }


/*------------------------------------------------------------------------------
    Amateur Navigational Styles
------------------------------------------------------------------------------*/

#AmaMenu {
    margin: 0px;
    padding: 0px;
    }

#AmaMenu li {
      list-style: none;
      margin: 0px;
      padding: 0px;
      background-color: #2B75C0;
      border-bottom: 2px solid #004577;
      color: black;
      }

#AmaMenu li.NavItemTop {
    border-Top: 2px solid #004577;
    }

#AmaMenu li.NavHeader {
    width: 150px;
    height: 50px;
    color: white;
    border: none;
    }

#AmaMenu li.NavItem a {
    background: transparent;
    text-decoration: none;
    padding: 5px 2px 5px 5px;
    font-weight: bold;
    font-size: 110%;
    display: block;
    color: black;
    }

#AmaMenu li.NavItem a:hover {
    color: black;
    background: #C3D5E2;
    }

#AmaMenu li.Hot
    {
    background-image: url(http://www.theNDL.com/images/HOT.gif);
    background-repeat: no-repeat;
    background-position: 110px 21px;
    }




/*------------------------------------------------------------------------------
 News System Styles
------------------------------------------------------------------------------*/

.NewsBlock * {
    margin: 0px;
    padding: 0px;
    }

/* Set NewsBlock to 202 for half column, 440 for full */

#NewsProScroller .NewsBlock {
    text-align: left;
    width: 418px;
    float: left;
    display: inline;
    }

#NewsProScroller div.NewsBlock dl {
    width: 418px;
    float: left;
    display: inline;
    margin: 5px 5px 5px 5px;
    }

#NewsAmaScroller .NewsBlock {
    float: left;
    display: inline;
    text-align: left;
    width: 200px;
    }

#NewsAmaScroller div.NewsBlock dl {
    width: 193px;
    float: left;
    display: inline;
    margin: 5px 5px 5px 2px;
    }

.NewsBlock .NewsTitle {
    margin: 0px 0px 5px 0px;
    clear: left;
    }

.NewsBlock dd {
    float: left;
    display: inline;
    margin: 0px 5px 5px 0px;
    padding: 0px;
    }

.NewsTitle {
    /*Sets the default news header color  */
    background-color: #ECB840;
    padding: 5px;
    }

.NewsBody img{
    float: left;
    margin-right: 5px;
    padding: 0px;
    }

.NewsThumb img{
    display: block;
    }

.NewsBody {
    width: 98%;
    }

.NewsLink{
    display: block;
    font-size: 90%;
    margin-top: 3px;
    margin-left: 5px;
    border-top: 1px dashed #aaa;
    text-align: right;
    }


/*
The following control the base height and width of each news scroller Set to width of 218px for a half column.
*/

#NewsProScroller {
    text-align: left;
    overflow: auto;
    width: 445px;
    height: 998px; /* orignal 1000px */
    }

#NewsAmaScroller {
    text-align: left;
    overflow: auto;
    margin-left: 1px;
    width: 218px;
    height: 755px;
    }

#NewsAmaScroller .NewsTitle {
    background-color: #2B75C0;
    }

/*------------------------------------------------------------------------------
    Unique Footer & Site Map Styles
------------------------------------------------------------------------------*/
#DuoFooter {
    width: 984px;
    background-color: #ccc;
    border: 3px solid black;
    margin-bottom: 20px;
    float: left;
    }

#Sitemap {
    float: left;
    width: 982px;
    border: 1px solid red;
    }

#Sitemap h3 {
    font-size: 180%;
    font-weight: bold;
    margin: 10px 0px 10px 10px;
    }

#Sitemap ul {
    float: left;
    width: 190px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-size: 87%;
    list-style: none;
    }

#Sitemap ul li{
    margin-left: 10px;
    }

.ListHead {
    font-size: 110%;
    font-weight: bold;
    }

/*------------------------------------------------------------------------------
    Pro AD Block Styles
------------------------------------------------------------------------------*/


#ProADBlock {
    width: 128px;
    text-align: center;
    margin: 20px 0px 16px 10px;
    }

#proMiniHead {position: relative;}

#twitterLink {
    position: absolute;
    display: block;
    width: 194px;
    height: 70px;
    top: 10px;
    right: 10px;
    background-image: url(images/TwitterButtonDialog.png);
    background-position: top;
    text-decoration: none;
    }

#twitterLink span {
    position: relative;
    top: 8px;
    left: 12px;
    font-size: 80%;
    font-weight: bold;
    text-decoration: underline;
}