/* VOCAL & CHORAL SECTION FORMAT: Eisteddfod by the Bay */

html {
height: 100%; 
max-height: 100%;  
padding: 0; 
margin: 0; 
border: 0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {
height: 100%; 
max-height: 100%; 
overflow: hidden; 
padding: 0; 
margin: 0; 
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 2;
}
#content {
display: block; 
height: 100%; 
max-height: 100%; 
overflow: auto;
padding-left: 190px;
padding-right: 18px;
padding-top: 20px;
position: relative; 
z-index: 2;
background-image: url(../images/yellow.jpg);
background-repeat: repeat;
}
#head {
position: fixed; 
margin: 0; 
top: 0; 
right: 18px;
display: block; 
width: 100%; 
height: 150px;
z-index: 3;
background-color: #FFFFFF;
vertical-align: bottom;
}
#left {
position: fixed; 
left: 0; 
top: 0; 
height: 100%; 
width: 170px;
background-color: #FFFFFF;
text-align: center;
z-index: 4;
line-height: normal;
}

* html #head, * html #left {position: absolute;}

.pad1 {display: block; height: 150px}
.pad2 {display: block; height: 50px;}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; color: #000066; font-size: 26px; font-weight: normal}
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066; font-size: 26px}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: #000066; text-align: center; font-weight: normal}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: #000066}
.style3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 2}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 2}
.style4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 2}
.style5 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 2}

input {
cursor: pointer;
color: #000066;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
border-width: thin;
border-color: #000066;
}

#content a {font-family: Arial, Helvetica, sans-serif; color: #0000FF}
#content a:hover {color: #0066FF}

#left a {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066; text-decoration: none; font-size: 11px}
#left a:hover {color: #0066FF}
#left td {border-bottom-color: #FFFF99; border-bottom-style: solid; border-bottom-width: medium; text-align: left}

.colborder {
border-right-style: solid;
border-right-width: thin;
border-right-color: #000066;
}

#schedule td {
border-bottom-style: solid;
border-bottom-width: thin;
border-bottom-color: #000066;
text-align: center;
}

.results td, .results th {
border-style: solid;
border-width: thin;
border-color: #000066;
vertical-align: top;
width: 16.6%;
}

#leftcolumn {
width: 55%;
position: relative;
float: left;
padding: 10px;
}

#rightcolumn {
width: 35%;
position: relative;
float: right;
padding: 10px;
}

#foot {
clear: both;
line-height: 1.5;
padding-top: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
}

hr {height: 3px; background-color: #000066; text-align: center; color: #000066}