/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,     /* I omitted strong */
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, /* input, select, option, */
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	margin:  0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


p { margin: 1em 0; }
p.clear { clear: both; height: 0; margin:0; }
p.clear2 { clear:both; }
br.clear { clear: both; height: 0 }
ul { margin: 1em 0; list-style: disc outside; }
ol { margin: 1em 0; list-style: decimal outside;  }
ul li { margin:0 3em; }
ol li { margin:0 3em; }
ul.const { list-style:none; }
ul.const li { margin: .5em 0; }
ol.const { margin:.5em 3em; list-style: lower-latin outside; }
ol.const li { margin: .5em 1em; }
dl { margin:0 30px; }

dt {
font-size: 110%;
font-weight: bold;
margin: 0;
}
dd {
margin: 0 0 10px;
}

h1 {
	color: #006699;
	font-size: 150%;
	letter-spacing:0.05em;
	font-weight: bold;
	margin: 0 0 1em 0;
/*	clear: both;  */
}
.pagetitle { 	
	color: #006699;
	font-size: 135%;
	font-weight: bold;
	margin: 0 0 1em 0;
	text-align:left;  }
.pagetitle2 {
	color: #006699;
	font-size: 115%;
	font-weight: bold;
	margin: 0 0 1em 0;
	text-align:left;  }
	
h2 {
	color:  #006699; 
	font-size: 110%;
	letter-spacing:0.025em;
	font-weight:  bold;
	clear: both;
	margin: 0 0 .75em 0;
}	
/*
.category {
	color: #006699;
	font-size: 110%;
	margin-right: 2em;
}
*/
a {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: gray;
}			
a:visited { text-decoration:none; }

img.right { float:right; }
img.left { float: left; }
img.ex { border: 1px solid; margin: .5em; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	color: #000000;
	text-align: center;
	background-color: #ccccff; 
}
#cmta { background-color: #000099; 
/* background-color: #bbb9a9;  */
}
#container {
	width: 750px;
	margin: 0 auto;
	padding-bottom: 20px;
	background-color: #ffffff;
	text-align: center;
}
#container.schedule { width: 100%; }

.logo { 
margin:15px 0 20px 10px;
float:left;
}
.logo2 { 
float:right;
margin:54px 20px 0 0;
 }
.logo2a { 
float:right;
margin:0 20px 0 0;
font-size: 160%;
font-style:italic;
color: #000099;
height: 1.5em
}

.logo3 {
float:right;
margin:74px 20px 0 0;
font-size: 160%;
font-style:italic;
color: #000099;
height: 1.5em
} 

#mainnav {
font-weight: bold;
width: 750px; 
margin-bottom: 35px;
text-align: center;
font-size:  110%;
clear: both;
}
#mainnav ul {
margin: 0;
padding: 0;
list-style: none;
}

#mainnav ul li {
float: left;
list-style:none;
width: 125px;
height: 1.5em;
line-height: 1.5em;
margin:0;
}

#mainnav ul a {
display: block;
width:125px;
line-height: 1.5em;
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #000099;
}

#mainnav.five ul li, #mainnav.five ul a { 
width:150px;
color: #ffffff;
background-color: #000099; }

#mainnav.ad ul li, #mainnav.ad ul a {
width:125px;
color: #000099;
background-color: #ccccff;
}
#mainnav.ad2 ul li, #mainnav.ad2 ul a {
width:150px;
color: #000099;
background-color: #ccccff;
}

#mainnav ul a:hover { color: #ccccff; }
#mainnav.ad ul a:hover, #mainnav.ad2 ul a:hover { color: #ffffff; }

/* from old stylesheet for chair area */
#banner {
	background-color: #ffffff; /* #006699; */
	color: #000099;  /* #ffcc33; */
	padding-left: 15px; 
/*	font-size: 24px; */
	font-size: 150%;
	font-style: italic;
	line-height: 1.5em;
	text-align: left;
	margin-bottom: 0px;
	border-bottom: 2px solid #ffffff;
	clear:both;
}

