/* REMINDER: the style name case IS significant 
   WARNING:  no changes should be made to any width settings, changes can cause the
	          pages to 'break' */

/* H1 is redefined (within bodyContent) but use should be avoided
   to maintain the distinction of the page title */
.pageheader  {
   font: bold 16px Arial, Helvetica, sans-serif;
   color: #000;
   margin-top: 10px;
	margin-bottom: 3px;  }


/* pageWrapper sets characteristics for the entire page, including the default font */
#pageWrapper {
   width: 760px;
   margin-left: 0px; padding-left: 0px;
   margin-top: 0px; padding-top: 0px;
   border: 0px;}
   
#pageWrapper, #pageWrapper td  {
   color: #000;
   font: 12px/1.25 Verdana, Geneva, Arial, Helvetica, sans-serif;  }
	

/* PAGE HEADER FORMATTING
   ================================================================= */
#pgHeader   { 
	margin: 0px;  padding: 0px; 
	width: 760px; }

  
/* KEYLINKS FORMATTING ( banner at top and bottom with links)
   Color changes for the key links banners are made here.  To change 
	   the font color change the 'color:' setting in ALL of the 
		keyLinks styles 
   ================================================================= */
#keyLinksBottom, #keyLinksTop  {
   margin: 0px;   padding: 1px;
   background-color: #670001;
   border-top: 2px solid #000;  border-bottom: 1px solid #000;
   color: #fff; 
   width: 760px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 758px;   }
   
#keyLinksTop  {  margin: 0px 0px 0px 0px;   }
#keyLinksBottom  {  margin-top: 0px;   }

#keyLinksBottom td, #keyLinksTop td
{  font: bold 11px Arial, Helvetica, sans-serif; 
   color: #fff;  }

/* Links will not have an underline except when user does a mouseover
   In keylinks area the link will remain the same color whether it has
	   been visited or not */
#keyLinksBottom td  a:link, #keyLinksBottom td  a:visited, 
#keyLinksTop td  a:link, #keyLinksTop td  a:visited   {
   text-decoration: none;
   font-weight: bold;
   color: #fff;   }

#keyLinksBottom td  a:hover, #keyLinksTop td  a:hover   {
   text-decoration : underline;
   font-weight: bold;
   color: #fff;  }

#keyLinksBottom td a:active, #keyLinksTop td a:active   {
   text-decoration : underline;
   font-weight: bold;
   color: #fff;  }
   
#keyLinksBottom td input, #keyLinksTop td input {
   font: 10px Arial, Helvetica, sans-serif;
   margin-right: 4px;
   margin-left: 4px;
   background-color: #FFF;  }

#keyLinksBottom label, #keyLinksTop label  {
   margin-left: 25px;  margin-right: 4px; }


/* MENU FORMATTING
   Color changes for the menu are made here.  
   IMPORTANT: 
	   Menu has 122px of usable space--nothing should be placed in 
	      the menu column that exceeds this width
		If the menu BACKGROUND COLOR IS CHANGED to a lighter color
		   the font color must be changed to a darker color
		If the site menu is long the margin bottom value can be 
		   reduced (it is currently set to 175px to improve the 
			appearance of short pages
   ================================================================= */
#menuMain   {
   font: 11px/110% Arial, Helvetica, sans-serif;
   background-color: #670001;
   color: #FFF;
   margin: 0px;   padding: 16px 4px 175px 4px;
   width: 130px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 122px;    }

#menuMain ul   {
   list-style: none;
   margin: 0px;  padding: 0px;  }

#menuMain ul li   {
   margin: 0px;   padding-top: 10px;
   font-weight: bold;
   color: #FFF;
   text-transform: uppercase;   }

#menuMain ul li a   {  color: #FFF;  }

#menuMain ul ul li   {
   margin: 0px 0px 0px 6px;   padding-top: 1px;
   color: #fff;
   font-weight: normal;
   text-transform: none;   }

#menuMain ul ul li a   {
   color: #fff; 
   font-weight: normal;   }


/* BODYCONTENT & PGBODY
   ================================================================= */
/* pgBody styles are used for the main/center body column,
   - 1col no menu or right column,
   - 2col menu & no right column
   - 3col both menu & rt column  */
/* bodyContent handles the spacing between body-content section
   and all other sections */
td#pgBody_1col #bodyContent    {
   margin: 12px 15px 20px 15px;
   width: 760px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 730px;    }

td#pgBody_2col #bodyContent   {
   margin: 12px 0px 20px 15px;
   width: 630px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 615px;   }

