
/*Department and division names */


#pageNameHM, #pageNamePUR, #pageNameBOS, #pageNameRAS, #pageNameSA, #pageNameAT,
#pageNameCR, #pageNamePL, #pageNameTS, #pageNameED, #pageNamePD,
#pageNamePRK,  #pageNameGS, #pageNameSS, #pageNameCC, #pageNameCK,
#pageNameSW, #pageNameNW, #pageNameFD,#pageNameFM, #pageNamePR,
#pageNameECON, #pageNameCS, #pageNameVCE, #pageNameDM, #pageNameVOTR, #pageNameSOS, 
#pageNameEP, #pageNameNC, #pageNameEOC1, #pageNameSTRM, #pageNameGRNP, #pageNameCCC, #pageNameZN{ 
 	
	margin-top:5px;
	width:995px;
 	height: 100px; 
	border-top: 0px solid #666666;
	
	}
	
#pageNameHMsm, #pageNameDMsm,#pageNamePLsm, #pageNameNWsm, #pageNameEDsm, #pageNameCCsm, #pageNameZNsm, #pageNameATsm, #pageNameACsm, 
#pageNameBOSsm, #pageNameCCCsm, #pageNameCKsm, #pageNameCRsm, #pageNameCSsm, #pageNameECONsm, #pageNameFDsm, #pageNameFMsm,#pageNameGSsm,
 #pageNamePDsm, #pageNamePRKsm, #pageNameRASsm, #pageNameSAsm, #pageNameSSsm, #pageNameSWsm, #pageNameTSsm, #pageNameVCEsm, #pageNameVOTRsm, 
 #pageNameSTRMsm, #pageNamePURsm, #GRNPsm,  #pageNameEOC1sm, #pageNameOHCDsm { 
 	
	margin-top:5px;
	width:995px;
 	height: 75px; 
	border-top: 0px solid #666666;
	
	}
#pageNameEOC1sm{
	background-image: url(../../images/headerEOC1sm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}		
	
#GRNPsm	{
	background-image: url(../../images/headerGREENsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}		
#pageNamePURsm{
	background-image: url(../../images/headerPURsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}		
	
#pageNameSTRMsm	{
	background-image: url(../../images/headerSTRMsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}	
		
	
#pageNameVOTRsm{
	background-image: url(../../images/headerVOTRsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}	
		
	
#pageNameVCEsm{
	background-image: url(../../images/headerVCEsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}	
		
#pageNameTSsm{
	background-image: url(../../images/headerTSsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}	
	
