@charset "utf-8";
#wrapper {
	position: relative;
}
div.c2 {
	text-align: right
}
body {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
}

.italicSTD {
	font-style: italic;
}

#horizontalList li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	}

#horizontalList23_24 li{
	display:inline;
	padding-right: 10px;
	padding-bottom: 10px;
	}

p {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
}

div.center h1 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #333366;
}
div.center h2 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #cc0000;
	font-weight: normal;
}
div.center h3 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #990066;
}
div.center h4 {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #333366;
	font-weight: bolder;
}
div.center blockquote {
	background-color: #FFFFFF;
	border: none;
	}
	
div.indent2 {
	padding-left: 25px;
}
div.center a:link {
	color: #663300;
	text-decoration: underline;
}
div.center a:visited {
	text-decoration: underline;
	color: #333366;
}
div.center a:active {
	text-decoration: underline;
}
div.center a:hover {
	text-decoration: underline;
	color: #663300;
}
div.randmenu a:link {
	color: #663300;
	text-decoration: underline;
}
div.randmenu a:visited {
	text-decoration: underline;
	color: #333366;
}
div.randmenu a:active {
	text-decoration: underline;
}
div.randmenu a:hover {
	text-decoration: none;
}
table.c4 {
	background-color: #CCCCCC;
}
.c1 {
	text-align: center;
}
p.right {
	text-align: right
}
h1.c1 {
	text-align: center;
}
h3.c1 {
	text-align: center;
}
div.indent {
	margin-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #ffffff;
	padding: 10px;
	width: 80%;
	border-style: solid;
	border-color:#cccccc;
	border-width: 1px;
}
div.backing {
	background-color: #FFFFCC;
	padding: 10px;
	color: #000000;
	width: 95%;
}
div.paraleft {
	float: left;
	padding-right: 5px;
	background-color: #000000;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	background-color: #ffffcc;
	display: block;
	width: 45%;
}
.imgfloat {
	float: right
}
div.clear {
	clear: both;
	display: block;
}

.blackborder {
	border-radius: 5%;
	width: 95%;
	border-width: 1px;
	border-style: solid;
	overflow:hidden
}
div.picborder {
	border-width: 5px;
	border-style: solid;
	border-color: #ffffff;
}
div.floatleft2004 {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 40%;
	height: auto;
}
div.floatleft20 {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 20%;
	height: auto;
}
div.floatright2004 {
	float: right;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-align: left;
	display: block;
	width: 60%;
	height: auto;
}
div.floatright5020 {
	float: right;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: right;
	width: 20%;
	height: auto;
}




div.floatleft5020 {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 45%;
	height: auto;
}
div.border {
	border-style: solid;
	border-width: 1px;
	width: auto;
	padding: 5px;
	background-color: #000000;
}
div.wrapcontainerleft {
	float: left;
}
p.image-right {
	float: right;
	vertical-align: text-top;
}
div.footer a:link {
	color: #333366;
	text-decoration: underline;
}
div.footer a:visited {
	color: #333366;
	text-decoration: underline;
}
div.footer a:active {
	color: #333366;
	text-decoration: underline;
}
div.footer a:hover {
	color: #333366;
	text-decoration: underline;
}
h6 {
	color: #000000;
}
div.biblio {
	padding: 15px;
}
div.left {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
}
.leftnav {
	color: #ffffff;
	background-color: #333366;
	list-style-type: none;
	padding: 5px;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
}

.leftnav a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 110%;
	font-weight:bold;
}
.leftnav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 110%;
	font-weight:bold;
}
.leftnav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 110%;
	font-weight:bold;
}
.leftnav a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 110%;
	font-weight:bold;
}
.menucontent a:link {
	color: #663300;
	text-decoration: none;
}
.menucontent a:active {
	color: #663300;
	text-decoration: none;
}
.menucontent a:visited {
	color: #333366;
	text-decoration: none;
}
.menucontent a:hover {
	text-decoration: underline;
}
.floatleftchart {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 17%;
	height: auto;
}
.floatrightchart {
	float: right;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100%;
	display: block;
	margin: 0px;
	padding-left: 5px;
	text-align: left;
	width: 70%;
	height: auto;
}
div.prodis {
	color: #CC3366;
	background-color: #333366;
}
div.float5050r {
	float: right;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-align: left;
	display: block;
	width: 50%;
	height: auto;
}
div.float5050l {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-align: left;
	display: block;
	width: 50%;
	height: auto;
}
div.float30l {
	float: left;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-align: left;
	display: block;
	width: 30%;
	height: auto;
}
div.float30r {
	float: none;
	background-color: #ffffff;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-align: left;
	display: block;
	width: 30%;
	height: auto;
}
div.survey {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #ffffCC;
	padding: 10px;
	width: 80%;
	text-align: center;
	border-style: solid;
	border-color:#cccccc;
	border-width: 1px;
}

