/*
Completed and Tested 2008 07 09:
index.html, idvanceHomeCSS05.css and idvanceLogo 2008 04 14mergedPng.png.  
Tested with:
- IEX 7.0.6
- IEX 6.0.2.9
- Firefox 2.0.0
- Safari 3.1.1
- Safari on iPhone Simulator

OUTSTANDING ISSUES:
1. Use of .small, at least within a span within another span, does not work on Safari.
2. Testing really should also be completed with other older versions of the same browsers.

CSS best practices:

PLATFORM COMPATABILITY
- For at least the Macintosh, environment, it is important that this file be saved as 
Unicode (UTF-8).  As well, on a Macintosh, using BB_Edit, it can also be
saved with DOS Line Breaks, which worked in Safari, and should also work on Windows.
- For Internet Explorer 6, it is necessary to explicitly employ
	list-style-position: inside; 
- Firefox and Safari both set a default padding for lists while Internet Explorer 
  and Opera use a margin - so you need to specify both, particularly for the left margin.  
  And note that the left margin needs to be at least the same as the paragraphs by which 
  the list is preceded and followed.

CREATING SPACING
- There is no CSS tool for adding white space between lines in a paragraph.  A single space
between each line cannot easily be changed to a double space.

WORKING WITH TABLES
- See comments further below, titled "Start of tableType12 series of CSS elements"

WORKING WITH LISTS
- For Internet Explorer 6, it is necessary to explicitly employ
	list-style-position: inside; 
- Firefox and Safari both set a default padding for lists while Internet Explorer 
  and Opera use a margin - so you need to specify both, particularly for the left margin.
  And note that the left margin needs to be at least the same as the paragraphs by which 
  the list is preceded and followed.

*/

.centeredTitle{
	margin-top:5%;
	margin-bottom:5%;
	margin-left:15%;
	margin-right:20%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 160%;
	/*font-weight: bold;*/
	text-align: center;
	color: rgb(245,115,0); /*idvance orange*/
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}


/* BODY STYLES **********************************************************************************/

body{
	margin-left:12%;/*15%;*/
	margin-right:12%; /*20%;*/
}


/* END BODY STYLES ******************************************************************************/


/* LOGO STYLES **********************************************************************************/
div#logo{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	color: rgb(32,32,32);/*idvance dark gray*/
	background: rgb(255,255,255); /*idvance white*/
	text-align:center;
	margin-bottom: 0%;
	padding-bottom: 0%;
	margin-right: 5%;
	/*border: 1px solid rgb(255, 0, 0); *//*For Testing Only*/
}

/* END LOGO STYLES *********************************************************************************/

/* TWO COLUMN SUPPORT ******************************************************************************/
.containerSecondColumn{
	padding-right:20px;
}

#col00 {
	float:left;
	width:440px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}
#col01 {
	float:left;
	width:360px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:0px;
}

#belowTwoColumns{
	clear:both;
}


/*STANDARD HEADINGS AND PARAGRAGH STYLES ***********************************************************/

h1{
	margin-top:0%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 180%;
	/*font-weight: bold;*/
	color: rgb(2,0,115);/*idvance dark blue*/
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}

h2{
	margin-top:30px;
	margin-bottom:10px;
	margin-left:0%;
	margin-right:0%;
	padding-left: 2%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 160%;
	/*font-weight: bold;*/
	color: rgb(2,0,115); /*idvance dark blue*/
/*	border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}


h3{
	margin-top:0%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 140%;
	font-style: italic;
	/*font-weight: bold;*/
	color: rgb(2,0,115);/*idvance dark blue*/
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}

h4{
	margin-top:0%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	/*font-weight: bold;*/
	color: rgb(2,0,115);/*idvance dark blue*/
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}


h5{
	margin-top:0%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	/*font-weight: bold;*/
	font-style: italic;
	color: rgb(245,115,0); /*idvance orange*/
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}


h6{
	margin-top:0%;
	margin-bottom:0%;
	margin-left:0%;
	margin-right:0%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	/*font-weight: bold;*/
	color: rgb(2,0,115);/*idvance dark blue*/
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}

p{
	margin-top:0%;
	margin-bottom: 10px;
	margin-left:0%;
	margin-right:0%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	/*font-weight: bold;*/
	color: rgb(32,32,32);/*idvance dark gray*/
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}




/* END STANDARD HEADINGS AND PARAGRAGH STYLES ******************************************************/


/* ALTERNATIVE HEADINGS AND PARAGRAGH STYLES *******************************************************/

.pBold{
	margin-top:20px;
	margin-bottom: 20px;
	margin-left:0%;
	margin-right:0%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: rgb(32,32,32);/*idvance dark gray*/
	text-align:justify;
}


.pItalics{
	margin-top:20px;
	margin-bottom: 20px;
	margin-left:0%;
	margin-right:0%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-style: italic;
	/*font-weight: bold;*/
	color: rgb(32,32,32);/*idvance dark gray*/
	text-align:justify;
	/*text-indent:25px;*/
	/*border: 1px solid rgb(0, 0, 255);*//*For Testing Only*/
}

