* {padding: 0; margin: 0;}

/* general */
body {font-family: Arial, helvetica, utkal, Sans-Serif; font-size; 12px; color: #000; background: #fff;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
h1 {font-size: 20px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
p {margin-top: 10px;}
ul, ol {margin: 10px 0 10px 20px;}
li {margin: 0 0 6px 0;}
.red {color: #cc1100;}

/* header */
#header-top {margin: 0 auto; width: auto; line-height: 12px;}
#header-wrapper {width: 980px; height: 60px; margin: 0 auto; border: 0px red solid; background-color: #fff;}
#header-banner {float: left; width: 400px; padding: 0 0 0 10px;}
#header-right {float: right; width: 400px; text-align: right; margin: 0 0 0 0;}
#header-member {padding: 4px 0 0 0; text-align: right; font-size: 10px;}
#header-member a {color: #0000cc;}


#searchinput
{
    font-size: .875em;
    font-weight: bold;
    width: 15em;
    padding: 3px 4px;
    line-height: 1em;
    height: 1em;
    border: none;
    float: left;
    margin: 10px 0;
    border: 1px solid #0000cc;
}
.breadcrumb {font-size: small; margin: 0 0 10px 0; padding: 4px 0 4px 4px;}
.messageBox {margin: 10px; border: 1px solid #DF0101; padding: 10px;}
.h2info  {font-size: small; vertical-align:middle;}

/* navigation menu */
#navmenu ul {font-weight: bold; font-size: 12px; width:980px; height: 28px;  background: #0000cc; margin: 0 auto; padding: 0; list-style: none;}
#navmenu li {display: inline; margin: 0 2px 0 0; padding: 0;}
#navmenu a {float: left; display: block; color: White; margin: 0 2px 0 0; padding: 8px 10px; text-decoration: none; background-color: #0000cc;}
#navmenu a:hover {background-color: #000077;}
#navmenu #current a {color: #000; background-color: #92A1DB;}

/* content */
#content-outer-wrapper {width: 980px; margin: 0 auto; text-align:left; background: #fff;}
#content-wrapper {float:left; margin:0 10px 0 2px; overflow:hidden; padding:20px; width:625px; background:#fff;}
#content-top {border-bottom: 4px solid black; margin: 0 0 8px 0; padding: 2px 0px;}

#content-wrapper h1 {margin: -8px 0 10px 0; border-bottom: 2px solid #d9d9d9;}
#content-wrapper h2 {margin: -8px 0 10px 0; border-bottom: 2px solid #d9d9d9;}

.post {margin:0 0 12px 0; border-bottom:0px solid #d9d9d9;}
.post h3 {font-size: 16px;}
.post img {float: left; margin: 0 10px 0 0; cursor: pointer; cursor: hand; vertical-align: text-top;}
.postcat {font-weight: bold; color: #000;}
.postdesc {margin: 0px; font-size: 12px; color: #848484;}
.postsource {color: Green; font-size: 12px; font-weight: normal; padding-bottom: 10px;}
.postimage {margin:0 0 12px 0; border-bottom:0px solid #d9d9d9;}
.postimage h3 {font-size: 16px;}
.postimage img {float: left; margin: 0 10px 10px 0; cursor: pointer; cursor: hand; vertical-align: text-top;}

/* video */
.album {width:100%; background-color:#fff; float:left}
.album .imageSingle {float: left; margin: 5px; width: 128px; border:solid 1px #b4b4b4; background-color:#e4e4e4;}
.album .imageSingle .image {float:left; width:120px; margin:3px; border:solid 1px #000000;}
.album .info {float:left; width: 100px; /* border:solid 1px #b4b4b4; */ margin-left:3px; color:#000; font-size:small;}
.album .duration {margin-top: 4px; color: #6e6e6e; font-size:11px;}
.album .pubdate {margin-top: 4px; color: #6e6e6e; font-size:12px;}

.album{width:100%; background-color:#000000; padding: 10px; float:left}
.album .imageSingle {float: left; margin: 5px; width:156px; text-align:center; border:solid 1px #333}
.album .imageSingle .image {width:150px; height:150px; margin:3px;}
.album .footer {text-align:center; width: 156px; border-top:solid 1px #333; color:#999; font-weight:bold; padding-top: 7px; padding-bottom:7px; margin-top: 10px;}

.postvideo h3 {font-size: 16px;}
.postvideo img {float: left; margin: 0 10px 10px 0; cursor: pointer; cursor: hand; vertical-align: text-top;}
.postvideo .countryflag {position:absolute;margin:3px 0 0 3px;width:100px;height:24px;}
.postvideo .countryflag span {width:26px; height:24px; float:left; margin-top:1px;}
.postvideotn {margin:0 0 12px 0; border-bottom:0px solid #d9d9d9;}
.postvideometa {word-wrap:break-word; overflow:hidden;}
.postvideosource {margin:0; color: Green; font-size: 12px; font-weight: normal;}
.postvideodesc {margin: 6px 0 0 0; font-size: 12px; color: #848484;}

/* sidebar */
#sidebar-wrapper {width:299px; float:left; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text content breaking IE sidebar float */}
.sidebar {font-size:14px; background:#fff; border-top: 2px solid #d9d9d9; margin: 16px 0 10px 0; padding: 10px;}
.sidebar h2 {font-size:16px; font-style:normal;}
.sidebar ul {list-style:none; line-height:1.5em;}
.sidebar li {display:block; padding:1px 0 0 15px;}
.sidebar li a:hover {color: #a9a9a9; text-decoration:underline;}
.sidebar .widget {border-bottom:1px solid #d9d9d9;}
.sidebar img {padding:10px 0 0 25px;}
.sidebar .widget-content {}

.sidebar #ArchiveList {
     margin-top:10px;
     word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
     overflow:hidden; /* fix for long non-text content breaking IE sidebar float */
}

.sidebar #ArchiveList ul {
     background:none;
     margin:0;
     line-height:1.5em;
     padding:0 0 0 25px;
     list-style-type:none;
}

.sidebar #ArchiveList ul li {
     margin:0;
     padding:0;
}

.sidebarAd {background:#fff; border-top: 2px solid #d9d9d9; margin: 16px 0 10px 0; padding: 6px 0 0 0;}

.sidebarRecord h2 {font-size:16px; font-style:normal; margin: 0 0 10px 0;}
.sidebarRecord ul {list-style:none; font-size:small; line-height:1.5em;}
.sidebarRecord li {display:block; padding:1px 0 0 15px;}
.sidebarRecord li a:hover {color: #a9a9a9; text-decoration:underline;}

.sidebarphoto {border: 0px solid #d9d9d9; margin: 16px 0 10px 0;}
.sidebarphotocaptiontitle {font-size: 14px; font-weight: bold;}
.sidebarphotocaption {font-size: 12px;}
.more {text-align:right; font-size: 12px;}

/* lower menu */

/* form */
.button {background:#0060a1; color:#FFFFFF; font-size:14px; border:1px solid #0060a1; padding: 4px; margin:10px;}
.inputRow {padding:10px;}
.buttonRow {padding:10px; text-align:center;}
.searchbutton {background:#0000cc; color:#FFFFFF; border:1px solid #0060a1;}

#email form {border: 1px red solid; margin:0; padding: 20px auto;}
#email td {padding: 6px;}
#email .label {text-align:right;}

/* table grid */
.SearchBox {border-collapse: collapse; font-size: small; border: 1px solid #848484;}
td.SearchBox {padding: 6px;}
table.Grid {border-collapse: collapse; font-size: small; border: 1px solid #111111; width: 100%;}
.gridInfo {padding: 6px;}
.gridTH {border: 1px solid #111111; background-color:#BBC0D4; padding: 6px;}
.gridTD {border: 1px solid #111111; padding: 6px; vertical-align: text-top;}
.highlight {font-size:small; background-color: #ffbd69;}

/* table scoreboard */
table.scoreboard {width: 100%; border-collapse: collapse; font-size: small; border: 1px solid #c0c0c0;}
table.scoreboard th {border: 1px solid #c0c0c0; padding: 4px;}
table.scoreboard td {border: 1px solid #c0c0c0; padding: 4px; vertical-align: text-top;}
table.scoreboard .ctr {text-align: center;}

/* table scoreboard and stats */
table.scoreboard {width: 100%; border-collapse: collapse; font-size: small; border: 1px solid #c0c0c0;}
table.scoreboard th {border: 1px solid #c0c0c0; padding: 4px;}
table.scoreboard td {border: 1px solid #c0c0c0; padding: 4px; vertical-align: text-top;}
table.scoreboard .ctr {text-align: center;}

table.statscore {width: 700; margin: 0 auto;}
table.score {width: 100%; font-size: medium;}
table.score th {padding: 4px;}
table.score td {padding: 4px; vertical-align: text-top;}
table.score .ctr {text-align: center;}

table.stat {width: 100%; border-collapse: collapse; font-size: small; border: 1px solid #c0c0c0;}
table.stat th {padding: 2px;}
table.stat td {border: 1px solid #c0c0c0; padding: 3px; vertical-align: text-top;}
table.stat .team {padding: 4px; background: #0000e1; color: #fff; text-align: left;}
table.stat th.statteamname {padding: 4px; background: #0000e1; color: #fff; text-align: left;}
table.stat .teamtotal {font-weight: 700; background:#C4C4F5;}
table.stat .playertotal {font-weight: 700;}
.score {font-size:28px; font-weight:700;}
.logo {padding: 4px;}
.teamname {font-weight:700;}
.coach {font-size:small;}
.note {font-size:small;}

/* table event */
table.calendar {width: 280px; border-collapse: collapse; border: 1px solid #c0c0c0; margin: 0 auto;}
table.calendar th {background-color: #c0c0c0; padding: 3px; text-align: center;}
table.calendar td {border: 1px solid #c0c0c0; padding: 3px; text-align: center;}
table.calendar .dim {color: #aaa;}
table.calendar .today {background-color: #fe9a2e;}
table.calendar .eventtoday {background-color: #fe9a2e; font-weight: 700;}
table.calendar .event {font-weight: 700;}
table.calendar .info {font-weight: 700;}

.eventdatetime {font-size:medium; font-weight: 700; margin: 10px 0;}
.eventcategory, .eventpostedby {font-size: 11px; margin: 10px 0;}
.eventlocation {margin-bottom: 10px;}
.eventdescription, .eventweb, .eventcontact {margin: 10px 0;}

/* table directory */
table.directory th {padding: 3px 0; text-align: left;}
table.directory td {padding: 3px 0; text-align: left;}

/* table job */
table.job {width: 100%; border-collapse: collapse; border: 1px solid #c0c0c0; margin: 0 auto;}
table.job th {background-color: #c0c0c0; padding: 3px; text-align: center;}
table.job td {border: 1px solid #c0c0c0; padding: 3px; text-align: center;}

/* paging */
.paginglinks {padding: 10px;}
.paginglinks span {padding: 2px 4px; text-align: center;}
.paginglinks a {padding: 2px 4px;}
.paginglinks a:hover {padding: 2px 4px; text-decoration:none; background: #C6CED5;}
.paginglinks .prevChunk, .lastChunk {font-weight: 700;}
.paginglinks .curPage {padding: 2px 4px; background: #e1e1e1;}

/* footer */
#footer-wrapper {width:980px; margin: 0 auto; text-align:center; font: 12px/18px arial, helvetica, utkal, sans-serif; border-top:10px solid #0000cc; margin-bottom:7px;}
#footer {text-align: left; padding:4px 0; color:#000;}
#footer p {margin: 0px;}
/*
#footer a {color:#999;}
#footer a:hover{color:#444;}
*/