div.right80 {
	float: right;
	width: 79%;
}

div.midLine {
		text-align:center;
		width:50%;
}

/* start elder abuse is wrong */

.eawBackground {
	background-color: #ffff99;
	text-align: center;
	padding: 10px;
	}

.eawBackgroundBorder {
	background-color: #ffff99;
	padding: 10px;
	border-style: solid;
	border-color:#660000;
	border-width: 2px;
	}

.eawBackgroundBorderRight {
	text-align:right;
	background-color: #ffff99;
	padding: 10px;
	border-style: solid;
	border-color:#660000;
	border-width: 2px;
	}

p.eawHighlight {
	color:#660000;
	text-align:right;	
	}

p.eawPageNav {
	color:#660000;
	text-align: center;	
	}

.eawPageNav a:link {
	color: #660000;
	font-size: 110%;
	}
	
p.eawPageNav a:visited {
	color: #660000;
	font-size: 110%;
	}
	
p.eawPageNav a:hover {
	color: #660000;
	font-size: 110%;
	}
	
p.eawPageNav a:active {
	text-decoration: none;
	color: #660000;
	font-size: 110%;
	}

div.center h2.eawTitle {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	font-weight: bold;	}
	
div.center h3.black {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-weight: bold;
	}
	
div.center h2.EAWblack {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-weight: 400;
	}
	
	
div.center h3.red {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #cc0000;
	font-weight: bold;
	}
	
div.center h3.eaw {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	font-weight: bold;
	}
	
div.center h4.black {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-weight: bold;
	}
	
div.center h4.blackItalic {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	color: black;
	font-weight: bold;
	}
	
div.center h4.eaw {
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	font-weight: bolder;
	}

hr.half {
	width:50%;
	color: #660000;
}

div.colLeft {
	float: left;
	width: 49%;
	padding-right: 1%;
	}
	
div.colRight {
	float: right;
	width: 49%;
	padding-left: 1%;
	}
	
div.container {
	float:left;
	}
	
div.container100 {
	float:left;
	width: 100%;
	}
	
div.container100_border {
	float:left;
	width: 100%;
	border: 1px solid black;
	}

div.center strong.teal {
	color: #006633;
	}
	
div.center strong.eaw {
	color: red;
	}

.phoneBorder {
	width: 25%;
	border-style: solid;
	border-bottom-width: 25%;
	}

.phoneBusters {
	width: 35%;
	border-style: solid;
	border-bottom-width: 25%;
	}

.phoneCic {
	width: 45%;
	border-style: solid;
	border-bottom-width: 25%;
	}
	
div.center dt.eaw {
	color: #660000;
	font-weight: bold;
	}

.borderGreen {	
	padding: 2%;
	border-color: #00631b;
	border-radius: 5%;
	border-style: solid;
	overflow: hidden;
	}

div.col1HT {
	float: left;
	width: 69%;
	padding-right: 1%;
	}
	
div.col2HT {
	float: left;
	width: 29%;
	padding-left: 1%;
	}
	
div.blue {
	background-color: blue;
}

/* end elder abuse is wrong */

/* Marlon */

p.h1Flower{
	text-align:center; 
	height:80px;/* Some pages may have intermittent h1, p, img and h2 at the top of the content area (div class=center) to iliminate this provide height at 80px min for the src="/eng/pi/fv-vf/img/fvi-logo_notext.gif", if different image then try different height size */
}

p.fviFlower{

	width:100%;
	height:80px;
	background-image:url(../img/fvi-logo_notext.gif);
	background-repeat:no-repeat;
	background-position:center;
	
}

.width80{
	width:80%;
}

.indentli{
	border-left:25px;
	margin-left:25px;
	padding-left: 25px;
}

ul.noIndent{
margin:0px;
padding:0px;

}

li.noIndent{
margin:-8em;
padding:0px;

}

.indent80{
padding-left: 80px;
}

/* lists start */

ol.a {
	list-style-type:lower-alpha;
	}

ol.A {
	list-style-type:upper-alpha;
	}

ol.i {
	list-style-type:lower-roman;
	}

