/* CSS Document */

/* rightbar_1, rightbar_2, leftbar_1, leftbar_2 styles combined. Note: If you want to style the sidebars differently, comment this out and use the individual div styles below. */

#rightbar_1 h1, #rightbar_2 h1, #leftbar_1 h1, #leftbar_2 h1 {
	font-size: 85%;
	color: #036;
	font-weight:bolder;
	margin: 8px 2px 0 2px;
	}
#rightbar_1 p, #rightbar_2 p, #leftbar_1 p, #leftbar_2 p {
	color:#000;
	font-size: 85%;
	}

/*start main content area. ------------------------------------------------------------*/

#content p {
	font-size: 90%;
	line-height: 140%;
	text-align:left;
	}
	
#content h1 {
	font-size: 120%;
	font-weight: bold;
	}
	
#content h2 {
	font-size: 120%;
	color: #900;
	font-weight: normal;
	}
	
#content h3 {
	font-size: 16px;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:left;
	}
	
#content h3 a {
	font-size: 16px;
	color:#36555f; 
	margin-top: 10px;
	margin-bottom: 0px;
	text-align:left;
	}
	
#content h3 a:hover { color:#fff; text-decoration: underline;}	

#content h4 {
	font-size: 80%;
	line-height: 110%;
	text-align:justify;
	font-weight: normal;
	}


#content2 p {
	font-size: 14px;
	line-height: 20px;
	text-align:left; margin-bottom: 12px;
	}
	
#content2 h1 {
	font-size: 20px;
	font-weight: bold;
	}
	
#content2 h2 {
	font-size: 120%;
	color: #900;
	font-weight: normal;
	}
	
#content2 h3 {
	font-size: 16px;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:left;
	}
	
#content2 h3 a {
	font-size: 16px;
	color:#36555f; 
	margin-top: 10px;
	margin-bottom: 0px;
	text-align:left;
	}

#content2 sup { line-height:0px; font-size:12px; } 
	
#content2 h3 a:hover { color:#fff; text-decoration: underline;}
	
#content2 h4 {
	font-size: 80%;
	line-height: 110%;
	text-align:justify;
	font-weight: normal;
	margin-top: 24px;
	}	
#content2 h5 {
	font-size: 16px;
	color: #000;
	margin-top: 24px;
	margin-bottom: 0px;
	text-align:left;
	}
#content2 h6 {
	font-size: 16px;
	font-weight:bold;
	color: #000;
	margin-top: 25px;
	margin-bottom: 10px;
	text-align:left;
	}
#unit_banner h1 {
	font-family:  "Trebuchet MS", "Arial Black", "Arial Rounded MT Bold";
	font-stretch:expanded;
	font:small-caps;
	font-weight: bold;
	font-size: 300%;
	margin-top:0px;
	margin-bottom:0px;
	}
#unit_banner h2 {
	font-family:  "Trebuchet MS", "Arial Black", "Arial Rounded MT Bold";
	font-stretch:expanded;
	font:small-caps;
	font-weight: bold ;
	font-size: 200%;
	margin-bottom:0px;
	margin-top:0px;
	}
#unit_banner h7 {
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0px;
	}
#unit_banner p {
	margin-top: 30px; 

	}	
	
	
/*miscellaneous classes. ------------------------------------------------------------*/
.centeredtext { text-align: center;
}
.righttext { text-align: right;
}
/*centers text */

.alert {
	color: #C00;
	font-weight:bolder;
	}
	
.highlight {
	color:#003366;
	background-color:#e0dbc9;
	}

.orange {
	color:#cc6600;
	}
.green {
	color:#66cc66;
	}
.no_gap {
     margin-top: 0px;
	 margin-bottom: 0px;
	 }
.tall_gap {
     margin-top: 30px;
	 margin-bottom: 0px;
	 }
.ndent {
     margin-left: 30px;
	 }
.xul {
     margin-top: 15px;
	 margin-bottom: 0px;
	 }
.justify {
     text-align: justify;
	 }
.side_gap {
     margin-top: 0px;
	 margin-bottom: 0px;
	 margin-left: 30px;
	 }
.welcome {
	font-size: 85%;
	color: #036;
	font-weight:bolder;
	margin: 8px 2px 0 2px;
	}
.lrg {
	font-size:24px;
	}