.pItalicsAndBold{
	margin-top:20px;
	margin-bottom: 20px;
	margin-left:0%;
	margin-right:0%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-style: italic;
	font-weight: bold;
	color: rgb(32,32,32);/*idvance dark gray*/
	text-align:justify;
}


/************************************************/

.pIdvance{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	/*font-weight: bold;*/
	color: rgb(32,32,32);/*idvance dark gray*/
	margin-top:20px;
	margin-bottom: 20px;
	margin-left:0%;
	margin-right:0%;
	padding-left:0%;
	padding-right:0%;
	text-align:justify;
	line-height: 185%;
	text-indent:0px;
	/*border: 1px solid rgb(0, 0, 255);*//*For Testing Only*/
}

/* ORDER IS IMPORTANT: MUST BE link, then visited, then hover, then active */

.pIdvance a:link{
	color: rgb(2,0,115);/*blue dark*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	margin-left:0%;
	margin-right:0%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.pIdvance a:visited{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(255,255,255); /*idvance white*/
	background: rgb(199,219,247); /*idvance light blue*/
	text-decoration: none;
	margin-left:0%;
	margin-right:0%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*border: 1px solid rgb(0, 0, 255);*//*For Testing Only*/
}
.pIdvance a:hover{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	background: rgb(199,219,247); /*idvance light blue*/
	margin-left:0%;
	margin-right:0%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*text-decoration: underline;*/
	text-decoration: none;
}
.pIdvance a:active{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(245,115,0);/*idvance orange*/
	background: rgb(2,0,115);/*idvance dark blue*/
	margin-left:0%;
	margin-right:0%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
}



.pIdvance2{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 125%;
	/*font-weight: bold;*/
	color: rgb(32,32,32);/*idvance dark gray*/
	margin-top:20px;
	margin-bottom: 20px;
	margin-left:0%;
	margin-right:0%;
	padding-left:0%;
	padding-right:0%;
	text-align:justify;
	line-height: 155%;
	text-indent:0px;
}

/************************************************/


.idvanceFirstSentence{
	font-family: Helvetica, Arial, sans-serif;
/*	color: rgb(2,0,115);*//*blue dark*/
/*	color: rgb(128,128,128);*//*idvance medium gray*/
/*	color: rgb(60,60,80);*//*idvance bluish gray*/
	color: rgb(90,90,180);/*idvance medium gray blue*/
	background: rgb(199,219,247);/*blue light*/
	font-weight: bold;
	font-size: 125%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0%;
	margin-right:0%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:4%;
	padding-right:4%;
	line-height: 155%;
}


.ulIdvanceFirstSentence{
	font-family: Helvetica, Arial, sans-serif;
/*	color: rgb(2,0,115);*//*blue dark*/
/*	color: rgb(128,128,128);*//*idvance medium gray*/
/*	color: rgb(60,60,80);*//*idvance bluish gray*/
	color: rgb(90,90,180);/*idvance medium gray blue*/
	background: rgb(199,219,247);/*blue light*/
	font-weight: bold;
	font-size: 125%;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:10%;
	padding-right:10%;	
	margin-top:0px;
	margin-bottom: 0px;
	margin-left:0%;
	margin-right:0%;
	line-height: 180%;
	list-style-position: outside; /*Necessary to state explicitly for Internet Explorer 6 */
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}

.idvanceBlueDarkIFS{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*blue dark*/
	background: rgb(199,219,247);/*blue light*/
	font-weight: bold;
}

.idvanceOrangeIFS{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(245,115,0);/*idvance orange*/
	background: rgb(199,219,247);/*blue light*/
	font-weight: bold;
}

/************************************************/

.pIdvanceOrangeLarger{
	font-family: Helvetica, Arial, sans-serif;
/*	color: rgb(2,0,115);*//*blue dark*/
/*	color: rgb(128,128,128);*//*idvance medium gray*/
/*	color: rgb(60,60,80);*//*idvance bluish gray*/
	color: rgb(199,219,247);/*blue light*/
	background: rgb(245,115,0);/*idvance orange*/
	font-weight: bold;
	font-size: 110%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0%;
	margin-right:0%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:8%;
	padding-right:4%;
	line-height: 155%;
}


.idvanceFirstSentenceGray{
	font-family: Helvetica, Arial, sans-serif;
/*	color: rgb(2,0,115);*//*blue dark*/
/*	color: rgb(128,128,128);*//*idvance medium gray*/
/*	color: rgb(60,60,80);*//*idvance bluish gray*/
	
	color: rgb(255,255,255);/*white*/
	background: rgb(128,128,128);/*idvance medium gray*/
	font-weight: bold;
	font-size: 125%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0%;
	margin-right:0%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:4%;
	padding-right:4%;
	line-height: 155%;
}


/************************************************/

