/* Campion RFC CSS File */

/*Layout*/

body{
height: 100%;
font-family: Verdana, Arial;
font-size: 10pt;
background-color: #FFFFFF;
}

#main{
position: absolute;
width: 1000px;
left: 50%;
margin-left: -500px;
}

#header{
position: absolute;
width: 1000px;
height: 250px;
background-image: url("layout/header-background.jpg");
margin-top: 0px;
margin-left: auto;
text-align: center;
color: #FFFFFF;
margin-right: auto;
z-index:2;
font-family: Times;
font-size: 45pt;
}

#headertext{
position: absolute;
left: 270px;
top: 50px;
}


#headerchampions{
position: absolute;
left: 830px;
top: 195px;
font-family: Times;
color: #CC9900; /* Gold */
padding: 0px;
font-size: 14pt;
font-weight: bold;
}


#content{
position: absolute;
width:580px;
left:200px;
top: 250px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
z-index:1;
background-image: url("layout/content-background.jpg");
background-repeat: no-repeat;
}

#rightcolumn{
position: absolute;
width: 200px;
left: 800px;
top: 0px;
float: right;
padding-top: 50px;
padding-bottom: 80px;
background-color: #000000;
background-image: url("layout/rightcolumn-background.jpg");
background-repeat: no-repeat;
background-position: bottom;
text-align: center;
z-index:2;
color: #FFFFFF;
font-family: Verdana, Arial;
font-size: 8pt;
font-weight: Bold;
}

#leftcolumn{
position: absolute;
width: 200px;
left: 0px;
top: 250px;
text-align: center;
padding-top: 70px;
z-index:2;
}



/* Fonts */

a{
text-decoration: none;
color: #CC0000;
}

p.headersmall{
font-family: Verdana, Arial;
margin: 0px;
padding: 0px;
font-size: 8pt;
}

p.news{
margin-top: 0px;
}

p.lotteryadleftcol{
margin-top: 50px;
font-family: Verdana, Arial;
color: #CC0000;
font-size: 8pt;
font-weight: bold;
}

h1{
font-family: Verdana, Arial;
font-size: 14pt;
margin-top:30px;
}

h2{
font-family:Verdana, Arial;
font-size: 11pt;
margin: 0;
margin-top: 20px;
padding: 0;
}

h3{
font-family: Verdana, Arial;
font-size: 10pt;
font-weight: bold;
}

h4{
font-family: Verdana, Arial;
color: #C00000;
font-size: 10pt;
font-weight: bold;
}

#newssub{
font-size: 8pt;
font-weight: bold;
}

li.news{
margin-bottom: 0px;
}

/* Images */
img{
border: 0px;
}


/* Menu */


#menu{
width: 180px;
margin-left: auto;
margin-right: auto;
}



#menu ul{
list-style: none;
margin: 0;
padding: 0;
}

#menu li a{
display: block;
padding: 5px 5px 5px 5px;
background-color: #CC0000;
border: 2px solid #990000;
margin-top: -2px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
/*height: 20px;*/
}


#menu li:hover a{
background-color: #FF3333;
}

ul#navigation-1 li ul.navigation-2 { 
display:none;
list-style:none;
position:absolute; 
left:188px;
margin-top: -25px;
z-index:3; 
}

ul#navigation-1 li:hover ul.navigation-2 { 
display: block;
}

ul#navigation-1 li ul.navigation-2 li { 
width:180px;
clear:left;
}

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited { 
background-color: #CC0000;
z-index:4;
}


ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover {
background-color: #FF3333;
}

ul#navigation-1 li ul.navigation-2 li.menutop2 a:link,
ul#navigation-1 li ul.navigation-2 li.menutop2 a:visited,
ul#navigation-1 li ul.navigation-2 li.menutop2:hover a,
ul#navigation-1 li ul.navigation-2 li.menutop2 a:active,
ul#navigation-1 li ul.navigation-2 li.menutop2 a:hover {
background-color: transparent;
}

ul#navigation-1 li ul.navigation-2 li.menubottom2 a:link,
ul#navigation-1 li ul.navigation-2 li.menubottom2 a:visited,
ul#navigation-1 li ul.navigation-2 li.menubottom2:hover a,
ul#navigation-1 li ul.navigation-2 li.menubottom2 a:active,
ul#navigation-1 li ul.navigation-2 li.menubottom2 a:hover {
background-color: transparent;
}



#menu li.menutop1 a{
background-image: url("layout/menu-level1-top1.jpg");
background-repeat: no-repeat;
background-position: top;
border: 0px;
background-color: transparent;
}

#menu li.menutop1:hover a{
background-image: url("layout/menu-level1-top2.jpg");
background-repeat: no-repeat;
background-position: top;
border: 0px;
background-color: transparent;
}

#menu li.menubottom1 a{
background-image: url("layout/menu-level1-bottom1.jpg");
background-repeat: no-repeat;
background-position: top;
border: 0px;
background-color: transparent;
}

#menu li.menubottom1:hover a{
background-image: url("layout/menu-level1-bottom2.jpg");
background-repeat: no-repeat;
background-position: top;
border: 0px;
background-color: transparent;
}

#menu li.menutop2 a{
background-image: url("layout/menu-level2-top1.png");
background-repeat: no-repeat;
background-position: top;
border: 0px;
background-color: transparent;
}

#menu li.menutop2:hover a{
background-image: url("layout/menu-level2-top2.png");
background-repeat: no-repeat;
background-position: top;
border: 0px;
background-color: transparent;
}

#menu li.menubottom2 a{
background-image: url("layout/menu-level2-bottom1.png");
background-repeat: no-repeat;
background-position: top;
border: 0px;
background-color: transparent;
}

#menu li.menubottom2:hover a{
background-image: url("layout/menu-level2-bottom2.png");
background-repeat: no-repeat;
background-position: top;
border: 0px;
background-color: transparent;
}

/*Table*/

table{
border: 1px solid #000000;
}

th{
background-color: #000000;
color: #C00000;
margin: 0px;
border-spacing: 0px;
}

td{
border: 1px solid #000000;
padding: 2px;
}

tr.alt{
background-color: #CCCCCC;
}

table.fixtures{
width: 98%;
border-spacing: 0px;
font-size: 10pt;
}

table.committee{
margin-top:25px;
width: 80%;
border-spacing: 0px;
border: 0px;
}

table.committee td{
border: 0px;
}