/* do not delete                              */
/* filename: /style01.css                     */
/* last updated Thursday, September 02, 2010  */

/* Use the following backwards-compatibility declarations       */		
/* to force the correct display of bold and italic text in      */		
/* browsers that only partially support CSS (e.g. Netscape 4.x) */		

/* Start main section  */		

BODY { 
  background: #FFFFFF;
  color: black;
  font-family: verdana, arial, helvetica, sans-serif; }

/* commented out 03-09-16 by jkuo                        */
/* BODY {                                                */
/*   background: #FFFFFF;                                */
/*   color: black;                                       */
/*   font-family: verdana, arial, helvetica, sans-serif; */
/*   font-size: x-small}                                 */

/*   I remove the following from the BODY section: padding : 0; */

B, strong {
   font-weight : bold; 
	}

I, EM { font-style: italic; }

A:visited {
   font-weight : bold; 
   text-decoration : none; 
	}

A:link {
   font-weight : bold; 
   text-decoration : none; 
	}

A:hover {
   color : #ff6600;
   background-color : #fff;  
   text-decoration : underline; 
	}

H1,H2,H3,H4 
{ color: navy }

P.indented {text-indent: 0.5in;}

TABLE,TD
{ font-family: verdana, arial, helvetica, sans-serif; }

/* commented out 04-05-21 by jkuo */
/* TABLE,TD */
/* { font-family: verdana, arial, helvetica, sans-serif; */
/* font-size: 12pt ;} */

/* commented out 03-09-16 by jkuo */
/* TABLE,TD */
/* { font-family: verdana, arial, helvetica, sans-serif; */
/*   font-size: x-small } */

PRE 
{ font-family: monaco, courier, monospace;
  font-size: x-small  }

TABLE.main 
{ background: white; 
  border: 0;
  width: 600; }

TABLE.main TH { background: #DDDDDD; padding: 5; }		
TABLE.main TR { background: #EEEEEE; padding: 5; }
TABLE.main CODE {font-size: 90%; }
TABLE.main P { margin:1em }

TABLE.compact 
{ background: white url(); 
  border: 0; }

TABLE.compact TH { background: #DDDDDD; padding: 5; }		
TABLE.compact TR { background: #EEEEEE; padding: 5; }
TABLE.compact CODE {font-size: 90%; }
TABLE.compact P { margin:1em }

TABLE.bordered 
{ border-collapse: collapse; font-size: 75%;}

TABLE.bordered TH 
{ padding: 0 5 0 5; 
  border: 1 solid #fff; 
  background: #dddddd; 
  color: navy;  
  font-size: 90%;}

TABLE.bordered TD 
{ padding: 0 5 0 5; 
  border: 1 solid #ddd;  
  background: #ffffff; 
  font-size: 90%;}

TABLE.clubs TH      { background: #FFD2D3; padding: 5; }      
TABLE.clubs TR      { background: #FFFFFF; padding: 5; }
TABLE.clubs TD      { vertical-align: top; }
TABLE.clubs .altRow { background: #DEE8FE; padding: 5; }

.al {text-align: left; }
.ar {text-align: right; }
.ac {text-align: center; }

.normal  
{ font-family: verdana, arial, helvetica, sans-serif ;
  font-size: medium }

.small  
{  font-family: verdana, arial, helvetica, sans-serif;
   font-size: x-small }

.tiny  
{  font-family: verdana, arial, helvetica, sans-serif;
   font-size: xx-small }

.large  
{ font-family: verdana, arial, helvetica, sans-serif;
  font-size: large }

.table
{ font-family: verdana, arial, helvetica, sans-serif
  font-size: 1em;  }

.graytable  
{ font-family: verdana, arial, helvetica, sans-serif;
  font-size: x-small;
  background: #dddddd }

.newsnormal
{ font-family: "ms sans serif", geneva;
  font-size: xx-small }

.newsheader { font-family: "arial narrow", arial, helvetica;
 font-weight: bold;
 font-size: x-small }

.newstable { 	font-family: "ms sans serif", geneva;
 font-size: xx-small }

TABLE.newsphoto
 { border: 1px solid #FFFFFF; }
 
TABLE.newsphoto TD { background: #FFFFFF; }		

TABLE.newsphoto P {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    text-align: center;
}

.red {	color: red }  /* all elements with CLASS red */

.banner1 {	background: #C0C0C0;
 color: #008080;
 font-size: 110%;
 font-weight: bold}

.banner2 { background: #008080;
 color: #C0C0C0;
 font-size: large;
 font-weight: bold}

.bg1 { 	background: #EEEEEE}		
 
  /* dd {	text-indent:0em}  */ 

.yellow {
	background-color: #FFFF00;
}

.photo-caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: center;
}

.footer1
{text-align: center}

.footer2 {
   font-size: x-small;
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: xx-small;
   text-align: center; 
   }


/* 20080804: here is the latest version of the foto style */

DIV.foto {
  float: right;
  width: 300px;
  margin-left:10px;
  margin-bottom:10px;
  border:solid 1px #666;
  padding: 2px;
  background-color:#FFF;
}

DIV.foto IMG {
  border:none;
}

IV.foto DIV {
 color: #666;
 font-size: x-small;
 text-align: left;
 margin: 7px 5px 7px 5px;
 font-family: verdana, arial, helvetica, sans-serif;
}

DIV.foto-left {
  float: left;
  width: 300px;
  margin-right:10px;
  margin-bottom:10px;
  border:solid 1px #666;
  padding: 2px;
  background-color:#FFF;
}

DIV.foto-left IMG {
  border:none;
}

DIV.foto-left DIV {
  color: #666;
  font-size: x-small;
  text-align: left;
  margin: 7px 5px 7px 5px;
  font-family: verdana, arial, helvetica, sans-serif;
} 

.doNotDisplay {
	display: none;
} 

/* div classes for postitioning the running-network ads Tuesday, March 30, 2010  */
 
DIV.adLeft {
  float: left;
  margin: 4px;
}
 
DIV.adRight {
  float: right;
  margin: 4px;
}

/* this class is for ads at the top of the screen with 10px of space below  */

DIV.adCentered { 
  text-align: center; 
  margin: 0 0 10px 0;
} 

/* this id is for the youth program criminal background check logo   */

#backgroundCheckLogo { float:right; }

#backgroundCheckLogo img { border-style: none; }