/* hcb80 stylesheet  */

body {
		 background-color: #d7d7d7;
		 margin:0px; padding:0px;
		 font-family:Arial,Verdana,Helvetica,'Arial Black',sans-serif;
		 text-align: center;} /*IE center*/
		 

#wholepage {
			width: 760px;
			padding: 0px;
			background-color:white;
			border:2px solid blue;
			text-align:left;
			display: block;
			/*overflow:auto;*/
			font-size: 12px;	
			margin: 0px auto; /*firefox center*/		
			}
			
#header, #footer {width:100%; text-align: center;}
#footer {border-top: 1px solid black; padding-top: 5px;}


#column_container {
					 width: 100%;
					 text-align: left;
					 margin: 0px; padding:0px;}

#leftcol {
				 background: white;
				 float:left;
				 text-align: center;
				 width: 120px;
				 border-right: dotted 1px black;}
				 
#middlecol {padding-left: 10px;
					 padding-right: 10px;
					 background: white;
					 float: left;
					 width: 490px}
					 
#rightcol {background: #fffab2;
					text-align:center;
					width:auto;
					margin-left:630px;}

#title {
			 background: url(./banner/banner756x150.jpg) no-repeat left top;
			 width: 758px;
			 height: 150px;}
				
h1#page_title {
				padding-left: 430px; 
				padding-top: 90px;
				font-size: 40px;
				color: #cd0000;
				font-weight: normal;
				text-align: left;}	
					 	 
#linkscroll{
			width: 100%;
			height: 400px;
			overflow: scroll;}
			
#links {
			background-color: #fffdda;
			border: 2px solid #990033;
			font-size:12px;
			padding: 3px;
			text-align: center;
			margin-right: 2px;
			margin-bottom: 4px;
			width: auto;
			height: 120px;}

#selected_book_left{
			border-style: dotted; 
			border-width: 1px; 
			margin-top: 20px;
			padding: 10px;
			width:220px;
			text-align: center;}			

#selected_book_right{
			float:right;
			border-style: dotted; 
			border-width: 1px; 
			margin-top:20px;
			padding: 10px;
			width: 220px;
			text-align: center;}				

#caption { /* under slide show on home page */
   color: #002809;}	

		
/* HyperLinks as a border around an image CSS p.221*/			
#pages a:link img {border-style: solid; border-width: 2px; border-color: transparent;} 
#pages a:visited img {border-style: solid; border-width: 2px; border-color: transparent;}
#pages a:active img {border-style: solid; border-width: 2px; border-color: transparent;}
#pages a:hover img {border-style: solid; border-width: 2px; border-color: blue;}

#pages a:link {color: white; text-decoration: none;} /*word is there but in white*/
#pages a:visited {color: white; text-decoration: none;}
#pages a:active {color: white; text-decoration: none;}
#pages a:hover {color: blue; text-decoration: underline;}

/* Hyperlinks in general */

#middlecol a:link {color: blue; text-decoration: none;} 
#middlecol a:visited {color: blue; text-decoration: none;}
#middlecol a:active {color: blue; text-decoration: none;}
#middlecol a:hover {color: blue; text-decoration: underline;}

#rightcol a:link {color: blue; text-decoration: none;} 
#rightcol a:visited {color: blue; text-decoration: none;}
#rightcol a:active {color: blue; text-decoration: none;}
#rightcol a:hover {color: blue; text-decoration: underline;}

#rightcol a:link img {border-style: solid; border-width: 2px; border-color: transparent;} 
#rightcol a:visited img {border-style: solid; border-width: 2px; border-color: transparent;}
#rightcol a:active img {border-style: solid; border-width: 2px; border-color: transparent;}
#rightcol a:hover img {border-style: solid; border-width: 2px; border-color: blue;}

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

.newslogo {
    float: right;
		margin-top: 15px;
		margin-right: 10px;
		text-align: center;}

.strip {
			 margin: 0px;
			 padding: 2px;
			 background: #93d598;
			 border-top: 1px solid black;
			 border-bottom: 1px solid black;
			 font-size: 14px;
			 text-align: center;}			 			
					
.mugshot{
		 width: 150px;
		 float: right;
		 text-align:center;
		 font-size: 10px;
		 margin: 5px 5px 5px 10px;
		 border: 1px solid #ce0000;}	

.center {text-align: center;}
	
p {margin: 10px 0px; padding: 0px;}
h1 {font-size: 25px ;color: #022f55; font-weight: normal; margin: 0px; padding-top: 10px;} 
h2 {font-size: 20px ;color: #022f55; font-weight: normal; margin: 0px; padding-top: 10px;} /* word "pages" over nav col */
h3 {font-size: 30px ;color: #022f55; font-weight: normal; margin: 0px; padding-top: 20px;}

table {
			font-size: 15px;
			border: 1px solid black;
			text-align: center;}

td.green{
	 background: green;}	

td {
	 border:1px solid black;
	 padding: 4px;
	 text-align: center;}

/*Field set */

fieldset {
		border: solid 1px black;
		padding: 10px;
		text-align: left;}
 
legend {
   font-size: 20px;
	 color: maroon;}
	 
fieldset > p {padding-bottom: 10px; margin: 0px;}
	 
#online_info{
   float:right;
	 width: 150px;
	 padding: 10px;
	 background: #fcdad5;
	 font-size: 0.9em;}
	 
#how_works dt {color:#022f55; font-weight:bold; }

#how_works dd {margin-bottom:1em;}

/*to stop the copyright from showing up as a link */			 
a.hidelink:link {color:#000000; text-decoration: none; font-family: Arial, sans-serif;}
a.hidelink:hover {color:#000000; text-decoration: none; font-family: Arial, sans-serif;}
a.hidelink:visited {color:#000000; text-decoration: none; font-family: Arial, sans-serif;}


/* top navigation */
#nav {
		 text-align: center;
		 margin: 5px auto 1px;}

#middlecol #nav a {
	 display: inline;
	 border: 1px solid black;
	 color: black;
	 text-decoration: none;
	 font-family: Arial, sans-serif;
	 padding: 1px 10px 1px 10px;
	 text-align: center;
	 background: #d7d7d7;}
	 
#middlecol #nav a:hover {color: white; background: #959595; text-decoration: none;}
#middlecol #nav a:visited {text-decoration: none;} 	

.copyright {
   margin: 0px auto;
   font-family: 'Times New Roman';
   font-size: 12px;
   color: maroon;
   text-align: center;
   border: 2px solid grey;
   background: #d7d7d7;
   width: 100px;
   margin-bottom: 5px;
}