/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 1.25em;
	color: #000000;
/*	text-align: center;  */
	margin: 0;
	width: auto;
}

#container {
/*	margin: 0; 
	width: auto;
	width: 760px; 
	
	padding-bottom: 20px;
	background-color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt; */
}

#banner { display:none;
}

#banner.register { display:none; }

#content {
	margin: 0;
	width:auto;
/*	width: 560px;
	margin-top: 25px;
	margin-right: 100px;
	float: right; 
	margin: 0 auto;  
	background-color: #ffffff;
	text-align: left; */
}
	
#sidebar {
	width: 175px;
	float: right;
	margin-top: 25px;
	margin-right: 10px;
	border: 1px  solid;
}

#main {
/*	width: 700px;
	float: left;
	margin-top: 25px; 
	margin-left: 30px; */
	text-align: left;
/*	margin: 10px auto 0 auto; */
	background-color: #ffffff;
	}	

#box {
float: right;
width: 175px;
margin:  0 1em 0 1em;
border: 1px solid black;
padding: 1em;
}

#footer { display:none;
/*	background-color: #ffffff;
	color: #000000;
	clear: both; 
	margin: 25px auto;
	padding-top: 2px;
	width: 560px;
	border-top: 1px solid;
	*/
}

	
#ftleft {
display:none;}

#ftright {
display:none;}

#warning {
border: 0;
width: 400px;
margin: 35px auto;
font-size: 130%;
/* text-align: center; */
}

#warning p.left { text-align: left; }

h1 {
	color: #006699;
	font-size: 150%;
	letter-spacing:0.05em;
}

h2 {
	color: #006699;
	font-size: 110%;
	font-weight:  bold;
}	

.category {
	color: #006699;
	font-size: 110%;
	margin-right: 2em;
}

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

a:hover {
	color: gray;
}			


#mainnav { display:none;
}

#pagenav { display:none;
}

#recordnav {
width: 650px;
margin: 10px auto;
font-weight: bold;
}

#recordnav ul {
margin: 0 0 0 0;
padding: 0;
list-style: none;
width:auto;
float: left;
}

#recordnav ul li {
list-style:none;
width: auto;
height: 1.5em;
margin-right: 15px;
float: left;
}

#recordnav ul.right, #recordnav ul li.right { float: right; }

#recordnav ul a {
display: block;
line-height: 1.5em;
text-align: center;
text-decoration: none;
width:auto;
}

#recordnav ul a:hover { color: blue; }

#teachers #mainnav.chair .teachers a,
#students #mainnav.chair .students a,
#judges #mainnav.chair .judges a,
#times #mainnav.chair .times a,
#scores #mainnav.chair .scores a,
#points #mainnav.chair .points a,
#reports #mainnav.chair .reports a,
#email #mainnav.chair .email a
{
background-color: #006699;
color: white; }

#chairnav { display:none; }
#chairnav h2 { font-size: 135%; color: black;}

#chairnav ul {
margin: 0;
}

#chairnav li {
/*list-style: none;
background: #006699; 
width: 150px;
margin: 10px 0;
padding: 5px;
height: 1.5em;
line-height: 1.5em;
*/
}

#chairnav li a {
/* width: 150px;
height: 1.5em;
background: #006699; 
color: white;
font-weight: bold;
line-height: 1.5em;
display: block;
border: 1px solid white;
*/
display: block;
width: 160px;
height: 25px;
line-height: 25px;
margin-top: 5px;
margin-bottom: 10px;
text-decoration: none;
background-color: #006699;  
/*background-color: gray; */
color:white;
font-weight: bold; 
border: 1px solid white;
text-indent: 10px;

}

#chairnav li a:hover {
/* width: 150px;
color: #006699;
background: white;
height: 1.5em;
line-height: 1.5em;
display: block;
border: 1px solid white;
*/
display: block;
width: 160px;
height: 25px;
line-height: 25px;
/*margin-bottom: 5px;*/
text-decoration: none;
background-color: white;
color: #006699;
font-weight: bold; 
border: 1px solid #006699;
text-indent: 10px;

}