ol.I {
	list-style-type:upper-roman;
	}

.check_box {
	list-style-type:  none;
	background-image:url(../img/check_box.jpg); 
	background-repeat:no-repeat;
	margin-left:0px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:5px;
	}
	

li.no_box_std {
	list-style-image: none;
	margin-left: 0px;
	}

/* list with parenthesis - does not work with IE - start */
/* does not work with IE - start */
div.resetList {
	counter-reset: list;
	}

div.resetList ol li {
	list-style: none;
	}

div.resetList ol li:before {
	content: counter(list, lower-alpha) ") ";
	counter-increment: list;
	}

/* does not work with IE - end */

/* list with parenthesis using <span> tag - start */

.paraList /* see har/app_c21.html for use */{
	inline-block;
	margin-left: -11px !important;
	margin-left: -15px;
	}

.overlay {
	height:3px;
	width:3px;
	background-image: url(../img/white_sqr.jpg);
	position: relative;
	z-index: 1;
	} 
	
.formLine{
	display: inline-block;
	background-image:url(../img/line_w505_h25.gif);
	background-repeat:no-repeat;
	height:13.5px;
	}
	
.Line{

border-bottom:1px solid black;
width:600px;

}

/* list with parenthesis using <span> tag - end */


/* colour background div testing start */

.greenBG {
	 background-color: green;
	 }

.redBG {
	 background-color: red;
	 }

.yellowBG {
	 background-color: yellow;
	 }

.blueBG {
	 background-color: blue;
	 }
	 
.orangeBG {
	background-color: orange;
	}

/* colour background div testing end */

/* flip http://ot1i0018:8282/eng/pi/fv-vf/pub/har/app_c27.html 90 degrees start  */

.flip90 {

	font-size: xx-small;
	/* writing-mode: tb-rl;
	filter: flipv fliph;  */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	}

/* flip http://ot1i0018:8282/eng/pi/fv-vf/pub/har/app_c27.html 90 degrees end */



.underline{
	text-decoration:underline;
}

.indentLeft5em {
	margin-left: -5em;
}

.border1thin{
	border: 1px solid black;
}
.borderRight00{
	border-right:0px;
}
.borderLeft00{
	border-left:0px;
}
.borderTop00{
	border-top:0px;
}
.borderBottom00{
	border-bottom:0px;
}
.borderRight01{
	border-right:1px solid black;
}
.borderLeft01{
	border-left:1px solid black;
}
.widthHalf1{
width:48.2%;
}
.widthHalf{
width:49.65%;
}

.width50_STD_left{
	width: 50%;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	}

.width50_STD_right{
	width: 49.8%;
	border-bottom: 1px solid black;
	}
.width20_STD_right{
	width: 20%;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	}
.width20_STD_left{
	width: 19.8%;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	}
.width29_STD_right{
	width: 29.6%;
	border-bottom: 1px solid black;
	}
	
.width30_STD_left{
	width: 30%;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	}
	
.width30_STD_spacer{
	width: 1%;
	}
	
.bottomBorder{
border-bottom: 1px solid black;

}
.bottomBorderDotted{
	border-bottom: 1px dotted black;
	}	

table#notBold th {
	font-weight: normal;
	}	


.notBold {
	font-weight: normal !important;
	}		
	

.width49_1{
	width:49.65%;

}
.width49_2{
	width:49.58%;

}
.width99{

	width:99.49%;
}
.width99_1{

	width:99.49%;
}
.width29{
	width:29.58%;

}
.width29_7{
	width:29.6%;

}
.width9{
	width:9.5%;

}
.widthQtr{
width:24.6%;
}
.widthQtr1{
width:29%;
}
.width59{
width:59.570%;
}
.width59_9{
width:59.7%;
}
.widthQtr3{
width:29.1%;
}
.widthQtr2{
width:27%;
}
.widthQtr27{
width:27.2%;
}
.width12{
width:12%;
}
.width18{
width:18%;
}
.width19{
width:19.725%;
}
.widthEighth{
width:9%;
}

ol.paddBottomLi05 li{
padding-bottom:5px;
}

.italic{
font-style:italic;
}

.lightGreyBg{

background-color: #DADADA;
color:black;

}

.strong{
font-weight:bold;
}
.topBorder01thin{
	border-top:1px thin black;
}

div.left h2.nav, div.left h2.nav a:link, div.left h2.nav a:visited {
	color: #ffffff;
	background-color: #333366;
	text-decoration: none;
}