/* Because of a parsing bug in IE 5.x the \"}\" hack is used to overcome the deficiencies 
in the way that browser family computes dimensions for the CSS box model (by including padding and border
INSIDE the stated width instead of adding them to the width).  Where this hack is used, IE 5.x reads
the first dimension, and skips the one following the hack.

The CSS2 selector html>body [selector] is then used to correct for browsers such as Opera (&
Netscape?) which share the parsing bug and it's susceptibility to the \"}\" hack, but interpret
the CSS box model correctly.  They will read only the first "bogus" dimension for IE 5.x, but
require the second "correct" dimension to render the dimension properly.  So, the CSS 2 selector
is used to feed Opera the correct dimension.  IE 5.x, etc., don't read CSS2 at all, and so won't
see the "correct" dimension, thus keeping the "bogus" dimension they need to display correctly.*/
	

/* Begin Element Selectors - (Most basic/least specific) */

	body {margin:10px 0px 10px 10px;
		padding:0px;
		background:#fff;
		font-size:medium;
		font-family: verdana, tahoma, geneva, arial, sans-serif;}

	img {margin:5px;}

	a img {border:0px solid black;}


	a {font-family:verdana, sans-serif; text-decoration:none;}
	a:link {font-family:verdana, sans-serif; text-decoration:none;}
	a:visited {font-family:verdana, sans-serif; text-decoration:none;}
	a:active {font-family:verdana, sans-serif; text-decoration:none;}
	a:hover{text-decoration:underline;}
	

	h1 {font-size:170%;}
	h2 {font-size:140%;}
	h3 {font-size:110%;}
	h4 {font-size:80%;}
	h5 {text-align:left;
		font-size:100%;
		font-weight:normal;}
	h6 {font-size:small;}
	
	td a {font-weight:bold;}
	
	blockquote {font-size:100%; font-style:italic;}
	caption {font-size:85%; font-weight:bold;
		padding:5px; border-bottom:1px solid black;}

	ul ul {font-size:110%;}

	p {text-align:justify;}

	
/*	p:first-letter { font-size: 200%; font-weight:normal; float: left } */

