<!--

.style7 {
	color: #FFFFFF;
	font-weight: bold;
}
-->
</style>

/* B O D Y  R U L E S */
body {
	margin: 0;
	padding: 0;
	background-color: #B7D1DF;
	}
body, p, li, ol, ul, td, th, tr{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 11px; /* If you want to change anything, just change this.*/
/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all.*/
	color: #666;
}


form, select, option, input, textarea{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	color: #666;
	}

#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div.*/
	}
	
#slideshow {
		margin-top: 25px;
		text-align:center;
		font-size:16px;
		font-weight:bolder;
		
	}
	
#homeRt {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:10px;
		padding-bottom: 8px;
		padding-left:4px;
		padding-right:4px;
		padding-top:8px;
		color:#000;
		margin-top:10px;
	}
#sideNav{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:20px;
	line-height:1.2em;
	background-color:#FFFFCC;
	margin-left:5px;
	}
#lftNav{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:20px;
	line-height:1.2em;
	background-color:#FFFFCC;
	margin-left:5px;
	}
.lftNav a:link {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	}	

/* L I N K  R U L E S */

a:link	{ 
	color: #3366FF; 
	text-decoration: underline; 
	}
	
a:hover	{ 
	color: #3366FF; 
	text-decoration: none;      
	Background-color: none;
	}

a:visited {
	color:#3366FF; 
	text-decoration: underline;
}

.repNav {
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	background-color:#00afdb;
}
.repNav a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.repNav a:hover {
	color: #FFFFFF; 
	text-decoration: none;      
	font-weight: bold;
}
.repNav a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
.localnav {
	font-size: 12px;
	line-height: 1.2em;
}
.localnav a:link {
	color: #606060;
	text-decoration: none;
}
.localnav a:hover {
	color: #03F; 
	text-decoration: none;      
	Background-color: #ececec
}
.localnav a:visited {
	text-decoration: none;
	color: #3366FF; 
}
.localnav p {
	line-height: 1.2em;s
	font-size: 12px;
	
	}
.largeNav {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}
.largeNav a:link {
	color: #606060;
	text-decoration: none;
	text-decoration: underline;
}
.largeNav a:hover {
	color: #606060; 
	text-decoration: none;      
}
.largeNav a:visited {
	text-decoration: none;
	color: #3366FF; 
	text-decoration: underline;
}
.largeNav p {
	line-height: 1.2em;
	font-size: 12px;
	}
.suppnav p {
	line-height: 1.2em;
	font-size: 11px;
	}
.breadcrumbs {
	font-size: 10px;
}
.breadcrumbs a:link {
	text-decoration: underline;
	color: #3366FF;
}
.breadcrumbs a:hover {
	color: #3366FF; 
	text-decoration: none;      
	Background-color: #ececec;
}
.breadcrumbs a:visited {
	text-decoration: underline;
	color: Purple;
}

/* H E A D E R S */
.sitename {
	font-size: 24px;
	}
.big {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used instead to deal with compound ie pc problems.*/
	}
h1 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used instead to deal with compound ie pc problems.*/
	}
h1.blue {
	font-size: 18px;
	color: #039;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used instead to deal with compound ie pc problems.*/
	}
h1.orange {
	font-size: 18px;
	color: #f90;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used instead to deal with compound ie pc problems.*/
	}
h1.green {
	font-size: 18px;
	color: #0C3;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used instead to deal with compound ie pc problems.*/
	}
