﻿


/* -----  These styles can be used for article and index pages --- 3-18-2011 ----------- */



/* ---------------- BEGIN PICTEXT CLASSES -----------------------------------------*/



.pt_left_side {
	float:left;
}

.pt_right_side {
	float:right;
}


.pt_clearer {
	clear:both;
	line-height:0px;
	height:0px;
}

/*--------------------- Classes For 320 pixel width pictures ------------------------*/


/*-- BEGIN LEFT-TEXT, RIGHT-PICTURE Classes --*/

.pt_inner_left_text {
	float: left;
	width: 278px;
}

.pt_inner_right_pict {
	float: right;
	width: 320px;
}


/* ----------- END LEFT-TEXT, RIGHT-PICTURE Classes ---------------
---------------BEGIN LEFT-PICT, RIGHT-TEXT Classes ------------- */

.pt_inner_left_pict {
	float: left;
	width: 320px;
}

.pt_inner_right_text {
	float: right;
	width: 278px;
}

/* ----------- END LEFT-PICT, RIGHT-TEXT Classes ---------------*/


/*-- Classes For Narrow Picture Boxes 240 Pixels Wide --------*/
.pts_inner_left_text {
	float: left;
	width: 358px;
}

.pts_inner_right_pict {
	float: right;
	width: 240px;
}


.pts_inner_left_pict {
	float: left;
	width: 240px;
}

.pts_inner_right_text {
	float: right;
	width: 358px;
}


/*-- Classes For WIDE Picture Boxes ---  359 Pixels Wide --------*/
.ptx_inner_left_text {
	float: left;
	width: 239px;
}

.ptx_inner_right_pict {
	float: right;
	width: 359px;
}


.ptx_inner_left_pict {
	float: left;
	width: 359px;
}

.ptx_inner_right_text {
	float: right;
	width: 239px;
}

.ptz_ndx_row {
/*	margin-top:5px; */
	border:0px;
	padding:5px 0px;
}

.ptz_ndx_cell {
	float:left;
	width:290px;
	margin-left:5px;
	vertical-align:top;
}

.ptz_ndx_cell_right {
	float:right;
	width:290px;
	margin-right:5px;
	vertical-align:top;
}

.ptz_ndx_cell_right img,
.ptz_ndx_cell img {
	float:left;
	margin: 0px 5px 0px 5px;
	border:0px;
}

.ptz_ndx_cell_right p,
.ptz_ndx_cell p {
	margin:0px 4px 0px 6px;
	padding:2px 4px 4px 4px;
}


/*--------------------------------------------*/

.comments_below_pict {
	font-family:Verdana;
	font-size:xx-small;
	background-color:#FFFF66;
	padding:2px;
}


.comments_below_pict_2 {
	font-family:Verdana;
	font-size:xx-small;
	background-color: #FFFF99;
	padding:2px;
}


.comments_below_pict_3 {
	font-family:Verdana;
	font-size:xx-small;
	background-color: #FFFFCC;
	padding:2px;
}

.comments_below_pict_4 {
	font-family:Verdana;
	font-size:xx-small;
	background-color: #DDDDDD;
	padding:2px;
}

.comments_below_pict_5 {
	font-family:Verdana;
	font-size:xx-small;
/*	background-color: #FFFFFF; */
	padding:2px;
}



.box_bg_color_fb_lite {
	background-color:#E8F0F9;
}

.box_bg_color_cococo {
	background-color:#C0C0C0;
}

/* ---------------- TABLE-WRAPPER DIV CLASSES - This Stuff Works ---------------------- */
/* ---- Shades of Gray ---- */


.box_outer_a00 {
	margin: 4px 2px;
/*	border-style: solid;
	border-width: 2px;
	border-color: #C0C0C0; */
/*	background-color: #FFFFFF; */
}


.box_outer_a0 {
	position: relative;
	width: 598px;
	margin: 8px 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #C0C0C0;
}


/*-- ?? Delete all box-outer except for box-outer-a0 ??? --
----- Use in-line styles for background color??? --*/
.box_outer_a1 {
	position:relative;
	width: 598px;
	margin: 4px 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #C0C0C0;
	background-color: #EEEEEE;
}

.box_outer_a2 {
	position:relative;
	width: 598px;
	margin: 4px 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background-color: #C0C0C0;
}

