/*

This is the main style sheet for the peter sedgwick archive
----------------------------------------------------------------
----------------------------------------------------------------
	
*/



BODY { background-color: #CC3300; 
       font-family: arial, sans-serif; 
       color: #000000; 
       text-align: center;
       margin:  0px ;
       padding: 0px

}

/* Thick header for top of page */
H2.HEADER { font-family: "arial black", arial, sans-serif ; 
            text-align: center}


/* make sure h2 is sans-serif */
H2 {font-family: arial, sans-serif}


/*
-----------------------------------------------------------------------
  Table styles for top navigation menus
-------------------------------------------------------------------------
*/
TABLE.TOP_MENU { font-family: arial narrow, arial, sans-serif; 
		 font-weight:  bold; 
		 margin-left:  auto; 
                 margin-right: auto;
                 text-align: center
                }


/* current page has white text */
TD.CURRENT_PAGE { color: #ffffff; 
		  font-family: arial narrow, arial, sans-serif; 
		  font-weight: bold ; 
                  text-align:  center
                }

/*
-----------------------------------------------------------------------
  HTML 'Link' styles
-------------------------------------------------------------------------
*/

/* 
  Links used in the top menu  - in black 
*/
A:link    {color: #000000; text-decoration: none}
A:active  {color: #000000; text-decoration: none}
A:visited {color: #000000; text-decoration: none}
A:hover   {color: #000000; text-decoration: underline}	

/* 
   Links used in the top menu  for the selected page - ie in white 
*/
A.SECTION:link    {color: #ffffff; text-decoration: none}
A.SECTION:active  {color: #ffffff; text-decoration: none}
A.SECTION:visited {color: #ffffff; text-decoration: none}
A.SECTION:hover   {color: #ffffff; text-decoration: underline}	

/* 
  Links used in the main body of text etc 
*/
A.INLINE_LINK:link   {color: #000000; text-decoration: underline}
A.INLINE_LINK:active {color: #000000; text-decoration: underline}
/* 
   visited link as dark grey color 
*/
A.INLINE_LINK:visited {color: #414141 ; text-decoration: underline}
A.INLINE_LINK:hover   {color: #000000 ; text-decoration: underline}






/*
----------------------------------------------------------
  Classes to do indents on text
----------------------------------------------------------
*/

/*

  Classes to do indents 
  ? indent 2 to be 4.6??

*/
.INDENT1     {margin-left: 2.3em}
.INDENT2     {margin-left: 4.6em;}

.INDENT1BOLD {margin-left: 2.3em; font-weight: bold}
.INDENT1BOLDx {margin-left: 2.3em; font-style: italic }


/*
----------------------------------------------------------
  Classes for Lists
----------------------------------------------------------
*/

DT {FONT-FAMILY: arial; 
    FONT-WEIGHT: bold }

/*
dl.test {display: table}
dt.test {list-style: none; display: table-row}
*/


/*
----------------------------------------------------------
  Classes for Book images
----------------------------------------------------------
*/

/*
Captions for images

*/
.image_caption 	{
		font-size: smaller;
		text-align: center
	       	}

/*
td {margin-right:300 
	    }
*/
		
td.margins {
	 
	  padding-right:10 ; 
	  padding-left:10 
	  
	}

td.margins2 {
	 
	  padding-right:10 ; 
	  padding-left:10 
	  
	}
		


/*
----------------------------------------------------------
  Classes for Body Text
----------------------------------------------------------
*/


/*
  Used for non-large text areas - ie red background, but constrained
  to 750 pixels
*/
.MAIN_TEXT { 	
	     margin-left: auto; 
             margin-right: auto;
             text-align: left;	
	     max-width:750px;
	     width:expression(document.body.clientWidth > 750? "750px": "auto" );		
	    }

/*
  Used for large text contributions - with a white background
  Constrained to 620 pixels
*/
.DOC_TEXT{ 	
		max-width: 620px ;
                margin-left: auto; 
                margin-right: auto;
                font-size: 100% ;
		font-family: Georgia,  "Times New Roman", serif;
		background-color: #ffffff; 
		text-align: justify;	
		width:expression(document.body.clientWidth >620? "620px": "auto" );	
		
	    }


/* 
  Used to make large text areas have white borders to edge of screen 
*/
.WHITE_BACKGROUND{background-color: #ffffff }



/*
 below is to enforce max character line length in Internet Explorer
 tip is from http://www.svendtofte.com/code/max_width_in_ie/

margin-left: auto; margin-right: 20%;
margin:0 auto; position:relative;

border:1px solid red;

*/