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

 Title: theNDL-Main.css
 Version: 1.0
 Date: 05/22/2007

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

 Description: Site specific styles 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;


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

/* NDL Pro Schedule Highligh Tint Default
------------------------------------------------------------------------------*/

#ProSchedule a.confBTeam4 {}


/* Common Layout Styles
------------------------------------------------------------------------------*/
body {
    background: url(images/Ball_Pattern1.jpg)
    }

.LayoutPad{
    margin: 0px;
    padding: 0px;
    }

#dMainContent, #dSiteHeader {
    width: 802px;
    background-color: transparent;
    border: 3px solid black;
    }

#dSiteHeader {
    height: 150px;
    margin-bottom: 0px;
    }

#dHeaderOverlay {
    width: 800px;
    margin-top: -150px;
    }

#dMainContentPad {
    width: 800px;
    background-color: black;
    /* background: url(images/theNDL-Grad.jpg);
    background-repeat: repeat-y; */
    }

#TheHeaderImg, #dMainContentPad{
    border: 1px solid white;
    }

div.LayoutFloat {float: left;}

#dSiteLeftColumn {
    width: 150px;
    background-color: transparent;
    }

#dSiteCenterColumn {
    width: 460px;
    background-color: white;
    border-right: 1px solid white;
    border-left: 1px solid white;
    }

#dSiteWideColumn {
    width: 648px;
    background-color: white;
    border-right: 1px solid white;
    border-left: 1px solid white;
    }

#dPageContent{ }

#dPageContent, #dPageTopContent{
    margin: 5px 10px 10px 10px;
    }

#dSiteCenterPad {
    width: 458px;
    height: 280em;
    margin: 0px;
    padding: 0px;
    border: 1px solid black;
    }

#dSiteWidePad {
    width: 647px;
    height: 280em;
    margin: 0px;
    padding: 0px;
    border: 1px solid black;
    }


#dSiteRightColumn {
    width: 188px;
    background-color:transparent;
    text-align: center;
    }

#ContentHeader {
    margin: 10px 0px 15px 0px;
    padding: 0px;
    }

#ContentHeader h2 {
    font-size: 190%;
    line-height: 110%;
    color: black;
    margin-bottom: 5px;
    text-transform: uppercase;
    }

#FlashContent {
    /* Styles to support thumbgallery aternet content */
    width: 458px;
    height: 360px;
    background-position: left top;
    background-image: url(images/NoFlash-theNDL.jpg);
    background-repeat: no-repeat;
    }

#MainGalleryContent {
    /* Styles to support thumbgallery aternet content */
    width: 428px;
    height: 500px;
    margin-left: 10px;
    text-align: center;
    background-position: left top;
    background-image: url(images/NoFlashGallery-theNDL.jpg);
    background-repeat: no-repeat;
    }

.BannerBlock {
    margin: 10px 0px 10px 0px;
    }



/* =CommonRightContent Styles
------------------------------------------------------------------------------*/
#CommonRightContent {
    margin: 10px 0px 10px 0px;
    }

#RightAd1 {}
#RightAd2 {}
#RightAd3 {}


/* =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: 100% 0;
    }


/* =Sub Navigational Styles
------------------------------------------------------------------------------*/

#SubNav {
    padding: 2px 5px 5px 2px;
    margin: 5em 0px 0px 0px;
    background-color: transparent;
    text-align: center;
    }

#SubNav li {
    margin: 0px 5px 0px 0px;
    padding: 0px;
    display: inline;
    list-style-type: none;
    }

#SubNav li a{
    color: red;
    }

/* =Pro 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: 85%;
    display: block;
    color: black;
    }

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

#AmaButton a.SiteLink:hover {
    color: #aaa;
    }



/* =Pro Specific Styles
------------------------------------------------------------------------------*/

#ProTeamRow {
    width: 480px;
    margin: 2px 0px 0px 320px;
    padding: 0px;
    line-height: 0px;
    list-style-type: none;
    text-align: right;
    }

.ProLogo img {
    padding: 0px;
    margin: 5px 0 0 0;
    width: 62px;
    height: 39px;
    }

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

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



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

.NewsItemHeader {
    /*Sets the default news header color  */
    background-color: #ECB840;
    }

.NewsBlock {
    margin: 5px;
    }

.NewsItemHeader h4 {
    /*Sets the default news header color  */
    font-size: 100%;
    margin: 5px;
    color: Black;
    }

.NewsItemCopy {
    /*Sets the default news header color  */
    background-color: transparent;
    vertical-align: top;
    }

.NewsItemCopy p {
    font-size: 90%;
    line-height: 110%;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    text-align: left;
    }

.NewsThumb {
    float: right;
    margin-left: 5px;
    }

#NDLFormReq1, #NDLFormReq2 {
    font-size: 90%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }

.NewsFullImage {
    float: right;
    display: inline;
    margin: 10px 0px 10px 10px;
    }

#NDLFormReq1 {
    float: left;
    width: 200px;
    }


