/* ABBREVIATIONS = ATTRIBUTE-DISTANCE-DIRECTION e.g. pad 15px at bottom and right = p15rb. border=b margin=m pad=p float=f
Border is followed by a number, bottom is not. Order is b m p e.g. border of 15 px and padding of 10px = b15p10 */
/* #f8fff8; */

body {background:#fff; color:#000;
}

/* div border is added to div dimensions */

.perimeter {width:802px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	background: #fff;
}
#perimeter {border:solid 1px #dad;
	width:800px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	background: #fff;
}
#ibheader {display: block; position: relative;
	text-align: left;
	background-image: url(ibheader806.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	height:110px;
	width:806px;
	margin-right:auto;
	margin-left:auto;
}
#ibnav {position:absolute;
	text-align:left;
	width: 806px;
	right:-100px;
	bottom:1px;
}
#ibnav a {font-size: 13px; font-weight: bold;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#content {padding:15px;
}
/* FOR NARROW TEXT COLUMN IN WIDE INDEX PERIMETER */

.narrow {
	width:600px;
	padding:15px;
	margin-left:45px;
	margin-right:35px;
}

/* LEFTDIV with float AND RIGHTDIV with margin ALLOW LEFTDIV TO BE FIRST IN HTML. Otherwise, rightdiv would have to be first */

.leftdiv {border-left:solid 1px #dad; position:relative; float:left;
	margin-left:0px; margin-bottom:5px;
	padding-left:10px;	
	width:500px; background-color: #fff;
}
.rightdiv {border: 1px #00a solid; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	float:right; position:relative;
	width:255px;	
	padding:20px 0px 4px 5px;
	margin:7px 0px 0px 0px;
	background-color: #fffadf;	
}
.leftad {position:relative; float:left;
	margin-left:0px;
	padding-right:0px;
	padding-left:10px;	
	width:440px;
}
.rightad {border: 1px #0f0 solid;
	margin-left:463px;
	margin-top:15px;
	text-align:left;
	padding-top:10px;
	margin-right:1px;	
}

/* right needs to be ID, not class, or text aligns to the right.  MOZILLA RECOGNIZES SPECIFIED HEIGHT OF FLOATED DIV, BUT IE DOES NOT, so use   to keep same # of lines for each column.
lines in floated div must be at least as many as the non-floated div for IE */

#left {border-right:1px #000 solid; 
	float:left; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; overflow:auto;
	width:251px;
	position:relative;
	margin:0px;
	padding:10px 0px 0px 0px;
}
#right {border-left:1px #000 solid;
	float:right; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;  overflow:auto;
	width:215px;
	position:relative;
	margin-left:0px;
	padding: 10px 0px 0px 10px;
}
#middle {border:1px solid #fff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0px 0px 275px;	
}


/* FLOAT IN INTRO and ARTICLE without gray border */

div.rightfloat {border: 1px #00f solid; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;	
	position:relative;	
	width:330px;
	float:right;
	margin:35px 1px 15px 20px;
}

/* FLOAT IN INTRO and ARTICLE without gray border */

div.rightfloat {border: 1px #00f solid; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;	
	position:relative;	
	width:330px;
	float:right;
	margin:35px 1px 15px 20px;
}

/* SIDE BY SIDE FOR FORMS - STYLE WIDTH ON THE PAGE */

div.flla {display:inline; position:relative; padding:7px; border:1px #009 solid; background-color: #dfffdf;
}
.fllb {display:inline; position:relative; padding:7px; border:1px #009 solid; background-color: #dfffdf; margin:25px 10px 25px 25px; 
}
.fllnb {display:inline; position:relative; padding:7px;
}
.fllc {display:inline; position:relative; padding:7px; border:1px #009 solid; background-color: #dfffdf; margin:35px 10px 25px 0px;
}
div.fllblock {padding:7px; border:1px #009 solid; background-color: #dfffdf; margin:25px 10px 25px 15px;
}
div.fllguide {border:1px #009 solid; background-color: #fffadf; margin:7px 5px 20px 0px; width:522px;
	 font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; float:left;
}
.mainbox {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;
	width:800px; clear:both;
}
.mainpal {border: 7px #eee solid;
	padding:15px 15px 0px 15px; height:1%;
}
html>/* */body .mainpal {border: 7px #eee solid;
	padding:15px; height:auto;
}

/* MIDBOX REDUCES FILL SPACE BETWEEN HORIZONTAL BOXES - b15p10 WORKS AS TOP OR ONLY BOX FOR MOZILLA 
Mozilla recognizes border for all sides but not for top alone, so midbox is used */
	