#pageNameSWsm{
	background-image: url(../../images/headerSWsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
		
#pageNameSSsm{
	background-image: url(../../images/headerSSsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
		
#pageNameSAsm{
	background-image: url(../../images/headerSAsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
		
#pageNameRASsm{
	background-image: url(../../images/headerRASsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
		
#pageNamePRKsm{
	background-image: url(../../images/headerPRKsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
		
#pageNamePDsm{
	background-image: url(../../images/headerPDsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameGSsm{
	background-image: url(../../images/headerGSsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameFMsm{
	background-image: url(../../images/headerFMsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameFDsm{
	background-image: url(../../images/headerFDsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
		
#pageNameECONsm{
	background-image: url(../../images/headerECONsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameCSsm{
	background-image: url(../../images/headerCSsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameCRsm{
	background-image: url(../../images/headerCRsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}

#pageNameCKsm{
	background-image: url(../../images/headerCKsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}

#pageNameCCCsm{
	background-image: url(../../images/headerCCCsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameBOSsm	{
	background-image: url(../../images/headerBOSsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameACsm{
	background-image: url(../../images/headerACsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameATsm{
	background-image: url(../../images/headerATsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}	
#pageNameZNsm{
	background-image: url(../../images/headerZNsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}		
#pageNameCCsm{
	background-image: url(../../images/headerCCsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}		
#pageNameEDsm{
	background-image: url(../../images/headerEDsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}		
#pageNameNWsm{
	background-image: url(../../images/headerNWsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}	
#pageNameHMsm {
	background-image: url(../../images/headerMN1sm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameDMsm{
	background-image: url(../../images/headerDMsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNamePLsm{
	background-image: url(../../images/headerPLsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}	
	
#pageNameOHCDsm{	
background-image: url(../../images/headerOHCDsm.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}	
	
	#pageNameNC {
	background-image: url(../../images/headerNC.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
		
#pageNamePR {
		background-image: url(../../images/headerPRK.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	/*Large format 
			 


#pageNameEOC1  { 
	background-image: url(../../images/EOC/headerEOC.jpg);
	background-repeat: no-repeat;
	background-position: top;
	
	}

#pageNameVOTR{
	background-image: url(../../images/headerVOTR.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameDM{
	background-image: url(../../images/headerDM.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
#pageNameVCE{
	background-image: url(../../images/headerVCE.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameCS{
	background-image: url(../../images/headerCS.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameECON{
	background-image: url(../../images/headerECON.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	

	
#pageNameFM {
	background-image: url(../../images/headerFM.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameFD{
	background-image: url(../../images/headerFD.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
	
#pageNameNW{
	background-image: url(../../images/headerNW.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameSW{
	background-image: url(../../images/headerSW.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameCK{
	background-image: url(../../images/headerCK.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	

	
#pageNameSS{
	background-image: url(../../images/headerSS.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameGS{
	background-image: url(../../images/headerGS.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNamePRK{
	background-image: url(../../images/headerPRK.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNamePD{
	background-image: url(../../images/headerPD.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
#pageNameTS{
	background-image: url(../../images/headerTS.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameED{
	background-image: url(../../images/headerED.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNamePL{
	background-image: url(../../images/headerPL.jpg);
	background-repeat: no-repeat;
	background-position: top;}
	
#pageNameCR{
	background-image: url(../../images/headerCR.jpg);
	background-repeat: no-repeat;
	background-position: top;}
	
#pageNameAT{
	background-image: url(../../images/headerAT.jpg);
	background-repeat: no-repeat;
	background-position: top;}
	
#pageNameSA{
	background-image: url(../../images/headerSA.jpg);
	background-repeat: no-repeat;
	background-position: top;}
	
#pageNameHM{
	background-image: url(../../images/headerMN1.jpg);
	background-repeat: no-repeat;
	background-position: top;}
	
#pageNamePUR{
	background-image: url(../../images/headerPUR.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#pageNameBOS{
	background-image: url(../../images/headerBOS.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#pageNameRAS{
	background-image: url(../../images/headerRAS.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
	
#pageNameSOS{
	background-image: url(../../images/headerMN1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameEP{
	background-image: url(../../images/treasurer/header-gs.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameSTRM{
	background-image: url(../../images/headerSTRM.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameGRNP{
	background-image: url(../../images/headerGREEN.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#pageNameCCC	{
	background-image: url(../../images/headerCCC.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}
	
	
#pageNameZN{
	background-image: url(../../images/headerZN.jpg);
	background-repeat: no-repeat;
	background-position: top;}	
	
	
*/	
/*Layout styles*/





#box_foot, #box_foot2, #box_foot3, #box_foot4, #box_foot5, #box_foot6, #box_foot7, #box_foot8 {
	height:2px;
	} /*keeps CSS from breaking with auto flow boxes - use on all content filled div boxes*/


#flash_catchall{
	background-image: url(../../images/backer.jpg);
	background-position: right;
	background-repeat: no-repeat;
}


#weather{
	display:block;
	padding:2px;
	background-color: #FFFACD;
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	font-size: 75%;
	margin-top:-1px;
	
}

#doyouknow-right,#doyouknow1-right, #doyouknow-alt-right, #jcsa-right, #doyouknow2-right, #doyouknow3-right{
	width:370px;
	float:right;
	padding: 0 ;
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-right:5px;
}

#doyouknow-right p, #bos2 p, #bos p, #bos1 p, #doyouknow-right p, #doyouknow1-right p, #doyouknow-left p, #how p, #emergency-left p, #doyouknow1-left p{
	padding: 0 5px 5px 5px;
	
}

#emergency-left{background-color: #ffebcd;
	}
	
#jcsa-left{
	float:left;
	background-image: url(../../images/main/jcsa-fade.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
#jcsa-right{
	float:right;
	background-image: url(../../images/main/jcsa-fade.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}	

#doyouknow-right h1, #doyouknow-left h1,#doyouknow-left h2, #doyouknow-left h3, #doyouknow-alt-right h1, 
#wet h1, #how h1, #newsrel h2, #whats h1, #whats h2, #whats h3, #whats h4, #TV48 h2, #bos h1, #bos1 h1,#bos2 h1,
#jcsa-right h1, #jcsa-left h1, #about h1, #about h2, #about h3, #about h4, #emergency-left h1,
#doyouknow1-left h1, #doyouknow1-left h2, #doyouknow1-left h3, #doyouknow1-right h1, 
#doyouknow1-right h2,#doyouknow1-right h3, #doyouknow2-right h1,#doyouknow-right h2, #doyouknow3-right h1{
	font-size:83%;
	text-align: center;
	color: #fff;
	line-height: 25px;
	display:block;
	width: 100%;
	height: 25px;
	font-variant: normal;
	 text-transform: none;
	
	
}


#doyouknow-right h1,  #doyouknow1-right h1, #doyouknow-right h2,
#doyouknow1-right h2,#doyouknow1-right h3, 
#wet h1, #TV48 h2, #doyouknow2-right h1, #doyouknow3-right h1{
	background-color: #8bb09e;
}

#doyouknow-left h1, #emergency-left h1,#doyouknow-left h2, #doyouknow-left h3,  
#doyouknow1-left h1, #doyouknow1-left h2, #doyouknow1-left h3, #doyouknow2-left h1{
	background-color: #bdbc8e;}

#how h1, #jcsa-left h1,#about h1, #about h4{
	background-color: #bd8f8f;
	
}

#newsrel h2, #bos h1, #jcsa-right h1, #bos1 h1, #bos2 h1 {
	background-color: #90a6bd;
	}


#whats h1, #doyouknow-alt-right h1 {
	background-color: #999999;
	}
	

#doyouknow-left,#doyouknow1-left, #doyouknow2-left, #emergency-left, #wet, #newsrel, #bos, #bos1,#bos2, #whats, #jcsa-left {
	float:left;
	width: 370px;
   padding:0px;
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-top: 5px;
	margin-bottom: 2px;
 	}
 

#wet{
	font-size: 80%;
	}

#wet img{
	border: 2px solid #696969;
	margin: 5px 5px 5px 5px;
	}
 
 


 
#TV48, #how, #about{
	float:right;
	padding:0px;
	width:370px;
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-top: 5px;
	margin-bottom: 2px;
	
}

#TV48 {
	
	background-image: url(../../images/main/JCCTV48logo-screen1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}



.about1 {

font-size: 0.8em;
margin-left:25px;

}

#sos{
padding: 5px;
background-image: url(../../images/sos/2a.jpg);
background-repeat: no-repeat;	
}

#box_green_full{
	background-color: #8fbc8f;
	font-size: 0.8em;
	border: 1px solid #c0c0c0;
	width: 98%;
	margin-top:5px;
	padding: 5px;
	height:100px;
}

#box1, #box2, #boxwideNEW, #box_grey_95per, #box_tan_95per {
	padding: 5px 5px 15px 5px;
	width: 95%;
	border-top: 1px solid #696969;
	border-right: 2px solid #696969;
	border-left: 1px solid #696969;
	border-bottom: 1px solid #696969;}
	
#box1 h1, #box2 h1, #box_tan_95per H1, #box_grey_95per h1{
	display:block;
	margin-bottom: 5px;
	padding: 5px;
	color:#ffffff;
	font-size: 1.05em;
}

#box1, #box_grey_95per {	
	background-color: #F5F5F5;
	margin-top: 25px;
}

#box2, #box_tan_95per{
	background-color: #EEE8AA;
	
}
	
#boxwideNEW {
	background-color: #f5f5dc;
	margin: 5px;
	
}

#banner_200px{
	background-color: #f5f5dc;
	border: 1px solid #c0c0c0;
	padding:3px;
	
}

#feature_wrap-grn{border:2px solid #338506; padding:8px; margin-bottom:5px;}
#feature_wrap-blue{border:2px solid #007ac3; padding:8px; margin-bottom:5px;}
#feature_wrap-brown{border:2px solid #76763A; padding:8px; margin-bottom:5px;}
#feature_wrap-grey{border:2px solid  #666666; padding:8px; margin-bottom:5px;}

/* UIX test 1-13-10*/

#whats{border:1px solid #708090 ;padding:5px; width:380px;}
#whats h1, #about h1, #whats h3, #about h3{background-color: #338506;}

#newsrel{border:1px solid #007ac3;padding:5px; width:370px;}
#newsrel h2, #whats h2, #about h2{background-color: #007ac3; color:#FFFFFF;}
#how{border:1px solid #338506;padding:5px;}
#how h1{background-color: #338506;}
#about{ border:1px solid #708090 ; padding:5px; }
#about h4{ background-color: #007ac3; }

#about h5{ background-color: #556b2f;   	
font-size:83%;
	text-align: center;
	color: #fff;
	line-height: 25px;
	display:block;
	width: 100%;
	height: 25px;
	font-variant: normal;
	 text-transform: none; }
