/* -- ELEMENT STYLES -- */

body {  
  font-family: arial, helvetica, arial, sans-serif;
  font-size: 80%;
  color: #000000;
  background-color: #000000;
  margin: 10px;
  width: 1050px;
}
html>body {
 width: auto;
 min-width: 1050px;
}

a {
  color: #000000;
}

a:hover {
  background-color:#CCCCCB;
}

img {
  border: 0px;
}

/* -- MAIN CONTAINER -- */

#layoutBox {
  border: 1px solid #000000;
  background-color: #C60202;  /* old value: C21E31 */
  padding: 10px;  
}


/* -- HEADER CONTAINER -- */

#headerBox {
  height: 119px;
  border: 1px solid #000000;
  background: #020001;
}

#headerLeftBox {
  float: left;
  width: 60%;
  height: 119px;
  background: url('../images/hdr_left.jpg') no-repeat bottom left;
  text-align: left
}

#headerRightBox {
  float: right;
  width: 40%;
  height: 119px;
  background: url('../images/hdr_right.jpg') no-repeat bottom right;
}


/* -- HEADER STYLES -- */

.title {
  font-family: times new roman, helvetica, arial, sans-serif;
  font-size: 300%;
  font-weight: bold;
  font-style: italic;
  color: #DD0000;
  line-height: 1.3em;
}

.subTitle {
  font-size: 90%;
  color: #FFFFFF;
  text-align: right;
}


/* -- SPONSORS -- */
table.sponsor{
	border: 1px solid #000000;
	width: 100%;
	background: #C62222;  /* old value: C21E31 */
	margin: 5px 0 0 0;
	padding: 0;
}


/* -- MENU CONTAINER -- */

#menuBox {
  float: left;
  width: 14em;
  margin: 5px 0 0 0;
  border-right: 1px solid #000000;  
  border-left: 1px solid #000000;  
  text-align: left;
  background-color: #000000;
}

#menuBox p {
  margin: 5px 0 20px 2px;
}

#menuBox br {
  margin-top: 30px;
}


/* -- CONTENT CONTAINER -- */

#mainContent {
  margin: 5px 0 0 15em;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

#mainContent br {
  margin-top: 0px;
}

#mainContent p {
  padding: 0px 5px 2px 10px;
}

.spacer {
  height: 1px;
  clear: both;
}

/* Used by items meant for text only rendering */

.noDisplay {
  display: none;
}


/* -- HEADER/FOOTER STYLES (menuBox & mainContent) -- */

#mainContent h1, #menuBox h1, .menuFooter, .footer {
  font-family: times new roman, helvetica, arial, sans-serif;
  font-size: 125%;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #000000;
  background: #CCCCCB url('../images/hdr_icon.jpg') no-repeat bottom right;  /* old value: EE6600  */
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;  
  display: block; 
  margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:10px; padding-right:2px; padding-top:2px; padding-bottom:2px
}

#mainContent h1, .footer {
  border-right: 1px solid #000000;
} 

.menuFooter, .footer {
  margin-bottom: 0px;
}


#mainContent h2, #menuBox h2 {
  font-size: 90%;
  font-weight: bold;
  background-color: #CCCCCB; 

  padding: 0px 0px 0px 5px;
  margin-bottom: 0px;
}

#mainContent h2 {
  margin-left: 10px;
  margin-right: 10px;
}

#mainContent h1, #mainContent h2, .footer {
  clear: right;  /* Set to both if you don't care about Internet Explorer */
}