.midbox {border-top: 0px #eee solid; border-right:7px #eee solid; border-bottom:0px #eee solid; border-left:7px #eee solid;
	background:#fff;
	padding: 15px 15px 10px 15px;
}
.midboxb {border-top: 7px #eee solid; border-right:7px #eee solid; border-bottom:0px #eee solid; border-left:7px #eee solid; overflow:auto;	
	padding:15px;
}
.boxtwo {border-top: 0px #eee solid; border-right:7px #eee solid; border-bottom:7px #eee solid; border-left:7px #eee solid; 
	border-spacing: 0px; overflow:auto;
	padding:15px;
}

/* FOOTER */

#footer {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	width:800px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:25px; margin-top:10px;
}
#address {font-size:13px;
}
		
/* MARGIN & PAD */

.m0t15p5 {margin: 0px 15px 15px 15px;
	padding: 5px;
}
.m15p10 {margin: 15px;
	padding: 10px;
}
.m15p10t {margin: 15px;
	padding-top: 10px;
}

/* MARGIN  Mozilla does not add margin to the top of div, only to the sides.
For Mozilla, pad & border themselves to outside of a border.  Therefore, to reconcile IE & Mozilla, border at top, margin at sides.*/

.m5l {margin-left:5px;
}
.m15l {margin-left:15px;
}
.m7t {margin-top:7px;
}
.m15t {margin-top:15px;
}
.m20t {margin-top:20px;
}
.m30t {margin-top:30px;
}
.m-2b {margin-bottom:-2px;
}
.m7b {margin-bottom:7px;
}
.m10b {margin-bottom:10px;
}
.m20b {margin-bottom:20px;
}
.m30b {margin-bottom:30px;
}

.m5l {margin-left:5px;
}
.m42l {margin-left:42px;
}

/* PAD */

.p5 {padding:5px;
}
.p10 {padding:10px;
}
.p15 {padding:15px;
}
.p15l {padding-left:15px;
}
.p30l {padding-left:30px;
}
.p10t {padding-top:10px;
}
.p30t {padding-top:30px;
}
.p165l {padding-left:165px;
}

/* DIV BACKGROUND */

.dwhite {background-color: #fff;
}
.dyellow {background-color: #fefef4;
}
.dgreen {background-color: #fbfffb;
}
.dblue {background-color: #f9ffff;
}
.dpink {background-color: #fff9ff;
}
.dsgreen {background-color: #efffef;
}
.dmgreen {background-color: #f7fff7;
}
.dpinkgrey {background-color: #feefef;
}
.dpinkpurple {background-color: #ffeeff;
}
.dpurple {background-color: #efefff;
}
.ddarkred {background-color:#901;
}
.dmedblue {background-color:#38f;
}
.dlightgold {background-color:#ffe750;
}
.dgold {background-color:#ffda3a;
}


/* IMG */

img {border:0;
}

/* CLEAR */

.cll {clear:left;
}
.clr {clear:right;
}
.clb {clear:both;
}


/* FLOAT LEFT */

.fl {float: left;
	margin: 5px 25px 5px 5px; 
}
.fla5t25r25b5l {float: left;
	margin: 5px 25px 25px 5px; 
}
.flb15t25r5b20l {float: left;
	padding: 15px 25px 5px 20px;
}
.flc5t25r0b5l {float: left; 
	margin: 5px 25px 0px 5px; 
}
.fle5t35r5b15l {float: left; 
	margin: 5px 35px 5px 15px; 
}

/* FLOAT RIGHT */

.fra5t15r5b5l {float: right;	
	margin: 5px 15px 5px 5px;
}
.frb20t15r20b25l {float: right;	
	margin: 20px 15px 20px 25px;
}
.floatleftclear {float: left; 
	clear:left;
	margin: 5px 35px 5px 15px; 
}	
.floatrightclear {float: right; 
	clear: right; 
	margin: 25px; 
}
	
/* TEXT POSITION SPECIAL TEXT */

.adline {font-size: 18px; font-family: "Times New Roman", Times, serif;	
	margin-top:25px;
}
.navtext {font-size: 13px; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif;	
}
.topleft {font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #23f;
	float: left;
	text-align: left;
	line-height: 150%;
	text-indent: 2px;
	margin: 15px;
}

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

/* TEXT COLOR */

