/* Many thanks to Charles Wyke-Smith for the book Stylin for the Web

 where I got the code for the CSS menus and Drop-Down Menus */







body  {

	font: 1em Verdana, Arial, Helvetica, sans-serif;

	background: #666666;

	margin: 0; 

	padding: 0;

	text-align: center; 

	color: #000;

}







* {margin: 0; padding: 0;



}



.twoColElsLtHdr #container { 

	width: 55em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */

	background: #FFFFFF;

	margin: 0  auto; /* the auto margins (in conjunction with a width) center the page */

	border: 1px solid #000;

	text-align: left; /* this overrides the text-align: center on the body element. */

	

} 







.twoColElsLtHdr #header img {

	position: relative; top:  0; left: 0; 

	width: 46em;

}



span.bigcap {

	font-size: 1.05em;}

	

span#bigcap {

	font-size: 1.05em;

}	



.twoColElsLtHdr #header h1 { margin: 25px 0 7px 0; font-family: "Times New Roman", Times, serif; font-size:2em; font-weight:normal; color:#8c0000; text-align:center; }



.twoColElsLtHdr #header p { padding-bottom:15px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:1em; line-height:1.2em; text-align: center;}


div.formtable {
	float: left;
	clear: both;
	margin: 1em;
	width: 100%;
	font-size: 1.1em;
	color: #8c0000;
	
	
}

div.formtable table {
	border: 1px solid #8c0000;
	margin-bottom: 1em;
}

div.formtable td {
	vertical-align: top;
	padding: 5px 10px 10px 10px;
	
	
}

div.formtable th {
		padding: 5px;
		border: 1px solid #8c0000;
}

div.formtable h5 {
	font-size: 0.9em;
	margin-bottom: 1em;
}

div.formtable ol {
	margin-top: 0.5em;
	list-style: none;
}

div.formtable ol li {
	margin: 0 5px 2em 10px;
	padding: 15px 0;
}

div.formtable li a{

	color: #000;
}

div.formtable li a:hover {
	color: #fc0000;
	text-decoration: none;
}

* input {
	margin-top: 3px;
}






/* Son of Suckerfish main menu CSS starts here */

/* Son of Suckerfish can be found at http://www.htmldog.com/articles/suckerfish/dropdowns/ */



#nav, #nav ul {

    padding: 0;

    margin: 0;

    list-style: none;

    background-color: #8c0000;

    height: 2em;

}

#nav a {

    display: block;

    width: 12em;

    text-decoration: none;

    color: #fff;

    line-height: 2em;

    font-variant: small-caps;

    font-size: 1em;

    }

#nav li {

    position: relative;

    float: left;

    width: 12em;

    background-color: #8c0000;

    text-align: center;

    border-right: 1px solid #fff;

}

#nav li:hover,#nav li.sfhover {

    background-color: #fb0000;

}

#nav li ul {

    position: absolute;

    width: 12em;

    left:-999em;

    top: 2.2em;

    

}

#nav li ul li {

    text-align: left;

    padding: 0 5px;

    width: 15em;

    line-height: 2em;

    border-top: 1px solid #fff;

}

#nav li ul li a {

    font-size: 1em;

    width: auto;

        }

#nav li:hover ul, #nav li.sfhover ul {

	left: 0;

    top:auto;

}



/* Son of Suckerfish Menus stops here */









.twoColElsLtHdr #sidebar1 {

	float: left; 

	width: 17em; /* since this element is floated, a width must be given */

	margin-top: 10px;

	padding: 10px 1.1em 10px 10px; /* top and bottom padding create visual space within this div */

	font-size: 85%;

	



}

.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {

	margin: 20px 10px 0px 10px;}



.twoColElsLtHdr #sidebar1 h3 {

	font-size: 90%;

	color: #fff;

	text-align: center;

	background-color: #8c0000;;

	padding: 5px 7px;

}



.twoColElsLtHdr #sidebar1 img {

	width: 15.5em;

	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */

	margin-right: 10px;

}



.twoColElsLtHdr #sidebar1 ul {

	background-color: #ccc;

	padding: 5px 5px 5px 15px;

	margin-top: 10px;

	margin-right: 10px;

	margin-left: 10px;

}



.twoColElsLtHdr #sidebar1 ul li {

	list-style-type: none;

	margin: 7px 0px;

	

}

.twoColElsLtHdr #sidebar1 ul li a {

	text-decoration: none;

	color: #000;

	

}



.twoColElsLtHdr #sidebar1 ul li a:hover {

	color: #8c0000;

	



}



span.linktitle {

	font-weight: bold;

}