td#pgBody_3col #bodyContent   {
   margin: 12px 15px 20px 15px;
   width: 460px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 430px;   }

/* H1 within pageTitle is used for the page title */
#bodyContent #pageTitle h1  {
   font: bold 17px Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   color: #000;
   display: block;
   margin: 0px;
   border-bottom: 1px solid #999; }



/* H1 is redefined (within bodyContent) but use should be avoided
   to maintain the distinction of the page title */
#bodyContent h1  {
   font: bold 16px Arial, Helvetica, sans-serif;
   color: #000;
   margin-top: 10px;
	margin-bottom: 3px;  }
   
/* H2 is redefined (within bodyContent) 
   Use for 1st level subheadings */
#bodyContent h2  {
   font: bold 14px/1.2 Arial, Helvetica, sans-serif; 
   color: #000;
   margin-top: 15px;  margin-bottom: 0px;  }

/* H3 is redefined (within bodyContent) 
   Use for 2nd level subheading */
#bodyContent h3  {
   font: bold 13px Arial, Helvetica, sans-serif;
   margin-bottom: 3px;
   margin-top: 10px;  }

/* H4 is redefined (within bodyContent) and used for 
   subheadings */
#bodyContent h4  {
   font: italic bold 11px/1.2 Georgia, "Times New Roman", Times, serif;
   margin-bottom: 0px;  margin-top: 10px;   }   

#bodyContent p  {
   margin-bottom: 12px;  margin-top: 2px;   }
	
#bodyContent input, #bodyContent select,
#bodyContent textarea, #bodyContent td input, 
#bodyContent td select, #bodyContent td textarea   {
	font: 11px Arial, Helvetica, sans-serif;  }

/* Left margin of lists must be at least 30, else numeric lists numbers 
  are cut off */
#bodyContent ul, #bodyContent ol  {
   margin: 2px 0px 8px 30px; }   
   
#bodyContent ul li,  #bodyContent ol li  {
   margin-top: 0px;   margin-bottom: 5px;  }

 
/* BREADCRUMB 
   ================================================================= */
#breadCrumb   {
   font: 10px Arial, Helvetica, sans-serif;
   color: #fff ;
   margin-top: 2px;   margin-bottom: 17px;   }

#breadCrumb strong   { color: #fff; }


/* ARTICLEBODY
   Following setting are applied ONLY to the author and content 
	   area of Article assets. 
   ================================================================= */
/* 	The first two styles adjust image left and right margins
	   dependent on whether the image is left or right aligned
		BUT this does not work with all browsers.  If the browser does 
		support the first two styles then the third will be used.   */
#articleBody img[align="left"]   {
   margin: 2px 5px 2px 0px; }
#articleBody img[align="right"]   {
   margin: 2px 0px 2px 5px; }

#articleBody img  {
	margin: 2px; }

#authors  {
   font: 13px Arial, Helvetica, sans-serif;
   margin-bottom: 3px;
   margin-top: 10px;  }
	
 
/* BOX and BLOCK CONTENT 
   =================================================================
   These styles are used for boxes in the right column-gutter
   as well as in the body.  
   There are styles with and without borders and shaded backgrounds
   as well as different colored backgrounds and borders            */

#borderedBox_1, #borderedBox_2, #borderedBox_3,
#shadedBox_1, #shadedBox_2, #shadedBox_3,
#noBorderBox  {
	background-color: #FFF;
	display: box;
	margin: 10px 0px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #000;  }

#borderedBox_1, #borderedBox_2, #borderedBox_3,
#shadedBox_1, #shadedBox_2, #shadedBox_3  {  padding: 1px 1px 6px 1px;  }

#noBorderBox  {  padding: 0px 0px 6px 0px;  }
	
/* ----------------------------------------------------------------- 
	Any COLOR CHANGES to box backgrounds or borders will be made 
	within this block of styles */
	
/* Border is DK GREY  */
#borderedBox_1, #shadedBox_1, #shadedBox_3  { border: 1px solid #666;  }

/* Border is LIGHTER GREY  */
#borderedBox_3  { border: 1px solid #D6D6D6;  }

/* Border is RED  */
#borderedBox_2, #shadedBox_2  { border: 1px solid #F99;  }

/* Background color is GREY  */
#shadedBox_1   { background-color: #EEE; }

/* Background color is YELLOW  */
#shadedBox_2   { background-color: #FFFFE0; }

/* Background color is LIGHT BLUE  */
#shadedBox_3   { background-color: #D0E8FF; }
/* ----------------------------------------------------------------- */
   
