body,td,th  {  font-family: Arial, Helvetica, sans-serif; color: #000000; }

/* Following are styles set up for Headings and BODY text within the editable body of a page.  */
.mainHEADblue {
	font-family: Arial, Helvetica, sans-serif;font-size: 120%;font-weight: bold;
	text-align: center;text-transform: uppercase;color: #000000;margin-top:0px;}
.subHEADctr {
	font-family: Arial, Helvetica, sans-serif;font-size: 100%;font-style: normal;font-weight: bold;
	color: #000000;text-align: center;
	margin-top: 5px;margin-right: auto;margin-bottom: 30px;margin-left: auto;}
.subHEADctrWITHsub {
	font-family: Arial, Helvetica, sans-serif;font-size: 100%;font-style: normal;font-weight: bold;
	color: #000000;text-align: center;
	margin-top: 5px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
.subHEADctrSUB{
	font-family: Arial, Helvetica, sans-serif;font-size: 80%;font-style: normal;font-weight: bold;
	color: #000000;margin-top: 0px;margin-bottom: 30px;text-align: center;}
.subHEADleft {
	font-family: Arial, Helvetica, sans-serif;font-size: 90%;font-weight: bold;
	text-align: left; text-transform: none;margin-top: 30px;margin-bottom: 15px;
	color: #000000;}
.subHEADwhite {
	font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold;
	text-align: left;   text-transform: uppercase;
	color: #FFFFFF;top: 0px;margin-top: 0px; margin-bottom: 10px;}
.BODYblueREG {
	font-family: Arial, Helvetica, sans-serif;font-size: 80%;font-style: normal;font-weight: normal;
	color: #000000;margin-top: 0px;margin-bottom: 20px;text-align: left; }
.BODYblue1STlineINDENT {
	font-family: Arial, Helvetica, sans-serif;font-size: 80%;font-style: normal;font-weight: normal;
	color: #000000; text-indent:20px;margin-top: 0px;margin-bottom: 20px; text-align: left; }
.BODYblueRLINDENT {
	font-family: Arial, Helvetica, sans-serif;font-size: 80%;font-style: normal;font-weight: normal;
	color: #000000;margin-top: 0px;margin-bottom: 20px; margin-left:20px;margin-right:20px;
	text-align: left; }
.BODYblueCTR {
	font-family: Arial, Helvetica, sans-serif;font-size: 80%;font-style: normal;font-weight: normal;
	color: #000000;margin-top: 0px;margin-bottom: 10px;text-align: center;}
.BODYblueRIGHT {
	font-family: Arial, Helvetica, sans-serif;font-size: 80%;font-style: normal;font-weight: normal;
	color: #000000;margin-top: 0px;margin-bottom: 20px;text-align: right;}
.BODYblueSMALL {
	font-family: Arial, Helvetica, sans-serif; font-size: 70%; font-style: normal; font-weight: normal;
	color: #000000;margin-top: 0px; margin-bottom: 10px;   }
.BODYwhiteREG {
	font-family: Arial, Helvetica, sans-serif;font-size: 80%;font-style: normal;font-weight: normal;
	color: #000000;margin-top: 0px;margin-bottom: 10px;text-align: center; }
.BODYtextBOTpage {
	font-family: Arial, Helvetica, sans-serif;font-size: 80%;font-style: normal;font-weight: normal;
	color: #000000;margin-top: 40px;margin-bottom: 0px;text-align: left; }
.BODYolSUBhead {font-family: Arial, Helvetica, sans-serif;font-size: 80%;font-style: normal;font-weight:
	bold;color: #000000; margin-left:-20px;text-align: left; }

/* Following are ul and ol LIST styles.  You will not need to apply these styles from the CSS menu to the right in DreamWeaver, they are applied automatically when an UNORDERED LIST or ORDERED LIST is created using FORMAT>LIST from the top drop down menus, but you will have to manually code the list TYPES as described below.  */
ul, ul ul, ul ol, ol, ol ul, ol ol, ol ol ol, ol ol ol ol  { 
	font-family: Arial, Helvetica, sans-serif; list-style-position: outside; display: block;
	color:#000000; text-align:left; }

ul ul, ul ol, ol ul, ol ol, ol ol ol { 
	margin-bottom: 0px; margin-top:0px;}



/* Following are LIST IDs.  To apply this style put the id into the tag at the beginning of the list: 
<ol type="A" id="listBODY">. These two class work with both ordered and unordered lists.  #lsitBODY is set up for lists within the body of the page. #listBOX is set up for lists that need to be slightly smaller inside boxes.  NOTE: Nested lists take on the styles and size of their parent, so these IDs do not need to be placed into the opening nested list tag.  When you want to specify a list use the "type" code, for examples: <ol type="A" id="listBODY"> or <ul type="disc">  */
#liBODY {font-size: 80%; 	margin-bottom: 20px; margin-top:0px; }
#liBOX {font-size: 70%; 	margin-bottom: 0px; margin-top:0px; margin-left:13px; }

/*The following styles are set up to maintain text and bullets that feed rss through code. */
#liRSS {font-size: 70%; 	margin-bottom: 0px; margin-top:0px;margin-left:13px; }
.rssBOXsubHEAD {
	font-family: Arial, Helvetica, sans-serif;font-size: 70%;font-style: normal;font-weight: bold;
	color: #000000;text-align: left;
	margin-top: 10px;margin-right: 5px;margin-bottom: 0px;margin-left: 5px;}
.rssBOXtextRIGHT {
	font-family: Arial, Helvetica, sans-serif;font-size: 70%;font-style: normal;font-weight: normal;
	color: #000000;	text-align: right;	line-height: 100%;
	margin-top: 0px;margin-bottom: 5px; margin-right: 5px;margin-left: 5px;}

/* Following are standard link styles when you apply a link.  You do not need to apply this style, it applies automatically when you apply a link URL to text.  */
a:link {text-decoration: none;color: #000000;}
a:visited {text-decoration: none;color: #000000;}
a:hover {text-decoration: underline;color: #000000;}
a:active {text-decoration: none;color: #000000;}

/* Following are  the "linkwhite" styles.  This link style must be applied from the CSS Styles Menu. You only need to apply the first style, "a.linkwhite:link" and the rest will follow suit automatically. */
a.linkwhite:link {
	font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold;
	color: #000000;margin-left: 0pt; margin-right: 0pt; 
	text-align: center;text-decoration:none; }
a.linkwhite:visited {
	font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold;
	color: #000000;margin-left: 0pt; margin-right: 0pt; 
	text-align: center;text-decoration:none;}
a.linkwhite:hover {
	font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold;
	color: #000000;margin-left: 0pt; margin-right: 0pt; 
	text-align: center;text-decoration:none;   }
a.linkwhite:active {
	font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold;
	color: #000000;margin-left: 0pt; margin-right: 0pt; 
	text-align: center;text-decoration:none;}

/* Following are the "silverbuttonlink" styles.  These link styles are only to be used for links that occur on top of a silver button, which is mainly for navbars and other silver buttons; should not be used in the body of a page anywhere. This link style must be applied from the CSS Styles Menu. You only need to apply the first style, "a.silverbuttonlink:link" and the rest will follow suit automatically.  */
a.silverbuttonlink:link {
	font-family: Arial, Helvetica, sans-serif;font-size: 70%;font-weight: bold;
	margin-left: 0pt;margin-right: 0pt; margin-top: 20px;margin-bottom: 5px;
	text-align: center;text-transform: uppercase; text-decoration:none;
	padding-top:20px;color: #000000;}
a.silverbuttonlink:visited{
	font-family: Arial, Helvetica, sans-serif;font-size: 70%;font-weight: bold;
	margin-left: 0pt; margin-right: 0pt; margin-top: 20px; margin-bottom: 5px;
	text-align: center; text-decoration:none;text-transform: uppercase;
	padding-top:20px;color: #000000;}
a.silverbuttonlink:hover{
	font-family: Arial, Helvetica, sans-serif;font-size: 70%;font-weight: bold;
	margin-left: 0pt;margin-right: 0pt; margin-top: 20px;margin-bottom: 5px;
	text-align: center; text-transform: uppercase; text-decoration:none;
	padding-top:20px;color: #0b6973;}
a.silverbuttonlink:active {
	font-family: Arial, Helvetica, sans-serif;font-size: 70%;font-weight: bold;
	margin-left: 0pt;margin-right: 0pt; margin-top: 20px;margin-bottom: 5px;
	text-align: center;text-transform: uppercase; text-decoration:none;
	padding-top:20px;color: #000000;}

	
/*The following styles are set up for images. */
.imageMargRt { padding-right:10px;border:none; }
.imageMargLFT { padding-left:10px; border:none; }
.imgbordernone { border:none;}
.norepeat { background-repeat: no-repeat; }
.imageCAPTION {
	font-family: Arial, Helvetica, sans-serif;font-size: 60%;font-style:italic;font-weight: normal;
	color: #000000;
	margin-top: 0px;text-align: left;padding-top:0px; }
#tableRIGHT4images {
	padding:0px;border:0px;width:auto;text-align:left;margin-right: 5px;
	background-color:#0b6973;}
#tableLEFT4images {
	padding:0px;border:0px;width:auto;text-align:left;margin-left: 5px;}
	
/* THE FOLLOWING TWO STYLES CONTROL SCREEN VISIBILITY OF HEADERS. */
/*This style enables the colored header image to be visible on the screen.*/

#IMAGEvisiblePRINT {
	visibility:visible;} 
/*This style disables the colored header when printing.*/
#IMAGEdisplayPRINT {
	display:none;
	}



	
/* The following styles are set up for boxes or tables. */
.BOXHeadBIG {
	font-family: Arial, Helvetica, sans-serif;font-size: 100%;font-style: normal;font-weight: bold;
	color: #000000;text-align: center;margin-top: 3px;}
.BOXHeaderBLUE {
	font-family: Arial, Helvetica, sans-serif;font-size: 70%;font-style: normal;font-weight: bold;
	color: #000000;text-align: center;
	margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;}
.BOXHeaderWHITE {
	font-family: Arial, Helvetica, sans-serif;font-size: 70%;font-style: normal;font-weight: bold;
	color: #000000;text-align: center;
	margin-top: 0px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;}
.BOXsubHEAD {
	font-family: Arial, Helvetica, sans-serif;font-size: 70%;font-style: normal;font-weight: bold;
	color: #000000;text-align: left;
	margin-top: 10px;margin-right: 5px;margin-bottom: 10px;margin-left: 5px;}
.BOXtextREGULAR {
	font-family: Arial, Helvetica, sans-serif;font-size: 70%;font-style: normal;font-weight: normal;
	color: #000000;	text-align: left;line-height: 100%;
	margin-top: 5px;margin-bottom: 0px; margin-right: 5px;margin-left: 5px;}
.BOXtextCTR {
	font-family: Arial, Helvetica, sans-serif;font-size: 75%;font-style: normal;font-weight: normal;
	color: #000000;	text-align: center;	line-height: 100%;
	margin-top: 5px;margin-bottom: 0px; margin-right: 5px;margin-left: 5px;}
.BOXtextRIGHT {
	font-family: Arial, Helvetica, sans-serif;font-size: 70%;font-style: normal;font-weight: normal;
	color: #000000;	text-align: right;	line-height: 100%;
	margin-top: 5px;margin-bottom: 0px; margin-right: 5px;margin-left: 5px;}

	
/* The following styles are set up to format the website/pages. */

/* COMMON TO ALL PAGES */
html, body { text-align:center; 
  	background-image: none; background-repeat:repeat; }
#StandPPageWidth{ width:800px;  align: center;  text-align: left;  
	margin-left: auto;  margin-right: auto; margin-top:10px; } /* This wraps the body of the page. */
#StandPHeader { height:93px;  padding:0px;  }
#ToolsCorner {height:20px; position: relative; align: center;  padding:15px;
	text-align:right;}
#TopNav { height:23px; position: relative; align: center; padding: 0px;
 	background-image:none;
 	background-repeat:repeat-x; background-color: none; 
	border-style: none;  }
#OSMbar { height:23px; padding:0px;
 	background-image:none;
 	background-repeat: repeat-x;background-color: none;
	border-top: 2px;  border-bottom: 2px;  border-right:0px;  border-left: 0px;
	border-style: solid; border-top-color: #000000;  border-bottom-color: #000000;   }
#BlueBar { height: 10px;
	background-image: none; background-repeat: repeat-x;
	padding-bottom:0px; }
#Footer { display:none;} 
	
#BOXdivider {
 	height: 21px; width:15px; position: relative; align: center; float: left;
 	background-color: none; }
#floatlefttable { float: left; align: left; } 
	/* This CSS makes sure BOXES, BOX HEADERS, and DIVIDERS float to the left. */
#SectPaddingtop15  { padding-top:15px; padding-left:15px; }
#sectpadtopleft15 { padding-top:15px; padding-left:15px; }
#SectPadding15 { padding-top:15px; padding-left:15px; padding-bottom: 15px; }
#BOXheadTEXTpad {padding:5px; } 
	/* Pads text around the top StandPTopNav and the StandPOSMbar containing OSM text. */
#noborder { border:none;}

 
 /* HOME PAGE ONLY(HP) */
 /* Home Page Section 1 */
#HPsect1 { 
 	width: 800px; height: 130px; position: relative; align: center;  padding: 0px;
 	background-color:#ffffff; }
	#HPSect1BOXHeader {
 		width:247px;height:23px;
 		text-align:center;  
		background-image:none;
 		background-repeat:repeat-x;
		border-top: 2px; border-bottom: 2px; border-right: 0px; border-left: 0px;
		border-style: solid;
		border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000;
		border-left-color: #000000;}
	#HPsect1BOX1 {
 		width:247px; height:70px; float:left;
	 	background-image: none;
 		background-repeat: no-repeat;
		border-top: 0px;border-bottom: 2px;border-right: 0px;border-left: 0px;
		border-style: solid;
		border-right-color: #000000;border-bottom-color: #000000;border-left-color: #000000;}
	#HPsect1BOX2 {
 		width:247px; height:70px; float:left;
 		background-image: none;
 		background-repeat: no-repeat;
		border-top: 0px;border-bottom: 2px;border-right: 0px;border-left: 0px;
		border-style: solid;
		border-right-color: #000000;border-bottom-color: #000000;border-left-color: #000000;}
	#HPsect1BOX3 {
 		width:247px; height:70px; float:left;
 		background-image: none;
	 	background-repeat:no-repeat;
		border-top: 0px;border-bottom: 2px;border-right: 0px;border-left: 0px;
		border-style: solid;
		border-right-color: #000000;border-bottom-color: #000000;border-left-color: #000000;}
/* Home Page Section 2 */
#HPsect2 {
  	width: 800px; height: 170px; position: relative; padding: 0px;
 	background-image:none;
 	background-repeat: no-repeat; }
	#flashbg {
		background-image:url(../IMAGES/Spotlight/SpotFlash/OSMspotlight.jpg);}
	#HPnavBOXES {width: 375px; height: 115px; float:left;}
	#HPnavBOXHeaderBG {
		width: 124px;height: 23px; float:left;
		background-image: none;
		border-top: 0px;border-bottom: 1px;border-right: 1px;border-left: 0px;
		border-style: solid;
		border-bottom-color: #000000;border-right-color: #000000; }
	#HPnavBOXbg {
		width: 124px;height: 30px; float:left;
		background-image: none;
		border-top: 0px;border-bottom: 2px;border-right: 1px;border-left: 0px;
		border-style: solid;
		border-bottom-color: #000000;border-right-color: #000000; }
/* Home Page Section 3 */
#HPsect3 {
 	width: 800px; height:185px; position: relative; padding: 0px;
 	background-color: #FFFFFF; }
	
/* Home Page Sections 2 and 3 */
#HPBiggerBOXHeader {
 	width:374px;height:25px;
 	background-image:none;
 	background-repeat: repeat-x;
	border-top: 0px;border-bottom: 2px;border-right: 0px;border-left: 0px;
	border-style: solid;
	border-bottom-color: #000000;border-right-color: #000000;  }
#HPbiggerBOX {
 	height: 127px; width:361px; position: relative; float: left; padding-right:10px;  
 	background-image: none;
 	background-repeat: repeat-x;
	border-top: 0px;border-bottom: 2px;border-right: 2px;border-left: 2px;
	border-style: solid;
	border-bottom-color: #000000;border-right-color: #000000;border-left-color: #000000; }
#HPboxIMAGE {
 	width:127px;height: 127px; float: left;
 	margin-top:0px;margin-right:10px; }
#BOXHeaderBGtaller {
	background-image: none;
	background-repeat: repeat-x;
	top: 0px;vertical-align: top;
	padding-top: 5px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;
	margin: 0px;
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 2px;border-left-width: 1px;
	border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;
	border: #000000 #000000 #000000 #000000; }
#AccordianRightMargin {
	margin-right: 50px;} 
/* This style was set up to create a right margin for text that wraps around an accordian that floates left. */

	
 /* LEVEL 2 STANDARD SIZE PAGES (L2StandP) ONLY  */
#L2StandPSect1{
 	display:none;}
#L2StandPSect2 {
	width:770px; float:left;
	background-image: url(../IMAGES/TemplateImages/L2Sect2BG.gif);
	background-repeat: repeat; background-color:#FFFFFF;
	border:0px; border-color: #ffffff; border-style: solid; }/* adjustments to border for printing  */
	#L2SPSect2PcolLEFT {
		width:800px;height:100%; position:relative; float:none; padding-left:0px;margin-right:30px;
		text-align:center;
		background-color:#ffffff;} /* adjustments to padding and margin for printing  */
	#L2SPSect2colRIGHT {
		display:none;} /* display none for printing  */
	#L2navBAR {
		width: 375px;height: 120px;float:left;
		vertical-align: top;}
	#L2navBARboxHEADER {
		width: 124px; height: 25px; float: left;
		background-image: url(../IMAGES/TemplateImages/L1smBUTTONsilver127x32.gif);
		border-top: 0px;border-bottom: 2px;border-right: 1px;border-left: 0px;
		border-style: solid;
		border-bottom-color: #000000;border-right-color: #000000;}
	#L2navBARbox {
		width: 124px;height: 30px; float:left;
		background-image: url(../IMAGES/TemplateImages/L1buttonRIGHTduo.gif);
		border-top: 0px;border-bottom: 2px;border-right: 1px;border-left: 0px;
		border-style: solid;
		border-bottom-color: #000000;border-right-color: #000000;}

/* WIDE PAGES (WideP) ONLY  */
 #L2WidePPagewidth{ 
 	width:1024px; align: center;
 	text-align:left;  
	margin-left:auto; margin-right:auto; margin-top:10px; } 
#L2WidePHeader{
 	width:1024px; height:93px;  position: relative; padding:0px; align: center;  
  	background-color: none; 
 	background-image:url(../IMAGES/TemplateImages/WidePheaderPRINT.gif);
 	background-repeat: no-repeat; } 
#L2WidePSect1{
 	width: 1024px; height: 60px; position: relative;  align: center;  padding: 0px;
 	text-align:center; 
	background-color:#ffffff;}
	#L2WidePSect1BOXHeader {
 		width:321px; height:21px;
 		background-image:none;
 		background-repeat: repeat-x;
		border-top: 2px;border-bottom: 2px;border-right: 0px;border-left: 0px;
		border-style: solid;
		border-top-color: #000000;border-right-color: #000000;border-bottom-color: #000000;
		border-left-color: #000000;  }
#L2WidePSect2 {
 	width:994px; float:left;
	background-image:none;
	background-repeat:repeat;border:15px #000000 solid;}
	#L2WidePcolLEFT {
		width:838px;height:100%; position: relative; float:left; padding:15px;
		text-align: center;
		background-color: #ffffff; }
	#L2WidePSect2colRIGHT {
		width:105px;height:100%; position: relative; float: left;
		text-align: center; }



/*  BOXES USING DIV TAGS ________________________________________________________ */

.box {   
	width:299px;height:auto;float:left; vertical-align: bottom; overflow: hidden;
	margin:0px 15px 10px 0px;}
.boxLONG {  
	width:613px;height:auto;float:left; vertical-align: bottom; overflow: hidden;
	margin:0px 0px 0px 0px; } 
	/* had to make this a specific length, when use auto it does not expand
	across the width of the column and when I use 100% it pushes the whole column out. */
.boxPanel{ margin: 0px;padding: 0px;}
.boxPanelTab  {
	background-image:none;
	background-repeat: repeat-x; 
	margin: 0px; padding: 2px; text-align: center; cursor: pointer;
	-moz-user-select: none; -khtml-user-select: none;
	border-top: solid 2px #000000;border-bottom: solid 2px #000000; }
.boxPanelContent  {
	width: 100%; height: auto; margin: 0px; padding-right: 10px; overflow:  auto;
	background-image: none;
	background-repeat: repeat-x;
	border: solid 2px #000000;}



/* TABLES ADJUSTABLE ____________________________________________________________*/


/* TABLE STYLE 1 */
#TableS1ADJctr { 
	width:auto; padding: 3px 0px 5px 0px;
	border: 0px solid #FFFFFF;
	border-spacing: 0px;border-collapse:collapse;
	vertical-align: baseline;
	margin-left: auto; margin-right: auto; }
#TableS1ADJleft { 
	width: auto;  padding: 3px 0px 5px 0px; padding-right:15px; float: left;
	border: 0px solid #FFFFFF;  border-spacing: 0px;  border-collapse: collapse;
	vertical-align: baseline;
	margin-left: auto;  margin-right: auto; margin-right:15px; margin-left:auto;}
#TableS1CELLheadADJ {
	width: auto; height: auto; 
	background-image: none;
	background-repeat: repeat-x;
	border-top: 2px;border-bottom: 2px;border-right: 0px;border-left: 0px;
	border-style: solid;
	border-color: #000000 #000000 #000000 #000000;
	margin:0px;}
#TableS1CELLbox1ADJ {
	width: auto; height: auto;  top: 0px; vertical-align: top; margin: 0px;
	background-image: none;
	background-repeat: repeat-x;
	border: 2px;border-style: solid;border-color: #000000; border-spacing: 10px;
	padding: 2px 5px 3px 5px;
	text-align: left;}
#TableS1CELL2boxADJ {
	width: auto; height: auto;  top: 0px; vertical-align: top; padding: 2px 5px 3px 5px;
	margin: 0px; text-align:left;
	background-color: #ffffff;
	border: 2px;border-style:  solid; border-color: #000000; }
#TableS1emptyCOL{
	width:2%; height: auto: background-color:#FFFFFF;}


/* TABLE STYLE 2 */
#TableS2CELLheadADJ {
	width: auto; height: auto;  margin:0px; padding: 2px 0px 0px 0px;
	background-color:#ffffff;
	border: 1px;border-style: solid; border-color: #000000; }
#TableS2CELLbox1ADJ {
	width: auto; height: auto; background-color:#ffffff;
	border: 1px;border-style: solid; border-color: #ffffff; border-spacing: 10px;
	top: 0px;vertical-align: top;
	padding: 2px 5px 3px 5px;margin: 0px;text-align:left;}
#TableS2CELLbox2ADJ {
	width: auto; height: auto;  top: 0px;vertical-align: top; padding: 5px 5px 5px 5px;
	margin: 0px;text-align:left;
	background-color:#ffffff;
	border: 1px; border-style: solid; border-color: #000000;border-spacing: 10px; }