/* Jokkmokk - an open source xhtml/css website layout made by Andreas Viklund (http://andreasviklund.com) for for Style Master 4.5. Free to use for any purpose as long as the proper credits are given to the original author. Version: 1.0 (Jan 22, 2006) */

* {
margin:0;
padding:0;
}

/******** General tags ********/

body {
margin:25px auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#1e3044;
color:#303030;
line-height:1.3em;
}


a {
text-decoration:none;
color:#20526a;
font-weight:bold;
}

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

a img {
border:0;
}

p {
margin: 0em 0em 15px 8px
}

h2 {
font-size:1.5em;
font-weight:normal;
letter-spacing:-1px;
margin:10px 0 8px 0;
color: #70a2ba;}

h3 {
font-size:1.2em;
margin: 4px 0em 8px 0em;
color: #010099;
border-bottom: 1px #010195 dashed;
border-top: 1px #010195 dashed;
padding-top: 3px;
padding-bottom: 3px;}

ol {
margin-left: 16px;}

/******** Main wrap ********/

#wrap {
background:#ffffff url(images/wrapbg.gif) top left repeat-y;
color:#303030;
margin:0 auto;
width:760px;
}

/******** Header ********/

#header {
clear:both;
background:url(images/header.jpg) top left no-repeat;
height:180px;
}

#header h1 {
font-size:3.8em;
letter-spacing:-4px;
color:#d88d44;
padding:55px 0 10px 45px;
}

#header h1 a {
color:#d88d44;
text-decoration:none;
}

#header h1 a:hover {
color:#e99e55;
}

#slogan {
color:#20526a;
margin:15px 0 0 45px;
font-size:1.6em;
letter-spacing:-1px;
}

/******** Sitemenu, left sidebar ********/

#sitemenu {
clear:both;
float:left;
width:135px;
margin:0;
padding:20px 0 0 15px;
}

#sitemenu ul {
list-style:none;
width:135px;
margin:0 0 0 0;
padding:0;
font-size:1.2em;
letter-spacing:-1px;
}

#sitemenu li {
margin-bottom:4px;
}

#sitemenu li a {
font-weight:bold;
text-decoration:none;
color:#20526a;
display:block;
height:1.1em;
padding:2px 2px 2px 8px;
border-left: 8px solid #70a2ba;
}

#sitemenu li a:hover {
color:#0315d8;
text-decoration:none;
border-left: 8px #0315d8 solid
}

#sitemenu li.current {
border-left:8px solid #0315d8;
}

#sitemenu ul ul {
font-size:0.8em;
width:110px;
font-weight:normal;
margin: 5px 0em 0px 20px
}

#sitemenu ul ul li {
margin-bottom:2px;
}

#sitemenu ul ul li a {
border:0;
padding:2px;
}

#sitemenu ul ul li a:hover {
border:0;
padding:2px;
text-decoration:underline;
}

/******** Forms container and form tags **********/

.formcontainer {
padding: 5px;
border: 1px #0002a3 dashed;
margin-left: 40px;
margin-right: 40px;
font-weight: bold;
color: #1e3044;
font-size: 1em;}

.formcontainer ul{
text-align: left;
padding-left: 3em;
display: list-item;
list-style-type: none;
padding-bottom: 0em;
padding-top: 0.5em;}

.formcontainer li{
line-height: 2em;
padding-top: 0.5em;
padding-bottom: 0.5em;}

.formcontainer input{
margin-left: 13px;}

.formrow{
text-align: center;
background-color: #010099;
color: #ffffff;}

.btn {
border-top:1px solid #70a2ba;
border-right:1px solid #70a2ba;
border-bottom:1px solid #70a2ba;
border-left:1px solid #cccccc;
margin: 10px 0em 1px 0em;
background:#f4f4f4 url(imgages/menubg.gif) bottom left repeat-x;
color:#505050;
font-weight:bold;
text-align: center;}

select {
	border: 1px #70a2ba solid;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1em;
	margin:0;
	padding:2px;
	background-color: #FFFFFF;
	margin-left: 13px;
}

input, textarea,  {
	border: 1px #70a2ba solid;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1em;
	margin:0;
	padding:2px;
	background-color: #FFFFFF;
}

/******** Extras, right sitebar ********/

#extras {
float:right;
width:135px;
margin:0;
padding: 15px 15px 5px 0px
}

#extras ul {
margin:0 0 14px 0px;
color:#808080;
padding-left: 5px;
list-style-type:none;
}

#extras li {
margin:0 0 2px 0;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 1px;
padding-left: 1.2em;}

#extras li a {
padding: 2px 6px 2px 1px;
height:1.2em;
letter-spacing:-1px;
font-weight:bold;
text-decoration:none;
color:#20526a;
}

