/* <!-- THE TOLLY GROUP, INC - MAIN STYLE SHEET (c) 2004 --> 
<!-- http://www.coffeecup.com --> 
<style type="text/css">
<!--
COMMENT {filename = TTGStyle}
COMMENT {created by C. Bruno, 03/14/03}
COMMENT {Ver 2.0 - kt - 10Aug03 - Added DIV.rh-callout}
COMMENT {Ver 2.1 - kt - 10Aug03 - Added services and full-header}
COMMENT {Ver 2.2 - kt - 07Dec03 - Update for new home page }
COMMENT {Ver 2.3 - kt - 01Feb04 - Add TVLogoLeftHeader and HeaderBox}
COMMENT {Ver 2.4 - kt - 02May04 - Chg TVlogo TOP (down) from 80 to 90 and Left from 95 to 105 to avoid overlap on big screens}
COMMENT {Ver 3.0 - kt - 18Sep04 - Mods to make it work with Firefox - Problem was lack of closing brace on COMMENT for Ver 2.3!!!}
COMMENT {This file contains class definitions to be used in TTG Web source file }  */



	/*	BODY { margin-left: 10%; margin-right: 10%; }  */

	

	   	.headline1 { font-family: Arial, Helvetica, Sans-serif; font-size: larger; font-weight: 700; font-style: normal; text-decoration: none; text-transform: none; font-variant: normal; color: #000000; background: #C0C0C0;}

		.headline2 { font-family: Arial, Helvetica, Sans-serif; font-size: medium; font-weight: 700; font-style: normal; text-decoration: none; text-transform: none; font-variant: normal;  color: #000000; background: #C0C0C0;}

/* COMMENT {This class is used for callout box to the right of the page - kt 10Aug03} */
        .rh-callout {
     float: right; margin: 60px; 
     width: 30%;
     border-left: 2px dotted #D9D0BC;
     border-bottom: 2px dotted #D9D0BC;
     padding-left: 0.6em;
     padding-bottom: 0.6em;
     padding-right: 0.6em;
     color: maroon;
     background: #e0ffff;  /* was Gainsboro. e0ffff is Light Cyan */


        }

       

/* COMMENT {This class is used for SERVICES header - kt 10Aug03} */
        .services-header {
     float: left;
     width: 42%;
     border-left: 5px solid #D9D0BC;
     border-bottom: 2px solid #D9D0BC;
     padding-left: 0.2em;
     color: white;
     background: #0D1E32; /* same bg color as footer */
     font-size: 150%


        }


/* COMMENT {This class is used for a full-width header - kt 10Aug03} */
        .full-header {
     float: left;
     width: 100%;
     border-left: 5px solid #D9D0BC;
     border-bottom: 2px solid #D9D0BC;
     padding-left: 0.2em;
     color: white;
     background: #0D1E32; /* same bg color as footer */
     font-size: 200%


        }


/* COMMENT {This class is used to create a stand-out lead sentence on a page kt 10Aug03 }*/

 .lead-sentence {
  float: left;
  font-size: 1.7em;
  padding: 0 0.4em;
  margin: 0 0.2em 0 0;
  background: #f5f5f5;  /* was 90ee90 - f5f5f5 is WHITESMOKE*/
  border: 2px dashed #D9D0BC;
  }


/* COMMENT {This class is used for TVLogo on Header of TV sub pages - kt 01Feb04}*/
        .TVLogoLeftHeader {

	POSITION: absolute;
    	TOP: 90;
     	LEFT: 130px;
	Z-index: 5;
        }






/* COMMENT {This class is used for bordered box on 2nd-tier home pages - kt 11Aug03}*/
        .bordered-box {


     border: 2px outset #D9D0BC;
     padding-top:  0.8em;
     padding-left: 0.6em;
     padding-bottom: 0.6em;
     padding-right: 0.6em;
     margin-left: 0.0em;
     color: maroon;
     background: Gainsboro;  /*  #e0ffff is Light Cyan */


        }


/* COMMENT {This class is used for headlines in boxes on 2nd tier home pages - kt 11Aug03}*/
        .header-in-box {

     display: block; /* make sure that text starts on following line */
     font-size: 110%;
     text-align: center;
     padding-top:   0.6em;
     padding-left: 0.6em;
     padding-bottom: 0.6em;
     padding-right: 0.6em;
     color: black;



        }


/* COMMENT {Blue navbar, to be used with .navbartext }*/
		.topnavbar {
	color: #FFFFFF;
	background: #0000cc; /* Chg background color from gray to blue */
	margin-left: 2%;
	margin-right: 2%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	margin-bottom: 1%;}





/* COMMENT {topnavbartext is to be used in top Navigation bar }*/
		.topnavbartext {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: small;
	font-weight: 800;
	font-style: normal;
	text-decoration: none;
	text-transform: capitalize;
	font-variant: normal;
	color: #FFFFFF;}
	


/* COMMENT {The following three classes are for the certification, research and testing tables. }*/
		.certtable { background: #CFCFCF;  vertical-align: baseline; text-align: left;}
		.rschtable { background: #CFCFCF;  vertical-align: baseline; text-align: center;}
		.testtable { background: #CFCFCF;  vertical-align: baseline; text-align: right;}

/* COMMENT {This class represents the attributes for text that goes into any of the three tables. }*/
		.tabletext { font-family: Arial Narrow, Helvetica, Sans-serif; font-size: 100%; font-weight: 400; font-style: normal; text-decoration: none; text-transform: none; font-variant: normal; color: #0000FF; }

/* COMMENT {Defines the vendor information box that sits atop of the events box and just below the navbar on right side.}*/
		.vendorbox {  font-family: Lydian, News Gothic, Serif; font-size: 100%; font-weight: 600; font-style: italic; text-decoration: none; text-transform: none; font-variant: normal; color: #800080; background: #FFFFAA; vertical-align: 0%; text-align: center; margin-left: 2%; margin-right: 2px; margin-top: 2px; margin-bottom: 2px;}

/* COMMENT {This class defines the backdrop box for the Events section on right side}*/
		.eventbox { background: #87CEFF;  margin-left: 2%; margin-right: 2%; margin-top: 2%; margin-bottom: 2px;}

/* COMMENT {Defines the headline style for top of events box }*/
		.eventshead { font-family: Copperplate Gothic Bold, Verdana, Serif; font-size: 100%; font-weight: 700; font-style: normal; text-decoration: none; text-transform: capitalize; font-variant: normal; color: #0D1E32; }

/* COMMENT {botnavbartext is to be used in bottom Navigation bar }*/
		.botnavbartext { font-family: Arial, Helvetica, Sans-serif; font-size: 100%;  color: #FFFFFF; background: #000000;}


	/* COMMENT { This section of the stylesheet maps out elements for the Program box on each of three secondary pages for CRT, hence my comments will be indented to signify secondary page elements.}*/


	.progboxtitle { font-family: Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: 700; font-style: normal; text-decoration: none; text-transform: capitalize; font-variant: normal; color: #0D1E32; }

	.progboxtext { font-family: Arial Narrow, Arial, Sans-serif; font-size: 100%; font-weight: 400; font-style: normal; text-decoration: none; text-transform: none; font-variant: normal;  color: #000000; }


	/* COMMENT {Defines Fair Testing Charter box on Testing page,left side }*/
	.ftcbox { background: #87CEFF;  margin-left: 2%; margin-right: 2%; margin-top: 2%; margin-bottom: 2px;}

	.ftchead { font-family: Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: 700; font-style: normal; text-decoration: none; text-transform: capitalize; font-variant: normal; color: #000000; background: #87CEFF; }

	.ftcbodytext { font-family: Arial Narrow, Arial, Sans-serif; font-size: 100%; font-weight: 400; font-style: normal; text-decoration: none; text-transform: none; font-variant: normal; color: #000000; }


	/* COMMENT {Defines Fair Testing Charter box on Testing page,left side }*/
	.itclaritybox { background: #87CEFF;  margin-left: 2%; margin-right: 2%; margin-top: 2%; margin-bottom: 2px;}

	.itchead { font-family: Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: 700; font-style: normal; text-decoration: none; text-transform: capitalize; font-variant: normal; color: #000000; background: #87CEFF; }

	.itcbodytext { font-family: Arial Narrow, Arial, Sans-serif; font-size: 100%; font-weight: 400; font-style: normal; text-decoration: none; text-transform: none; font-variant: normal; color: #000000; }



	/* COMMENT {Defines box parameters for Test Tool Pavilion on Testing Page and Research Page }*/
	.testtoolbox { background: #87CEFF;  margin-left: 2%; margin-right: 2%; margin-top: 2%; margin-bottom: 2px;}

	.toolhead { font-family: Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: 700; font-style: normal; text-decoration: none; text-transform: capitalize; font-variant: normal; color: #000000; background: #87CEFF; }

	.tooltext { font-family: Arial Narrow, Arial, Sans-serif; font-size: 100%; font-weight: 400; font-style: normal; text-decoration: none; text-transform: none; font-variant: normal; color: #000000; }



