


/*
=========== body ==========================================================

<body  	bgcolor=white text=black >

*/


body
{
 background-color:white;
 color: black;

	text-align: center; 
	 /* for IE bug - will remove this later */


 font-family:  Georgia ; 

}


/*

 font-family:  "Times New Roman"  ; 

 font-family:  "Palatino Linotype" ; 
          
 font-family:  Georgia ; 
      
*/






/*
=========== img ==========================================================

problem: Firefox 4 does not put border on linked images by default

*/


/* 
put border on all images 
but then need to fix some, e.g. border:none for new.gif

img {
 border: 1px solid black ;
}

*/



/* linked images */

a:link img {
 border: 2px solid #0000cc
}

a:visited img, a:active img, a:focus img {
 border: 2px solid purple
}



/*
to override css and have an image with no border:
problem: border=0 does not override this
need to change
border=0 -> style=border:none
*/








/*
=========== a ==========================================================

<body   	link=blue vlink=purple alink=purple >

a {
  color: blue ;
  text-decoration: underline ;
}

*/



/* normal underlined links */


a:link {
  color: #0000cc ;
  text-decoration: underline ;
}

a:visited, a:active, a:focus {
  color: purple ;
  text-decoration: underline ;
}



/*

If do this, then <a name=> will be underlined on hover (in Firefox):

a:hover {
  text-decoration: underline ;
}

*/





/*

main navigation links
only underline when hover

a.main-navigation {
  color: navy ;
  font-weight: bold ;
  font-family:Arial,Verdana,Sans-serif;
  text-decoration: none ;
}

*/


a.main-navigation:link {
  color: navy ;
  font-weight: bold ;
  font-family:Arial,Verdana,Sans-serif;
  text-decoration: none ;
}

a.main-navigation:visited {
  color: navy ;
  font-weight: bold ;
  font-family:Arial,Verdana,Sans-serif;
  text-decoration: none ;
}

a.main-navigation:active {
  color: navy ;
  font-weight: bold ;
  font-family:Arial,Verdana,Sans-serif;
  text-decoration: none ;
}

a.main-navigation:focus {
  color: navy ;
  font-weight: bold ;
  font-family:Arial,Verdana,Sans-serif;
  text-decoration: none ;
}

a.main-navigation:hover    {
  color: navy ;
  font-weight: bold ;
  font-family:Arial,Verdana,Sans-serif;
  text-decoration: underline ;
}






/* 
=========== box ==========================================================

if surrounding entire page with box,
have box width just under 100%


	<div id="wholepage">
	<div id="boxinpage">

*/


	#wholepage {

		margin: 0 auto;   	 

/*
this centers in other browsers but not in IE
margin: top/bottom 0, left/right auto 
*/

		text-align: left; 	/* counter the center done in body above (for IE bug) */

		border: none  ;
		padding: 0;

		width: 98%;
	}




	#boxinpage {
		margin: 0 auto;   	 
		text-align: left; 	 

   		border: 2px solid gray ;
   		padding: 12px;

		width: 96%;
	}






/* 
=========== p ========================================================== 

line spacing half-way between <br> and <p> 


p.halfway
{
 line-height: 170%;
}

*/





/* 
=========== noprint ==========================================================

print will exclude segments marked with: 
 <DIV class=NOPRINT> 

*/

.noprint     {}

@media print {               
  .noprint {display: none}           
  }





/* 
=========== page break in print ==================================================

<h1 class="newpage">

*/


.newpage { page-break-before: always; }





/* 
=========== ol style ==========================================================

ol { list-style-type: decimal }
ol ol { list-style-type: upper-alpha }
ol ol ol { list-style-type: lower-alpha }  

*/




