/* if body background color changes, also change it in routines.php/create_thumbnail  */
/*  
  7pt = 9.33px
  8pt = 10.66px
  9pt = 12px
  10pt = 13.33px
  12pt = 16px
  14pt = 18.66px
  16pt = 20px
*/
div#printtitle {display:none;}   /* heading just for printed version */

/* need this next line for mozilla browser to allocate space for scrollbar, or page jumps left as scrollbar is added */
body {overflow:-moz-scrollbars-vertical;}

body     {
    background: #FFFFFF url(images/title.jpg) 50px 20px no-repeat; 
    margin: 0;
    width:1000px;
	}

body, p, ul, dl, ol, li, td, th, input, select, textarea {
	font-family: "comic sans ms", Tahoma, Arial, sans-serif;
	letter-spacing: .007em;
	line-height: 110%;
	font-size: 13.333px;    
	font-weight: normal;
	color: black;
	}
table, td, img {border: 0;}
table, td { margin: 0; padding: 0; vertical-align:top;}
p, th, td, li {
    text-align: justify;
    }
p { 
    margin: 0px 0 12px 0;
    }
.indent { margin-left:10px; }

ul li  {
    list-style:square;
    padding: 1px 0 3px 0;
    }
a {outline: none;
	}   	
    
/*  -------------------------- layout -------------------- */
table#page td#mainmenu {
	width: 210px;
	padding: 140px 0 100px 10px;
	background: #EFEFEF url(images/beaver.gif) 20px 20px no-repeat; 
	background: #EAF1E9 url(images/beaver.gif) 11px 20px no-repeat;
	
	}

table#page td#mainbody {
	width: 750px;
	padding: 120px 20px 0 20px; 
	}


/* ------------------ footer links -------------------------------- */    
table#footer  {
    width: 100%;
    margin:  100px 0 10px 0;
    }
div.indexfooter { margin-top:-8px; }    
    
table#footer  td  {
    font-size: 9px;
    text-align: center;
    font-family: Verdana, Tahoma, sans-serif;
    padding: 0 0 5px 0;
    line-height:1.5;
    }
table#footer td.links a  {
    text-decoration: none;
    color: #454545;
    }
table#footer td.links a.spaceit {    padding-right: 6px; }    

/* ----------------------- links in body --------------------- */
a:link   { 
    text-decoration: underline;
    color: #0000FF;
    outline: 0;
    }
a:hover {
    text-decoration: underline;
    outline: 0;
    color: #406529;   
    }
a:visited {
    text-decoration: underline;
    color: #5D005D; 
    outline: 0;
    }
   
/* ---- used for page titles on center of all pages --- */    
h1  {font-size: 18.66px;
    font-weight: bold;
    margin: 14px 0 17px 0px;
    padding: 0;
    text-align: center;
    letter-spacing: .25em;
    color: #636363;
    font-variant: small-caps;
    }

/* ----- used for ... ---- */
h2  { 
    font-size: 13.333px;
    font-weight: bold;
    margin: 3px 0 3px 0px;
    }
    
/* ----- used for ... -------  */
h3  { 
    font-size: 13.333px;
    font-weight: bold;
    margin: 20px 0 1px 0px;
    text-align: left;
    }
    
/* ----- used for ...  ------  */    
h4  {font-size: 13.33px;
	/* font-family:  Tahoma, sans-serif; */
    font-weight: bold;
    margin: 4px 0 4px 0px;
    text-align: left;
    }

/* ================================================= */
table.links  {
	width: 95%;
	border-collapse:collapse;
	}
table.links td {
	border: 1px solid #898989;
	padding: 8px;
	}

table#newsletters  {
	border-collapse:collapse;
	border: 1px solid black;
	margin: 0 0 20px 0;
	}
table#newsletters td {
	border: 1px solid black;
	padding: 5px 20px 5px 20px;
	}
table#newsletters td a { padding: 0 20px 0px 20px;}

table#board {
	width: 80%;
	border-collapse:collapse;
	margin:0;
	}
table#board td {
	border: 1px solid grey;
	padding: 3px;
	}
	
/* ------------------------- D E B U G ------------------------- */    
/*table td {border: 1px solid red;}
iframe {border: 1px solid green;}
*/