@charset "UTF-8";
/* CSS Document */

html { }
body { font-family: Arial, Helvetica, sans-serif; width: 960px; text-align: center; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; background-color: #A7A6A2; font-size: 12px; }
a:link { color: #0066FF; text-decoration: underline; }
a:visited { text-decoration: underline; color: #0066FF; }
a:hover { text-decoration: none; color: #0099FF; }
a:active { text-decoration: underline; color: #FFFFFF; }
h1,h2,h3,h4,h5,h6 { font-family: "Trebuchet MS",Helvetica,Arial,Sans-serif; font-weight: bold; }
h1 { font-size: 200%; color: #105289; }
h2 { font-size: 180%; color: #105289; }
h3 { font-size: 160%; color: #105289; }
h4 { font-size: 140%; color: #105289; }
h5 { font-size: 120%; color: #105289; }
h6 { font-size: 100%; color: #105289; }
#wrapper { text-align: left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; }
.clear { clear: both; display: block; }
#header { background-color: #3579CE; border: 1px solid #999999; margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; background-image: url(/images/diagonal_black.gif); }
#header .logo { float:left; width:auto; margin-right: 20px; padding-bottom: 0px; margin-bottom: 0px; }
#header h1 { color: #FFFFFF; margin-left: 20px; margin-bottom: 0px; padding-bottom: 0px; font-size: 24px; }
#header .description { color: #FFFFFF; padding: 0px; margin-top: 0px; font-size: 12px; }

/*** NAVIGATION ***/
#navigation { font-size: 12px; text-transform: uppercase; }
#navigation ul { list-style-type:none; margin: 0; padding: 0; }
#navigation ul li { float: left; border: 1px solid #666666; background-color: #999999; display: inline; background-image: url(/images/diagonalfade_blackup.png); background-repeat: repeat-x; background-position: bottom; }
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited { color: #FFFFFF; text-decoration: none; display: block; padding: 10px; }
#navigation ul li a:hover { background-color: #FFFFFF; color: #999999; }

/*** CONTENT ***/
#content { border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #0066FF; background-image: url(/images/bluefade.gif); background-repeat: repeat-x; padding: 10px; }

#media { float: left; left: 0px; top: 0px; width: 500px; margin: 10px; }

#associatedplayers { background-color: #F3F4F8; color: #FFFFFF; margin-bottom: 10px; border: 1px solid #0066FF; float: right; width: 400px; margin-top: 10px; }
#associatedplayers h4 { background-color: #3579CE; margin:0px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; color: #FFFFFF; }
#associatedplayers p { color: #1260B1; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }

#locator { border: 1px solid #0066FF; float: right; width: 400px; background-color: #003366; clear: right; margin-bottom: 20px; margin-top: 10px; }
#locator form { margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; }
#locator #form label { font-weight: bold; color: #FFCC00; margin-right: 5px; font-size: 150%; }

/*** FOOTER ***/
#footer { padding: 20px; background-color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; background-image: url(/images/diagonalfade_white.png); background-repeat: repeat-x; }
#footer .breadcrumbs { font-size: x-small; color: #FFFFFF; }
#footer .breadcrumbs a, #footer .breadcrumbs a:link, #footer .breadcrumbs a:visited, #footer .breadcrumbs a:hover { color:#0099FF;}
#footer .copyright { font-size: x-small; color: #FFFFFF; }

/*** NEW ***/
#news { border: 1px solid #0066FF; float: right; width: 400px; background-color: #FFFFFF; clear: right; }
#news h4 { background-color: #3579CE; margin:0px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; color: #FFFFFF; }
#news h6 { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 110%; }

.content { margin-top: 10px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px; }

/*** FUNCTIONAL ***/
.right { float:right; }
.left { float:left; }
.button { background-color: #FFCC00; background-image: url(/images/yellowfade.gif); color: #996600; }
.join { font-weight: bold; color: #FFCC00; background-color: #0099FF; background-image: url(/images/diagonalfade_blackup.png); background-position: bottom; background-repeat: repeat-x; }