/* New set up -- March 2006 - light bg, dark fg  -- kp */
/* comment: text-black, link-med dk blue, vlink-grey, hover-med pink, active-green see below */


html {
	text-align: left;
padding-top : 0px ;
padding-bottom : 5px ;
padding-left : 20px ;
padding-right : 20px ;
border-style : none ;
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;	
background: url('http://www.resiliencycenter.com/RESILEGFX/RC-DownGrad-1.jpg') repeat-x;
background-color: #fff9cc;
}


/* comment: need to install on pages before use. */
#pagediv { 

	}

/* comment: yellow bg main content div */
#contentdiv { 
  margin-left: auto;
	margin-right: auto;
	padding-top: 10px ;
	padding-bottom: 30px ;
	padding-left: 30px ;
	padding-right: 30px ;
	border-style: none ;
	background-color: #fff9cc;
	width: 900px;
	}



BODY {	font-size: 100%;
	text-align: left top;
	border-color: #000000;
	color: #000000;
	}
	
	
/* comment: bold links with underline are default */
/* blue links: 003399 - was b66 - -  grey visited: 666666 -  pink hover: ff0099 and green active: 669933 */


A:link {text-decoration: underline; color: #003399; font-weight: bold;}
A:visited {text-decoration: underline; font-weight: bold; color: #666666;}
A:hover {text-decoration: underline; font-weight: bold; color: #FF0099;}
A:active {text-decoration: underline; font-weight: bold; color: #669933;}


.boldtextlink { text-decoration: underline; }

.textlink {  text-decoration: underline;  font-weight: normal}

.nolinetextlink {  text-decoration: none;  font-weight: normal}

/* comment: H1--Black */

h1 {	font-size: 150%;
	font-weight: bold;
	border-color: #000000;
	color: #000000;
}



/* comment: H2--Med Rose */

h2 {	font-size: 120%;
	font-weight: bold;
	border-color: #000000;
	color: #FF0033;
	}
	
	
/* comment: H3--blue */

h3 {	font-size: 100%;
	font-weight: bold;
	border-color: #000000;
	color: #003399;
	}
	


/* comment: H4--Med red */

h4 {	font-size: 90%;
	font-weight: bold;
	border-color: #000000;
	color: #FF0033;
	}


/* comment: and now the rest of the story.... */


	
	
/* KP-now ok  */		
.pictureright	
	{	text-align: center;
		margin-right: 0;
		padding-right: 0px; 
		float: right;
		display: inline;
		width: 130px;
		z-index: 100;
		}
.thinborder {border: 1px black solid; }
.narrowdiv { padding: 3px;}


	
/* comment: classes for all */
	
.blue { color: #003399; }
.ltblue { color: #99ccff; }
.white { color: #ffffff; }
.yellow {color: #fff9cc; }
.rose { color: #FF0033; }
.red { color: #ff0000; }
.black { color: #000000; }
.green { color: #669933; }
	
.italic { font-style: italic; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }

.normal { font-weight: normal; }

.middle { vertical-align: middle;}

.center { text-align: center;  }
.left { text-align: left;  }
.right { text-align: right; }

.small { font-size: 90%; }
.smaller { font-size: 80%; }


.big        { font-size: 110%; }
.bigger     { font-size: 120%; }
.bigred    { font-size: 110%;  color: #ff0000; }

.big105 { font-size: 105%; }
.big110 { font-size: 110%; }
.big115 { font-size: 115%; }
.big120 { font-size: 120%; }
.big125 { font-size: 125%; }
.big130 { font-size: 130%; }
.big140 { font-size: 140%; }
.big150 { font-size: 150%; }
.big160 { font-size: 160%; }
.big170 { font-size: 170%; }
.big180 { font-size: 180%; }



.small95 { font-size: 95%; }
.small90 { font-size: 90%; }
.small85 { font-size: 85%; }
.small80 { font-size: 80%; }
.small75 { font-size: 75%; }
.small70 { font-size: 70%; }
.small65 { font-size: 65%; }
.small60 { font-size: 60%; }




.copyright { font-size: 80%; text-align: center;}


/* legacy styles - use combined versions of above instead */

.smallerwhite { font-size: 80%;
                 color: #ffffff; }
.centersmall { font-size: 90%; 
	text-align: center;
	vertical-align: top; }
	
.centersmaller { font-size: 80%; 
	text-align: center;
	vertical-align: top; }
	
.leftsmall { font-size: 90%; 
	text-align: left;
	vertical-align: top; }