#banner a { color: #000099; }

#main {
	width: 95%;
/*	float: left;
	margin-top: 25px; 
	margin-left: 30px; */
	text-align: left;
	margin: 10px auto 0 auto;
	background-color: #ffffff;
	}	
#mainnav.chair { background-color: #ccccff; width: 750px;}
#mainnav.chair ul li, #mainnav.chair ul a { 
width: 107.14px; 
margin:0; 
color: #000099;
background-color: #ccccff;
}
#mainnav.chairsm ul li,#mainnav.chairsm ul a { 
width: 150px;
margin:0; 
color: #ffffff;
background-color: #000099;
}
/* end of chair styles */

#separator {
height: 1.5em;
background-color: #ccccff;
margin-bottom: 20px;
clear:both;
}
#separator.cmta { background-color: #000099; }

#content {
	width: 620px; 
	margin: 0 auto;
	background-color: #ffffff;
	text-align: justify;
}

#content.schedule {
margin-left: 2.5%;
text-align: left;
width: 700px;
}
#content.narrow { width: 500px; }

div.left
{
float:left;
width:160px;
margin:0;
text-align: left;
}

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

#ftleft {
	width: 460px;
	float: left;
	text-align: left;
}

#ftright {
	width: 100px;
	float: right;
	text-align: right;
}

#box {
float: left;
width: 175px;
margin:  0 3em 0 0;
border: 1px solid black;
padding: 1em;
}
#side {
float: right;
width: 175px;
margin:  0.5em 65px 0 0;
padding: 0 1em 1em;
text-align: left;
min-height: 475px;
background-color: #cccfff;
border: 1px solid #000099;
/* color: #000099; */
}
#side#box {
background-color: #eeeeee; 
}

#contentleft {
text-align:justify;
margin: 0 0 0 65px;
width:400px;
float:left;
}
#leftbox {
text-align:center;
margin: 10px 0 0 65px;
width:400px;
float:left;
/* border: 1px solid #000099; */
padding: 5px;
height: 125px;
}
#side form { margin:0; }
#side label { width:70px; display:block; float:left; text-align:right; }
#side input { width: 90px; display:block; }
#side select { width: 170px; height:25px; margin: .3em 0;}
#side option.opt { font-size:100%; }
#side .submit { width: 55px; display:inline; margin:0 0 0 10px;}
#side .submit2 { width: 155px; margin:10px auto; }
#side p { margin: .3em 0; }

#side li { list-style:none inside; margin:.5em 0; }

#warning {
border: 0;
width: 400px;
margin: 35px auto;
font-size: 110%;
/* text-align: center; */
}
#login_warning {
margin-left: 8em;
font-weight: bold;
color: red;
}

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

ul.none {
list-style-type: none;
}


#pagenav, pagenav.home { 
font-size: 110%; 
font-weight: bold;
/* width: auto; */
margin: 0 0 0 0;   
}

#pagenav.home ul li {
/* background: #cccccc; 
margin-bottom: 10px; */
float:left;
margin: 0 15px 10px 0;
}

#pagenav ul {
/* margin: 20px; */
padding: 0;
list-style: none outside;
/* width:auto; */
}

#pagenav ul li {
list-style:none;
/* width: auto; */
height: 1.5em;
margin: 0 0 10px 15px;
float: right;
}
#pagenav ul li.last { margin-right:0; }

#pagenav ul a {
display: block;
line-height: 1.5em;
text-align: center;
text-decoration: underline;
color: gray;/* #ccccff; #006699; gray;  */
/* width:auto; */
}

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

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

#recordnav ul {
margin: 10px 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.right { margin-left: 50px; }

#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,
#points #mainnav .points a,
#newyear #mainnav .newyear a,
#yearly #mainnav .yearly a,
#archive #mainnav .archive a
{
background-color: #006699;
color: white; }

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

#chairnav ul {
margin: 0;
list-style-type:none;
}

#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;
text-align: left;
list-style:none;
}

#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; } */
th { font-weight: bold; }

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