.idvanceFirstSentenceOrange{
	font-family: Helvetica, Arial, sans-serif;
/*	color: rgb(2,0,115);*//*blue dark*/
/*	color: rgb(128,128,128);*//*idvance medium gray*/
/*	color: rgb(60,60,80);*//*idvance bluish gray*/
	
	color: rgb(60,60,80);/*idvance bluish gray*//*255,255,255);/*white*/
	background: rgb(245,115,0);/*idvance orange*/
	font-weight: bold;
	font-size: 125%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0%;
	margin-right:0%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:4%;
	padding-right:4%;
	line-height: 155%;
}

/************************************************/

.idvanceFirstSentenceWhite{
	font-family: Helvetica, Arial, sans-serif;
/*	color: rgb(2,0,115);*//*blue dark*/
/*	color: rgb(128,128,128);*//*idvance medium gray*/
/*	color: rgb(60,60,80);*//*idvance bluish gray*/
	
	color: rgb(32,32,32);/*idvance dark gray*/
	background: rgb(255,255,255);/*white*/
	font-weight: normal;
	font-size: 125%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0%;
	margin-right:0%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:4%;
	padding-right:4%;
	line-height: 155%;
}

.ulIdvanceFirstSentenceWhite{
	font-family: Helvetica, Arial, sans-serif;
/*	color: rgb(2,0,115);*//*blue dark*/
/*	color: rgb(128,128,128);*//*idvance medium gray*/
/*	color: rgb(60,60,80);*//*idvance bluish gray*/
	color: rgb(32,32,32);/*idvance dark gray*/
	background: rgb(255,255,255);/*white*/
	font-weight: normal;
	font-size: 125%;
	padding-top:0px;
	padding-bottom:10px;
	margin-top:0px;
	margin-bottom: 0px;
	padding-left: 50px; /*30px is best*/
	margin-left:0%;
	margin-right:0%;
	line-height: 150%;
	list-style-position: outside; /*Necessary to state explicitly for Internet Explorer 6 */
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}


/************************************************/


.idvanceFirstSentence2{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(90,90,180);/*idvance medium gray blue*/
	background: rgb(199,219,247);/*blue light*/
	font-weight: bold;
	font-size: 130%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2%;
	padding-right:10px;
	line-height: 155%;
}
.idvanceFirstSentence2 a:link{
	color: rgb(2,0,115);/*blue dark*/
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	margin-left:0%;
	margin-right:0%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.idvanceFirstSentence2 a:visited{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(255,255,255); /*idvance white*/
	background: rgb(199,219,247); /*idvance light blue*/
	text-decoration: none;
	margin-left:0%;
	margin-right:0%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*border: 1px solid rgb(0, 0, 255);*//*For Testing Only*/
}
.idvanceFirstSentence2 a:hover{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	background: rgb(199,219,247); /*idvance light blue*/
	margin-left:0%;
	margin-right:0%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*text-decoration: underline;*/
	text-decoration: none;
}
.idvanceFirstSentence2 a:active{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(245,115,0);/*idvance orange*/
	background: rgb(2,0,115);/*idvance dark blue*/
	margin-left:0%;
	margin-right:0%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
}


/************************************************/

.idvanceFirstSentenceProducts{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(90,90,180);/*idvance medium gray blue*/
	background: rgb(199,219,247);/*blue light*/
	font-weight: bold;
	font-size: 130%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2%;
	padding-right:10px;
	line-height: 155%;
}

/* END ALTERNATIVE HEADINGS AND PARAGRAGH STYLES ***************************************************/



/* MAIN TEXT STYLES ********************************************************************************/

div#mainText{
	width:100%;
	padding-bottom:50px;
}


/* END MAIN TEXT STYLES ****************************************************************************/



/* LIST STYLES *************************************************************************************/

.ulClassWithinToc{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	/* font-weight: bold;*/
	color: rgb(32,32,32);/*idvance dark gray*/
	/* Firefox and Safari both set a default padding for lists while Internet
	   Explorer and Opera use a margin - so you need to specify both, particularly for
	   the left margin. And note that the left margin needs to be at least the same as
           the paragraphs by which the list is preceded and followed.*/
	margin-top:0px;
	margin-bottom:20px;
	padding-left: 50px; /*30px is best*/
	margin-left:0%;
	margin-right:0%;
	list-style-position: outside; /*Necessary to state explicitly for Internet Explorer 6 */
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}


.ulClassWithinParagraph{
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	/* font-weight: bold;*/
	color: rgb(32,32,32);/*idvance dark gray*/
	/* Firefox and Safari both set a default padding for lists while Internet
	   Explorer and Opera use a margin - so you need to specify both, particularly for
	   the left margin. And note that the left margin needs to be at least the same as
           the paragraphs by which the list is preceded and followed.*/
	margin-top:0px;
	padding-top: 0px;
	margin-bottom: 20px;
	padding-left: 50px; /*30px is best*/
	padding-bottom: 20px;
	margin-left:0%;
	margin-right:0%;
	line-height: 150%;
	list-style-position: outside; /*Necessary to state explicitly for Internet Explorer 6 */
	/*border: 1px solid rgb(0, 255, 0);*//*For Testing Only*/
}

