*{
 margin: 0;
 padding: 0;
}
body {
     font-size: 62.5%;
     font-family: Helvetica, san-serif;
     background: url(images/title_bar.png) repeat-x top #000000;
}

.clear {clear: both;}
.javapics {
          float: right;
          padding-right: 150px;
                              }
.style1 {
	font-size: xx-large
}
.style2 {
	padding-left: 100px;
        color: white;
        font-size: 2.5em;
        font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style3 {
        padding-left: 130px;
        padding-right: 50px;
        display: block;
        color: white;
       	font-size: 2.0em;
        font-weight: bold;
}
.style4 {
        padding-left: 130px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.6em;
        color: white;
        }
.style5 {font-size: .7em}
.style6 {
	padding-left: 130px;
        font-size: x-large;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.style7 {
	font-size: x-large;
	color: #990000;
	font-weight: bold;
}
.style8 {font-size: .7em;
        font-weight: bold;
        }
.style9 {color: #990000}
.style10 {color: #990000; font-weight: bold; }
.style11 {font-size: x-large}
.style12 {
        color: white;
       	font-size: 2.0em;
        font-weight: bold;
}
.style13 {
        color: #990000;
       	font-size: 2.0em;
        font-weight: bold;
}
.style14 {font-size: large; color: #000000; }
.style15 {font-size: medium}
.style16 {font-size: 1.4em; color: #000000; padding-left: 10px;
 }
  p.style16 p {text-align:left; text-indent: 40px;}

.box {font-size: .7em; text-align: center;}
p.box {border: 5px groove #990000;
       padding:5px;
       margin-top:15px;
       margin-bottom:15px;
       margin-left:100px;
       margin-right:100px; }

  iframe {
height: 350px;
width: 425px;
position: float;
top: 50%;
margin-top: -75px;
left: 50%;
margin-left: 275px;
}

p {
   margin-top:  .5em;
   }

div#page-wrap {
              width: 1000px;
              margin: 0 auto;
              }
ul#nav {
       height: 200px;
       background: url(images/title2.jpg) no-repeat;
       list-style: none;
       padding-left: 100px;
       }
       ul#nav li {
              font-size: 1.6em;
              font-weight: bold;
              display: block;
              height: 22px;
              width: 130px;
              float: left;
              margin-top: 172px;
              }
              ul#nav li a {
                     color: white;
                     text-decoration: none;
                     }
                     ul#nav li a:hover, ul#nav li a:active{
                            color: yellow;
                            }
div#menu {
        padding-top: 35px;
        background-image: url(images/menupattern.jpg);
	background-repeat: repeat;
}
div#event {
        padding-top: 35px;
        background-image: url(images/background.jpg);
	background-repeat: repeat;
}
div#commentary {
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
        background-image: url(images/menupattern.jpg);
	background-repeat: repeat;
	margin: 0 auto;
}
div#content {
        height: 500px;
        background-color: #000214;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
            }
div#content a {
	text-decoration: none;
	color: white;
	}
	div#content a:hover, div#content a:active {
	            color:yellow;
	            }
div#footer {
           background: #560000;
           color: white;
           font-size: 1.6em;
           padding: 10px 0 10px 0;
           text-transform: uppercase;
           border-top: 2px solid #996600;
           text-align:center;
           }