#chairnav2 ul {
margin: 0;
}

#chairnav2 li {
list-style: none;
width: 150px;
margin: 10px 0;
padding: 5px;
font-size: 120%;
}

#chairnav2 li a {
width: 150px;
font-weight: bold;
}

#chairnav2 li a:hover {
width: 150px;
color: #006699;
background: white;
}


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

#sidebar ul a {
display: block;
width: 160px;
height: 1.5em;
line-height: 1.5em;
margin-top: 5px;
margin-bottom: 5px;
/* margin-left: 5px; */
text-decoration: none;
background-color: gray;
color: black; 
border: 1px solid white;
text-indent: 10px;
}

#sidebar ul a:hover {
display: block;
width: 160px;
height: 1.5em;
line-height: 1.5em;
/*margin-bottom: 5px;*/
text-decoration: none;
background-color: white;
color: #0033cc; 
border: 1px solid white;
text-indent: 10px;
}
p { margin-top: 0 }

/*table { border: 0 solid white; }
img { border: 0; } */
table#level {
width: 560px;
border: 1px solid black;
border-collapse: collapse; 
}

table#level tr.o {
background: #white;
}

table#level th, table#level td {
width: 40px;
font-size: 100%;
border: 1px solid black;
text-align: center;
}

table#level.points { width:450px;  }
table#level.points th,  table#level.points td { width: auto; }
table#level td.right { text-align:right; }

table#level caption {
font-size: 100%;
font-style: italic;
margin-bottom: 10px;
}

table#theory {
width: 560px;
border: 1px solid black;
border-collapse: collapse;
}

table#theory caption {
background-color: #cccccc;
font-weight: bold;
}

table#theory tr.g {
font-weight: bold;
background: #cccccc;
}

table#theory th, table#theory td {
border: 1px solid black;
text-align: left;
width: auto;
font-size: 100%;
padding: 3px;
}

table#theory tr.n td {
font-style: italic;
}

table#review {
width: 100%;
border: 0;
border-collapse: collapse;
margin-bottom: 25px;
clear: both; 
*/
}

table#review.total {
width: 280px;
}

table#review th, table#review td {
font-size: 100%;
border: 0;
text-align: center;
width: auto;
padding: 2px;
vertical-align:top;
}
table#review.info th, table#review.info td { padding: 5px 10px; text-align:left; }

table#review th.first, table#review td.first, table#review th.amount { text-align: left; }
table#review td.amount, table#review th.right, table#review.info td.right{ text-align: right; } 

table#review2 {
width: 400px;
border: 0;
border-collapse: collapse;
margin-bottom: 25px;
text_align: left;
clear: both; 
}

table#points {
width: 650px;
border: 1px solid black;
border-collapse: collapse;
margin: auto; 
}

table#points th {
font-size: 100%;
border: 1px solid black;
text-align: center;
}

table#points td {
text-align:left;
padding:3px 5px;
border: 1px solid black;
}

table#points td.right { text-align:right; }
table#points td.center, table#points th.center {text-align:center; }

table#navigation {
width: 650px;
margin:10px auto;
border: 0;
}

table#navigation td { border:0; }
table#navigation td.first { width:300px; }

table#wide {
width: 560px;
margin: 0 auto;
border: 0;
border-collapse: collapse;
}

table#wide tr.d0 td { background-color: #ffffff; }
table#wide tr.d1 td { background-color: #eeeeee; }	

table#wide th, table#wide td { padding: 3px 0; }

table#wide th.r, table#wide td.r {
text-align: right;
width: 6em;
}

table#wide td.r2 { text-align: right; }

table#wide th.r3, table#wide td.r3 {
text-align: right;
width: 10em;
}

table#wide th.c, table#wide td.c {
text-align: center;
}

table#lefthalf {
width: 240px;
border:0;
border-collapse: collapse;
}

table#lefthalf td.first, table#righthalf td.first {width:50px; text-align:right; padding-right:20px;}

table#righthalf {
width: 240px;
border:0;
border-collapse: collapse;
margin-left: 100px;
}