/* END LIST STYLES *********************************************************************************/



/* SMALL TEXT STYLES ***********************************************************************************/

.small{
	font-weight: normal;
	font-size:70%
}

.small2{
	font-size:xx-small;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	vertical-align: super;
}
/* END SMALL TEXT STYLES *******************************************************************************/



/* SPECIAL TEXT STYLES *********************************************************************************/

.idvanceCompanyNameLarger{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(245,115,0);/*idvance orange*/
	background: rgb(199,219,247);/*blue light*/
	font-weight: bold;
	font-size: 125%;
}

.idvanceCompanyName{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(245,115,0);/*idvance orange*/
	font-weight: bold;
}


.idvanceCompanyName2{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(128,128,128);/*idvance medium gray - also used in logo tagline*/
	background: rgb(255,255,255); /*white*/
	font-weight: bold;
}

.idvanceCompanyName3{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(245,115,0);/*idvance orange*/
	font-weight: bold;
}



.idvance3rdParty{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*blue dark*/
	font-weight: bold;
}

.idvance3rdParty2{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*blue dark*/
	background: rgb(199,219,247); /*idvance light blue*/
	font-weight: bold;
}

.idvanceBlueBright{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(51,51,255);/*blue bright*/
	background: rgb(255,255,255); /*white*/
	font-weight: bold;
}

.idvanceBlueDark{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*blue dark*/
	background: rgb(255,255,255); /*white*/
	font-weight: bold;
}

.idvanceBlueDark2{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*blue dark*/
	background: rgb(224,224,224); /*idvance light gray*/
	font-weight: bold;
}
.idvanceBlueDark3{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*blue dark*/
	background: rgb(199,219,247);/*blue light*/
	font-weight: bold;
}

.idvanceBlueDark{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*blue dark*/
	background: rgb(255,255,255); /*white*/
	font-weight: bold;
}

.idvanceBlueLight{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(199,219,247);/*blue light*/
	background: rgb(255,255,255); /*white*/
	font-weight: bold;
}
.idvanceBlueLight02{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(199,219,247);/*blue light*/
	font-weight: bold;
}
.idvanceOrangeMedium{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(245,115,0);/*orange medium*/
	background: rgb(255,255,255); /*white*/
	font-weight: bold;
}

.idvanceLargeOrange{ 
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(245,115,0);/*idvance orange*/
	background: rgb(255,255,255); /*white*/
	font-size: 250%;
	font-weight: bold;
}


.idvanceGrayDark{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(32,32,32);/*gray dark*/
	background: rgb(255,255,255); /*white*/
	font-weight: bold;
}


.phone{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	font-weight: bold;
}



.pageFooter{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	color: rgb(2,0,115);/*idvance dark blue*/

/*	color: rgb(32,32,32);*//*idvance dark gray*/
	background: rgb(199,219,247); /*idvance blue light*/
	text-align:center;
	margin-bottom:0px;
	margin-left:0%;
	margin-right:0%;
	padding-left:0%;
	padding-right:2%;

}

.idvanceBlueDarkLarger01{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*blue dark*/
	background: rgb(245,115,0);/*orange medium*/
	font-weight: bold;
	font-size: 110%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0%;
	margin-right:0%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:2%;
	padding-right:4%;
	line-height: 155%;
}

.idvanceBlueDarkOnOrange{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*blue dark*/
	background:rgb(245,115,0);/*idvance orange*/
	font-weight: bold;
}


/* END SPECIAL TEXT STYLES *****************************************************************************/



/* TABLE STYLES ****************************************************************************************/

/* Start of tableType12 series of CSS elements*/
/*
CSS Best practices for creating a table, include at least the following, as demonstrated by the tableType12 series of elements:

1. Do not apply CSS classes to thead, tbody or tfoot - some elements such as padding, will not be recognized if you do this.

2.  Avoid having to apply combinations of CSS elements to an html element.  Things get
confusing when this happens.  For instance, do not apply a CSS class to an Html colgroup as well
as individual <td> elements - instead just apply a CSS class to each <td> element.

3. It means more data entry, but results are more clear if you apply a class to each <td> element
individually.  This avoids inheritance issues.

4. Do not employ any td elements that lack a class definition.  Use global search/replace to ensure
they do not exist in your html.

5. Only create and employ a default or global CSS set of rules for <td> if all <td> elements are to
be the same font size, color, etc. (something you will rarely do).

6. Use clear names and standardized names for CSS elements as shown below.

7. Use a clear and standardized order for CSS elements as shown below.

8. Explicitly define all font and color rules for each CSS class.  Do not rely on default values.

9. Use percentage values for font sizes (relative values).  Do not hardcode sizes.

10. Use pixel values for padding (leading padding for text within a cell).

11. To support greater control, both define padding for each side separately (padding-left, padding-right), and define all for each CSS class.

12. Open Question - Not sure how to set a margin below a table.  

*/

