body {background-color: #000000; background-image: url('images/grassBG.gif'); background-repeat: repeat-x; background-attachment: fixed; background-position: bottom;}

#mainLayout {width: 900px; margin: 0 auto;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; font-weight: bold; width:900px; height:30px; position: relative; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:90px; height:30px; text-align:center; color:#FFFFFF; background-image: url('images/nontargetButton.gif'); line-height:30px; font-size:11px; overflow:hidden;}
.menu ul li a:hover, .menu ul li a:visited {display:block; text-decoration:none; color:#000000; width:90px; height:30px; text-align:center; color:#FFFFFF; background-image: url('images/nontargetButtonHover.gif'); line-height:30px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative; padding-right: 5px;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#FFFFFF;}
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:90px;}
.menu ul li:hover ul li a.hide {background:#cccccc; color:#000000;}
.menu ul li:hover ul li:hover a.hide {background:#fff; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#C75D25; color:#000; opacity: 0.90; -moz-opacity: 0.90; filter:alpha(opacity=90); border-top: 2px solid #CDCDCD; font-size: 10px;}
.menu ul li:hover ul li a:hover {background:#CC690E; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:91px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-91px;}

.menu ul li.left {width: 220px;}
/* Target */
.menu ul li a.target, .menu ul li a.target:visited {display: block; margin-top: 1px; text-decoration:none; width:90px; height:30px; text-align:center; color:#000000; background-image: url('images/targetButton.gif'); line-height:30px; font-size:11px; overflow:hidden;}
/* ================================================================ */

#topInfo {background-image: url('images/topInfo.gif'); background-repeat: no-repeat; height: 20px; width: 900px;}
#infoImage {background-image: url('images/mainImage.gif'); background-repeat: no-repeat; height: 150px; width: 900px;}
#middleInfo {background-image: url('images/middleInfo.gif'); background-repeat: repeat-y; width: 900px; padding-top: 25px;}
#bottomInfo {background-image: url('images/bottomInfo.gif'); background-repeat: no-repeat; width: 900px; height: 20px;}

/* ================================================================ */
#boxLayout {width: 360px; vertical-align: top; border-right: 1px solid #BBBBBB;}


#tabbed_box_1 {margin: 0px auto 0px auto; width:300px;}
.tabbed_box h4 {font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#b05220; letter-spacing:-1px; margin-bottom:10px;}
.tabbed_box h4 small {color:#999999; font-weight:normal; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative; top:0px; left:6px; letter-spacing:0px;}
.tabbed_area {border:1px solid #777777; background-color:#999999; padding:8px;}

ul.tabs {margin:0px; padding:0px; margin-top:5px; margin-bottom:6px;}
ul.tabs li {list-style:none; display:inline;}
ul.tabs li a {background-color:#464c54; color:#FFFFFF; padding:8px 14px 8px 14px; text-decoration:none; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; border:1px solid #464c54; background-image:url(images/tab_off.jpg); background-repeat:repeat-x; background-position:bottom;}
ul.tabs li a:hover {background-color:#2f343a; border-color:#2F343A;}
ul.tabs li a.active {background-color:#ffffff; color:#282e32; border:1px solid #464c54; border-bottom: 1px solid #ffffff; background-image:url(images/tab_on.jpg); background-repeat:repeat-x; background-position:top;}


/* ================================================================ */
.content {background-color:#ffffff; padding:10px; border:1px solid #464c54; font-family:Arial, Helvetica, sans-serif; background-image:url(images/content_bottom.jpg); background-repeat:repeat-x; background-position:bottom;}
#content_2, #content_3 { display:none; }
.content ul {margin:0px; padding:0px 20px 0px 20px;}
.content ul li {list-style:none; border-bottom:1px solid #b05220; padding-top:15px; padding-bottom:15px; font-size:13px;}
.content ul li:last-child {border-bottom:none;}
.content ul li a {text-decoration:none; color:#3e4346;}
.content ul li a small {color:#8b959c; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif;position:relative;left:4px;top:0px;}
.content ul li a span {color: #8B959C; font-size: 9px; text-transform: uppercase;font-family: Verdana, Arial, Helvetica, sans-serif;position: relative;left: 4px;top: 0px;}
.content ul li a:hover {color:#3E4346;}
.content ul li a:hover small {color:#baae8e;}


/* ================================================================ */
#scroll {background-image: url('images/scrollBG.gif'); background-repeat: no-repeat; padding-bottom: 15px; text-align: center; width: 500px; height: 20px; font-weight: bold; font-size: 11px; line-height: 15px; color: #000000;}


/* ================================================================ */
#words {padding-bottom: 20px;}
#words h4 {font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#b05220; letter-spacing:-1px; margin-bottom:10px; text-align: center;}
#words p.indexp {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #777777; letter-spacing: 0px; padding: 8px 30px 0px 30px; text-transform: uppercase;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 23px; color: #B05220; letter-spacing: -1px; margin-bottom: 10px; margin-left: 40px; text-align: left;}
#words a {color: #B45C0C; text-decoration: none;}
#words a:hover {color: #C75D25; text-decoration: underline;}
h5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #555555; margin-left: 50px; margin-right: 50px; text-align: center; font-variant: small-caps;}
#words p.contact {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold; text-align: Center; padding-right: 80px; padding-left: 80px; line-height: 15px; color: #444444;}
#words p.title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EDEDED; margin-left: 80px; margin-right: 80px; background-color: #777777; padding: 3px 3px 3px 3px;}
#words p.section {font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 100px; color: #AE5C12; font-size: 11px; border-bottom: 1px solid #AE5C12; margin-right: 100px;}
#words p.second {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify; margin-right: 120px; margin-left: 120px; line-height: 15px; color: #777777;}


/* ================================================================ */
#tableFooter {padding: 10px 0px 30px 0px;}
#footerContainer {height: 20px; width: 900px;}
ul#footerList {margin-left: 0; padding-left: 0; white-space: nowrap;}
#footerList li {display: inline; list-style-type: none;}
#footerList a {background-color: #B05220; border: 1px solid #444444; padding: 5px 10px 5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
#footerList a:link, #footerList a:visited {color: #FFFFFF; text-decoration: none;}
#footerList a:hover {color: #EDEDED; text-decoration: none; background-color: #B45C0C;}


/* ================================================================ */
#innerList {font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 120px; margin-right: 120px; font-size: 11px; color: #B45C0C; list-style-position: outside;}
#innerList ol {list-style-type: upper-alpha;}


/* ================================================================ */
#infoList {font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 100px; margin-right: 100px; font-size: 11px; color: #777777; list-style-position: outside; line-height: 15px;}
#infoList ol {list-style-type: numeric;}
#infoList ol li {padding-bottom: 12px;}


/* ================================================================ */
#schedule {text-align: center; background-color: #B45C0C; padding: 10px; width: 700px; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
#schedule .header {border: 1px solid #777777; color: #000000;}
#schedule .game {background-color: #555555; text-align: left;}
#schedule .bye {background-color: #555555;}
#schedule .white {background-color: #EDEDED; border: 1px solid #000000;}
#schedule .gray {background-color: #CCCCCC;}
#schedule td {padding: 5px 3px 5px 3px;}


/* ================================================================ */
#form { background-color: #B45C0C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #777777; margin: 0 auto; width: 600px; border: 1px solid #444444;}
#form td {padding: 10px 0px 10px 0px; color: #EDEDED;}
#form .input {color: #777777; border: 1px solid #444444; background: #EDEDED; line-height: 18px; height: 18px;}
#form .textArea {color: #777777; border: 1px solid #444444; background: #EDEDED;}
#form .button {color: #EDEDED; background-color: #464c54; font-size: 12px; border: none; padding: 10px 10px 10px 10px; border: 1px solid #444444; font-weight: bold;}
#form .button:hover {background-color: #2f343a; color: #EDEDED; font-weight: bold;}
/* ================================================================ */






















/* ================================================================= 
#seasonBoxLayout {width: 700px;}

#seasonTabbedBox1 {margin: 0px auto 0px auto; width: 600px;}
.seasonTabbed h4 {font-family:Arial, Helvetica, sans-serif; font-size:23px; color:#b05220; letter-spacing:-1px; margin-bottom:10px;}
.seasonTabbed h4 small {color:#999999; font-weight:normal; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative; top:0px; left:6px; letter-spacing:0px;}
.seasonTabbedArea {border:1px solid #777777; background-color:#999999; padding:8px; width: 600px;}

ul.seasonTabs {margin:0px; padding:0px; margin-top:5px; margin-bottom:6px;}
ul.seasonTabs li {list-style:none; display:inline;}
ul.seasonTabs li a {background-color:#464c54; color: #FFFFFF; padding:8px 14px 8px 14px; text-decoration:none; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; border:1px solid #464c54;}
ul.seasonTabs li a:hover {background-color:#2f343a; border-color:#2F343A;}
ul.seasonTabs li a.active {background-color:#ffffff; color:#282e32; border:1px solid #464c54; border-bottom: 1px solid #ffffff;}
=============================================================== */