/*
Class: main

Overview: main overview
	Primary stylesheet for the CSM site.

Groups:
	<htmlElements>
	<cssClasses>

Bugs:
	None known.

To do:
	None.

Change Log:
	2006.06.16	JEM	- Initial version.
*/

/*
Group:
	htmlElements
 */
body {
	background-color:#FFF;
	color:#000;
	font-family:Garamond, serif;
	font-size:100.1%; /* Bug fix for Safari */
	}
img {border-width:0;} /* Linked images no longer get blue borders */
table td {vertical-align:top;}
table th {vertical-align:bottom;}
* { /* reset all whitespace rule for browser consistency */
	margin:0;
	padding:0;
	}
select option {padding:0 4px 0 0;} /* otherwise reset all whitespace rule clips dropdown text */
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
table,
form,
hr,
ul,
ol {margin:0 0 1em 0;} /* enforce our own style for margining main elements */
blockquote {margin:1em;}
ul,
ol {margin-left:1.75em;}
select,
input {font-family:Arial, sans-serif; font-size:110%;} /* Safari fix */
textarea {font-family:Arial, sans-serif; font-size:99%;} /* Safari fix */

/*
Group:
	cssClasses
 */
.borderless,
.borderless td,
.borderless th,
.borderless tr {
	border-collapse:collapse;
	border-width:0;
	}
.center {margin:0 auto;}
.clear {clear:both;}
hr.clear {
	border-width:0;
	height:0;
	margin:0;
	overflow:hidden;
	padding:0;
	visibility:hidden;
	}
.debug {
	background-color:#FF0;
	border:1px dotted red
	}
.fl {float:left;}
div.fl {padding-right:1em;}
img.fl {margin:0.25em 1em 1em 0;}
.fr {float:right;}
div.fr {padding-left:1em;}
img.fr {margin:0.25em 0 1em 1em;}
.noScreen {display:none;}
.note {
	color:#666;
	font-size:0.75em;
	}
.off {display:none;}
.offLeft,
.offScreen {
	display:block;
	height:1px;
	left:-100em;
	overflow:hidden;
	position:absolute;
	top:-100em;
	width:1px;
	}
.on {display:block;}
.tac {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
.tal {text-align:left;}
.tar {text-align:right;}
.vat {vertical-align:top;}

/*
Group:
	wrapper
*/
#wrapper {
	position:relative;
	width:750px;
	}

/*
Group:
	accessibilityMenu
*/
#wrapper #accessibilityMenu {
	height:0;
	margin:0;
	overflow:hidden;
	}
* html #wrapper #accessibilityMenu {position /**/:absolute; /* Hidden from IE 5.5, since it doesn't obey the height:0; overflow:hidden; the menu must be positioned, thus making it not visible (hack hits IE 5.0, too, though...) */}
#accessibilityMenu a {
	font-size:1px;
	left:-9999px;
	letter-spacing:-1px;
	position:absolute;
	width:9000px;
 	}
#accessibilityMenu a:active, #accessibilityMenu a:focus {
	background-color:#CCC;
	border:0.25em solid #961B1E;
	color:#961B1E;
	font-weight:bold;
	font-size:1.5em;
	height:auto;
	left:10em;
	overflow:visible;
	padding:5px;
	position:absolute;
	top:130px;
	width:auto;
	z-index:101;
	}

/*
Group:
	banner
*/
#banner {
	background:url(../images/banner1.jpg) top right no-repeat;
	height:144px;
	position:absolute;
	right:0;
	text-align:right;
	top:0;
	width:650px;
	}
#banLogo {
	left:0;
	position:absolute;
	top:0;
	z-index:99;
	}
#wrapper #banLogo {background:none;}
#banner h1 {
	background:url(../images/bcGradient.gif) #CCC top left no-repeat;
	bottom:0;
	color:#961B1E;
	font:1em "Monotype Corsiva", script normal;
	padding-left:35px;
	padding-right:1em;
	position:absolute;
	right:0;
	}
#banner form {
	bottom:28px;
	position:absolute;
	right:0;
	width:20em;
	}
#banner form div div,
#banner form a {display:none;}
#banner #searchBox {
	padding:0 0.5em;
	width:11em;
	}
#banner input {
	font:1em/1.2em Garamond, sans-serif;
	}
#banner .dimmed {color:#999;}

/*
Group:
	mainNavigation
*/
#mainNavigation {
	background:url(../images/champaign_school_of_music_logo2.gif) #FFF top left no-repeat;
	color:#961B1E;
	font:1.31em "Monotype Corsiva",script;
	left:0;
	list-style-type:none;
	margin:0;
	padding:1em 0 0 0.5em;
	position:absolute;
	top:128px;
	width:9em;
	}
* html #mainNavigation {
	width:8em;
	}
#mainNavigation ul {
	color:#000;
	font:0.76em Garamond,serif;
	list-style-type:none;
	margin:-0.25em 0 1em 0;
	}
#mainNavigation ul li {
	line-height:1.2em;
	margin:0;
	}
#mainNavigation ul a,
#mainNavigation ul a:visited {
	color:#000;
	display:block;
	padding-left:1em;
	text-decoration:none;
	}
