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

 Title: Pro-Team-Basics.css
 Version: 2.0
 Date: 05/09/2007

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

 Description: Provides a base set of styles shared among the pro team sites.

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



/* =Import Styles
------------------------------------------------------------------------------*/



/* =General Elements
------------------------------------------------------------------------------*/
img {
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0px;
    line-height: 0px;
	}

object {
    display: block;
    }

div {margin: 0; padding: 0;}

span { margin: 0; padding: 0px;}

/* =Typography
------------------------------------------------------------------------------*/
body {
	color: black;
    background-color: #555;
    font-size: 82%;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 120%;
    text-align: center;
    }

code {
    font-size: 140%;
    margin: 2px 10px 15px 10px;
    }

Pre {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    margin: 2px 10px 15px 10px;
    padding: 0px;
    }

blockquote {
    font-style: italic;
    font-size: 110%;
    }

p   {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }

/*h1, h2, h3, h4, h5, h6 { margin: 2px 10px 5px 10px; padding: 0;} */

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}

h1 { font-size: 220%; line-height: 110%;}
h2 { font-size: 190%; line-height: 110%;}
h3 { font-size: 140%; line-height: 110%;}
h4 { font-size: 100%; line-height: 110%;}
h5 { font-size: 90%; line-height: 110%;}
h6 { font-size: 80%; line-height: 110%;}

.BannerHead2 {
    font-size: 250%;
    line-height: 90%;
    margin: 2px 10px 5px 10px;
    padding: 0;
    }

.BannerHead1 {
    font-size: 300%;
    line-height: 90%;
    margin: 2px 10px 5px 10px;
    padding: 0;
    }

strong { font-weight: bold; }
em {font-weight: bold; font-style: italic; }

.Serif {
    font-family: Georgia, "Times New Roman", Times, serif;
    }

.AltSans{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

.Mini {
    font-size: 90%;
    }

.WhiteType {
    color: white;
    }

.Bold {
    font-weight: bold;
    }

.Italic {
    font-style: italic;
    }

.Center {
    text-align: center;
    }

.TextLeft {
    text-align: left;
    }

.TextRight {
    text-align: right;
    }

.AllCaps {
  text-transform: uppercase;
  }

.pRed { color: red;}


/* =Links
------------------------------------------------------------------------------*/
a{
	color: red;
	background: transparent;
	text-decoration: underline;
	}

a:link { color: #d00;}
a:hover { color: #900;}

a.GoldLink:link {color: #ffcc33;}

a.GoldLink:hover {color: #fee570;}


/* =Lists
------------------------------------------------------------------------------*/
ul {
    margin: 5px 5px 5px 17px;
    padding: 5px 5px 5px 15px;
    }

ol {
    margin: 5px 5px 5px 20px;
    padding: 5px 5px 5px 15px;
}

li {
    margin: 0px;
    padding: 0px;
    }

dl {
    margin: 5px 5px 5px 0px;
    padding: 5px 5px 5px 0px;
    }

dt {
    font-weight: bold;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
    }

dd {
    margin: 5px 5px 5px 30px;
    padding: 0px 0px 0px 0px;
    }

/* =Table - Base
------------------------------------------------------------------------------*/

table {
    padding: 0px;
    margin: 0px;
    }

tr {padding: 0px;}


td  {padding: 0px;}

th  {
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    }

Caption {
    padding: 2px 10px 2px 10px;
    font-weight: bold;
    }

thead {}

tfoot {}



/* =Form Elements
------------------------------------------------------------------------------*/
form {
	margin: 0px;
	padding: 0px;
	}

/* =Useful Classes
------------------------------------------------------------------------------*/

.StandardBorder {
    border: 1px solid black;
    }

.DashedBorder { border-style: dashed;}

.ReverseBorder { border-color: white;}

.RedBorder { border-color: #C00;}

.ClearBoth {
    Clear: both;
    padding: 0;
    margin: 0;
    }

.FloatLeft {
    float: left;
    }

.FloatRight {
    float: right;
    }

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

#ProButton {
    width: 150px;
    height: 150px;
    background-image: url(http://www.theNDL.com/images/ProButton.jpg);
    background-repeat: no-repeat;
    }

#AmaButton {
    display: block;
    width: 150px;
    height: 150px;
    background-image: url(http://www.theNDL.com/images/AmaButton.jpg);
    background-repeat: no-repeat;
    }

a.SiteLink {
    display: block;
    padding-top: 115px;
    text-align: center;
    color: white;
    font-size: 100%;
    }

a.SiteLink:hover {
    display: block;
    padding-top: 115px;
    text-align: center;
    color: red;
    font-size: 100%;
    }

/* =Copyright Block Styles
--------------------------------------------------------------------------------
Styles for the common Dodgeball 101 pages .
------------------------------------------------------------------------------*/

#CopyrightBlock {
	Padding: 10px 4px 10px 4px;
	text-align: center;
	}

#CopyrightBlock p{
	color: white;
	font-size: 85%;
    line-height: 105%;
	text-decoration: none;}

#CopyrightBlock a {color: white; border-top: 1px solid white; border-bottom: 1px solid white; font-size: 130%;}
#CopyrightBlock a:link    { text-decoration: none;}
#CopyrightBlock a:visited { text-decoration: none;}
#CopyrightBlock a:hover   { text-decoration: none; background-color: white; color: #666;}
#CopyrightBlock a:active  { text-decoration: none;}



/* =Tricky:
--------------------------------------------------------------------------------
This class is used to center the page, it maynot work with some
WYSIWYG editors, like GoLive and Dreamwearver. Simply disable it
when using these editors.
    How to center a site:
    1. Set the width to desired size of the page.
    2. Set the left margin to half the desired size.
    3. Place the <div class="CenterPage" ></div> around the page.

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

.CenterPage {
	width: 800px;
	margin: 10px auto;
	text-align: left;
	background-color: transparent;
	}

/* = Spam Bait  - Hide bit textarea on contact forms.
------------------------------------------------------------------------------*/
#bait {display: none;}