table#level tr.o {
background: #cccccc;
}
table#level tr.n {
background: #cccccc;
border: 0;
}
table#level tr.n td {
text-align: left;
font-weight: bold;
border: 1px solid black;
padding-left: 5px;
}
table#level tr.n td.c { text-align: center; }

table#level tr.m td { border: 0; }

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

table#level.points { width:560px;  }
table#level.points th,  table#level.points td { width: auto; }
table#level td.right { text-align:right; }
table#level td.left { text-align:left; padding-left: 5px;}

table#level.list { width:560px;  }
table#level.list th,  table#level.list td { width: auto; text-align:left; padding: 0 3px;}

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

table#theory {
width: 620px;
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: 600px;
border: 0;
border-collapse: collapse;
margin-top: 0;
margin-bottom: 25px;
clear: both;
} 
table#review caption { color:  #006699; font-size: 110%;letter-spacing:0.025em;font-weight: bold;text-align:center; 
}
table#review th, table#review td {
font-size: 100%;
border: 0;
text-align: center;
width: auto;
padding: 2px;
vertical-align:top;
}
table#review th.first, table#review td.first, table#review th.amount, table#review.total td { text-align: left; }
table#review td.amount, table#review th.right, table#review td.right, table#review.info td.right, table#review2 td.r{ text-align: right; } 
table#review tr.g { background: #cccccc; }

table#review.dues th, table#review.dues td { text-align:right; }

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

table#review.recital td { padding: 10px; text-align:left;}

table#review td.rep {
text-align:left;
padding:10px 0 20px 35px;
}
table#review.info { width: 500px; }
table#review.info th, table#review.info td { padding: 5px 10px; text-align:left; }


table#review2 {
width: 400px;
border: 0;
border-collapse: collapse;
margin-bottom: 25px;
text-align: left;
clear: both; 
}
table#review2 th, table#review2 td { padding:2px; }
table#review2 th.b, table#review2 td.b { font-weight: bold; }
table#review2.narrow { width: 350px; }
table#review2 td.num {width: 50px; text-align:right; }
table#review2 th.set, table#review2 td.set {width: 50px; text-align:right; }
table#review2 th.set2, table#review2 td.set2 {width: 75px; text-align:right; }

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: 12em;
}

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: 200px;
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 .single { width:450px; }
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: 1px solid #000000;
}
/*
table#times tr.d0 td {
	background-color: #ffffff;
}

table#times tr.d1 td {
	background-color: #eeeeee;
}
*/	
table#wide tr.d0 td, table#times tr.d0 td, table#review tr.d0 td { background-color: #ffffff; }
table#wide tr.d1 td, table#times tr.d1 td, table#review tr.d1 td { background-color: #eeeeee; }	


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

table#times td {
padding: .1em .5em;
}
table#times td.r2 {
padding: .1em 1em .1em 0;
text-align: right;
}
table#times td.c { text-align:center; }
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.left { float:left; }
#box2 .narrow {
width: 250px;
float: right;
margin:  0; 
padding: 0; 
}

#box3 {
width: 270px;
float: right;
}
/*#box2 .narrow2 li {width: 275px; }  */

#box2 h2, #box3 h2 {
font-size: 125%;
font-weight: bold;
color: #006699;
}
#box2 h3, #box3 h3 {
font-size: 125%;
font-weight: bold;
color: black;
}

#box2 dl, #box3 dl { margin-left: 0;}

#box2 input { width: 100px; float:left;}
#box2 select.med {width: 100px; }
#box2 label { width: 80px; float:left;}
#box2 label.labellg { width: 150px; }
#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, #box3 ul {
list-style: none;
font-size: 110%;
font-weight: bold;
margin: 0;
}
#box2 ul.norm { font-weight: normal; }
#box2 li, #box3 li {
margin: 5px 0;
list-style:none;
}

dt {
font-size: 110%;
font-weight: bold;
margin: 0;
}
dd {
margin: 0 0 10px;
}
	
form {
margin-bottom: 25px;
}
form#button {
width: auto;
float:left;
margin-right:10px;
margin-top:20px;
}