#shadedBox_1 form  {
	margin: 5px;  }

/* Right Column box paragraph settings are made further down in this 
   document in the section for the right column styles */
#borderedBox_1 p, #borderedBox_2 p, #borderedBox_3 p,
#shadedBox_1 p, #shadedBox_2 p,#shadedBox_3 p, 
#noBorderBox  {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;  }

#borderedBox_1 p, #borderedBox_2 p, #borderedBox_3 p,
#shadedBox_1 p, #shadedBox_2 p,#shadedBox_3 p  {  margin: 4px 7px 2px 7px;  }

#noBorderBox p {  margin: 3px 0px 1px 0px;   }

#shadedBox_1 h4, #borderedBox_1 h4  {
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 4px 0px 1px 0px;
	color: #666 }
		
#shadedBox_1 h5, #borderedBox_1 h5  {
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0px 0px 1px 0px;
	padding: 3px;
	background-color: #D6D6D6;
	text-align: center;
	text-transform: uppercase; 
	border-bottom: 1px solid #999;  }

#shadedBox_2 h5, #borderedBox_2 h5, #noBorderBox h5  {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 5px 0px 0px 10px;
	text-transform: uppercase;  }

#shadedBox_3 h5   {
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0px 0px 1px 0px;
	padding: 3px; }
	
#shadedBox_1 h6, #borderedBox_1 h6 {
	font: 10px Arial, Helvetica, sans-serif;
	background-color: #EEE;
	padding: 4px;
	margin: 1px 0px 4px 0px;
	border-bottom: 1px solid #D6D6D6; }
	
#bodyContent #borderedBox_1 img, #bodyContent #borderedBox_2 img, #bodyContent #borderedBox_3 img,
#bodyContent #shadedBox_1 img, #bodyContent #shadedBox_2 img, #bodyContent #shadedBox_3 img,
#noBorderBox img  {
	margin: 6px 10px 6px 0px;  }
	
/* ARTICLES
   ================================================================= */
#summary img, .summary img  {
	margin: 8px 10px 6px 10px;  }


/* REFERENCES 
   ================================================================= */
#bodyContent #references  {
	margin-top: 30px; padding-top: 0px;
	margin-bottom: 15px;
	border-top: 1px solid #999;
}
	
#bodyContent #references ul,
#bodyContent #references ol  {
	margin-top: 0px;  margin-bottom: 10px;
	list-style-type: decimal;
}   
   
#bodyContent #references ul li,
#bodyContent #references ol li   {
   margin-top: 0px;   margin-bottom: 6px; }


/* RIGHT COLUMN
   ================================================================= */
#right_column  {
	margin-top: 16px;
	width: 170px; }

/* Use h5 in the right column (column boxes) for the box headings
   The h5 should be OUTSIDE of the div tags containing the column 
	   box id.  */
#right_column h5  {
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px 0px 0px 2px;
	text-transform: uppercase; }

#right_column #borderedBox_1 h5, #right_column #borderedBox_2 h5, #right_column #borderedBox_3 h5,
#right_column #shadedBox_1 h5, #right_column #shadedBox_2 h5, #right_column #shadedBox_3 h5  
   {  margin: 0px;  }
	
#right_column ul {
   margin: 5px 0px 5px 20px; }   
	
#right_column ul li  {
   margin-top: 0px;   margin-bottom: 3px;  }

#right_column #borderedBox_1, #right_column #borderedBox_2, #right_column #borderedBox_3,
#right_column #shadedBox_1, #right_column #shadedBox_2, #right_column #shadedBox_3 {
	margin: 1px 1px 20px 1px;  } 

#right_column #borderedBox_1 p, #right_column #borderedBox_2 p, #right_column #borderedBox_3 p,
#right_column #shadedBox_1 p, #right_column #shadedBox_2 p, #right_column #shadedBox_3 p {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;  }

#right_column form  {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;  }

#right_column input, #right_column label,
#right_column td input, #right_column td label,
#right_column td select, #right_column select  {
	font: 11px Arial, Helvetica, sans-serif;  }


/* DATES 
   Last modified and created dates displayed at bottom of articles
   ================================================================= */
#dates  {
	margin-top: 55px;  padding-top: 0px;
	margin-bottom: 15px;
	border-top: 1px solid #999;
	clear: both;  }

   
/* PAGE FOOTER
   Formats the text at the bottom of the page, i.e. copyright info, etc.
	Content pulled into all pages using the master template
   ================================================================= */
#pgFooter   {
   font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	clear: both;
   margin: 10px 15px;
   width: 760px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 730px;  }
