body {
font-family:Tahoma, Verdana, "Times New Roman", Arial;
font-size:.8em; 
color:#000000; 
margin:20px 0 0 0;
padding:0 0 0 0;
background:#ffffff;
}

p {
margin-bottom:10px;
line-height:1.2em;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}


ul, ol {
margin:0 0 12px 0;
padding:0;
}

li {
margin:0 0 5px 15px;
padding-left:15px;
list-style:none;
background-image:url(images/bulleted-li-bg-dark.gif);
background-position:0 3px;
background-repeat:no-repeat;
font-size:1em;
color:#454545;
}


a {
color:#000000;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}



/* Main Outer Container */
#pageWrap {
margin:0 auto;
padding:0;
width:980px;
}


/* Header */
#header {
margin:0;
padding:0;
width:980px;
height:135px;
background-image:url(images/header-bg_sif_darkyellow_logo.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#header h1 {
margin:0;
padding:30px 0 0 150px;
font-family:Tahoma, Verdana, "Times New Roman", Arial;
color:#000000;
font-size:3em;
font-weight:lighter;
}

#header p {
margin:0;
padding:5px 0 0 155px;
font-family:Tahoma, Verdana, "Times New Roman", Arial;
color:#111111;
}



/* Main Navigation */
#navBar {
margin:0;
padding:0;
width:980px;
height:35px;
line-height:35px;
background:url(images/nav-bar-bg_black.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#navBar ul{
list-style-type:none;
margin-left:20px;
}

#navBar li{
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}

#navBar li a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-left:1px solid #757575;
}

#navBar ul li a:hover{
color:#ffffff;
text-decoration:none;
background-color:#F7CC28;
}

#navBar li.end {
margin:0;
padding:0;
list-style-type:none;
display:inline;
background-image:none;
}

#navBar li.end a{
margin:0 0 0 -5px;
padding:9px 20px 9px 20px;
color:#ffffff;
text-decoration:none;
font-size:1.1em;
border-left:1px solid #757575;
border-right:1px solid #757575;
}

#navBar li.end a:hover{
color:#ffffff;
text-decoration:none;
background-color:#F7CC28;
}


/* Content Container */
#container {
margin:0;
padding:10px 0 0 0;
width:980px;
}




/* Left Content Column - heavy negative margin so center column can appear first in HTML */
#leftColumn {
float:left;
margin:0 0 0 -750px;
padding:0;
width:140px;
font-size:.9em;
color:#686868;
line-height:1.1em;
}

#leftColumn h2 {
font-size:1.4em;
color:#404040;
line-height:1.4em;
}

#leftColumn ul, ol {
margin:0 0 12px 0;
padding:0;
}

#leftColumn li {
margin:5px 0 0 0;
padding-left:15px;
list-style:none;
background-image:url(images/bulleted-li-bg-dark.gif);
background-position:0 1px;
background-repeat:no-repeat;
font-size:.95em;
color:#404040;
}

/* Left content for main page */
#mainLeftColumn {
float:left;
margin:0 0 0 -670px;
padding:0;
width:140px;
font-size:.9em;
color:#686868;
line-height:1.1em;
}

#mainLeftColumn h2 {
font-size:1.4em;
color:#404040;
line-height:1.4em;
}

#mainLeftColumn ul, ol {
margin:0 0 12px 0;
padding:0;
}

#mainLeftColumn li {
margin:5px 0 0 0;
padding-left:15px;
list-style:none;
background-image:url(images/bulleted-li-bg-dark.gif);
background-position:0 1px;
background-repeat:no-repeat;
font-size:.95em;
color:#404040;
}

/* Center Content Column */
#centerColumn {
float:left;
margin:0 10px 0 145px;
padding:6px 6px 6px 10px;
width:580px;
font-size:.9em;
color:#000000;
border-left:1px dashed #cccccc;
}

#centerColumn h2 {
margin:0 0 5px 0;
padding:0;
font-family:Tahoma, Verdana, "Times New Roman", Arial;
font-size:1.8em;
font-weight:bold;
color:#404040;
}

#centerColumn h3 {
margin:0 0 5px 0;
padding:0;
font-family:Tahoma, Verdana, "Times New Roman", Arial;
font-size:1.5em;
font-weight:bold;
color:#404040;
}

#centerColumn h5 {
margin:0 0 12px 0;
padding:0;
font-family:Tahoma, Verdana, "Times New Roman", Arial;
font-size:1.1em;
font-weight:bold;
color:#404040;
}

/* Main page Center Content Column */
#mainCenterColumn {
float:left;
margin:0 10px 0 145px;
padding:6px 6px 6px 10px;
width:500px;
font-size:.9em;
color:#000000;
border-left:1px dashed #cccccc;
}

