/*------------------------------------------------------------------------------
File Name: DWC-08-Basic.css
Date: 08/13/2008
Developer: James Stuart Johnson
Email: jjohnson@NationalDodgeball.com
------------------------------------------------------------------------------*/


/* Image Related Styles
----------------------------------------------------------------------------- */

.ClearBoth {clear: both;}

body {
	color: black;
	background: #666666 none;
	font-size: 76%;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 120%;
    background-image: url(../images/Ball_Pattern1.jpg);
    text-align: center;
    }

img {
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0px;
	}

table {}

td {vertical-align: top;}

div {margin: 0; padding: 0;}

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

a {
	color: #C00;
	background: transparent none;
	text-decoration: underline;
	}

strong { font-weight: bold; font-size: 115%; }

a:link { color: #C00;}
a:visited { color: #CC0000;}
a:active { color: #231f20;}
a:hover { color: #232323;}

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

h1 { font-size: 230%; line-height: 90%;}
h2 { font-size: 200%; line-height: 95%;}
h3 { font-size: 140%; line-height: 100%;}
h4 { font-size: 124%; line-height: 100%;}
h5 { font-size: 110%; line-height: 90%;}
h6 { font-size: 80%; line-height: 90%;}

.ClearBoth {
	clear: both;
	margin: 0px;
	padding: 0px;
    line-height: 0px;}

#Page {
	width:725px;
    margin: 0px auto;
	margin-top: 5px;
	background: transparent;
    text-align: left;
	}

#HomeTabBkgd {
    position: relative;
    background-image: url(../images/DWC-08-BKGD-Top.gif);
    background-repeat: repeat-x;
    background-position: top left;
    }

#HomeTab {
    position: relative;
    margin: 0px auto;
    text-align: right;
    width: 725px;
    }

#Header {margin: 0px 0px 5px 0px;}

/* Top Menu Styles
----------------------------------------------------------------------------- */

#TopMenu{
    overflow: hidden;
	width: 725px;
	padding: 5px 0px 5px 0px;
    text-align: center;
	background: black;
	}

#TopMenu ul {
    width: 100%;
    display: inline;
    margin: 5px 0px;
    margin-right: auto;
    margin-left: auto;
	padding: 0px;
    list-style: none;
    }

#TopMenu li {
	display: inline;
    margin: 0px;
    padding: 0px 9px 0px 16px;
    font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
    background-image: url(../images/MenuDot-Black-Bkgd.gif);
    background-position: left;
    background-repeat: no-repeat;
    }

#TopMenu li.EndList {
    background-image: none;
	padding-left: 0px;
    }

#TopMenu a {
    color: white;
    text-decoration: none;
    }

#TopMenu li a:hover { color: #CC0000; }

#TopMenu a.EndList {
    background-image: none;
	padding: 0px;
    }

#TopMenu li span.EndList {
    background-image: none;
	padding: 0px;
    }

#BottomMenu{
    width: 725px;
    overflow: hidden;
    background-color: white;
    text-align: center;
	}

#BottomMenu ul {
    float: left;
    width: 100%;
    display: inline;
	list-style: none;
	font-size: 112%;
    margin: 3px auto;
	padding: 10px 0px 10px 0px;
	}

#BottomMenu li {
	display: inline;
	text-transform: uppercase;
    margin: 0px;
    padding: 0px 4px 0px 16px;
    background-image: url(../images/MenuDot-White-Bkgd.gif);
    background-position: center left;
    background-repeat: no-repeat;
	}

#BottomMenu a:link{ color: #CC0000; text-decoration: none;}
#BottomMenu a:visited { color: #CC0000; text-decoration: none;}
#BottomMenu a:hover { color: #333333; text-decoration: underline;}
#BottomMenu a:focus {color: #333333; text-decoration: underline;}
#BottomMenu a:active { color: #555555;}

#BottomMenu li.EndList {
    background-image: none;
	padding: 0px;
    }

#Copyright  {
	text-align: center;
	font-size: 100%;
	color: white;
	background: transparent none;
	width: 725px;
	margin-top: 10px;
	padding: 0px;
	}

#Copyright a {text-decoration: underline;}
#Copyright a:link {color: #FDB813;}
#Copyright a:visited {color: #FDB813;}
#Copyright a:active {color: #FDB813;}
#Copyright a:hover {color: #C8C7C7;}

#ContentBlock {
	width: 725px;
	background: white;
	}

#MainContent {
	width: 640px;
	margin: 0px 42px 0px 43px;
	padding: 20px 0 5px 0px;
	}

#PageHeadline {margin: 0px 0px 20px 0px;}