form p { margin-top: 8px; }

form.sm { margin:0; }

form#button2 {
margin-right: 15px;
}
form#button3 { float:right; margin:0; }

fieldset { border: 1px solid #006699; padding: 10px; background: #ccccff; margin: 20px 0;}

label {
width: 8em;
float: left;
text-align: right;
margin-right: 0.5em;

/* display: block; */
/* font-size: 100%;  */
}

label.labelsm1 {
width: 2em;
/* float: left; */
text-align: right;
margin-right: 0.5em;
}

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

label.labelsm3 {
width: 3em;
/* float: left;*/
text-align: right;
margin-right: 0.5em;
}
.labelsm4 {
width: 5em;
/* float: left; */
text-align: right;
margin-right: 0.5em;
}

.labelmed { width: 10em; }

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

.labelxlg {
width: 25em;
float: left; 
text-align: right;
margin-right: 0.5em;
}

.labelleft {
width: 5em;
text-align: left;
font-weight: bold;
}
.labelleft2 {
width: 8em;
text-align: left;
font-weight: bold;
}
.recital {
width:12em;
float: left;
text-align: right;
margin: 1em 0.5em 1em 0;
display: inline;
}
select.recital {
width: 20em;
margin: 0;
}

input {
width: 15em;
/* font-size: 100%; */
}
/* select { border: 1px solid #ccccff; font-size:100%; } */

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

input.inputsm {
width: 3.5em;
/* float: left; */
}

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

input.inputsma{
width: 3.5em;
margin-right: 1.5em;
}
.inputsm2 { width: 3.5em; float: left; margin-right: 1.5em; }
.inputmed { width: 5em; }
.inputmed3 {width: 5em; float: left; margin-right: 2em; }

input.inputmed1, select.inputmed1 { width: 8em; }

input.inputmed2, select.inputmed2 { width: 12em; }
.inputlg { width: 20em; }

.selectfloat { float:left; margin-right: 2em; }
/* option { font-size: 100%; } */
.note {
margin-left: 2em;
font-style: italic;
}
.note2 {
margin-left: 8.5em;
font-style: italic; 
color:blue;
} 

input.submitinput {
margin-top: 1.5em;
margin-left: 8.5em;
width: 6em;
}

input.submit {
width: auto;
margin-right: 5px;
}

input.submit2 {
width: 4em;
margin: 0px;
}
input.submit2a {
width: 5em;
margin-right: 5px;
}
input.submit3 {
width: 10em;
margin-right: 5px;
}
input.submit4 { width:auto; margin: 0 5px 0 10px; }

input.submitlg {
width: 6em;
margin-left: 15.5em;
}

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

table#program.time {width: 700px; }

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

table#program th, table#program td {
border: 0;
padding: 5px;
}
table#program.r select { float:right; }
table#program.r label { text-align:right;  }

.title { width: 25em; }
.composer { width: 15em; }

.titlea { width: 20em;  }
.composera { width: 10em; }
.duration { width: 3em; }
.era { width: 5em; }

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

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

label.labelradiosm2 {
width: 2em;
float: left;
text-align: right;
margin-right: 0.5em;
}

label.labelradiobig
{
width: 40em;
float: none;
text-align: left;
margin: 1.5em 0;
/* display: block; */
display: inline;
}

label.recital {
width:40em;
text-align: left;
clear:left;
}

input.radio
{width: 2em;
float: left;
margin-right: 1em;
}
input.radioa { width: 1em; }
input.radiolast { width: 2em;  }

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

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

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

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

#checkbox ul  { list-style: none; margin: 0; }
#checkbox ul li { margin:0; }
#checkbox .checkbox { margin:0; padding:0; }

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

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

#checkbox p {margin: 8px 0;}

textarea
{
width: 360px;
height: 70px;
}

textarea.email {
width: 500px;
height: 150px;
}

.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-size:  13px; /*
position: relative;
left: 25em;   */
margin-top: 1em;
margin-right: 3em;
margin-bottom: 3em;
}

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