#extras li a:hover {
text-decoration:underline;
color:#20526a;
}

#extras ul ul, #extras ul ul ul {
font-size:0.9em;
line-height:1.2em;
margin:2px 0 2px 15px;
}

#extras ul ul a, #extras ul ul ul a {
font-weight:normal;
}

/******** Content variations ********/

#content {
margin: 5px 170px 0px 170px;
padding:2px 0 0 0;
line-height:1.3em;
text-align:left;
}

#contentfull {
margin:5px 40px 0 170px;
padding:2px 0 0 0;
line-height:1.5em;
text-align:left;
}

#contentwide {
margin: 5px 15px 0px 15px;
line-height:1.5em;
text-align:left;
}

#newslettercontent {
margin:5px 40px 0 20px;
padding:2px 0 0 0;
line-height:1.5em;
text-align:left;
}

#content h2, #contentfull h2 {
font-size:1.6em;
margin:20px 0 10px 0;
}

#content h3, #contentfull h3 {
font-size:1.4em;
font-weight:normal;
letter-spacing:-1px;
margin:10px 0 8px 0;
}

#content img{
padding-right: 7px;}

#content p, #contentfull p {
text-align:justify;
}

/******** Footer ********/

#footer {
clear:both;
margin:5px auto 0 auto;
padding: 5px 0em 10px 0em;
width:760px;
text-align:center;
background: url(images/footer.jpg) bottom left no-repeat;
color:#808080;
font-size:0.9em;
}

#footer p {
margin:3px;
}

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

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

#FixturesTable {
margin: 1px;
border: 2px #03049d solid;
text-align: center;
padding: 1px;}

#FixturesTable tr.row_first {
background-color: #1e3044;
color: #fafdff;
font-size: 1.1em;
font-weight: bold;
text-align: center;}

/****** Links Classes ********/
div.linksrow{
float:left;
}

div.links{
float:left;
border: 1px #00029d dashed;
width:150px;
margin-left: 8px;
margin-right: 8px;
padding-left: 3px;
padding-right: 3px;
margin-top: 5px;
margin-bottom: 5px;}

div.links p{
text-align:center;
}

div.links h4{
text-align:center;
font-size: 1em;
font-weight: bold;
line-height: 1.9em;
border-bottom: 1px #000089 dashed;}

div.links ul {
margin:0 0 14px 0px;
color:#808080;
padding-left: 5px;
list-style-type:none;
}

div.links li {
margin:0 0 2px 0;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 1px;
padding-left: 1.3em;}

.tableheading{
border-top: 1px #0408a9 dashed;
border-bottom: 1px #0408a9 dashed;
font-size: 1.3em;
font-weight: bold;
text-align: center;}



/******** Rackets classes ********/

div.rackets{
float:left;
width:150px;
height:140px;
margin-left: 8px;
margin-right: 8px;
padding-left: 3px;
padding-right: 3px;
padding-top: 5px;
padding-bottom: 5px;
clear: none;}

div.rackets h5{
text-align:center;
font-size: 1em;
font-weight: bold;
}

div.rackets img{
text-align:center;
padding-top: 5px;}

div.rackets h4{
text-align:center;
font-size: 1em;
font-weight: bold;
line-height: 1.9em;
border-bottom: 1px #000089 dashed;
padding-bottom: 3px;}


/******** Various classes ********/

.datetag {
width:50px;
padding:0 0 10px 0;
text-align:center;
background:#20526a url(images/date-bottom.gif) bottom left no-repeat;
margin:2px 15px 1px 10px;
color:#ffffff;
font-size:2.2em;
text-align:center;
float:left;
}

.datetag .date {
width:50px;
display:block;
letter-spacing:-1px;
padding:15px 0 5px 0;
background:#20526a url(images/date-top.gif) top left no-repeat;
}

.datetag .month {
font-size:0.5em;
letter-spacing:-1px;
width:50px;
display:block;
font-weight:bold;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.frontphoto {
margin:20px 0 10px 0;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.clear {
clear:both;
}

.hide {
display:none;
}

.image {
padding:5px;
}

/* Form Styles */






/* The rounded cornors tags */

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url(images/corners1280x18.gif); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	width:135px;
	
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	width:135px;
	
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	
	}
.inside {
	border-left: 1px solid #010099; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #010099;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;             /* YCC: all texts at some distance of the right border */
	width:132px;
	}
	
.inside h2 {
font-size: 1.2em;
font-weight: bold;
color: #70a2ba;
border-bottom: 2px #70a2ba dashed;
text-align: center;}

.inside h5 {
font-size: 1.0em;
font-weight: bold;
}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */