/* Page Layout*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
html {background-color: #666; 
	font-size: 100%;}

body {	font-size: 100%;
	padding: 0;
	margin: .5em; }

/* Put "Page" in middle and arranges content */
#page {	width: 45em;
	max-width: 98%;
	border: #666 outset .25em;
	background-image: url("bgimage.gif");
	background-repeat: repeat;
	margin: 0 auto;
	padding: 0;	}

#header {	margin: .5em .5em 0;
	text-align: center;	}		 	/* IE Hack */
	
.center {	display: inline-block;	} 		/* IE Hack */

#body {	text-align: center;	}

#left,
#right { background-color: #005;
	color: #BBB;
	width: 12%;
	margin: 0; }

#left { float: left;}
#right {float: right;}
#main {	margin: 0 12%;
	color: #FFF;}

#footer {	width: 25em;
	clear: both;
	text-align: center;
	margin: 1em auto 2em;
	color: #FFF;	}

/*Footer Formatting*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#vcss { float: left; }
#vxhtml { float: right; }

.footer { table-layout: fixed;
margin: 0 auto; }

#footercenter { font-size: .8em;
text-align: center; }



/*Header Specific Formatting*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#banner,
.nav1,
.nav2 { display: table;
	margin: 0 auto;
	padding: 0; }

.nav1, 
.nav2 { list-style-type: none; }
		
.nav1 li,
.nav2 li { float: left;
	color: #000;
	font-variant: small-caps;
	background-color: #707070;
	border: .15em inset #999;
	display: block;
	width: 7em;
	padding: .1em;
	margin: 0; }

#banner  h1 { 	color: #000;
	border: .15em inset #999;
	background-color: #777;
	font-size: 2em;
	padding: 0.1em;
	margin: 0; 
	width: 19em;}
/* 	min-width: 15em; DOESN'T WORK RIGHT WITH OPERA OR IE! */

#c1, #c2 { background-color: #888; }	
		
.nav1 a { font-size: 1.2em; border: none;}
.nav2 a { font-size: 1.0em; border: none;}

.nav1 a:link, .nav1 a:visited,
.nav2 a:link, .nav2 a:visited { color: #000;}

.nav1 a:hover, .nav1 a:active,
.nav2 a:hover, .nav2 a:active { color: #444; }

#banner,
.nav1, 
.nav2 {  vertical-align: middle;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-family: Cambria, "Times New Roman", Garamond, serif; }

/*Special Formatting for Texts*/	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*Ordinal Number Suffixes*/
.ordinal { font-size: 65%;
	vertical-align: top;
	text-transform: uppercase; }

/*Subscript and Superscript*/
.sub { font-size: smaller; 
	vertical-align: sub; 
	text-transform: uppercase; }
.sup { font-size: smaller; 
	vertical-align: top; 
	text-transform: uppercase; }

/*General Formatting*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

p.notice {border: 2px solid; 
	margin: 1.5em 15%;
	text-indent: 0}

#main { text-align: left;
	text-indent: 3% }
	
h1 {	font-family: Cambria, Garamond, "Times New Roman", serif;
	font-size: 1.6em;
	border-bottom: solid 2px;}

h2 {	font-family: Cambria, Garamond, "Times New Roman", serif;
	font-size: 1.6em}

h3 {	font-family: Cambria, Garamond, "Times New Roman", serif;
	font-size: 1.4em}

h4 {	font-family: Georgia, Bookman, "Times New Roman", serif;
	font-size: 1.4em}

h5 {	font-family: Cambria, Garamond, "Times New Roman", serif;
	font-size: 1.2em}

h6 {	font-family: Georgia, Bookman, "Times New Roman", serif;
	font-size: 1.2em}	

h1, h2, h3,
h4, h5, h6 {font-weight: bold;
	text-indent: 0;
	padding: 0 .1em .1em;
	margin: .75em 2.5% .25em;}
	
#main h1:first-child { margin-top: .25em }
	
h4, h6 {margin-bottom: 0;}

p { font-family: Georgia, Bookman, "Times New Roman", Serif;
	font-size: .9em;
	border: none;
	padding: .1em;
	margin: 0 2.5% 1em;
	word-spacing: .1em}
	
acronym {border: none}

/* Just for Print
acronym:after {content: " [" attr(title) "]";
	font-style: italic;
	vertical-align: middle;} */
	
a {text-decoration: none;
	border-bottom: solid .05em;
	padding-bottom: 0;}


a:link { color: #44F; }
a:visited { color: #C0B; }
a:hover { color: #E0B; }
a:active { color: #C0B;
	outline: #FFF inset .1em; }

blockquote.poetry {	text-indent: 0;
	font-family: Garamond, Serif;
	font-size: .9em; }


#w3css,
#vcss a, 
#vxhtml a { border: none; 
	outline: none;}

#vcss img, 
#vxhtml img {border: 0; 
	width: 88px; 
	height: 31px; }
	
#w3css img{display: block; 
	margin: 0 auto;}
	
/*
#footercenter img{	border: 0; 
	width: 72px; 
	height: 30px; } */

/* Table Formatting */
table {	margin: 1em auto;
	text-align: center;
	width: 60%; }
	
th {width: 50%;
	font-weight: bold;
	text-transform: uppercase; }
/* Schedule */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

table.schedule { border-collapse: collapse;}
table.schedule td,
table.schedule th { border: solid 2px;}

/* FAQ List Formatting */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.faq { background-color: #666;
	border: .1em inset #666; 
	color: #FFF; }

h1.faq { font-size: 1.2em;
	text-indent: 1%;
	margin: .5em 5% 0; }
	
dl.faq { margin: 0 5% .5em; }

dl.faq dt {font-weight: bold;
	font-family: verdana, helvetica, calibri, sans-serif;
	text-indent: -2.5%;
	margin: .5em 5% 0;
	font-size: .8em;}
dl.faq dd {	font-weight: normal;
	font-family: georgia, "Times New Roman", serif;
	text-indent: 0;
	margin: .1em 5% 1em; 
	font-size: .8em;}
h1.faq:before {content: "FAQ:"; }
dl.faq dt:before {content: "Q:"; }
dl.faq dd:before {content: "A:"; }