.footer {
  font-family: arial, helvetica, arial, sans-serif;
  font-size: 80%;
  font-weight: normal;
  border-right: 1px solid #000000;
  border-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.footer a:hover {
  background-color: #D6E1F1;
}

.footer br {
  margin: -20px;
}


/* -- MENU/NEWS ITEM STYLES -- */

.newsGroup {
  color: #FFFFFF;
  padding: 0px 5px 0px 5px;
  margin-bottom: 30px;
}

.newsGroup h2{
  color: #000000;
}

.menuGroup {
  padding: 0px 0 0px 0;
  margin-bottom: 20px;
}

.menuGroup a, table.login {
  color: #FFFFFF;
  text-indent: 1em;
  text-decoration: none;
  margin-bottom: 2px;
}

.menuGroup a {
  display: block;  
}

.menuGroup a:hover {
  color: #CCCCCB;
  background-color: #000000;
}

/* -- IMAGE STYLES -- */

.imgRight, .imgLeft {
  padding: 10px 5px 5px 10px;
  border: 1px solid #000000;
}

.imgRight {
  float: right;
}

/* Below style will not work correctly unless clear = "both" on the
   #mainContent h1, #mainContent h2, .footer class */

.imgLeft {
  float: left;
}

table.soccerfield{
border: 0px none;
}

td.sf{
border-width:0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 60px;
font-weight:bold;
text-align:center;
}

table.list{
border: 0px none;
}

th.list{
border-width:1px;
border-color:#C60202;  /* old value: C21E31 */
border-style:solid;
color: #CCCCCB;
background-color: #000000;
padding: 5px 10px 5px 10px;
}

td.list{
border-width:1px;
border-color:#C60202;
border-style:solid;
padding: 1px 10px 1px 10px;
background-color: #CCCCCB;
}

td.list_image{
border-width:1px;
border-color:#C60202;
border-style:solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #CCCCCB;
}

td.list2{
border-width:1px;
border-color:#C60202;
border-style:solid;
padding: 1px 15px 1px 10px;
background-color: #FF8822;
}

td.list3{
color: #444444;
border-width:1px;
border-color:#C60202;
border-style:solid;
padding: 1px 15px 1px 10px;
background-color: #CCCCCB;
}

td.listNoBGColor{
border-width:1px;
border-color:#C60202;
border-style:solid;
padding: 1px 10px 1px 10px;
margin: 0px;
}

.board1header{
border-bottom-width:0px;
border-color:#000000;
border-left-width:1px;
border-right-width:1px;
border-style:solid;
border-top-width:1px;
padding: 5px 5px 5px 5px;
background-color:#CCCCCB;
color:#000000;
font-weight:bold;
margin: 0px 5px 0px 5px;
height: 50px;
}
.board2text{
border-bottom-width:0px;
border-color:#000000;
border-left-width:1px;
border-right-width:1px;
border-style:solid;
border-top-width:0px;
padding: 5px 5px 15px 5px;
background-color:#363636;
color:#CCCCCC;
margin: 0px 5px 0px 5px;
}
.board3thread{
border-bottom-width:1px;
border-color:#000000;
border-left-width:1px;
border-right-width:1px;
border-style:solid;
border-top-width:0px;
padding: 0px 5px 0px 5px;
background-color:#464646;
color:#AAAAAA;
margin: 0px 5px 0px 5px;
}
p.break{
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}
p.list{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
form.imgbutton{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
input.imgbutton{
border-width:0px;
width:15px;
background-color:#000000;
color:#CCCCCB;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
}
input.imgbutton2{
border-width:0px;
background-color:#000000;
color:#CCCCCB;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
}


a.jumplink:link, active{
/* style of [1] [2]... jump-links */
color:#CCCCCB;
font-weight:bold;
text-decoration:none;
}
a.jumplink:visited{
/* style of [1] [2]... jump-links */
color:#CCCCCB;
font-weight:bold;
text-decoration:none;
}
a.jumplink:hover{
/* style of [1] [2]... jump-links */
color:#CCCCCB;
font-weight:bold;
text-decoration:none;
}
form.guestbook{
color:#CCCCCB;
}
input.guestbook{
border-color:#CCCCCB;
border-style:solid;
border-width:1px;
width:250px;
background:transparent;
color:#CCCCCB;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
}
input.guestbookCode{
border-color:#CCCCCB;
border-style:solid;
border-width:1px;
width:50px;
background:transparent;
color:#CCCCCB;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
}
input.guestbook_time{
border-color:#CCCCCB;
border-style:solid;
border-width:1px;
width:25px;
background:transparent;
color:#CCCCCB;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
}
input.long{
/* longer input-field */
width:320px;
}
input.radio{
border:none;
width:auto;
background:transparent;
color:#CCCCCB;
}
ol.guestbook, ul.guestbook{
margin:0px;
padding-left:25px;
padding-right:25px;
padding-top:10px;
padding-bottom:10px;
}
p.guestbook{
margin:0px;
padding-left:25px;
padding-right:25px;
font-family:Verdana,sans-serif;
font-size:11px;
}
select.guestbook, option.guestbook{
border-color:#CCCCCB;
border-style:solid;
border-width:1px;
width:160px;
background:#000000;
color:#CCCCCB;
font-family:Verdana,sans-serif;
font-size:11px;
}
textarea.guestbook{
border-color:#CCCCCB;
border-style:solid;
border-width:1px;
padding:3px;
width:400px;
height:150px;
background:transparent;
color:#CCCCCB;
font-family:Verdana,sans-serif;
font-size:11px;
}
.adminbg{
/* table-background in admin.php and sign.php*/
border-width:1px;
border-color:#CCCCCB;
border-style:solid;
background-color:#000000;
vertical-align:middle;
}
.adminreadme{
/* this is not used by the guestbook */
border-width:1px;
border-color:#CCCCCB;
border-style:solid;
background-color:#000000;
vertical-align:top;
}
.admintext{
/* left column of help text in admin.php */
padding-top:5px;
padding-bottom:5px;
margin-top:5px;
margin-bottom:8px;
background-color:#000000;
color:#CCCCCB;
}
.admintextarea{
width:160px;
height:100px;
}
.buttonsend{
/* form-buttons */
border-color:#444444;
border-style:solid;
border-width:1px;
width:auto;
background-color:#000000;
color:#CCCCCB;
font-size:11px;
font-variant:small-caps;
font-weight:bold;
}
.Forum{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.buttonsendForum{
border-color:#000000;
border-style:solid;
border-width:0px;
width:auto;
background-color:#000000;
color:#FFFFFF;
margin: 0px 0px 2px 2px;
padding: 0px 0px 0px 0px;
}
.buttonsendForum:hover {
  color:#CCCCCB;
}
.buttonview{
/* button-style links */
border-color:#444444;
border-style:solid;
border-width:1px;
padding-bottom:2px;
padding-left:8px;
padding-right:8px;
padding-top:2px;
width:auto;
background-color:#000000;
color:#CCCCCB;
font-size:11px;
font-variant:small-caps;
font-weight:bold;
}
.columnleft{
/* left column of field names in sign.php */
padding-left:4px;
padding-right:0px;
text-align:right;
padding-bottom:0;
padding-top:0;
margin:0;
}
.columnright{
/* right column of inputs in sign.php */
padding-left:7px;
padding-right:10px;
text-align:left;
padding-bottom:0;
padding-top:0;
margin:0;
}
.comment1header{
/* first line of comment saying eg COMMENT */
border-bottom-width:0px;
border-color:#AAAAAA;
border-left-width:1px;
border-right-width:1px;
border-style:solid;
border-top-width:0px;
margin-top:0px;
padding: 5px 0px 5px 5px;
background-color:#5e5e5e;
color:#DCDCDC;
font-weight:bold;
}
.comment2text{
/* your comment-text */
border-bottom-width:0px;
border-color:#AAAAAA;
border-left-width:1px;
border-right-width:1px;
border-style:solid;
border-top-width:0px;
padding: 5px 0px 5px 5px;
background-color:#5e5e5e;
color:#DCDCDC;
}
.comment3date{
/* date of your comment */
border-bottom-width:1px;
border-color:#AAAAAA;
border-left-width:1px;
border-right-width:1px;
border-style:solid;
border-top-width:0px;
padding: 2px 0px 2px 5px;
background-color:#464646;
color:#DCDCDC;
font-size:11px;
font-style:italic;
}
.entry1header{
/* first line of entry holding NAME LOCATION etc */
border-bottom-width:0px;
border-color:#AAAAAA;
border-left-width:1px;
border-right-width:1px;
border-style:solid;
border-top-width:1px;
padding: 5px 0px 5px 5px;
background-color:#CCCCCB;
color:#222222;
font-weight:bold;
margin-top:5px;
}
.entry2text{
/* entry text */
border-bottom-width:0px;
border-color:#AAAAAA;
border-left-width:1px;
border-right-width:1px;
border-style:solid;
border-top-width:0px;
padding: 0px 0px 15px 5px;
background-color:#363636;
color:#CCCCCC;
}
.entry3date{
/* last line of entry holding date of entry */
border-bottom-width:1px;
border-color:#AAAAAA;
border-left-width:1px;
border-right-width:1px;
border-style:solid;
border-top-width:0px;
padding: 2px 0px 2px 5px;
background-color:#464646;
color:#AAAAAA;
font-size:11px;
font-style:italic;
}
.jumplink{
/* the paragraph-style of the [1] [2] in index.php*/
text-align:right;
}
/* PARAGRAPH-style of warning messages */
.messagetext{
border-color:#AAAAAA;
padding-bottom:10px;
padding-top:10px;
margin-top:15px;
margin-bottom:15px;
border-width:3px;
background-color:#363636;
color:#CCCCCB;
}
.xeoline{
/* copyright-line */
color:#AAAAAA;
font-size:11px;
text-align:center;
}




td.notInMonth{
border-width:1px;
border-color:#C60202;
border-style:solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #777777;
height:20px;
}

td.dayNumGame{
border-width:1px;
border-color:#C60202;
border-style:solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #00DD00;
height:20px;
}

td.dayNumT{
border-width:1px;
border-color:#C60202;
border-style:solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #00DDDD;
height:20px;
}

td.dayNumGameT{
border-width:3px;
border-color:#000000;
border-style:solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #00DD00;
height:20px;
}

td.dayNumTToday{
border-width:3px;
border-color:#000000;
border-style:solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #00DDDD;
height:20px;
}

td.dayNumToday{
border-width:3px;
border-color:#000000;
border-style:solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFF00;
height:20px;
}

td.dayNumNoEvents{
border-width:1px;
border-color:#C60202;
border-style:solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
height:20px;
}

td.Days{
border-width:1px;
border-color:#C60202;
border-style:solid;
width:25px;
background-color: #CCCCCB;
height:20px;
}

#BananAlbum {

	width:100%; height:600px; position:static;

}