body{
	margin:0; 
	padding:0;
}


/*  got from http://www.htmlcolourpicker.com/ */
.bright_orange {
	color: #ff6600;
}

.border_main {
	
	border: 5px solid #6a7faa;
}

.input_txt_new {
    font-family: "trebuchet MS",sans-serif;
	BACKGROUND-COLOR: lemonchiffon;

    border: 1px solid #c4c4c4;
    width: 400px;
    font-size: 18px;
    padding: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.input_txt_new:focus { 
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;

}



.hp_text {
	font-family: "trebuchet MS",sans-serif;
	color: white;
	font-size: 18px;
	padding: 2px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
}


.hp_text:hover {
	background: #EFF6FF;
}

.hp_text a {
	color: white; 
}


/* This is to create the bluish area which will drop down as visible div to 
display extra info about a given  subject matter. It is being used 1st by vallidate_my_id.php */
.display_bluish {
	BORDER: #C8DAEF 1px solid; 
	background: #EFF6FF;
	color: black;
}

.label, .value {

	color: black;
	width: 150px;
	float: right;

}

.label {

	font-weight: bold;
	width: 100px;
	padding-left: 10px;
	padding-bottom: 5px;
	float: left; 
}

/* To set the border of a <td></td> to be red  as in Thumb_nail designation of my_foto.php */
.border_red  {
	BORDER: red 1px solid;
}

.border_blue, .border_blue_omo  {
	BORDER: blue 1px solid;
}

.border_blue_omo:hover {
	BORDER: red 1px solid;
}


.wt_text, .wt_text_large, .wt_text_red, .wt_text_red_large, .wt_text_large_blk, .page_top, .wt_text_table {

	font-family: "trebuchet MS",sans-serif;
	color: black;
	font-size: 16px;
	padding-left: 10px;
	padding-bottom: 5px;

 }

 .wt_text_table {
	padding: 0px;
 }


 .wt_text_large, .wt_text_red_large, .wt_text_large_blk {
	font-family: "trebuchet MS",sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding-left: 2px;
 }


.wt_text_large_blk {
	color: black;
 }


.wt_text_red, .wt_text_red_large {
	color: red;
	}


 .search_field {

	font-family: "trebuchet MS",sans-serif;
	height: 20px;
	color: #F88017;  
	font-size: 16px;
	font-weight: bold;

 }

 .error_soft, .display_area {

	font-family: "trebuchet MS",sans-serif;
	color: black;
	font-size: 16px;
	BORDER: #C8DAEF 1px solid;
	margin-top: 10px;
	margin-left: 5px;
	width: 92%;
	font-weight: normal;
	padding: 10px;

}

.error_soft {

	BORDER: red 1px solid;
}

/* for the TopNav text only */

.top_nav_text, .top_nav_small, .top_nav_head {

	font-family: "trebuchet MS",sans-serif;
	color: #ffffff;
	font-size: 26px;
	padding: 5px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;

}



.top_nav_small {

	font-size: 10px;
	padding: 0px;
	font-weight: bold;
	margin: 0px;

}


.top_nav_head {
	font-size: 40px; 
	font-weight: bold;
}

.top_nav_head a {
	color: white;
}

.top_nav_head a:hover {
	color: white;
}


/* for grayish text - such as the text in the footer  */

.gray_scale {
	color: #C4BDBD;
	font-family: "trebuchet MS",sans-serif;
	font-size:12px; 
	}



 /*  START of the Form related CSS   */



 .form_button, .form_button_big {

	font-family: "trebuchet MS",sans-serif;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #1B3385;
 }


.form_button_big {

	height: 44px;
	font-size: 22px;
	font-weight: bold;
	color: #1B3385;
 }

  /* should be used for home page forms only*/
  .hp_form_label {

	font-family: "trebuchet MS",sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1B3385;
	width: 50%;

 }


.text_box, .input_text, .input_box, .input_box_aw {

	font-family: "trebuchet MS",sans-serif;
	font-size: 16px; 
	color: #8D38C9;				/* was: #2554C7  */
	BACKGROUND-COLOR: lemonchiffon;
	padding-left: 5px;
	padding-right: 3px;

}

 .input_box {

	width: 50%;

	}

.input_box_aw {

	width: auto;

	}


 .form_label_info {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;

 }

/*  END of the Form related CSS  */

 /*     Start of the CSS for the about_us_re.php    */
  
  .tag {
	  width: 150px;
	  font-family: "trebuchet MS",sans-serif;
    font-size: 16px;
    color: #fff;
    background: #bcbab8;
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tag:hover {
    background: #6a7faa;
	color: #fff;
}
/*   #53854E */

.button_link {
	color: #ffffff;
}

.button_link:hover {
	color: #ffffff;
	text-decoration: none;
}

/*  This is currently used for the Head Line OnMouseOver effect only: Apr/20/2011  */
.head_link:hover {
	color: green;
	text-decoration: none;
}


ul.footer {
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    overflow:hidden;
}
.footer li,.footer a{
    float:left;
    width:120px;
    line-height:2em;
}
.footer a{margin:0 5px;width:100px}
.footer a:hover {background: #fff;line-height:2em;}




.space {
	margin-top: 5px;	
	margin-bottom: 5px;
}

/*     End    */


.quote {

	font-family: verdana,sans-serif;
	background-color: #E8D8D8;
	font-size: 12px;
	BORDER: #C8DAEF 1px solid;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	width: 90%;

}

.gray_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Gray;
}






/* page_head is the class for the Top of each Web page, where the Text color is in Navy. 
article_head  is the head in White for bluish background with no border at the bottom*/

.page_head, .article_head_summary, .section_head {
	font-family: "trebuchet MS",sans-serif;
	BORDER-BOTTOM: #C8DAEF 1px solid;
	color: #1B3385;
	font-size: 18px;
	padding: 5px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* This defines the Top Head Line label, for example: "Most recent News articles"  */
.article_head_summary  {

	margin-top: 5px;
	margin-bottom: 5px;
	BORDER-BOTTOM: none;
	}

.section_head {

	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;

}


/*  This class is used for the paid Advertising text definition that goes into the body of a Web page   */
.page_body, .head_line, .notice, .error, .author {
	font-family: "trebuchet MS",sans-serif;
	color: black;
	font-size: 14px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 5px;
}

.author {
	
	color: #1B3385;

	}



.notice, .error, .error_center {

	BORDER: #C8DAEF 5px solid;
	margin-top: 10px;
	margin-left: 5px;
	width: 90%;
	padding: 10px;

}



.error, .error_center {

	BORDER: red 5px solid;
}

/*  This is Error class we want to use when the Error message appears by itself in the page and 
not as an Error message on top of something else.   */
.error_center {

	BORDER: red 10px solid;
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: 25px;
	margin-right: 25px;
}


.ads {

	font-family: "verdana", "Arial";
	color: black;
	font-size: 12px;
	margin-top: 2px;
	margin-bottom: 2px;
	BORDER: #C8DAEF 1px solid;


}




.head_line {

	color: red;
	font-size: 24px;
	font-weight: bold;

}



.members_nav, .footer {

	font-family: "verdana", Geneva, sans-serif;
	color: #1B3385;
	font-size: 12px;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;

}

.members_nav, .members_nav A {

	color: #ffffff;
	font-size: 14px;
}


/* This is to place a simple blue line below a segment, rather than just black line */
.line_blue {

	BORDER-BOTTOM: #C8DAEF 1px solid;

}


/* This is to be the background area were we write a lable, such as Comments */
.blue_back {
	font-family: "verdana", sans-serif;
	border: #7309AA 1px solid;
	height: 20px;
	color: #7309AA;
	font-weight: bold;
	font-size: 16px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;

	}

.spacer {
	margin-top: 5px;
	margin-bottom: 5px;
	}


/* Image related CSS are here */

.image-float-left {
	clear:left;
    float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px; /* These margin defintions ensure that the Text does not seat too close to image */
	border: 1px solid black;
	padding: 3px;
	}

.image-float-right, .clean_show {
	clear:right;
    float: right;
	margin-left: 15px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid black;
	padding: 3px;
	}

/*  For image display, so as not to show any borders or hyperlink underline for images, used with
printer icon on sa.php */
.clean_show {

	border: 0px;
}

.clean_show a img {position:relative; top:2px;}


.image-bottom {
	float:left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid black;
	padding: 3px;
	}

.image-top {
    border: 1px solid black;
  display: block;
    float: none;
  margin: 15px auto;
    padding: 3px;
   width: auto;
}


.image_caption_lbox, .image_caption_normal {
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	width: 120px;
	height: auto;
	font-size: 10px;
	word-spacing: 0.4pt;
	letter-spacing: 0.2pt;
	margin-top: 5px;
	margin-bottom: 5px
	}

.image_caption_normal {
	width: auto;

}


/* Link and Mouseover Link effects  */

A {
	color: Blue;
	text-decoration: none;
	border-bottom: 1px dotted #333;
	line-height: 150%
}

/*  This establishes the look for Links when OnMouseOver */
A:hover {
	color: Red;
	text-decoration: none;
	line-height: 150%
}

/*   For text to display in members_nav such as you are logged in as. */
.dd_text_mem_nav {

	font-family: "trebuchet MS",sans-serif;
	font-size: 12px;
	padding-bottom: 1px; 
	padding-top: 2px;

 }

 .dd_text_mem_nav A {
	color: white;
 }

 .dd_text_mem_nav A:hover {
	color: blue;
 }


/*Added Nov/7/2013 as per new dd home page & asking for Zip code   */

.hp_form_new_lb, .hp_form_new_head, .hp_form_lb_tbl, .form_label_tbl {

	font-family: "trebuchet MS",sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6a7faa;

 }

 .hp_form_new_head {
	font-size: 24px;
 }


.hp_border {
	BORDER: #c6cedf 4px solid;
}

.hp_form_lb_tbl {
	font-size: 12px;
	font-weight: bold;
}


.form_label_tbl {
	color: #1B3385;
}


.page_top {
	font-size: 24px; 
	font-weight: bold;
	color: #7E2A4C;
}


.gray_text, .gray_txt_ask_sm {

	font-family: "trebuchet MS",sans-serif;
	color: gray;
	font-size: 14px;
}


.gray_txt_ask_sm {

	font-size: 12px;
}