/* =Sub Navigational Styles
------------------------------------------------------------------------------*/
#tContactForm {
    width: 400px;
    }

#tContactForm h4 {
    margin: 0px 0px 10px 0px;
    }

#tContactForm img {
    margin: 10px 0px 10px 0px;
    }


/* =Team Page Styles
------------------------------------------------------------------------------*/

#TeamsConfA {
    float: left;
    margin-bottom: 20px;
    margin-top: 10px;
    }

#TeamsConfB {
    float: left;
    margin-bottom: 20px;
    }

.TeamsBox {
    position: relative;
    }

.TeamsBox a,
.teamsBox a:link {
    display: block;
    }

.TeamsBox a:hover,
.TeamsBox a:active{
    background-color: #FFFF99;
    }

.TeamsBox h5 {
    font-weight: bold;
    font-size: 120%;
    margin: 0px;
    padding: 0px;
    }

.TeamsBox p {
    position: absolute;
    bottom: 0px;
    width: 100%;
    font-weight: normal;
    font-size: 90%;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    border: 1px solid red;
    }


.TeamsBox, .TeamsBoxFirst, .TeamsBoxLast{
    width: 100px;
    height: 140px;
    text-align: center;
    display: inline;
    float: left;
    margin-bottom: 10px;
    margin-right: 8px;
    }

.TeamsBoxFirst {
    margin: 0px 10px 0px 8px;
    }

.TeamsBoxLast {
    margin: 0px;
    }

.TeamsConfHead {
    text-align: center;
    margin-bottom: 10px;
    background-color: #aaa;
    padding: 3px 0px 3px 0px;
    }

#TryoutBlock {
    margin-top: 20px;
    }


/* =Merch Cart Page Styles
------------------------------------------------------------------------------*/
#dPageContent.dMerchPage{ }

#dPageContent.dMerchPage fieldset{ border: none; }


#dPageContent.dMerchPage .checkOut{
    float: right;
    display: block;
    font-weight: bold;
    font-size: 90%;
    margin-top: 10px;
    }


#dPageContent.dMerchPage #specialOrder {
    background: #fff url(images/NoteIcon.gif) left center no-repeat;
    border: 1px solid #ff0000;
    font-weight: bold;
    margin: 10px auto;
    min-height: 45px;
    width: 560px;
    padding: 0 5px 0 50px;
    float: left;
    }

#dPageContent.dMerchPage #specialOrder p {
    float: left;
    margin: 12px 0 0 0;
    }

#dPageContent.dMerchPage .viewCart{
    float: right;
    margin-left: 10px;
    }

#dPageContent.dMerchPage p{
    font-size: 95%;
    line-height: 110%;
    margin-top: 5px;
    text-align: left;
    }

#merchQuote{
    display: block;
    margin-top: 4px;
    margin-bottom: 2px;
    font-size: 90%;
    line-height: 100%;
    }

#merchQuote br{
    line-height: 150%;
    }

#dPageContent.dMerchPage label.merchPrice {
    display: block;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 2px;
    font-weight: bold;
    font-size: 110%;
    color: #004577;
    line-height: 110%;
    }

#dPageContent.dMerchPage h4{
    text-align: left;
    margin-top: 5px;
    font-size: 110%;
    line-height: 105%;
    text-transform: uppercase;
    }

#dPageContent.dMerchPage hr{
    clear: both;
    border: 1px solid #aaa;
    width: 610px;
    margin: 10px 10px 5px 0px;
    }

#merchCartForm fieldset {
    text-align: right;
    }

.palbutton {
    margin-top: 3px;
    }

input.merchQty {
 width: 3em;
 }


#dPageContent form.fMerchItem select{
    width: 100%;
    }

#dPageContent form.fMerchItem em{
    font-size: 85%;
    }

#dPageContent form.fMerchItem {
    margin: 10px 5px 15px 5px;
    border: 1px solid #bbb;
    width: 142px;
    float: left;
    }

#dPageContent span.merchBallSize {
    font-size: 70%;
    color:#FF0000;
}

#dPageContent form.fMerchItem h5 {
    text-align: left;
    margin: 0px;
    font-size: 85%;
    }

#dPageContent form.fMerchItem ul {
    padding-top: 0px;
    margin: 0px;
    text-align: left;
    font-size: 75%;
    line-height: 105%;
    }

#dPageContent form.fMerchItem div{
    position: relative;
    text-align: center;
    margin: 5px;
    height: 350px;
    }

#dPageContent form.fMerchItem div.shirts{height: 400px;}
#dPageContent form.fMerchItem div.balls{height: 410px;}
#dPageContent form.fMerchItem div.TopRow{height: 320px;}

#dPageContent fieldset.addToCart {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 5px;
    margin: 0px;
    padding: 0px;
    }

#dPageContent a {
    text-decoration: none;
    }

#dPageContent a em{
    text-decoration: underline;
    }

#dPageContent img.merchProdImg {
    border: 1px solid black;
    }

#MerchFooter p{
    text-align: center !important;
    }