.box_outer_a3 {
	position:relative;
	width: 598px;
	margin: 4px 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #999999;
	background-color: #C0C0C0;
}


.box_outer_awh {
	position:relative;
	width: 598px;
	margin: 4px 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #C0C0C0;
	background-color: #FFFFFF;
}



.border_sqatter {
	position: absolute;
	top: -15px;
	left: 8px;
	display: inline;
	border:2px #333333 solid;
	background-color:#FFFF66;
	padding: 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
	font-weight:bold;
}

/* ----- Shades of Yellow or Beige ----- */
.box_outer_b0 {
	position:relative;
	width: 598px;
	margin: 4px 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #C0C0C0;
	background-color: #FFFFDD;
}

.box_outer_b1 {
	position:relative;
	width: 598px;
	margin: 4px 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #C0C0C0;
	background-color: #FFFFCC;
}

.box_outer_b2 {
	position:relative;
	width: 598px;
	margin: 4px 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #C0C0C0;
	background-color: #FFFF99;
}

.box_outer_b3 {
	position:relative;
	width: 598px;
	margin: 4px 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #C0C0C0;
	background-color: #FFFF66;
}



/* ---------------- END OF TABLE-WRAPPER DIV CLASSES ---------------------- */

/*----------------- NOTES and WARNING BOXES -----------------------------*/


.box_notes_1 {
	margin:4px 4px;
	border:2px #999999 solid;
	padding:4px;
	background-color:#FFFFCC;
}


.box_caution_1 {
	margin:4px 4px;
	border:4px #FFEA00 solid;
	padding:4px;
	background-color:#FFFFCC;
}

.box_warning_1 {
	margin:4px 4px;
	border:4px #FF0000 solid;
	padding:4px;
	background-color: #FFFF66;
}
.box_warning_1 h3 {color:#FF0000;}
.box_warning_1 h4 {color:#FF0000;}


.box_editor_1 {
	margin:4px 12px;
	border:6px #2020D8 solid;
	padding:4px;
	background-color: #CCCCCC;
}
/*---------------- END of NOTES and WARNINGS -------------------*/



/*---- TEXT HI-LITE - To Be Used With span tag ---*/

.txt_hilite_1 {
	background-color:#FFFF00;
}

.txt_hilite_2 {
	background-color: #FFFF66;
}

.txt_hilite_3 {
	background-color: #FFFF99;
}

.txt_hilite_4 {
	background-color: #FFFFCC;
}


/*--------------------END of TEXT HI-LITE ----------------------*/


/* ---------- BEGIN TABLES and INSIDE-OF-TABLE CLASSES ---------------*/



.box_special_2_col {
	width:auto;
	border-style: none;
	border-width: 0;
	padding: 0px;
}


.tbl_inner {
	width:auto;
	border-style: none;
	border-width: 0;
	padding: 0px;
}


.tbl_inner_2 {
	border-style:none;
	border-width:0px;
	width:100%;
}

.tbl_cell_left {
	vertical-align:top;
	text-align:left;
}


.tbl_cell_right {
	vertical-align:top;
	text-align: right;
}




.tbl_cell_pict {
	vertical-align:top;
}

.tbl_cell_text {
	vertical-align:top;
	padding:6px;
}

.big_font_a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style:normal;
	font-weight:bold;
	/* letter-spacing: 0.2pc; */
}

.red_text {
	color:#FF3300;
}


.blue_text {
	color: #0066FF;
}



.hilite_box_1 {
	margin: 4px 4px;
	padding: 2px 4px;
	background-color: #FFFF66;
	border: 2px black dashed;
}


.hilite_box_2 {
	margin: 4px 4px;
	padding: 2px 4px;
	background-color: #FFFF66;
	border:2px red dashed;
}

.hilite_box_3 {
	margin: 4px 4px;
	padding: 2px 4px;
	background-color: #CCCCCC;
	border:2px black dashed;
}

.hilite_box_4 {
	margin: 4px 4px;
	padding: 2px 4px;
	background-color: #FFFF99;
	border:2px black dashed;
}

.hilite_box_5 {
	margin: 4px 4px;
	padding: 2px 4px;
	background-color: #FFFFCC;
	border:2px black dashed;
}




/* ----------- END TABLES and INSIDE-OF-TABLE CLASSES ---------------*/

/* --------------  END OF PICTEXT CLASSES -------------------------------------------*/