.twoColElsLtHdr #mainContent {

	margin: 4em 1.5em 0 21em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */

	padding: 15px;

	font-size: 80%;

	border-left: 1px solid #ccc;

}



.twoColElsLtHdr #mainContent p {

	margin: 5px 0px;

}



.twoColElsLtHdr #mainContent p {

	margin: 5px 0px;

}



.twoColElsLtHdr #mainContent h1 {

	font-family:Verdana, Helvetica, Arial, sans-serif;

	font-size: 120%;

	margin: 10px 0px;

	color: #8c0000;

	

} 



.twoColElsLtHdr #mainContent h2 {

	font-size: 110%;

	color: #8c0000;

	margin-top: 15px;

}



.twoColElsLtHdr #mainContent h3 {

	font-size: 105%;

	font-style: italic;

	margin-top: 15px;

}



.twoColElsLtHdr #mainContent h4 {

	margin: 0;

	padding: 0;

	font-size: 1em;

	font-weight: bold;

	color: #8c0000;

}



.twoColElsLtHdr #mainContent ul{

	margin: 10px 0 5px 25px;

}



.twoColElsLtHdr #mainContent ol{

	margin: 10px 0 5px 35px;

}



.twoColElsLtHdr #mainContent ol li{

	margin: 0.3em 0;

}







.twoColElsLtHdr #mainContent ul li {

	margin: 5px 0;

	list-style-type: disc;

}



.twoColElsLtHdr #mainContent ul li a{

	color: #8c0000;

}



.twoColElsLtHdr #mainContent ul li a:hover {

	color: blue;

}



.twoColElsLtHdr #mainContent table {

	margin: 10px 0 15px 0;

	

}





.twoColElsLtHdr #mainContent img {

	margin: 15px 30px;

	width: auto;

	

	

}





.twoColElsLtHdr #mainContent table th {

	padding: 5px;

    border: 1px solid #8c0000;

}



.twoColElsLtHdr #mainContent table td {

	border: none;

}







div.footnote {

	font-size: 0.8em;

	font-style: italic;

	padding: 10px;

}



.twoColElsLtHdr #footer { 

	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	margin: 10px 0 0 0;

	border-top: 1px solid #ccc;

	



} 



span.emph {

	color: #8c0000;

}



span.emph2 {

             font-weight: bold;

			 font-style: italic;

}



div#needs_Assess {

	
	line-height: 1em;
	margin: 0 0 10px 0;
	padding-bottom: 10px;

}



div#needs_Assess a {
	font-size: 1.2em;
	color: #8c0000;; 
	text-decoration: underline;}



div#needs_Assess a:hover {color: #FF3300; text-decoration: none;}



.twoColElsLtHdr #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	font-size:0.8em;

	color: #8c0000;

	text-align: center;

	

}



div#prodContent  {

	

	float: left;

	width: 100%;	

	

}



div#prodContent img {

	

    margin: 15px 30px;

	width: auto;

}



div#prodContent p {

	

	padding: 10px 15px;

}



div#prodContent h1 {

	

	font-family: Verdana, Helvetica, Arial, sans-serif;

	font-size: 1.5em;

	text-align: center;

	color: #8c0000;	

	padding: 10px 0;

	margin-top: 15px;

	

}



div#prodContent h2 {

	

	font-family: Verdana, Helvetica, Arial, sans-serif;

	font-size: 1.2em;

	text-align: left;

	padding: 10px;

	color:#8c0000;	

	

}







div#prodContent h3 {

	

	font-family: Verdana, Helvetica, Arial, sans-serif;

	font-size: 1.1em;

	text-align: left;

	padding: 10px;

	color:#8c0000;	

	

}



div#prodContent h4 {

    font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	color:#000;

	padding: 15px 0 5px 10px;

	}







div#prodContent ul {

	

	padding: 0px 15px;

	

}



div#prodContent ul li {

	

	list-style-type: disc;

	margin: 5px 0 0 1.5em;

}



div#prodContent ul li a {

	

	color: #000;

}



div#prodContent ul li a:hover {

	color: #8c0000;

}



div#prodContent ol {

	padding: 5px 15px 5px 50px;

}



div#prodContent ol li {

	margin: 5px 0;

}





div#prodContent table {

	

	margin: 1em;

	width: 90%;

	

}



div#prodContent th {

	

	font-family: Verdana, Helvetica, Arial, sans-serif;

	font-size: 1em;

	color: #8c0000;

	padding: 5px 5px 5px 20px;

	border: 1px solid #8c0000;

	

}



div#prodContent td {

	

	font-size: 1em;

	vertical-align:top;

	

}



