body {
 font-family: arial, sans-serif;
 /*font-size: small; */
 font-size:1em;
 color: #222222;
 background-color: #FFFFFF;
 margin: 0px;
 padding: 0px;
 /* z-index: 50; */
 /* background-image: url(http://www.closedhomes.com/images/bg_lines.gif)
 background-repeat: repeat-x
  
 scrollbar-arrow-color:#003333;
 scrollbar-base-color:#ccccbb;
 scrollbar-face-color:#0c2d4e;
*/
}

td,p,div,span,th,ul,ol,li {
 font-family: arial, sans-serif;
 /* font-size: small; */
 font-size: 1em;
 color: #222222;
 }

.hilite {
 background-color:#ffffcc;
}
 
h1 {
 font-family: arial, sans-serif;
 font-size: 28px;
 /*color: #0355a1;*/
 color: #cc6600; /*#447744;*/
 font-weight: normal;
 margin-bottom: 12px;
}

h2 {
 font-family: arial, sans-serif;
 font-size: 22px;
 color: #0355a1;
 font-weight: bold;
}

 h3,h4,h5 {
 font-family: arial, sans-serif;
 font-size: 16px;
 color: #0355a1; /* #447744 */
 font-weight: bold;
}

/*
a.faqname:link, a.faqname:hover, a.faqname:visited, a.faqname:current  {
  color: #003366;
  font-weight:bold;
}
*/


a:link {color: #0355a1;
 font-weight:normal;
}

a:hover {color:#CC6600;
 font-weight:normal;
}

a:visited {color: #9933cc;
 font-weight:normal;
}

a:current {color: #333333;
 font-weight:normal;
}

a.faqname:hover {
	color: #000000;
  font-weight:bold;
}

a.faqlink:hover, a.faqlink:visited, a.faqlink:current {
	color: #0355a1;
}

a.footer:hover, a.footer:visited, a.footer:current {
	font-family: arial,tahoma,verdana; 
	font-size: 11px; 
	color: #7EA7CE;
	text-decoration:none;
}

a.footer {
	font-family: arial,tahoma,verdana; 
	font-size: 11px; 
	color: #7EA7CE;
	text-decoration:none;
}



.form {
 background-color: #ffffff;
 border-bottom:1px solid #0355a1;
 border-right:1px solid #0355a1;
 border-top:1px solid #0355a1;
 border-left:1px solid #0355a1;
 font-family: arial;
 /* font-size: 11px; */
 color: #000000;
 }

ul {font-weight:normal;
 margin-left:15px;
 margin-top:0;
line-height: 1.2em;
 font-family: arial, sans-serif;
 font-size: small;
 color: #222222;
}

 ol {font-weight:normal;
 margin-left:20px;
 margin-top:0;
 line-height: 1.5em;
 padding-left: 20px;
 padding-top: 0px;
 font-family: arial, sans-serif;
 font-size: small;
 color: #222222;
}

/* from google bubble */
.c {width: 4; height: 4}
.bubble {background-color:#C3D9FF}
.tl {padding: 0; width: 4; text-align: left; vertical-align: top}
.tr {padding: 0; width: 4; text-align: right; vertical-align: top}
.bl {padding: 0; width: 4; text-align: left; vertical-align: bottom}
.br {padding: 0; width: 4; text-align: right; vertical-align: bottom}


/* from time sheet */
.outer_table { background-color: #F2F3FF; border: 1px solid #005a87;}
.faceBackground { background-color: #F2F3FF; }
.table_head { border-left: background-color: #FFFFFF; }
//.table_body { border: 1px dots #005a87; }
.section_body { border-bottom: 1px solid #5271CC; }
.outer_table_heading { font-size: 14px; font-family: Verdana, Arial, sans-serif; cursor:default; font-weight: bold; color: #000000; }
.outer_table_action { font-size: 11px; font-family: Verdana, Arial, sans-serif; font-weight: bold; color: #001061; }
.inner_table_head { border-bottom: 1px solid white; background-color: #005a87; height:25px;}
.inner_table_column_heading { font-weight: bold; color: #FFFFFF; }


/* for order form */
input.back { 
	  color:#333333; 
	  font-weight: normal; 
		/* got these hints below from http://latrine.dgx.cz/the-stretched-buttons-problem-in-ie for ugly streched out of shape ie buttons*/ 
    padding: 0 .5em;
   /* width: 0;  for IE only */
    overflow: visible;
} 
 
input.proceed { 
	  color:#003366; 
	  font-weight: bold;
		/* got these hints below from http://latrine.dgx.cz/the-stretched-buttons-problem-in-ie for ugly streched out of shape ie buttons */
    padding: 0 .5em;
    /*width: 0;  for IE only */
    overflow: visible; 
} 

/* do not disclose form input to biological entities */
input.hp {
	font-weight: normal;
	display: none;
}

.announcement_black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 1500px;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.7;
			opacity:.70;
			filter: alpha(opacity=70);
		}
.announcement_white_content {
	font-size: 1em; font-family: Arial, verdana, tahoma, sans-serif; font-weight: normal; color:#000000;
	display: none;
	position: absolute;
	align:center;
	top: 20%;
	left: 25%;
	width: 50%;
	height: 60%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.button,.button:visited {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0; */
   color: black;
   font-size: 14px;
	 font-weight:bold;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
}
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
}

.backgroundstretch {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1000; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch {
    width:100%;
    height:100%;
}

/* EM additions */

.providedby {color: #2279b7; margin: 0px 0px 24px 0px;}

#craftysyntax {float: right;}
.csyntax {float: right;}
/*#craftysyntax _1{float: right;}*/

.headersection {background: #0c2d4e url(../images/header_fi_revised.jpg) repeat-x left bottom;}

@media  only screen and (max-width: 767px) {
	.table762 {width: 100%;}
	.nav {background-image: none;}
	.fb-like {visibility: hidden !important; display: none !important; float:right;}
	#FlabellComponent  {visibility: hidden !important; display: none !important;}
}
	
@media  only screen and (min-width: 768px) {
	.table762 {width: 760px;
}