/* Colors: logo green #366 dark green #033 dark blue #036 visited-purple #663366 gray #999 dark gray #333 */

/*>>>>>>>>>> General <<<<<<<<<<*/

a { color: #039; text-decoration: underline; }
a:visited { color: #663366; }
body { font-family: arial, helvetica, sans-serif; font-size: 14px; color: #000000; background: #FFFFFF; background-image: none; text-align: center; }
h1 { color: #033; font-size: 24px; font-weight: bold; margin-bottom: 0;}
h2 { color: #000; font-size: 20px; font-weight: bold; }
fieldset { padding: 10px; border: 1px solid #808080; margin-bottom: 8px; font-size: .85em;  }
fieldset h3 { font-weight: normal; font-size: 1em; clear: both; }
fieldset p { margin: 0 0 6px 0; }
form { margin: 2px; }
label { float: left; width: 35%; margin-right: 0.2em; padding-top: 0.2em; text-align: right; }
ul { list-style-type: square; }

/*>>>>>>>>>> Structure <<<<<<<<<<*/

#wrap { width: 715px; text-align: left; margin: 0 auto; }
#header { height: 93px; width: 714px; padding: 0; margin: 0; background: transparent url(../images/header.png) no-repeat top left; }
#topnav a, #topnav a:visited { text-decoration: underline; color: #333; font-size: 11px; line-height: 11px; margin: 0; padding: 0; }
#topnav a:hover { color: #036; }
#topnav form { padding-top: 69px; margin: 0; float: right; }
#leftcol { width: 120px; float: left; margin-right: 10px; }
#container { width: 585px; float: right; }
#footer { clear: both; margin: 10px 0 0 0; border-top: 1px solid #999; }
#footer p { margin: 0; padding: 0; font-size: 10px; color: #333; }
#footer a, #footer a:visited { color: #333; text-decoration: underline; }
#footer a:hover { color: #036; }

#breadcrumbs { margin-top: 5px; padding-top: 3px; border-top: 1px solid #999; }
#breadcrumbs p { margin-bottom: 5px; margin-top: 3px; font-size: 12px; }
#breadcrumbs p a, #breadcrumbs p a:visited { color: #039; }

#mmonthly { border: 1px solid #999; margin: 4px 0; padding: 2px; }
#mmonthly a, #mmonthly a:visited { text-decoration: none; color: #000; }
#mmonthly a:hover { text-decoration: underline; }
#mmonthly img { border: none; }
#mmonthly p { font-size: 11px; margin: 0; text-align: center; }

/*>>>>>>>>>> Menu <<<<<<<<<<*/

#menu { font-size: 12px; }
#menu a, #menu a:visited { text-decoration: none; display: block; color: #fff; padding: 2px 0 2px 4px; background-color: #366; border-left: 6px solid #033; }
#menu a:hover { text-decoration: underline; background-color: #418181; }
#menu a.selected, #menu a.selected:hover { background-color: #033; cursor: default; font-weight: bold; text-decoration: none; }
#menu a.selectedsub, #menu a.selectedsub:hover { background-color: #033; font-weight: bold; }
#menu li { border-bottom: 1px solid #033; }
#menu ul { list-style-type: none; margin: 4px 0 0 0; padding-left: 0; }

#supportmenu { display: none; }
#supportmenu li { margin-left: 6px; }
#supportmenu a, #supportmenu a:visited { border: none; font-weight: normal; background-color: #699; padding: 2px 0 2px 6px; }
#supportmenu a:hover { border: none; background-color: #3A7474; text-decoration: underline; }
#supportmenu a.selected, #supportmenu a.selected:hover { background-color: #033; font-weight: bold; text-decoration: none; cursor: default; }
#supportmenu a.selectedsub, #supportmenu a.selectedsub:hover { background-color: #033; font-weight: bold; }
#supportmenu ul { margin-top: 0; margin-bottom: 6px; }

/*>>>>>>>>>> Left Column Ad <<<<<<<<<<*/
#ad { margin: 4px 0; }

/*>>>>>>>>>> Events <<<<<<<<<<*/

#events { border: 1px solid #366; margin: 4px 0; }
#events h2 { display: block; margin: 0 0 5px 0; padding: 2px 0 2px 6px; color: #fff; font-size: 14px; background-color: #366; }
#events p { margin: 0 6px 5px 6px; font-size: 11px; }

/*>>>>>>>>>> Boxes <<<<<<<<<<*/

.bluebox { background-color: #003366; background-image: none; margin-top: 0px; padding: 10px; text-align: left; }
.bluebox h3 { color: #fff; font-size: 15px; margin: 0; font-weight: normal; }
.bluebox p { margin: 0 0 5px 0; font-size: 15px; color: #FFF; }

.columnboxheader { padding: 6px; padding-bottom: 2px; margin-top: 7px; background-color: #418181; }
.columnboxheader h2 { color: #FFF; margin: 0; font-size: 15px; }
.columnboxheader p { color: #FFF; margin: 0; font-size: 14px; }
.columnbox { background-color: #FFFFFF; background-image: none; margin-bottom: 8px; padding: 7px; border: 1px #336666 solid; }
.columnbox p { margin: 0 0 .8em 0; color: #000000; }
.columnbox ul { list-style-type: square; font-size: 12px; margin: 1em 0 1.5em 1.5em; padding: .5em 0; }	

.noborderbox { background-color: #FFFFFF; background-image: none; margin-bottom: 8px; padding: 0px; text-align: left; border: none; }
.noborderbox h2 { margin: 0px; padding: 5px; }
.noborderbox li { background-color: #FFFFFF; list-style-type: square; font-size: 12px; margin: 0px; }
.noborderbox p { margin: 0px; padding: 5px; color: #000000; }
.noborderbox ul { font-size: 12px; }

#promobox { padding: 10px; margin-bottom: 8px; background-color: #336666; }
#promobox_red { padding: 10px; margin-bottom: 8px; background-color: #CC0033; }
#promobox h2, #promobox_red h2 { color: #FFF; margin: 0; font-size: 15px; }
#promobox p, #promobox_red p { margin-top: 0; font-size: 12px; color: #FFF; }
#promobox a, #promobox a:visited, promobox a:hover, #promobox-red a, #promobox_red a:visited, promobox_red a:hover { color: #FFF; font-weight: bold; }

.sidebar { float: right; width: 200px; background-color: #336666; margin: 0 0 10px 10px; padding: 10px; }
.sidebar p, .sidebar h2, .sidebar a, .sidebar a:visited { margin-bottom: 0; color: #fff; }
.sidebar ul { list-style-type: square; color: #fff; margin-left: 1.5em; padding-left: 0; }

.whitebox { display: block; background-color: #FFFFFF; background-image: none; margin: 0 0 8px 0; padding: 0px; text-align: left; width: 100%; border: 1px #003366 solid; }
.whitebox p { margin: 0px; padding: 5px; color: #000000; }
.whitebox h2 { margin: 0px; padding: 5px; }
.whitebox ul { font-size: 12px; }
.whitebox li { background-color: #FFFFFF; list-style-type: square; font-size: 12px; margin: 0px; }

/*>>>>>>>>>> Text and Image Formatting <<<<<<<<<<*/

.bigred { font-weight: bold; color: #cc0033; }
.date { font-size: 11px; color: #000000; font-weight: normal; }
.error { font-weight: bold; font-size: 12px; color: #CC0033; }
.homepage { font-size: 14px; color: #000000; background: #FFFFFF; background-image: none; padding: 0; }
.nomargin { font-size: 14px; color: #000000; font-weight: normal; line-height: 14px; margin-top: 2px; margin-bottom: 0px;}
.noscreen { display: none; }
.note { font-size: 11px; color: #666; font-style: italic; }
.oldnews { font-size: 11px; color: #000000; font-weight: normal; }
.reverse { font-size: 14px; color: white; background-image: none; }
.reverse a, .reverse a:visited { color: #fff; }
.reverse li { list-style-type: square; color: #fff; }
.results { font-size: 12px; }
.schedule { font-size: 11px; color: #000000; font-weight: normal; line-height: 13px ;margin-top: 6px; margin-bottom: 0px;}
.story { font-size: 16px; line-height: 20px; color: #000000; }

.topphoto { float: right; margin-left: 5px; border: 0 none #fff; }

/*>>>>>>>>>> News Releases <<<<<<<<<<*/

.release { width: 580px; }
.releasetitle { text-transform: uppercase; font-weight: bold; font-size: 16px; margin-top: 15px; }

/*>>>>>>>>>> News Pages <<<<<<<<<<*/

#email { margin: 4px 0; padding: 2px 0; width: 585px; }
#email p { margin: 0; font-size: 11px; }
#email a, #email a:visited { text-decoration: none; color: #000; }
#email img { border: none; }

#story1col { width: 450px; padding: 0; margin: 0; }
#storysidebar { width: 585px; padding: 0; margin: 0; }

/*>>>>>>>>>> News and Events Page <<<<<<<<<<*/

#newscol { width: 355px; float: left; margin-top: 5px; }
#newscol h2 { margin: 0 0 15px 0; font-size: 24px;}
#newscol p { clear: both; margin: 0 0 10px 0; }
#newscol p img { float: left; border-width: 1px; margin: 0 5px 5px 0; }
#newscol p a { text-decoration: none; font-weight: bold; }
#newscol p a:hover { text-decoration: underline; font-weight: bold; }

#morenews { clear: both; margin: 10px 0 0 0; }
#morenews h3 { margin-bottom: 0; }
#morenews ul { margin: 5px 0 10px 0; padding-left: 15px; }
#morenews li { margin-bottom: 3px; font-size: 13px; }
#morenews li a { text-decoration: none; }
#morenews li a:hover { text-decoration: underline; }

#eventscol { width: 195px; margin-top: 5px; float: right; padding: 10px; background-color: #DCDCDC; }
#eventscol h2 { margin: 0; }
#eventscol p { margin: 10px 0 0 0; }

/*>>>>>>>>>> Classic <<<<<<<<<<*/

#classiclist h2 { margin-top: 15px; margin-bottom: 5px; }
#classiclist p { margin-top: 0; margin-bottom: 3px; font-weight: normal; font-size: 16px; }
#classiclist p a { text-decoration: none; }
#classiclist p a:hover { text-decoration: underline; }

#rightcolumn { float: right; width: 300px; }

#featuredclassic { width: 280px; border: 1px solid #999; padding: 10px; }
#featuredclassic h3 { margin: 0; color: #000; }
#featuredclassic a { text-decoration: none; }
#featuredclassic a:hover { text-decoration: underline; }
#featuredclassic p { margin: 5px 0 0 0; font-size: 13px; }
#featuredclassic a img { float: right; margin-left: 5px; border-style: solid; border-width: 1px; }

#classicad { margin-top: 10px; }

/*>>>>>>>>>> Hall of Fame <<<<<<<<<<*/

#hofbio h3 { margin-bottom: 5px; }
#hofbio img { float: left; margin: 5px 5px 5px 0; border: 0 none #fff; }