html, body{margin:0; padding:0; height:100%; /* needed for container min-height */ background:#ffffff url('images/back.jpg') repeat-x top left; font: 10px verdana,arial,sans-serif;}

div#container{position:relative; /* needed for footer positioning*/ margin:0 auto; /* center, not in IE5 */ width:800px; background:#000000 url('images/container-back.jpg') repeat-x top left;  height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */}

#content{padding:0px 10px 30px 10px; overflow:hidden; /* bottom padding for footer */}

/* -------------- HEADLINES & GENERAL -------------- */

p{line-height:15px; margin:14px 0;}

#logo{padding:0px; background:#ffffff; height:30px; text-indent:10px;}
.box{width:540px; margin:0 0 10px 10px; text-align:justify;}

.head-right{float:right; width:237px; padding:5px 0 3px 3px;}
.head-left{width:285px; height:56px; background:url('images/bot-right.jpg') no-repeat bottom right; margin-bottom:3px; padding:5px 2px 0 0;}
.head-pic{float:left; border:1px dashed #000000; padding:2px; margin-right:3px; background:#000000;}

#head-main{margin:75px 0 10px 0;}
.general{width:560px; margin: 5px 0; border:1px solid #000000; background:#ffffff url('images/gen-top.jpg') repeat-x top left;}
.gen-title{height:40px; background:url('images/gen-title.jpg') no-repeat; color:#ffffff; letter-spacing:2px; font: 22px impact, verdana; text-indent:12px;}

/* -------------- FOOTER -------------- */

#footer{position:absolute; width:100%; bottom:0; /* stick to bottom */ background: url('images/bottom-foot.jpg') repeat-x; height:30px;}

/* -------------- TABLES -------------- */

.tbl-leag{width:100%; text-align : center; background : #666666;}
.tbl-top{color:#000000; font-weight:bold; letter-spacing : 2px; background : #cc9933;}
.tbl-header{color:#ffffff; font-weight:bold; letter-spacing : 1px; background : #999999;}

.row{background : #ffffff;}
.nos{width : 15px;}
.pld{width : 30px;}
.team{width : 150px;}

/* -------------- MENU & HYPERLINKS  -------------- */

a.menu, a.menu:link, a.menu:visited {display:block; width:auto; height:26px; background: url('images/menu-back.jpg') repeat-x; font-size:12px; padding:14px 10px 0 10px; letter-spacing:1px; margin:0 3px 0 0; text-align:center; text-decoration:none; color:#ffffff; font-weight: bold; float:left;}
a.menu:hover{background: url('images/menu-backup.jpg') repeat-x; color:#cc9900;}

#dropmenudiv{border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; border-bottom:0px solid #000000; position:absolute; line-height:15px; z-index:100; margin-left:-1px; margin-right:0; margin-top:1px; margin-bottom:0}
#dropmenudiv a{width: 100%; display: block; text-indent: 2px; color:#000000; border-bottom: 1px solid #000000; padding: 1px 0; text-decoration: none; font-weight: bold;}
#dropmenudiv a:hover{background-color: #000000; color:#ffffff;}

a:link, a:visited{color : #0000ff;  text-decoration : none; }
a:hover {color: #ff0000; text-decoration : none;}

a.sp, a.sp:link, a.sp:visited {display:block; width:196px; height:auto; background:#ffffff; padding:2px; margin:0 0 5px 5px;}
a.sp:hover{background: #ff0000;}

#menu-cont{height:40px; margin:0px; background:#000000 url('images/menu-corner.jpg') no-repeat top right;}

/* -------------- IMAGES -------------- */

.pic{padding:1px; border:1px solid #000000; margin:0 2px 2px 0;}
.pic-small{padding:1px; border:1px solid #000000; width:90px; height:90px;}
.pic-right{float:right; padding:1px; margin:0 0 10px 10px; border:1px solid #000000;}

/* -------------- LEAGUES & FIXTURES -------------- */

.fixtures{width:100%; text-align:center; background : #666666; border:1px solid #000000;}
.fix-head{font-weight:bold; height:20px; letter-spacing : 1px; color:#ffffff; background : #000000;}
.fix-head2{font-weight:bold;  height:20px; letter-spacing : 3px; background : #999999;}
.fix-row{background:#ffffff; height:35px;}
.fix-row2{background:#ffffff;}
.fix-row3{background:#cccccc; font-weight:bold; height:20px; letter-spacing : 2px;}
.shade{background:#cccccc;}
.done{background:#ffffcc;}

#leag-main{float:right; width:210px; padding:0; background:#333333; border:1px solid #000000;}
.leag{width:196px; margin:0 5px 5px 5px; padding:2px; background:#ffffff;}
.leag-title{height:30px; background:url('images/leag-top.jpg') repeat-x; color:#ffffff; letter-spacing:2px; font-weight: bold; text-indent:5px; padding-top:3px;}
.leag-bot{height:30px; background:url('images/leag-bot.jpg') repeat-x;}

/* -------------- SPONSORS & COMMITTEE -------------- */

.extra{width:556px; padding:2px; margin:10px 0; border:1px solid #000000; background:#990000;}
.comm{display:block; width:170px; height:170px; margin:4px; background : #f0f0f0;}

/* -------------- FONTS -------------- */

.h1{font-weight: bold; letter-spacing : 2px;}
.h2{font-weight:bold; color:#006600;  letter-spacing : 1px;}
.h3{font-weight:bold; text-decoration:underline;}
.club-name{font: bold 14px verdana; letter-spacing : 2px;}
.date{color:#ff0000;}

/* -------------- BULLET INDENT -------------- */

.bul{margin-left:10px; padding-left:10px;}