#mainCenterColumn h2 {
margin:0 0 5px 0;
padding:0;
font-family:Tahoma, Verdana, "Times New Roman", Arial;
font-size:1.8em;
font-weight:bold;
color:#404040;
}

#mainCenterColumn h3 {
margin:0 0 5px 0;
padding:0;
font-family:Tahoma, Verdana, "Times New Roman", Arial;
font-size:1.5em;
font-weight:bold;
color:#404040;
}

#mainCenterColumn h5 {
margin:0 0 12px 0;
padding:0;
font-family:Tahoma, Verdana, "Times New Roman", Arial;
font-size:1.1em;
font-weight:bold;
color:#404040;
}

#frames {
    BACKGROUND-COLOR: #ffffff
}





/* Right Content Column */
#rightColumn {
float:left;
margin:0;
padding:6px;
width:200px;
font-size:.9em;
color:#646464;
background:#eeeeee;
border:1px solid #cccccc;
-webkit-border-radius: 6px;    /* for Safari */
-moz-border-radius: 6px;       /* for Firefox */
overflow: hidden;
}


#rightColumn h2 {
font-size:1.4em;
color:#2C2C2C;
font-weight:bold;
text-align: center;
}

#rightColumn h3 {
font-size:1.0em;
color:#2C2C2C;
font-weight:bold;
text-align: left;
}

/* Main page Right Content Column */
#mainRightColumn {
float:left;
margin:0;
padding:6px;
width:280px;
font-size:.9em;
color:#646464;
background:#eeeeee;
border:1px solid #cccccc;
-webkit-border-radius: 6px;    /* for Safari */
-moz-border-radius: 6px;       /* for Firefox */
overflow: hidden;
}


#mainRightColumn h2 {
font-size:1.4em;
color:#2C2C2C;
font-weight:bold;
text-align: center;
}

#mainRightColumn h3 {
font-size:1.0em;
color:#2C2C2C;
font-weight:bold;
text-align: left;
}

.centerRow {
  float: right;
  width: 160px;
  text-align: left;
}


/* Footer */
#footer {
margin:30px 0 10px 0;
padding:0;
width:980px;
height:100px;
background-image:url(images/footer-bg_yellow.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#footer p {
margin:0;
padding:0 100px 0 0;
line-height:100px;
font-family:Tahoma, Verdana, "Times New Roman", Arial;
font-size:.8em;
color:#454545;
text-align:right;
}

#footer a {
color:#404040;
text-decoration:none;
}

#footer a:hover {
color:#999999;
text-decoration:underline;
}


/* Clears nested floats */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#newsBox {
float:left;
margin:0;
padding:6px;
width:466px;
font-size:1.0em;
color:#646464;
background:#eeeeee;
border:1px solid #cccccc;
-webkit-border-bottom-left-radius: 6px;    /* for Safari */
-webkit-border-bottom-right-radius: 6px;    /* for Safari */
-moz-border-radius-bottomleft: 6px;       /* for Firefox */
-moz-border-radius-bottomright: 6px;       /* for Firefox */
}

#gameBox {
float:left;
margin:0;
padding:6px;
width:466px;
font-size:1.0em;
color:#646464;
background:#eeeeee;
border:1px solid #cccccc;
-webkit-border-bottom-left-radius: 6px;    /* for Safari */
-webkit-border-bottom-right-radius: 6px;    /* for Safari */
-moz-border-radius-bottomleft: 6px;       /* for Firefox */
-moz-border-radius-bottomright: 6px;       /* for Firefox */
}

#contactBox {
float:left;
margin:0;
padding:6px;
width:466px;
font-size:1.0em;
color:#646464;
background:#eeeeee;
border:1px solid #cccccc;
-webkit-border-bottom-left-radius: 6px;    /* for Safari */
-webkit-border-bottom-right-radius: 6px;    /* for Safari */
-moz-border-radius-bottomleft: 6px;       /* for Firefox */
-moz-border-radius-bottomright: 6px;       /* for Firefox */
}

#playerBox {
float:left;
margin:0;
padding:6px;
margin: 2px;
width:160px;
font-size:1.0em;
color:#646464;
background:#eeeeee;
border:1px solid #cccccc;
-webkit-border-bottom-left-radius: 6px;    /* for Safari */
-webkit-border-bottom-right-radius: 6px;    /* for Safari */
-moz-border-radius-bottomleft: 6px;       /* for Firefox */
-moz-border-radius-bottomright: 6px;       /* for Firefox */
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.tableHeader {
  margin:0;
  padding:0;
  background-image:url(images/header-bg_black.jpg);
  background-repeat:no-repeat;
  color:#ffffff;
  font-size:1.4em;
  height: 20px;
  text-align: center;
}

.newsHeader {
  margin:0;
  padding:0;
  background-image:url(images/header-bg_black_480.jpg);
  background-repeat:no-repeat;
  color:#ffffff;
  font-size:1.4em;
  height: 20px;
  width: 480px;
  text-align: center;
}

