/* Headings other than h1-h6*/
.large { font: 190% bold; }

.medium { font: 145% bold; }

.small { font-size: 75%; }

/* For any image that spans the top of page content */
.pagetopimage { margin-top: 20px; }

/* Font parameters */
.bld { font-weight: bold; }

.nrml { font-weight: normal; }

.ita { font-style: italic; }
/* ------------------
	Colors
   ------------------ */
/* Everything is Not Okay! (red) */
.warning { color: #FF0000; }
/* Everything is OKAY! (green) */
.okay { color: #008800; }
/* Loading CSS */
.ldg { color: #FFCCFF; }
/* Other Colors */
.red { color: #FF0000; }

.blue { color: #336699; }

.green { color: #009900; }

.yellow { color: #FFFF66; }

/* Wink Pink2  */
.green1 { color: #ea098d; }

.green2 { color: #d96dac; }

.load { 
color: #009900;
font-weight: bold;
font-size: 14pt;
}

.quote { 
color: #369;
font-weight: bold;
font-size: 10pt;
text-align:right;
}

/* Home Page Table Bordering */
/* Outside Border */
.hpdiv {
border: 8px #f8c9e5 solid;
}
/* Upper Cell */
.hptop {
width: 400px;
padding: 5px 5px 20px 5px;
border-bottom: 8px #f8c9e5 solid;
}
/* Lower Cell */
.hpbtm {
width: 400px;
padding: 5px 5px 20px 5px;
}


/* Specials Table Bordering */
/* Outside Border */
.tbldiv {
border: 8px #f8c9e5 solid;
}
/* Upper Left Cell */
.tbluplft {
width: 400px;
padding: 5px 5px 20px 5px;
border-right: 4px #f8c9e5 solid;
border-bottom: 4px #f8c9e5 solid;
}
/* Upper Right Cell */
.tbluprt {
width: 400px;
padding: 5px 5px 20px 5px;
border-left: 4px #f8c9e5 solid;
border-bottom: 4px #f8c9e5 solid;
}
/* Bottom Left Cell */
.tblbtmlft {
width: 400px;
padding: 5px 5px 10px 5px;
border-right: 4px #f8c9e5 solid;
border-top: 4px #f8c9e5 solid;
}
/* Bottom Right Cell */
.tblbtmrt {
width: 400px;
padding: 5px 5px 10px 5px;
border-left: 4px #f8c9e5 solid;
border-top: 4px #f8c9e5 solid;
}

/* Makes anything in this class to be bold,red, all uppercase
and Blink( except Microsoft-IE doesnt blink!) */
.free { 
	text-decoration: blink;
	font-weight: bold;
	color: #FF0000;
	text-transform: uppercase;
}

.formname { 
	font-weight: bold;
	font-size: 125%;
	}
/* Rounded border for AJAX inserted data */
.optionlist {
	margin: 5px 0 5px 0;
	padding: 5px;
	border: 1px #64776d solid;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* Vertical align for inline elements */
.top { 	vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

/* Ajax containers leftcol and rightcol work together*/
.leftcol { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 380px;
	min-height: 200px;
	padding: 5px; 
	margin: 5px 5px 25px 5px;
	text-align: left;

}

.rightcol { 
/* For the FAQs menus, the results of links in leftcol appear in the rightcol */
	display: inline;  
	float: left; 
	width: 380px;
	min-height: 200px;
	padding: 5px; 
	margin: 5px 5px 25px 5px;
	text-align: left;

}

.bandaleft { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px;
	min-height: 200px;
	padding: 5px; 
	margin: 5px 5px 25px 5px;
	text-align: left;

}

.bandaright { 
/* For the FAQs menus, the results of links in leftcol appear in the rightcol */
	display: inline;  
	float: left; 
	width: 500px;
	min-height: 200px;
	padding:  20px 5px; 
	margin: 5px 5px 25px 5px;
	text-align: left;

}

/* Use this div to clear floats  */
div.clearboth {
	clear: both;
}

.reqd { /* Give Inputs in your forms a class="reqd" tag and it will appear as pink bg */
background-color: #FFCCFF;
border: 1px solid #999999;
padding: 0 2px 0 2px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.readonly { /* Give Inputs in your forms a class="reqd" tag and it will appear as pink bg */
background-color: #DDD;
border: 1px solid #999999;
padding: 0 2px 0 2px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.rdd4 {
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.rdd10 {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.response { /* Used on AJAX receiving page */
	padding: 10px;
	text-align: center;
	}

.sleeve { /* Used on AJAX receiving page */
	padding: 50px 10px 10px 10px;
	text-align: center;
	}

div.opennote {
	float: right;
	border: 0px;
	background: transparent url("images/blankrounded.jpg") no-repeat center;
	width: 240px;
	height: 182px;
	margin-left: 5px;
	margin-bottom: 5px;


}
div.opensleeve {
	padding: 15px;
	height: 140px;
	text-align: left;
	}


.subbox {
	float:right;
	width: 180px;
	padding: 5px;
	border: 1px solid #999999; /* rem out when done testing */
	text-align: left;

}

.sb-hdr {
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
}

.sb-bdy {
	margin: 5px auto;
	text-align: left;
	font-size: 90%;
}