table#times {
float: left;
margin: 30px 10px 10px;
border: 1px solid #000000;
border-collapse: collapse;
cell-spacing: 0;
}

table#times .right {
float: right;
margin: 30px 10px 10px;
border: 1px solid #000000;
}

table#times caption {
font-size: 14px;
font-weight: bold;
padding: .3em 0;
background-color: #dddddd;
border-bottom: 1px solid #0033cc;
}

table#times tr.d0 td {
	background-color: #ffffff;
}

table#times tr.d1 td {
	background-color: #eeeeee;
}	

table#times th {
font-weight: bold;
text-align: left;
padding: .3em .5em;
border-bottom: 1px solid #0033cc;
}

table#times td {
padding: .1em .5em;
}
table#times td.r2 {
padding: .1em 1em .1em 0;
text-align: right;
}
table#times a {
text-decoration: none;
}

#logo {
	float: right;
	width: 100px;
	}
	
.noshow {
display: none;
}

#box2 {
float: right;
width: 300px; 
margin:  0; 
padding: 0; 
margin-bottom: 25px;
}

#box2.narrow {
width: 250px;
}

#box2 h2 {
font-size: 135%;
font-weight: bold;
color: black;
}

#box2 input { width: 100px; float:left;}
#box2 label { width: 80px; float:left;}
#box2 .submit {
width: auto;
margin-left: 2em;
}

#box2 table {width: 100%; border-collapse: collapse; }
#box2 table th, #box2 table td { text-align:right; padding: .2em;}

#box2 ul {
list-style: none;
font-size: 110%;
font-weight: bold;
margin: 0;
}

#box2 li {
margin: 5px 0;
}

form {
margin-bottom: 25px;
}
form#button {
width: auto;
}

form p { margin-top: 8px; }

form.sm { margin:0; }

form#button.2 {
float: left;
margin-right: 15px;
}

label {
width: 8em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
/* font-size: 100%;  */
}

.labelsm2 {
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
}

.labelmed { width: 10em; }

.labellg {
width: 15em;
float: left; 
text-align: right;
margin-right: 0.5em;
}

input {
width: 15em;
/* font-size: 100%; */
}

.inputphone {
width: 3em;
margin-right: 1em;
}

.inputsm {
width: 3.5em;
float: left;
}

.inputsm1 { 
width: 3.5em;
float: left;
margin-right: 1em;
}

.inputsma{
width: 3.5em;
}

.inputmed { width: 5em; }
.inputmed3 {width: 5 em; float: left; }

.inputmed1 { width: 8em; }

.inputmed2 { width: 12em }

.submitinput, .submit, .submit2, .submit3 { display: none; }

table#program {
/* font-size: 100%; */
border: 0;
margin-top: 2em;
}

table#program caption {
text-align: left;
font-weight: bold;
}

table#program td {
border: 0;
}

.title {
width: 25em;
}

.composer {
width: 15em;
}

.labelradio 
{
width: 8em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
}

.labelradiosm 
{
width: 5em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
}

.labelradiobig
{
width: 40em;
float: left;
text-align: left;
margin: 1.5em 0;
display: block;
}

.radio
{width: 2em;
float: left;
}

.radiolast { clear:both; }

.checkbox {
width:auto;
margin: 0 .5em 0 2em;
padding:0; }

.checkbox_label {
width:20em;
text-align:left;
float:right;
}

.check_label {
width: auto;
text-align: left;
clear: both;
}

#checkbox {
width:25em;
margin-left:5em;
}

#checkbox2 {
width:25em;
margin:0;
}

#checkbox2 .checkbox {
width:auto;
margin: 0;
padding:0; }

#checkbox p {margin: 8px 0;}

textarea
{
width: 400px;
height: 70px;
}
.menu_nav
{
height: 1.5em;
line-height: 1.5em;
padding: 0.2em 0.4em;
border: 2px solid #0033cc;
color: #0033cc;
width: 14em;
text-decoration: none;
text-align: center; 
font:  13px; /*
position: relative;
left: 25em;   */
margin-top: 1em;
margin-right: 3em;
margin-bottom: 3em;
}

.menu_nav a: hover{
font-weight: bold;
}