* {
 margin: 0px;
 padding: 0px;
 }

html {
 color: #000;
 margin: 0px 10px;
 background: #002 url('smka_logo_vectors_faded_1500_trans.png') no-repeat fixed -200px center;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 width: 960px;
 margin: 0px auto;
}

.header {
 height: 150px;
 margin-bottom: 10px;
 background: url('compass_inv_150.png') no-repeat top right;
}

ul {
 list-style: none;
 padding: 5px;
}

p {
 padding: 5px;
}

dd {
 padding: 2px;
}

h4 {
 padding: 5px 5px 0px;
 font-size: 120%;
}

.header h2 {
 font-size: 280%;
}

h1 {
 margin-top: 10px;
 font-size: 350%;
}

.content {
 float: left;
 width: 80%;
}

.events_bar {
 float: right;
 width: 20%;
}


.content, .events_bar {
 background-color: #fff;
}

div.menu a {
 background: url('bg_a100.png');
}

div.menu ul {
 padding: 0px;
}

div.menu li {
 display: inline;
 margin-bottom: 10px;
}

div.menu a {
 padding: 2px 10px;
 font-size: 120%;
}

a {
 color: #06f;
}
a:visited {
color: #06c;
}
a:focus, a:hover {
 color: #f06;
}
a:active {
 color: #f03;
}

div.menu a:focus, div.menu a:hover, div.menu a:active {
 background: url('bg_a50.png');
}

.header , .header a{
 font-family: Candara, Helvetica, sans-serif;
 color: #f9d900;
}

h3, h4, .box1 dt, a, .events_bar , th{
 font-family: Candara, Helvetica, sans-serif;
 color: #06f;
}

h3, h4, .box1 dt {
 color: #18cc00;
}

h1 a {
 text-decoration: none;
}

.next_events, .last_events, .share, div.menu li {
 margin-bottom: 10px;
}

.box1 dt {
 border: none;
 font-size: 120%;
 text-align: left;
 margin-top: 5px;
 font-weight: bold;
 margin-left: 5px;
}

.events_bar h2, .box1 h3, .tags dt {
 text-align: left;
 font-size: 150%;
}

.box1 dt:first-child {
 margin-top: 0px;
}

.box1 dd {
 margin-left: 10px
}

.next_events ul, .last_events ul {
}

img {
 border: 1px solid #f30;
}

.box1 {
 margin-bottom: 20px;
 padding: 5px;
}

.box1 h3 {
 margin-left: 5px;
}

.report_stub img, .venue_profile img, .person_profile img, .about img {
 width: 200px;
 float: right;
 margin: 5px;
}

.team_stub img {
 width: 180px;
 margin: 5px;
}

.event img {
 width: 200px;
 margin: 5px;
 float: left;
}

.venue_stub img, .comm_member img {
 height: 150px;
 float: right;
 margin: 5px;
}

.full_report .main_photo {
 margin: 5px;
}

.full_report .main_photo p, .caption {
 font-size: 80%;
 text-align: justify;
}

.layoutl img, .layoutl p, .layoutr img, .layoutr p {
 width: 300px;
}

.layoutf img, .layoutf p {
 width: 400px;
}

.layoutl {
 float: left;
}

.layoutr {
 float: right;
}

.layoutf {
 float: none;
}

.thumbnails {
 clear: both;
 text-align: center;
 margin: 0px 5px;
}

.thumbnails img, .players .photo img {
 height: 150px;
}

.players .photo {
 float: left;
 margin: 5px;
 height: 220px;
 text-align: center;
}

.gallery_stub img, .gallery img {
 float: left;
 margin: 5px;
 height: 150px;
}

.players .photo p {
 width: 100px;
 text-align: center;
}

.team_profile img {
 float: right;
 margin: 5px;
 width: 200px;
 clear: right;
}

.calendar h3 {
 margin-bottom: 5px;
}

.box_footer {
 clear: both;
 text-align: left;
}

ul.menu {
 display: block;
 text-align: center;
}

ul.menu li {
 display: inline;
 padding: 2px;
 margin-right: 5px;
}

.footer {
 clear: both;
 margin: 10px 0px;
 padding: 10px 0px;
}

table.league {
 text-align: center;
}

.league col {
 width: 3em;
}

col.name , col.team {
 width: 9em;
}

td.team {
 text-align: left;
 padding-left: 0.5em;
}

tr.odd {
 background: #ff7;
}

tr.even, .league th {
 background: #9f6;
}

.results .date {
 font-size: 90%;
}

.results .score {
 font-weight: bold;
}

.results td{
 text-align: center;
 padding: 0em, 1em;
}