.newsHeaderText {
margin:0 0 5px 0;
padding:0;
font-family:Tahoma, Verdana, "Times New Roman", Arial;
font-size:1.8em;
font-weight:bold;
color:#404040;
}

.newsHeaderDate {
margin:0 0 12px 0;
padding:0;
font-family:Tahoma, Verdana, "Times New Roman", Arial;
font-size:1.1em;
font-weight:bold;
color:#404040;
}

.newsMainText {
margin-bottom:10px;
line-height:1.2em;
}

.row {
  clear: both;
  padding-top: 2px;
}

.row span.team {
  float: left;
  width: 90px;
  text-align: left;
}

.row span.date {
  float: left;
  width: 70px;
  text-align: left;
} 

.row span.result {
  float: right;
  width: 30px;
  text-align: right;
}

.row span.teampair {
  float: left;
  width: 120px;
  text-align: center;
  padding-bottom: 4px;
}

.row span.teampairlong {
  float: left;
  width: 160px;
  text-align: left;
  padding-bottom: 4px;
}

.row span.label {
  float: left;
  width: 50px;
  text-align: left;
}

.row span.text {
  float: left;
  width: 65%;
  text-align: left;
}

.row span.pictureRight {
  float: right;
  text-align: right;
  width: 30%;
}

.row span.news {
  float: left;
  width: 285px;
  text-align: left;
}

.row span.goals {
  float: left;
  width: 70px;
  text-align: left;
}

.row span.scorer {
  float: left;
  width: 120px;
  text-align: left;
}

.row span.goalscorer {
  float: left;
  width: 50%;
  text-align: left;
}

.row span.goalPicture {
  float: left;
  width: 50%;
  text-align: left;
  vertical-align: top;
}

.row span.leaderLeft {
  float: left;
  width: 220px;
  text-align: left;
}

.row span.leaderRight {
  float: left;
  width: 220px;
  text-align: left;
}

.row span.phone {
  float: left;
  width: 25px;
  text-align: left;
}

.row span.picture {
  float: left;
  width: 190px;
  text-align: left;
}

.row span.linkItem {
  float: left;
  width: 250px;
  text-align: left;
  line-height:1.2em;
}

.row span.phoneNumber {
  float: left;
  width: 185px;
  text-align: left;
  padding: 6px;
}

.row span.playerInfo {
  float: left;
  width: 115px;
  text-align: left;
}

.row span.playerInfoHeader {
  float: left;
  width: 45px;
  text-align: left;
  font-weight:bold;
}

.newsrow {
  clear: both;
  padding-top: 2px;
}

.newsrow span.newsDate {
  float: left;
  width: 70px;
  text-align: left;
  line-height:1.6em;
}

.newsrow span.newsText {
  float: left;
  width: 350px;
  text-align: left;
  line-height:1.6em;
}

.gameHeader {
  margin-top: 6px;
  padding:0;
  background-image:url(images/header-bg_black_480.jpg);
  background-repeat:no-repeat;
  color:#ffffff;
  font-size:1.4em;
  height: 20px;
  width: 480px;
  text-align: center;
}

.gamerow {
  clear: both;
  padding-top: 2px;
  line-height:1.6em;
}

.gamerow span.matchDate {
  float: left;
  width: 80px;
  text-align: left;
}

.gamerow span.matchTime {
  float: left;
  width: 50px;
  text-align: left;
}

.gamerow span.team {
  float: left;
  width: 130px;
  text-align: left;
}

.gamerow span.matchResult {
  float: left;
  width: 50px;
  text-align: left;
  padding-left: 20px;
}

.trainingHeader {
  margin-top: 6px;
  padding:0;
  background-image:url(images/header-bg_black_480.jpg);
  background-repeat:no-repeat;
  color:#ffffff;
  font-size:1.4em;
  height: 20px;
  width: 480px;
  text-align: center;
}

.trainingrow {
  clear: both;
  padding-top: 2px;
  line-height:1.6em;
}

.trainingrow span.date {
  float: left;
  width: 80px;
  text-align: left;
}

.trainingrow span.time {
  float: left;
  width: 100px;
  text-align: left;
}

.trainingrow span.arena {
  float: left;
  width: 250px;
  text-align: left;
}

.contactHeader {
  margin-top: 6px;
  padding:0;
  background-image:url(images/header-bg_black_480.jpg);
  background-repeat:no-repeat;
  color:#ffffff;
  font-size:1.4em;
  height: 20px;
  width: 480px;
  text-align: center;
}

.contactrow {
  clear: both;
  padding-top: 2px;
  line-height:1.6em;
}

.contactrow span.label {
  float: left;
  width: 200px;
  text-align: left;
}

.contactrow span.info {
  float: left;
  width: 250px;
  text-align: left;
}