h2 {
	font-size: 14px;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h2.blue {
	font-size: 14px;
	color: #039;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}	
h2.orange {
	font-size: 14px;
	color: #f90;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}	

h3 {
	font-size: 13px;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3.blue {
	font-size: 13px;
	color: #039;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3.orange {
	font-size: 13px;
	color: #f90;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 12px;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h4.blue {
	font-size: 12px;
	color: #039;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h4.orange {
	font-size: 12px;
	color: #f90;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 11px;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 11px;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
/* C O L O R S */ 
.orange {
	color: #f90;
	}
.blue {
	color: #06c;
	}	
.green {
	color: #0c3;
	}
		
/* I M A G E  S T Y L E S */ 
img {
	border: 0;
	}

img.noborder {
	border: none;
}

img.border, img.border1 {
	border: 1px solid #000;
}

img.border2 {
	border: 2px solid #000;
}
.photo {
	text-align: right;
}

.photo img {
	border: 1px solid #000;
	margin-top: 20px;
}


/* T E X T  H I G H L I G H T  S T Y L E S */ 

.box {
	width: 75%;
	margin: 5px;
	padding: 5px;
	border: 1px dashed #ccc;
	background-color:  #F5F5F5;
}

.shade {
	background-color: #EAEFFA;
	padding: 4px;
} 


/* G E N E R A L   T E X T   S T Y L E S  */	
p {
	font-size: 11px;
	line-height: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	}
strong, b {
	font-weight: bold;
	}

code, pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-weight: 600;
	font-size: 1.0em;
	}
	
ol, ul, li, dl {/*
	list-style: none;*/
	font-size: 11px;
	line-height: 1.4em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
	
.nobullet {
	margin-top: 0.5em;
	margin-left: 0;
	list-style: none;
}

li > p {
	margin-top: 0.2em;
	}
.address {
	font-size: 16px;
}

.arialNormal {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


.arialBig{font-size: 16px}
.arialMed{font-size: 14px}


/* T E X T  W I D T H S */	

.text90 {
	width: 90%;
}

.text80 {
	width: 80%;
}
.text70 {
	width: 70%;
}

.text60 {
	width: 60%;
}
.text50 {
	width: 50%;
}

/* C O L U M N S */	

.narrow1{
	width: 50%;
	line-height: 1.2em;
	}
.narrow2{
	width: 50%;
	line-height: 1.4em;
	}
	
/* I N D E N T S */	

.indent1, .indent {
	margin-left: 40px;
}

.indent2 {
	margin-left: 80px;
}


/* T A B L E  S T Y L E S */ 

.info-table {
	font-size: 10px;
}

.caption {
	background-color: #fff;
	color: #666666;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

th {
	background-color: #FFF;
	color: #666;
	text-align: left;
	font-weight: bold;
}
th.blueshade {
	background-color: #DCE8FF;
	color: #000;
	text-align: left;
	font-weight: bold;
}
th.yellowshade {
	background-color: #FFC;
	color: #000;
	text-align: left;
	font-weight: bold;
}
.greyshade {
	border: 1px dotted #cccccc;
	background-color: #f5f5f5;
	padding: 8px;
	width: 70%;
}
/* A C R O N Y M  R U L E  */

acronym {cursor: help;}


/* H O R.  R U L E  */
hr.margin {
	color: #ccc;
	width: 100%;
	height: 1px;
	margin-top: 1.5em;
}
hr {
	color: #ccc;
	width: 100%;
	height: 1px;
}
.footer{
	text-align: center;
	font-size: 11px;
	line-height: 1em;
}
.footer p{
	font-size: 11px;
	line-height: 1em;
}
/* B A C K G R O U N D S */
.lightgrey2BG		{
	background-color: #ECECEC;
	layer-background-color: #999999;
}
.lightgreyBG {background-color: #7B6E6A; layer-background-color: #7B6E6A;}
.greyBG		{background-color: #666666; layer-background-color: #666666;}
.orangeBG 	{background-color: #FFA201; layer-background-color: #FFA201;}
.greenBG 	{background-color: #00CC33; layer-background-color: #00CC33;}
.blue1BG 	{background-color: #0066CC; layer-background-color: #0066CC;}
.blue2BG 	{background-color: #003399; layer-background-color: #003399;}
.salmonBG 	{background-color: #CB8C83; layer-background-color: #003399;}
.navOn	 	{background-color: #CB8C83; layer-background-color: #003399;}
.navOff 	{background-color: #DFDCD8; layer-background-color: #DFDCD8;}
.CASEred 	{background-color: #CD362C; layer-background-color: #CD362C;}
.AboutUSBG	{background-color: #B8C77C; layer-background-color: #B8C77C;}
.AboutServicesBG	{background-color: #C8715C; layer-background-color: #C8715C;}
.AboutTeritoryBG	{background-color: #70AAEC; layer-background-color: #70AAEC;}
.AboutOnlineBG	{background-color: #EFCEE2; layer-background-color: #EFCEE2;}
.AboutCareerBG	{background-color: #7999BC; layer-background-color: #7999BC;}
.CASEExtended	{background-color: #FFFFCC; layer-background-color: #FFFFCC;}
.CASEPastDue{background-color: #FFCCCC; layer-background-color: #FFCCCC;}
.caseForm {background-color: #F5F5F5; layer-background-color: #F5F5F5;}
.caseForm2 {background-color: #DFDCD8; layer-background-color: #DFDCD8;}
.casewWhite {background-color: white; layer-background-color: white;}


.mainContent {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	border-top-width: 0px;
	border-left-width: 0px;
}
.mainContentRight {
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	border-width: 0px;
	border-bottom-width: 1px;
}