* html #mainNavigation ul a {
	width:100%;
	}
#mainNavigation ul ul {
	background-color:#FFF;
	font-size:0.9em;
	margin:0.25em 0 0 1em;
	}
#mainNavigation .groupStart {
	border-top:1px solid #CCC;
	}

/*
Group:
	footer
*/
#footer {
	border-top:0.1em solid #961B1E;
	font:0.85em "Monotype Corsiva", script;
	margin-top:2em;
	padding-left:14em;
	text-align:center;
	}
#footer strong {
	color:#961B1E;
	}
#footer a, #footer a:visited {
	color:#00F;
	}
	
/*
Group:
	form and form fields
*/
input:focus,
input:hover {border-color:#007 #008 #00A #009;}
input {
	border:1px solid #000;
	display:inline;
	height:1.3em;
	left:0;
	width:25%;
	}
textarea {width:95%;}
.textbox {background:url(../images/textboxShadow.gif) #FFF top left no-repeat;}
.submit {
	background-color:#DDD;
	color:#961B1E;
	border:1px solid #CCC;
	border-color:#FFF #CCC #BBB #EEE;
	}
#banner .submit[type="submit"] {margin-bottom:-2px;} /* non-IE browsers */
* html #banner form {bottom:17px;} /* IE browsers */
input[type="hidden"] {border:none;} /* non-IE browsers, but not needed on IE, anyway */

/*
Group:
	content styles
*/
#content {
	font-family:Arial, sans-serif;
	font-size:0.8em;
	margin:150px 0 0 17em;
	line-height:1.5em;
	}
#content h1,
#content h2 {
	border-bottom:0.1143em double #CCC; /* can't get the 2-1-1px double border perfect in Firefox */
	border-top:0.1143em double #CCC;
	color:#961B1E;
	font:bold 2.735em "Monotype Corsiva", script;
	margin:1.25em 0 0.25em 0;
	padding:0;
	}
* html #content h1,
* html #content h2 {height:1%;} /* hasLayout fix for IE to enable border-bottoms and more */
#content h2 {
	/*border-bottom:0.125em solid #961B1E;*/
	border-bottom:0.2em double #000;
	border-top:none;
	/*color:#666;*/
	color:#961B1E;
	font:bold 1.5em Garamond, serif;
	padding:0;
	}
#content h3 {
	color:#000;
	font:bold 1.35em Garamond, script;
	margin:0.25em 0 0 0;
	}
#content strong {
	color:#961B1E;
	font-size:1.05em;
	font-weight:bold; 
	}
#content strong.qa {
	color:#961B1E;
	font:bold 1.5em Garamond, serif;
	}
h2.regular {
	color:#961B1E;
	font:bold 1.5em Garamond, serif;
	padding:0;
	}


/*
Group:
	hyperlinks
*/
body #wrapper a:focus,
body #wrapper a:hover {
	background:url(../images/bcGradient.gif) #CCC top left no-repeat;
	color:#961B1E;
	text-decoration:underline;
	}
#wrapper #content a:focus,
#wrapper #content a:hover,
#wrapper #footer a:focus,
#wrapper #footer a:hover {background-image:none;}
#content a:visited {color:#961B1E;}

/*
Group:
	blockquote
*/
blockquote {
	background:transparent url(../images/openquote.gif) left top no-repeat;
	font-family:Arial, sans-serif;
	font-style:italic;
	font-size:1em;
	margin:0 0 1em 0;
	}
blockquote div {
	background:transparent url(../images/closequote.gif) right bottom no-repeat;
	min-height:23px;
	padding:0 35px;
	}
* html blockquote div {height:23px;} /* min-height hack for IE */
cite.quote {
	color:#666;
	display:block;
	font-size:0.85em;
	font-style:normal;
	margin:-1em 0 1em 0;
	text-align:right;
	}

/*
Group:
	table
*/
table {width:99%;}
table, th, td {
	border:0.05em solid #CCC;
	border-collapse:collapse;
	}
caption {
	background-color:#EEE;
	border:0.04em solid #CCC;
	border-bottom:0.5em double #CCC;
	color:#961B1E;
	font-size:1.5em;
	font-weight:bold;
	font-family:Garamond, sans-serif;
	margin-bottom:0.25em;
	padding:0.125em 0.25em;
	text-align:left;

display:none;
	}
* html caption {height:1%;} /* IE 6 (at least) doesn't apply margin or border */
th, td {
	font:normal 0.8em Garamond, sans-serif;
	padding:0.125em 0.4em;
	}
th {
	background-color:#EEE;
	border:0.05em solid #666;
	color:#961B1E;
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
	padding-top:0.35em;
	}
td {
	font-size:1.25em;
	letter-spacing:0.03em;
	}

table.am_idol th {
	font-size:1.00em;
	letter-spacing:0.03em;
	vertical-align: middle;
	text-align:center;
	padding-top:0.15em;
	}
table.am_idol tr td.name, table.am_idol tr td {
	font-size:1.00em;
	letter-spacing:0.03em;
	vertical-align: middle;
	text-align:left;
	}
table.am_idol tr.leader td { background-color: #FF6600;}
table.am_idol tr td {text-align:center;}