.tableType12{	
	border: 2px solid rgb(128,128,128); /*idvance medium gray - also used in logo tagline*/
}


.tableType12collapse{	
	border: 2px solid rgb(128,128,128); /*idvance medium gray - also used in logo tagline*/
	border-collapse:collapse;
}

.tableType12collapseWithMarginsDefined{	
	margin-top:5%;
	margin-bottom:5%;
	margin-left:5%;
	margin-right:5%;
	border: 2px solid rgb(128,128,128); /*idvance medium gray - also used in logo tagline*/
	border-collapse:collapse;
}


.tableColHeader12{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;	
	color: rgb(2,0,115); /*idvance dark blue*/
	background: rgb(245,115,0); /*idvance orange*/
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;

}

.tdLabelColumn12{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;	
	color: rgb(51, 51, 51); /*idvance dark gray*/
	background: rgb(199,219,247); /*idvance light blue*/
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.tdDataColumns12{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;	
	color: rgb(51, 51, 51); /*idvance dark gray*/
	background: rgb(224,224,224); /*idvance light gray*/
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.tableCaption12 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	font-weight: normal;	
	color: rgb(2,0,115); /*idvance dark blue*/
	background: rgb(245,115,0); /*idvance orange*/
	padding-left: 8px;
	padding-right: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
}
/* End of tableType12 series of CSS elements*/


.tableType01{	
	background: rgb(199,219,247); /*idvance light blue*/
	/*border: 2px solid rgb(128,128,128); *//*idvance medium gray - also used in logo tagline*/
	padding-left: 0px;
	padding-right: 0px;
	margin-left:0px;
	margin-right:0px;
}
.tableType01B{	
	background: rgb(199,219,247); /*idvance light blue*/
	/*border: 2px solid rgb(128,128,128); *//*idvance medium gray - also used in logo tagline*/
	margin-left:0px;
	margin-right:0px;
	padding-left: 0px;
	padding-right: 0px;
}

.tableCaption01 {
	/*border: 2px solid rgb(128,128,128); *//*idvance medium gray - also used in logo tagline*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
		color: rgb(2,0,115);/*blue dark*/
	font-weight: normal;	
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	line-height:180%;
}


/* END TABLE STYLES ****************************************************************************************/



/* cOLORED BOX STYLES **************************************************************************************/

/*supports rounded corners*/
.blueLight2f, .blueLight3f, .blueLight4f{font-size:1px; overflow:hidden; display:block;}
.blueLight1f {height:1px; background: rgb(199,219,247); /*idvance blue light*/ margin:0 5px;}
.blueLight2f {height:1px; background: rgb(199,219,247); /*idvance blue light*/ margin:0 3px;}
.blueLight3f {height:1px; background: rgb(199,219,247); /*idvance blue light*/ margin:0 2px;}
.blueLight4f {height:2px; background: rgb(199,219,247); /*idvance blue light*/ margin:0 1px;}

.orange2f, .orange3f, .orange4f{font-size:1px; overflow:hidden; display:block;}
.orange1f {height:1px; background: rgb(245,115,0); /*idvance blue light*/ margin:0 5px;}
.orange2f {height:1px; background: rgb(245,115,0); /*idvance blue light*/ margin:0 3px;}
.orange3f {height:1px; background: rgb(245,115,0); /*idvance blue light*/ margin:0 2px;}
.orange4f {height:2px; background: rgb(245,115,0); /*idvance blue light*/ margin:0 1px;}

.grayLight1f, .grayLight2f, .grayLight3f, .grayLight4f{font-size:1px; overflow:hidden; display:block;}
.grayLight1f {height:1px; background: rgb(224,224,255); /*idvance light gray2*/ margin:0 5px}
.grayLight2f {height:1px; background: rgb(224,224,255); /*idvance light gray2*/ margin:0 3px;}
.grayLight3f {height:1px; background: rgb(224,224,255); /*idvance light gray2*/ margin:0 2px;}
.grayLight4f {height:2px; background: rgb(224,224,255); /*idvance light gray2*/ margin:0 1px;}

.companyAddress1f, .companyAddress2f, .companyAddress3f, .companyAddress4f{font-size:1px; overflow:hidden; display:block;}
.companyAddress1f {height:1px; background: rgb(199,219,247); /*idvance light blue*/ margin:0 5px}
.companyAddress2f {height:1px; background: rgb(199,219,247); /*idvance light blue*/ margin:0 3px;}
.companyAddress3f {height:1px; background: rgb(199,219,247); /*idvance light blue*/ margin:0 2px;}
.companyAddress4f {height:2px; background: rgb(199,219,247); /*idvance light blue*/ margin:0 1px;}

.roundedTop {	
	margin-left:0%;
	margin-right:0%;
	margin-top:0%; 
	margin-bottom:0%; 
	padding-top:0px;
}
.roundedBottom {
	margin-left:0%;
	margin-right:0%;
	margin-top:0%; 
	margin-bottom:0%; 
	padding-bottom:0px;
}

.roundedTop2 {
	margin-left:0%;
	margin-right:0%;
	margin-top:0%; 
	margin-bottom:0%; 
	padding-top:40px;
}
.roundedBottom2 {
	margin-left:0%;
	margin-right:0%;
	margin-top:0%; 
	margin-bottom:0%; 
	padding-bottom:0px;
}

/* END cOLORED BOX STYLES **********************************************************************************/



/* NAVIGATION BAR STYLES ***********************************************************************************/

/* TOP NAVIGATION BAR ********************************************************/

.navbar00Top{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: rgb(32,32,32);/*idvance dark gray*/
/*	background: rgb(199,219,247);*/ /*idvance blue light*/
/*	background: rgb(244,244,255); *//*idvance gray light3*/
/*	background: rgb(244,244,220); *//*idvance gray light4*/
/*	background: rgb(244,244,200); *//*idvance gray light5*/
	background: rgb(245,115,0); /*idvance orange*/


	/*background-image: url('sky3.jpg');*/
	/*background-repeat: no-repeat;*/

	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0%;
	margin-right:0%;
	padding-top: 10px; 
	padding-bottom: 10px; /*10px;*/ 
}

/* ORDER IS IMPORTANT: MUST BE link, then visited, then hover, then active */
a:link{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(32,32,32);/*idvance dark gray*/
/*	background: rgb(224,224,224); *//*idvance light gray*/
	text-decoration: none;
	margin-left: 10px; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
a:visited{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(32,32,32);/*idvance dark gray*/
	/*background: rgb(199,219,247); *//*idvance light blue*/
	text-decoration: none;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	/*border: 1px solid rgb(0, 0, 255);*//*For Testing Only*/

}
a:hover{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	/*background:rgb(255,255,255);*/ /*idvance white*/
	background: rgb(199,219,247); /*idvance light blue*/
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	/*text-decoration: underline;*/
	text-decoration: none;
}
a:active{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	background:rgb(255,255,255); /*idvance white*/
	/*text-decoration: underline;*/
	text-decoration: none;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}



/* This is a necessary workaround to allowing the currently viewed page to be colored uniquely*/
/* And note that it had to be placed in this CSS file below all of the links that use it - both below
the standard links and below the navbar00Bottom links for it to work for both...*/
.currentPage a:link{
	color: rgb(255,255,255); /*idvance white*/
	background:rgb(2,0,115);/*idvance dark blue*/
	margin-top: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;

} 
.currentPage a:visited{
	color: rgb(255,255,255); /*idvance white*/
	background:rgb(2,0,115);/*idvance dark blue*/
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
} 
/* END TOP NAVIGATION BAR ****************************************************/



/* BOTTOM NAVIGATION BAR *****************************************************/
.navbar00Bottom{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;
	color: rgb(32,32,32);/*idvance dark gray*/
/*	background: rgb(255,255,255);*/ /*white*/
	text-align:center;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0%;
	margin-right:0%;
	padding-top: 20px; 
	padding-bottom: 20px; 
	border-top: 1px solid rgb(199,219,247); /*idvance light blue*/

}

/* ORDER IS IMPORTANT: MUST BE link, then visited, then hover, then active */
.navbar00Bottom a:link{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	background:rgb(255,255,255); /*idvance white*/
	text-decoration: none;
	margin-left: 5px; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.navbar00Bottom a:visited{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	/*background: rgb(199,219,247); *//*idvance light blue*/
	text-decoration: none;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	/*border: 1px solid rgb(0, 0, 255);*//*For Testing Only*/
}
.navbar00Bottom a:hover{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	background: rgb(199,219,247); /*idvance light blue*/
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	/*text-decoration: underline;*/
	text-decoration: none;
}
.navbar00Bottom a:active{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	background:rgb(255,255,255); /*idvance white*/
	/*text-decoration: underline;*/
	text-decoration: none;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}


/* This is a necessary workaround to allowing the currently viewed page to be colored uniquely*/
/* And note that it had to be placed in this CSS file below all of the links that use it - both below
the standard links and below the navbar00Bottom links for it to work for both...*/
.currentPageBNavBar a:link{
	color: rgb(255,255,255); /*idvance white*/
	background:rgb(2,0,115);/*idvance dark blue*/
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;

} 
.currentPageBNavBar a:visited{
	color: rgb(255,255,255); /*idvance white*/
	background:rgb(2,0,115);/*idvance dark blue*/
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
} 
/* END BOTTOM NAVIGATION BAR ****************************************************/

/* NAVIGATION BAR STYLES ***********************************************************************************/



/* OTHER LINK STYLES ***************************************************************************************/



/* For links in paragraph*/
.navInPara00{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

/* ORDER IS IMPORTANT: MUST BE link, then visited, then hover, then active */
.navInPara00 a:link{
	color: rgb(32,32,32);/*idvance dark gray*/
	background:rgb(255,255,255); /*idvance white*/
	text-decoration: none;
}
.navInPara00 a:visited{
	color: rgb(32,32,32);/*idvance dark gray*/
	background:rgb(255,255,255); /*idvance white*/
	text-decoration: none;
	/*border: 1px solid rgb(0, 0, 255);*//*For Testing Only*/
}
.navInPara00 a:hover{
	color: rgb(2,0,115);/*idvance dark blue*/
	background: rgb(199,219,247); /*idvance light blue*/
	/*text-decoration: underline;*/
	text-decoration: none;
}
.navInPara00 a:active{
	color: rgb(32,32,32);/*idvance dark gray*/
	background:rgb(255,255,255); /*idvance white*/
	/*text-decoration: underline;*/
	text-decoration: none;
}


/* For links in paragraph on orange background*/
.navInPara01{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	background:rgb(245,115,0);/*idvance orange*/
}

/* ORDER IS IMPORTANT: MUST BE link, then visited, then hover, then active */
.navInPara01 a:link{
	color: rgb(51,51,255);/*blue bright*/
	text-decoration: none;
	background:rgb(245,115,0);/*idvance orange*/	
}
.navInPara01 a:visited{
	color: rgb(51,51,255);/*blue bright*/
	text-decoration: none;
	background:rgb(245,115,0);/*idvance orange*/	
	/*border: 1px solid rgb(0, 0, 255);*//*For Testing Only*/
}
.navInPara01 a:hover{
	color: rgb(255,255,255);/*white*/
	background:rgb(245,115,0);/*idvance orange*/
	/*text-decoration: underline;*/
	text-decoration: none;
}
.navInPara01 a:active{
	color: rgb(51,51,255);/*blue bright*/
	background:rgb(245,115,0);/*idvance orange*/
	/*text-decoration: underline;*/
	text-decoration: none;
}



/* For links in paragraph on blue background*/
.navInPara012{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: rgb(199,219,247); /*idvance light blue*/
}

/* ORDER IS IMPORTANT: MUST BE link, then visited, then hover, then active */
.navInPara02 a:link{
	color: rgb(51,51,255);/*blue bright*/
	text-decoration: none;
	background: rgb(199,219,247); /*idvance light blue*/
}
.navInPara02 a:visited{
	color: rgb(51,51,255);/*blue bright*/
	text-decoration: none;
	background: rgb(199,219,247); /*idvance light blue*/
	/*border: 1px solid rgb(0, 0, 255);*//*For Testing Only*/
}
.navInPara02 a:hover{
	color: rgb(255,255,255);/*white*/
	background: rgb(199,219,247); /*idvance light blue*/
	/*text-decoration: underline;*/
	text-decoration: none;
}
.navInPara02 a:active{
	color: rgb(51,51,255);/*blue bright*/
	background: rgb(199,219,247); /*idvance light blue*/
	/*text-decoration: underline;*/
	text-decoration: none;
}







/* ORDER IS IMPORTANT: MUST BE link, then visited, then hover, then active */
.para a:link{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(32,32,32);/*idvance dark gray*/
	background: rgb(224,224,224); /*idvance light gray*/
	text-decoration: none;
	margin-left: 0px; 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.para a:visited{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(255,255,255); /*idvance white*/
	background: rgb(199,219,247); /*idvance light blue*/
	text-decoration: none;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*border: 1px solid rgb(0, 0, 255);*//*For Testing Only*/
}
.para a:hover{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	background: rgb(199,219,247); /*idvance light blue*/
	margin-left: 0px; 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*text-decoration: underline;*/
	text-decoration: none;
}
.para a:active{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(245,115,0);/*idvance orange*/
	background: rgb(2,0,115);/*idvance dark blue*/
	margin-left: 0px; 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
}



/* ORDER IS IMPORTANT: MUST BE link, then visited, then hover, then active */
.footer a:link{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	background: rgb(199,219,247); /*idvance light blue*/
	text-decoration: none;
	margin-left: 20px; 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.footer a:visited{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(2,0,115);/*idvance dark blue*/
	background: rgb(199,219,247); /*idvance light blue*/
	margin-left: 20px; 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*text-decoration: underline;*/
	text-decoration: none;
}
.footer a:hover{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(255,255,255); /*idvance white*/
	background:rgb(2,0,115);/*idvance dark blue*/
	text-decoration: none;
	margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*border: 1px solid rgb(0, 0, 255);*//*For Testing Only*/
}
.footer a:active{
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(255,255,255); /*idvance white*/
	background:rgb(2,0,115);/*idvance dark blue*/
	margin-left: 20px; 
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
}

/* END OTHER LINK STYLES ***********************************************************************************/

/* FLOATING IMAGES STYLES **********************************************************************************/

/*
NOTE: REASONS TO SUPERIMPOSE TEXT OVER IMAGES
- Smaller image files: By removing text from an image, you can usually employ much stronger image compression 
  settings without degrading the quality of the text.
- Sharper text rendering: CSS-styled text is always rendered at the maximum resolution of the visitor's computer screen. 
- Easier text editing
- More flexible positioning: You have more options for positioning a <div> on your page than positioning an <img> tag.
- Text accessibility: CSS-styled text is fully accessible to special-needs visitors and to search engines. 
*/

/* Note that padding and margins are in relation to text, not a background image.  So for example, if text wraps, it 
may hide the bottom of the background image with the second line of text unless there is enough padding to prevent
this.  Line-height can also have an effect too.
*/


#outer{
	margin-top:0px;
	margin-bottom: 20px;
	margin-left:0%;
	margin-right:0%;
	font-family: Helvetica, Arial, sans-serif;
}
#inner{
	margin-left:10px;
	margin-right:0px;
	margin-top:10px; 
	margin-bottom:0px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
}
.img00 {
	margin-left:0%; 
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	padding-left:0px; 
	padding-right:10px;
	padding-top:0px; 
	padding-bottom:0px; 
}

#outer02{
	margin-top:0px;
	margin-bottom: 20px;
	margin-left:0%;
	margin-right:0%;
	padding-right: 0px;
	font-family: Helvetica, Arial, sans-serif;
}
#inner02{
	margin-left:10px;
	margin-right:0%;
	margin-top:10px; 
	margin-bottom:0px;
	padding-left: 0px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}

.img02 {
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	padding-left:0px;
	padding-right:0px;  
	padding-top:0px; 
	padding-bottom:0px; 
}

.test {
	background-image:  url(orangeButtonBestRotated20.png);
    	background-repeat: no-repeat;
    	width:  49px;
    	height: 50px;
	margin-left:0%;
	margin-right:0%;
	margin-top:40%; 
	margin-bottom:0%;
	padding-left: 10px;
	padding-right:20px;
	padding-top: 10px;
	padding-bottom:25px;
}


.laptopImage00 {
	background-image:  url(Laptop04skysmaller.jpg);
    	background-repeat: no-repeat;
	width: 131px;
	height: 100px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px; 
	margin-bottom:10px;
	padding-left: 5px;
	padding-right:5px;
	padding-top: 5px;
	padding-bottom:5px;
	float: left;
}

.iPhoneImage00 {
	background-image:  url(iPhoneImageSky02smaller.jpg);
    	background-repeat: no-repeat;
	width: 54px;
	height: 100px;
	margin-left:0%;
	margin-right:0%;
	margin-top:5%; 
	margin-bottom:0px;
	padding-left: 0px;
	padding-right:10px;
	padding-top: 0px;
	padding-bottom:0px;
	float: right;
}

/* END FLOATING IMAGES STYLES ******************************************************************************/



/* TEXT WITH GRADATION *************************************************************************************/
/* NOTE - THESE STYLES DO NOT WORK ON IEX 6 */

/*
// The first setting will apply to all browsers,
// The second setting will only apply to Microsoft Internet Explorer browsers
// The third setting will only apply to IE browsers 6.0 and older
.browserSpecific{
	height: 15px;
	#height: 15px;
	_height: 21px;
/}
*/

.gradiant {    	
	margin-left:0%;
	margin-right:0%;
	margin-top:0px; 
	margin-bottom:0px;
	padding-left: 0px;
	padding-right:0px;
	padding-top: 0px;
	padding-bottom:0px;

	/* What makes it work: */
	position:relative;	
}

.gradiantB{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(transparent00.png) repeat-x;
	_background: none;  /*Should only apply to IE browsers 6.0 and older*/
}

/* For browsers that don't support transparency  - NOT TESTED*/

/* END TEXT WITH GRADATION **********************************************************************************/




/* FOR BROWSER IDENTIFICATION *******************************************************************************/
.ie .browserIdentity {
	background-color: white;
}
.ie6 .browserIdentity {
}
.ie6 .gradiant {
}
.ie6 .gradiantB {
}
.ie7 .browserIdentity {
}
.gecko .browserIdentity {
}
.win.gecko .browserIdentity {
}
.linux.gecko .browserIdentity {
}
.opera .browserIdentity {
}
.konqueror .browserIdentity {
}
.safari .browserIdentity {
}
.browserIdentity {
}
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }

/* END FOR BROWSER IDENTIFICATION ***************************************************************************/



/* EXPERIMENTAL STYLES *************************************************************************************/

/* What we are saying here is that only on pages that have a link with a class of ZZZ have its background coloured.*/
li.zzz {background:rgb(0,115,58);} 


/* What we are saying here is that only on pages that have a body class of 
section1 and a link with a class of one have its background coloured.*/
/*body.section1 #nav li.one {background:rgb(245,115,0);} */


/* END EXPERIMENTAL STYLES *********************************************************************************/

/* RULERS **************************************************************************************************/

.ruler {
	height:4px; 
	width:820px; 
	background: rgb(0,255,0); 
	margin-left:0px;
	margin-bottom:10px;
	padding-left:0px;
	text-indent:0px;
}
.ruler2 {
	height:4px; 
	width:60%; 
	background: rgb(255,255,0); 
	margin-left:0px;
	margin-bottom:10px;
	padding-left:0px;
	text-indent:0px;
}
/* END RULERS **********************************************************************************************/