div.picture {

	text-align: center;

}



div#key table {

	

	width: 27em;

	font-size: 0.5em;

	text-align: center;

	margin: 30px auto 0 auto;

	border: 1px solid #8c0000;

	

}



td {

	

	border: 1px solid #8c0000;

	padding: 2px 5px;

}



div.icons {

	display: inline;

	text-align: left;

	font-size: 1em;

	color: black;

	width: 10px;

	

	

}



div.icons img {

	

	margin:5px;

	padding: 0;

}





span.dsign {

	float: left;

	margin: 5px 10px 0 10px;

}





td.range {

	text-align: left;

}











div#spec_pdf_image img{

	width: 100%;

	margin: 0;

}



/* Miscellaneous classes for reuse */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



/* Form Styles */



div#formContent {
    float: left;
    clear: left;
    
    margin: 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */

	padding: 15px;

	font-size: 80%;
	height:auto;

	

}



form#aiaForm {

	

	border: none;

}



div#formContent p {margin: 15px 0px;}



div#formContent h1 {

    

	font-family:Verdana, Helvetica, Arial, sans-serif;

	font-size: 120%;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-top: 10px;

	color: #8c0000;

}



form#aiaForm h2 {

	font-size: 1.1em;

	color: #8c0000;

	margin: 0 0 10px 12px ;

	float: left;

	width: 40em;

	padding: 10px 0;

	

}



form#aiaForm h3 {

	font-size: 0.8em;

	color: #000;

	margin: 0 0 10px 12px ;

	float: left;

	width: 40em;

	padding: 10px 0;

}



legend span.emph3 {

    font-size: 1.1em;

	font-weight: bold;

	display: inline;

	color: #8c0000;

	

}





form#aiaForm fieldset {  

	float: left;

	clear:left;

	width: 40em;  

	margin: 0 10px 1.5em 15px;  

	padding: 0px;  

	border-top: none; 

	border-left: none;

	border-right: none;

	border-bottom: none;  

	

}

legend {

	float: left;

	width: 45em;  

	margin: 10px 0 10px 20px;

	color: #8c0000;  

	font-weight: bold;

	border: none;

	

}

fieldset ol {  

	padding: 1em 1em 0 1em;  

	list-style: none;

	border: none;

}

fieldset ol li {  

	padding-bottom: 1em;

	width: 40em;

}







fieldset.submit {  

	border-style: none;

	float: none;  

	width: auto;

	text-align: center;  

	border-style: none;

	padding-top: 1.0em;  

	padding-left: 12em;  

	background-color: transparent;

}



fieldset.submit input {

	font-family: Verdana, Helvetica, Arial, sans-serif;

	font-size: 0.4em;

	font-style: normal;

	line-height: 20px;

	font-weight: normal;

	padding: 5px;

	background-color: #8c0000;

	color: #fff;

	

}



/*End Form Styles*/



table.contact {

	padding: 10px 0;

	vertical-align: middle;

	border: none;

	float: left;

}



table.contact td{

	

	text-align: right;

	padding: 5px;

	margin: 10px;

	vertical-align: top; border: none;

	

	

}



table.contact th {



padding: 0 10px 0 0;

text-align: right;

border: none;



}









/*right-aligned label*/

label {  

	float: left;  

	width: 10em;  

	margin-right: 1em;  

	text-align: right;

}



fieldset li {  

	float: left;  

	clear: left;  

	width: 100%;  

	padding-bottom: 1em;

}



fieldset fieldset legend {

	margin: 0 0 0 3.5em;

	border: none;

}



div#qteButton {

text-align: center;

margin-top: 10px;

}



div#qteButton a img{

	

border: none;

}





p.caption {

	text-align: center;

	padding: 0 0 5px 30px;

	margin: 0 0 5px 10px;

	font-size: 0.8em;

}

div.caption {

	font-size: 1em;

	text-align: center;

}



p.caption a {

	margin: 0;

	padding: 0;

}

            

table.specTable {border:none;}



table.specTable td {border:none;}



div#client {

          font-family: Verdana, Helvetica, Arial, sans-serif;

          font-size: 1.1em;

          font-style: italic;

          text-align: center;

          margin: 10px 0;

}



div#footnav { 

              margin-top: 10px;

              margin-right: 10%;

              margin-left: 15%; }





#navlist

{

list-style: none;

padding: 0;

margin: 0;

}



#navlist li

{

display: inline;

padding: 0;

margin: 0;

}



#navlist li a {

	text-decoration: none;

	font-size: 0.9em;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	color: #8c0000;

}



#navlist li a:hover {

	color: #ff3300;

}