.brightblue {color: #00e;
}
.blue {color: #22b;
}
.darkblue {color: #009;
}
.borange {color: #f30; font-weight: bold;
}
.bronze {color:#b79302;
}
.darkbronze {color:#7e6500;
}
.crimson {color: #906;
}
.green {color: #0a0;
}
.orange {color: #f30;
}
.borange {color: #f30; font-weight: bold;
}
.purple {color: #90C;
}
.purpletext {color: #95c;
}
.darkred {color:#900;
}
.pink {color: #f07;
}
.strongpink {color: #f07;
}
.focusfont {color:#f07;	font-size: 17px;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.telfont {color:#90c; font-size: 15px;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.magenta {color: #b09;
}

/* TEXT ATTRIBUTES */

.bold {font-weight: bold;
}
.italic {font-style: italic;
}
.normal {font-weight: normal;
	color: #000;
}
.u {
	text-decoration:underline;
}

/* HEADINGS */

	p, h1, h2, h3, h4 {margin:0px 10px 10px 10px;
}
	h1 {font-size:24px;
	padding-top:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #60C;
	padding-bottom: 15px;
}		
	h2 {font-size:16px;
	padding-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #906;
}
	h3 {font-size: 20px;
	padding: 5px;
	font-family: "Times New Roman", Times, serif;
	color: #14b;
}
	h4 {font-size: 18px;
	padding-top: 5px;
	font-family: "Times New Roman", Times, serif;
	color: #93e;
}
.h2 {font-size:16px; margin:0px 10px 10px 10px;
	padding-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #906;
}
.h3 {font-size:20px; font-weight:bold; margin:0px 10px 10px 10px;
	padding: 5px;
	font-family: "Times New Roman", Times, serif;
	color: #14b;
}
.h4 {font-size:18px; font-weight:bold; margin:0px 10px 10px 10px;
	padding-top: 5px;
	font-family: "Times New Roman", Times, serif;
	color: #93e;
}
.h5 {font-size:15px; font-weight: bold; margin:0px 10px 10px 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #02a;
	padding-top:5px;
}
.h6 {font-size:13px; font-weight: bold; margin:0px 10px 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #03b;
	padding-top:5px;
}

/* TEXT SIZE & TYPE sans17 and serif20 are smallest to appear bold */

.sans13 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;
}
.sans14 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;
}
.sans15 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px;
}
.sans16 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;
}
.sans17 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px;
}
.sans18 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;	
}
.sans19 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 19px;	
}
.sans20 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px;	
}
.sans22 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px;	
}
.sans24 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px;	
}		
.serif14 {font-family: "Times New Roman", Times, serif; font-size: 14px;
}
.serif17 {font-family: "Times New Roman", Times, serif; font-size: 17px;
}
.serif18 {font-family: "Times New Roman", Times, serif; font-size: 18px;
}
.serif19 {font-family: "Times New Roman", Times, serif; font-size: 19px;
}
.serif20 {font-family: "Times New Roman", Times, serif; font-size: 20px;
}
.serif22 {font-family: "Times New Roman", Times, serif; font-size: 22px;
}
.serif26 {font-family: "Times New Roman", Times, serif; font-size: 26px;
}

/* LINKS */

a:hover {color: #ff00ff;
}
a:visited {color:#9900cc;
}
a:active {color: #cc0099;
}

a.plain {color:#00f; text-decoration:none;
}
a.plain:visited {color: #90c; text-decoration:none;
}
a.plain:hover {color: #f0f; text-decoration:none;
}
a.plain:active {color: #c09; text-decoration:none;
}

.rightdiv a:link {color:#00f;
}
.rightdiv a:visited {color: #902;
}
.rightdiv a:hover {color: #0a0;
}
.rightdiv a:active {color: #007;
}

.pale a:link {color: #abffba; text-decoration:none;
}
.pale a:visited {color: #ffff80; text-decoration:none;
}
.pale a:hover {color: #f0f; text-decoration:underline;
}
.pale a:active {color: #ffa9ff; text-decoration:none;
}

/*
#left {border-top: 1px #000 solid; border-right:1px #000 solid; border-bottom:1px #000 solid; border-left:1px #000 solid;
	float:left; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; overflow:auto;
	width:251px;
	position:relative;
	background-color:#f9ffff;
	margin:0px;
	padding:10px 0px 0px 0px;
}
#right {border-top: 1px #000 solid; border-right:1px #000 solid; border-bottom:1px #000 solid; border-left:1px #000 solid;
	float:right; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;  overflow:auto;
	width:213px;
	position:relative;
	background-color:#feefef;
	margin:0px;
	padding: 10px 0px 0px 0px;
}
#middle {border:1px solid #000; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#f7fff7;
	padding:10px 0px 0px 275px;	
}
*/