/* Begin ID Selectors - (Most Specific - usually positioning) */

	#header {position:absolute;
		top:5px;
		left:5px;
		width:100%;}

	#banner {height:91px;
		background:#fff;
		text-align:right;
		font-weight:bold;
		font-style:italic;
		font-size:95%;
		padding:8px 8px 0px 0px;
		border:1px solid #000000;
		background-image:url(images/banner2.jpg);
		voice-family: "\"}\"";
		voice-family:inherit;
		height:80px;}

	html>body #banner {height:80px;
		background:#fff;
		text-align:right;
		font-weight:bold;
		font-style:italic;
		font-size:95%;
		padding:8px 8px 0px 0px;
		border:1px solid #000000;
		background-image:url(images/banner2.jpg);}

	#main 	{position:absolute;
		top:126px;
		left:5px;
		width:100%;
		border:0px dashed black;}

	#pagelinks {margin:auto;
		font-size:80%;
		font-weight:bold;
		padding:8px;
		text-align:center;}

	applet#logo {position:absolute;
		top:9px;
		left:1px;
		}

	object#logo {position:absolute;
		top:9px;
		left:1px;
		}

	object.logo {position:absolute;
		top:9px;
		left:1px;
		}

	html>body #logo {margin-top:-9px;}


	#leftrail {position: absolute;
		left:0px;
		top:4px;
		width:185px;}

	#rightrail {
	position: absolute;
	right:5px;
	top:0px;
	width:175px;
	background:#ddd;
	border:0px solid #000000;
	border-top:3px solid #333;
	border-bottom:3px solid #333;
	padding:5px;
}

	#rightrail h1 {text-align:center;}
	#rightrail h2 {font-size:90%;
		text-align:center;
		font-weight:bold;
		font-variant:small-caps;}
	#rightrail h3 {font-size:80%;
		text-align:center;}
	#rightrail h4 {font-size:70%;
		text-align:center;}
	#rightrail p {font-size:75%;
		padding:5px;}


	#leftnav1 {width:185px;
		padding:10px 0px;
		background:#ddd;
		border:0px solid #000000;
		border-top:3px solid #333;
		border-bottom:3px solid #666;}
	#leftnav1 p {margin:4px 5px;}

	#leftnav1 ul {
		margin: 0; /*removes indent IE and Opera*/
		padding: 0; /*removes indent Mozilla and NN7*/
		list-style-type: none; /*turns off display of bullet*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		}

	#leftnav1 li {
		margin: 0 0 3px 0;
		}

	#branding {
	margin-top:60px;
	border:1px solid #000;
	background-color: #FFFFFF;
		}
	#branding {font-size:70%;
		padding:10px;}
	#branding p:first-line {font-weight:bold;
		font-size:90%;}
	#branding a {
		margin:15px 5px;
		font-weight:bold;
		font-size:100%;}


	#centercontent {background:#fff;
		border:0px solid #000;
		margin-left:185px;
		margin-right:190px;
		padding:5px 5px 25px 10px;}

	#centercontent p {margin:10px 10px 10px 5px;
		color:#333;
		font-size:85%;}

	#centercontent li {font-size:85%;
		line-height:110%;}

	#maincontent {background:#fff;
		border:0px solid #000;
		margin-left:180px;
		margin-right:10px;
		padding:5px 5px 25px 20px;}

	#maincontent p {margin:10px 10px 10px 5px;
		color:#333;
		font-size:85%;}

	#maincontent li {font-size:85%;
		line-height:120%;
		color:#333;
		margin-bottom:5px;}

	#maincontent td {font-size:85%;}

	#maincontent th {font-size:85%;font-weight:bold}

	#widecontent {background:#fff;
		border:0px solid #000;
		margin-left:10px;
		margin-right:10px;
		padding:5px 5px 25px 20px;}

	#widecontent p {margin:10px 10px 10px 5px;
		color:#333;
		font-size:85%;}

	#widecontent li {font-size:85%;
		line-height:120%;
		color:#333;
		margin-bottom:5px;}

	#widecontent td {font-size:85%;}

	#widecontent th {font-size:85%;font-weight:bold}


	#contact {border:1px solid black;
		background:#fff;}
	#contact p:first-line {font-weight:bold;}
	#contact p {margin:2px 4px;
		padding:2px 3px;}

	#intro {height:200px; border:0px solid red;}

	#infolinks li {font-size:80%;
		margin:2px 3px;
		padding:1px 2px;}

		
	#banner img {margin-top:0;
	margin-left:0;
	float:left;
	background:#fff;
	border:0;}

	#clock {margin:auto;
		font-weight:bold;}

	#search {margin:30px 10px 50px 10px;
		clear:both;}


/* Begin Class Selectors - (Less specific than ID; multiple use selectors) */


	.indextag {position:absolute;
		top:89px;
		left:0px;
		font-weight:bold;
		font-style:italic;
		font-size:110%;
		width:400px;
		color:#000;
		border:0px solid red;
		text-align:left;
		margin-bottom:0;
		padding:4px 0px 0px 10px;}

	.depttag {position:absolute;
		top:89px;
		left:0px;
		font-weight:bold;
		font-style:italic;
		font-size:110%;
		width:350px;
		color:#000;
		border:0px solid red;
		text-align:left;
		margin-bottom:0;
		padding:4px 0px 0px 10px;}

	.topnav {float:right;
		font-weight:bold;
		font-size:75%;
		padding:5px 12px 0px 0px;}
	.topnav a:link {color:#000;}
	.topnav a:visited {color:#000;}
	.topnav a:hover {color:#333;}
	.topnav a:active {color:#000;}	

	.topnavlite {float:right;
		font-weight:bold;
		font-size:75%;
		padding:5px 12px 0px 0px;}
	.topnavlite a:link {color:#fff;}
	.topnavlite a:visited {color:#000;}
	.topnavlite a:hover {color:#333;}
	.topnavlite a:active {color:#000;}	

	.rightcallout {float:right;
		width:220px;
		border:3px solid black;
		font-size:85%;
		margin:15px;
		padding:10px;
		background:#f5f5dc;}

	.rightcallout ul {font-size:130%;
		margin-left:0;
		padding-left:0;
		list-style:none;}

	.rightcallout a:link {font-weight:bold;}
	.rightcallout a:visited {font-weight:bold;}
	.rightcallout a:hover {font-weight:bold; color:#93c;}
	.rightcallout a:active {font-weight:bold;}

	.return {float:right; 
		font:italic 90% arial; 
		padding:5px;}

		a.return:visited {color:#000fff}

	.headerimage img {margin-top:25px;}

	 .caption-left {float: left;
		width: 30%; /* total width of outer border (may be a set size ex: 100px) */
		margin: 5px;
		font-weight:bold;
		font-size:small;
		background-color:#ccc;
		padding: 10px 20px 10px 10px;
		border: 2px solid #000;}
			.caption-left img {width: 100%; /* width of image inside outer border (do not change) */
				border: 1px solid #000;}

	 .caption-right {float: right;
		width: 30%;
		margin: 5px;
		background-color: #ccc;
		padding: 10px 20px 10px 10px;
		border: 2px solid #000;}
			.caption-right img {width: 100%;
				border: 1px solid #000;}

	.newspic-right {padding:5px;
		background-color:#CCC;
		border:3px solid #000;
		float:right;
		width:30%;
		height:auto;}

	.newspic-left {padding:5px;
		background-color:#CCC;
		border: 3px solid #000;
		float:left;
		width:30%;
		height:auto;}
		
	.sportspic {border-color:#000000;
		border-style:solid;
		border-width:3px;
		width:100%;
		height:auto;}

	.right {float:right;
		margin-left:5px;}

	.left {float:left;
		margin-right:5px;}

	.centered {text-align:center;}

	.inline {display:inline;}

	.caption {
		font:italic 70% helvetica;
		padding:5px 5px 10px 5px;
		}

	li.question {list-style:none;
		font-size:110%;
		font-weight:bold;	
		padding:5px;
		margin:5px;
		}

	li.question:first-letter {font-size:150%;}

	li.answer {list-style:none;
		color:blue;
		padding:5px;
		margin:5px 30px;
		}

	li.answer:first-letter {font-size:150%;}

	.signature {text-align:right;
		font-size:80%;
		font-style:italic;
		padding:10px 20px 20px 0;}

	.punch {font-weight:bold;
		font-style:italic;
		font-size:95%;
		color:red;}

	.punch2 {font-weight:bold;
		font-style:italic;
		font-size:95%;
		color:blue;}

	.punch3 {font-weight:bold;
		font-style:italic;
		font-size:95%;}
	
	.punch4 {font-weight:bold;
		font-style:italic;
		font-size:95%;
		color:green;}

	.pad {padding:10px}

	.italic {
		font:italic;
		}
		
	.quote {
		font:bold italic 105% garamond;
		padding:5px;
		margin:5px;}

	.firstword {font-weight:bold;
		font-style:italic;
		font-size:110%;}

	.keyword {
		font:bold 120% garamond;
		font-variant:small-caps;}

	.term 	{font-style:italic;
		font-size:95%;
		font-weight:bold;}

	.bluewhite {
		margin:10px 0px 10px 0px;
		padding:5px;
		border:1px solid #000000;
		font:bold 95% arial;
		background:#000099;
		color:#fff;
		text-align:center;}

	table.centered {margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		margin-bottom:20px;
		font-size:90%;}

	tr.subheader {font:italic 80% helvetica; border:1px dashed black;}

	img.centered {margin:20px;}

	.borderimage {border:1px solid blue;}

	.section {
		margin:30px 0px 10px 0px;
		padding:5px;
		border:0px solid #000000;
		background:#fff;}
		.section:first-line {
			font:bold italic 100% arial, sans serif;}
			
	.section-line {
		margin:30px 0px 10px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#fff;}
		.section-line:first-line {
			font:bold italic 100% arial, sans serif;}
		/* .section-line:hover {background: #CCC;} */
	
	.section-grey {
		margin:30px 0px 10px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#f2f2f2;}
		.section-grey:first-line {font:bold italic 100% arial, sans serif;}


	.section-color0 {
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#FFFFCC;}

	.section-color1 {
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#FFCCCC;}

	.section-color2 {
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#CCFFFF;}
		
	.section-color3 {
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#FFCCFF;}

	.section-color4 {
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#66FF99;}

	.section-color5 {
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#9999cc;}

	.section-color6 {
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:FF6633;}
		
	.section-color7 {
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#0099FF;}

	.section-color8 {
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#FFFF00;}

	.section-color9 {
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#00bb00;}

	.section-color10 {
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#099;}

	.section-color11{
		margin:2px 0px 2px 0px;
		padding:5px;
		border:1px solid #000000;
		background:#996633;}

	.dateline {font-style:italic;
		font-size:90%;
		margin-right:10px;}
		
	.white {color:#fff;}
	a.white:link{color:#fff;}
	a.white:visited{color:#fff;}
	a.white:hover{color:#333;}
	a.white:active {color:#333;}

	a.blue:link{color:#00c;}
	a.blue:visited{color:#00c;}
	a.blue:hover{color:#39f;}
	a.blue:active {color:#39f;}
	
	.smallcaps {font-variant: small-caps;}
	.underline {text-decoration: underline;}
	.green {color: green;}
	.blue {color: blue;}
	.red {color: red;}
	.yellow {color: yellow;}
	.white {color: white;}
	.smbold {font-weight:bold;
		font-size:80%;}