/*
NGSMedicare.com Style Sheet  Auth:Brad Stone
Version: 20090901-01

TABLE OF CONTENTS

SECTION I     -- MARKUP & FONT SETTINGS 
SEXTION II    -- HOMEPAGE POSITION SETTINGS
SECTION III   -- ATTESTATION POSITION SETTINGS 
SECTION IV    -- HEADER POSITION SETTINGS
SECTION V     -- PORTALHEAD POSITION SETTINGS
SECTION VI    -- NAVIGATION POSITION SETTINGS
SECTION VII   -- BREADCRUMB POSITION SETTINGS
SECTION VIII  -- WHATSNEW POSITION SETTINGS
SECTION IX    -- PAGETOPICS POSITION SETTINGS 
SECTION X     -- CONTENT POSITION SETTINGS
SECTION XI    -- FOOTER POSITION SETTINGS
SECTION XII   -- PREVIEW POSITION SETTINGS
SECTION XIII  -- LCD POSITION SETTINGS 

Please see the file WebDynamicStyles.css for User-selectable Styles
including most Font definitions.


  FONT SCALABILITY THROUGH BROWSER SETTINGS

  Notes:  To keep a font constrained to the original 'designed' size
          specify the default font setting in a class declaration for
          that CSS controlled before using the style markup:

          i.e.: <span class="em_default"><h1>Constrained</h1></span>
                      ^^^^^^^^^^^^^^^^^^

          To allow the font to be scalable and allow users to increase 
          or decrease a font size based on browser settings, leave out
          the default setting for that style 'container':

          i.e.: <span      ><h1>Constrained</h1></span>
                      ^^^^

  Where:  .em_default{font-size: 12pt;}
          h1{font-size:1.3em;}

*/


/************************************************************************************************/
/* SECTION I -- MARKUP & FONT SETTINGS                                                          */
/************************************************************************************************/

.AttestationTextFont
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  margin-bottom: 12px;
  line-height: 16px;
  margin-top: 0px;
  margin-top:11px !important; /* IE6 HACK */
}
.viewall
{
  color: #0000CC;
  font-size:1.0em;
}
   
hr {
  text-align: center;
  width: 100%;
  height: 1px;
  color: #bbb;
  border: none;
} 
html>body hr /* For Internet Explorer */
{ 
  margin-right: 0;
  width: 100%;
  height: 1px;
  background-color: blue;
  border: none;
} 
html>body hr /* For Gecko-based browsers */
{
  margin-right: 0;
  width: 100%;
  height: 1px;
  background-color: #bbb;
  border: 0px solid #bbb;
} /* For Opera and Gecko-based browsers */

p.nospace
{
  margin-top:0px;
  margin-bottom: 0px;
  line-height: 16px;
  margin-top: -5px;
  margin-top:-5px !important; /* IE6 HACK */
}
.chevron /* double-right arrow for lists (>>)*/
{
  font-size:8px;
  vertical-align:middle;
  letter-spacing:-2px;
}
img 
{
  border: 0;
}
.noSpaceAfter {
  margin-top: 0px;
  margin-bottom: 0px;
}
span.nospace
{
  font-size: 0.75em;
  line-height: 16px;
  margin-top:11px !important; /* IE6 HACK */
  padding-top:0px;
  margin-bottom:0px;
}

label /* For User Input Control Labels */
{
  font-size : 0.70em;
  font-weight:bold;    
}
.fontLabel /* Font used for control labels */
{
  font-size:11px;
  font-weight:bold;
  color:Red;
}
.fontWhatsNewDateTime
{
  font-size: 0.8em;
  font-weight:bold;
  margin-top: 0px;
  margin-bottom: 12px;
}
.fontWhatsNewArticle
{
  font-size: 0.8em;
  margin-top: 0px;
  margin-bottom: 12px;     
}

.header
{
  font-size:1.8em; 
  margin-bottom: 10px;    
}

.newsCountLabel
{
	text-align:left;
	}
/* News Index */
tr.NewsHead
{
	border-right: 1px solid #000066;
	border-left: 1px solid #000066;
	border-top: 1px solid #000066;
	border-style: solid;
	border-width: 1px;
  background-color:#000066;
  color:White;
  font-size: .6em;
  font-weight:bold; 
  text-decoration:underline;
  height:40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding:6px;
}

tr.NewsHead a:visited
{
	font-weight:bold;
	color:White; 
	text-decoration:underline;
	
	}
tr.NewsHead a:link
{
	font-weight:bold;
	color:White; 
	text-decoration:underline;
	}

tr.NewsList
{
    border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;	
	color: #333333;
	background-color: #FAFAFD;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
    font-size:12px;  
}

tr.NewsListAlt
{
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	color: #333333;
	background-color: #EBEBF6;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
    font-size:12px;
}

.gridRowNews
{
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;	
	color: #333333;
	background-color: #FAFAFD;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	font-size:12px
}
.gridRowNews td
{
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	padding: 6px 12px 6px 6px;
	color: #333333;
	background-color: #FAFAFD;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	font-size:12px
}
.gridRowNewsAlt
{
    border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	color: #333333;
	background-color: #EBEBF6;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	font-size:12px
}
.gridRowNewsAlt td
{
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	padding: 6px 12px 6px 6px;
	color: #333333;
	background-color: #EBEBF6;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	font-size:12px
}
tr.PagerStyle
{
 /*text-align:right; */
  color:#000066;
  font-size:10px;
  font-weight:bold;   
	}
/* End News Index */


/* Bread Crumb */
.fontBreadCrumbCriteria 
{
  font-family:verdana;
  font-size: 11px; 
  margin-top: 0px;
  margin-bottom: 12px;
}
.fontBreadCrumbLinks
{
  font-family:verdana;
  font-size: 11px; 
  margin-top: 0px;
  margin-bottom: 12px;
}
/* End Bread Crumb */

/* Footer */
.fontFooterCopyright
{
  font-family:verdana;
  font-size: 10px;
}
.fontFooterNavigationMenuItem
{
  font-family:verdana;
  font-size:10px
}
/* End Footer */

/************************************************************************************************/
/* END MARKUP & FONT SETTINGS                                                                   */
/************************************************************************************************/

/**********************************************************************************
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
###################################################################################

                        NO FONT SETTINGS BELOW THIS LINE!                        

                        POSITIONING SETTINGS ONLY BELOW. 
           The CSS styles found below control the positional attributes 
           of controls and containers and should not be changed unless
           movement of those controls and containers is desired. Adding 
           font settings will cause fonts to behave improperly with 
           respect to accessiblity options.

###################################################################################
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
/*********************************************************************************/

/************************************************************************************************/
/* SECTION II -- HOMEPAGE POSITION SETTINGS                                                     */
/************************************************************************************************/

/* ----------------------------------------------------------------------- */
/* Adjust the HOMPAGE HEIGHT by adjusting the following four height: properties */
#HomePageContainer
{
  z-index:1; 
  width: 970px; 
  height: 550px; /* Original Setting: 500px CHANGE THIS SETTING TO RESIZE HOMEPAGE HEIGHT */
  position:relative; 
  background-color:#fafafd; 
  margin-right: auto; 
  margin-left: auto;    
}
#HomePageLeftGrey
{
  width: 239px; 
  height: 225px; /* Original Setting: 225px CHANGE THIS SETTING TO RESIZE HOMEPAGE HEIGHT */
  bottom:0px;
  position:absolute; 
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto; 
  left: 0px;
}
#HomePageRightGrey
{
  width: 239px; 
  height: 360px; /* Original Setting: 360px CHANGE THIS SETTING TO RESIZE HOMEPAGE HEIGHT */
  bottom:0px; 
  right:0px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}
#HomePageMainContent
{
  width: 440px; 
  height: 300px; /* Original Setting: 300px CHANGE THIS SETTING TO RESIZE HOMEPAGE HEIGHT */
  top:190px; 
  left: 269px;
  position:absolute; 
  margin-right: auto;  
  margin-left: auto;
  z-index:1;

}
#HomePageFooterContainer
{
  z-index:500; 
  width: 970px; 
  height: 20px; 
  position:absolute; 
  background-color:#EBEBF6;
  top:550px; /* Original Setting: 550px CHANGE THIS SETTING TO RESIZE HOMEPAGE HEIGHT */
}
/* ----------------------------------------------------------------------- */

#HomePageMainContentTitle
{
  width: 450px; 
  height: 90px; 
  top:-7px; top:5px !important; /* ! = IE Hack */ 
  left: 0px; 
  position:absolute; 
  z-index:2;
}
.HomePageGettingStarted
{
  width: 186px; 
  height: 135px; 
  left:28px; 
  position:absolute;
  z-index:0; 
  top:183px; top:195px !important; /* ! = IE Hack */  
}
.HomePagePeopleWithMedicare
{
  width: 201px; 
  height: 45px; 
  top:173px; top:190px !important; /* ! = IE Hack */ 
  left: 0px; 
  position:absolute; 
  z-index:2;
}
#HomePagePeopleWithMedicareGO
{
  width:31px; 
  height:20px; 
  top:13px; /* ! = IE Hack */ 
  Right:0px; 
  position:absolute;
}
.HomePageCongressionalOffices
{
  width: 201px; 
  height: 45px; 
  top:190px !important; /* ! = IE Hack */
  left: 221px; 
  position:absolute; 
  z-index:2;
}
#HomePageCongressionalOfficesGO
{
  width:31px; 
  height:20px; 
  top:13px;  /* ! = IE Hack */ 
  Right:-3px; 
  position:absolute;
}
.HomePage3rdOption
{
  width: 350px; 
  height: 45px; 
  top:247px !important; top:230px;  /* IE6 HACK */
  left: 0px;  
  position:absolute; 
  z-index:2;
}
#HomePage3rdOptionGO
{
  width:31px; 
  height:20px; 
  top:12px; 
  Right:0px; 
  position:absolute;
}
#HomePageMessageContainer
{
  width: 970px; 
  height: 108px; 
  position:relative; 
  background-color:#EBEBF6; 
  margin-right: auto;  
  margin-left: auto;    
}
#HomePageBusinessRegion
{
 z-index:1; 
 width: 350px; 
 height: 80px; 
 top:85px; 
 left:0px; 
 position:absolute;
}
#HomePageBusinessRegionGO
{
  width:31px; 
  height:20px; 
  top:54px; 
  Right:0px; 
  position:absolute;
}
#HomePageMainGraphic
{
  width:320px; 
  height:169px; 
  top:0px;
  right:0px;
  position:absolute; 
  background-color:#fafafd;
  margin-right: auto; 
  margin-left: auto; 
  z-index:1;
}
#HomePageBlueBar
{
  width: 700px; 
  height: 75px; 
  top:120px; 
  position:absolute; 
  background-color:#fafafd;
  margin-right: auto; 
  margin-left: auto; 
  left: 0px; 
  z-index:0;
}


#HomePageLeftGreyTopCurve
{
  width: 24px; height: 20px; 
  top:0px; right: 0px; 
  position:absolute; 
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}
#HomePageLeftGreyBottomCurve
{
  width: 26px; height: 25px; 
  bottom:0px !important; bottom:-3px; /* IE6 HACK */
  right: -26px !important;  right: -27px; /* IE6 HACK */
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}

#HomePageRightGreyTopCurve
{
  width: 23px; 
  height: 20px; 
  top:0px; 
  left: 0px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto;
   margin-left: auto;
}
#HomePageRightGreyBottomCurve
{
  width: 30px; 
  height: 25px; 
  bottom:0px; 
  left: -26px; 
  position:absolute; 
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}

.HomePageWelcomeContent
{
  width: 600px; 
  height: 98px; 
  z-index:1; 
  position:absolute; 
  left:28px; 
  top: 20px; top:20px !important; /* ! = IE Hack */
}
#HomePageMULogo
{
  z-index:500; 
  width:150px; 
  height:67px; 
  position:absolute; 
  right:20px; 
  bottom:80px;
}
#HomePageCMSLogo
{
  z-index:500; 
  width: 150px; 
  height: 57px; 
  position:absolute; 
  right:20px;  
  bottom:0px;
}
.SiteTutorialContainer
{
  position:absolute; 
  left:28px; 
  top:25px; top:5px !important; /* ! = IE Hack */
  width:190px; 
  height:140px; 
}
#labelBusinessType
{
  position:absolute;
  top:0px;
  left:0px;
}
#BusinessType
{
  position:absolute;
  top:15px;
  left:0px;
}
#labelRegions
{
  position:absolute;
  top:40px;
  left:0px;
}
#Regions
{
  position:absolute;
  top:55px;
  left:0px;
}

#HomePageRule
{
  position:absolute;
  top:165px; /* ! = IE Hack */ 
  left:0px;
  width:425px;
  height:17px;
  border-top:0px;
  border-right:0px;
  border-left:0px;
  border-bottom:1px;
  border-style:dotted;    
}

.RegionMessage 
{
  z-index:0; 
  position:absolute; 
  top:40px; 
  width:200px; 
  left:55px; 
  color:red;
}

.BusinessMessage
{
  z-index:0; 
  position:absolute; 
  top:0px; 
  width: 200px; 
  left:105px; 
  color:red;   
}
/************************************************************************************************/
/* END HOMEPAGE                                                                                 */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION III -- ATTESTATION POSITION SETTINGS                                                 */
/************************************************************************************************/
/* ----------------------------------------------------------------------- */
/* Adjust the ATTESTATION HEIGHT by adjusting the following four height: properties */
#AttestationContainer
{
  z-index:1; 
  width: 970px; 
  height: 500px; /* Original Setting: 500px */
  position:relative; 
  background-color:#fafafd; 
  margin-right: auto; 
  margin-left: auto;    
}



#AttestationRightGrey
{
  width: 239px; 
  height: 450px; /* Original Setting: 310px */
  bottom:0px; 
  right:0px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}
#AttestationMainContent
{
  width: 440px; 
  height: 300px; /* Original Setting: 300px */
  top:190px; 
  left: 269px;
  position:absolute; 
  margin-right: auto;  
  margin-left: auto;
  z-index:1;

}
#AttestationFooterContainer
{
  z-index:500; 
  width: 970px; 
  height: 20px; 
  position:absolute; 
  background-color:#EBEBF6;
  top:500px;
}
/* ----------------------------------------------------------------------- */
.AttestationTextArea
{
position:absolute; 
top:130px; 
left:28px; 
width:672px; 
height:284px
}
#AttestationButtonBox
{
position:absolute; 
top:440px; 
left:28px; 
width:672px; 
height:30px    
}
.AttestationButton
{

top:0px; 
left:0px; 
width:80px; 
height:25px    
    }
#AttestationMainContentTitle
{
  width: 672px; 
  height: 100px; 
  top:20px; top:25px !important; /* ! = IE Hack */ 
  left: 28px; 
  position:absolute; 
  z-index:2;
}
.AttestationGettingStarted
{
  width: 186px; 
  height: 135px; 
  left:28px; 
  position:absolute;
  z-index:0; 
  top:183px; top:195px !important; /* ! = IE Hack */  
}
.AttestationPeopleWithMedicare
{
  width: 201px; 
  height: 45px; 
  top:153px; top:170px !important; /* ! = IE Hack */ 
  left: 0px; 
  position:absolute; 
  z-index:2;
}
#AttestationPeopleWithMedicareGO
{
  width:31px; 
  height:20px; 
  top:14px; top:0px !important; /* ! = IE Hack */ 
  Right:0px; 
  position:absolute;
}
.AttestationCongressionalOffices
{
  width: 201px; 
  height: 45px; 
  top:170px !important; /* ! = IE Hack */
  left: 221px; 
  position:absolute; 
  z-index:2;
}
#AttestationCongressionalOfficesGO
{
  width:31px; 
  height:20px; 
  top:0px;  /* ! = IE Hack */ 
  Right:0px; 
  position:absolute;
}
.Attestation3rdOption
{
  width: 350px; 
  height: 45px; 
  top:247px !important; top:230px;  /* IE6 HACK */
  left: 0px;  
  position:absolute; 
  z-index:2;
}
#Attestation3rdOptionGO
{
  width:31px; 
  height:20px; 
  top:12px; 
  Right:0px; 
  position:absolute;
}
#AttestationMessageContainer
{
  width: 970px; 
  height: 108px; 
  position:relative; 
  background-color:#EBEBF6; 
  margin-right: auto;  
  margin-left: auto;    
}
#AttestationBusinessRegion
{
 z-index:1; 
 width: 350px; 
 height: 80px; 
 top:85px; 
 left:0px; 
 position:absolute;
}
#AttestationBusinessRegionGO
{
  width:31px; 
  height:20px; 
  top:35px; 
  Right:0px; 
  position:absolute;
}
#AttestationMainGraphic
{
  width:320px; 
  height:169px; 
  top:0px; 
  right:0px; 
  position:absolute; 
  background-color:#fafafd;
  margin-right: auto; 
  margin-left: auto; 
  z-index:1;
}
#AttestationBlueBar
{
  width: 700px; 
  height: 75px; 
  top:120px; 
  position:absolute; 
  background-color:#fafafd;
  margin-right: auto; 
  margin-left: auto; 
  left: 0px; 
  z-index:0;
}


#AttestationLeftGreyTopCurve
{
  width: 24px; height: 20px; 
  top:0px; right: 0px; 
  position:absolute; 
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}
#AttestationLeftGreyBottomCurve
{
  width: 26px; height: 25px; 
  bottom:0px !important; bottom:-3px; /* IE6 HACK */
  right: -26px !important;  right: -27px; /* IE6 HACK */
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}

#AttestationRightGreyTopCurve
{
  width: 23px; 
  height: 20px; 
  top:0px; 
  left: 0px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto;
   margin-left: auto;
}
#AttestationRightGreyBottomCurve
{
  width: 30px; 
  height: 25px; 
  bottom:0px; 
  left: -26px; 
  position:absolute; 
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
}

.AttestationWelcomeContent
{
  width: 600px; 
  height: 98px; 
  z-index:1; 
  position:absolute; 
  left:28px; 
  top: 20px; top:20px !important; /* ! = IE Hack */
}
#AttestationMULogo
{
  z-index:500; 
  width:150px; 
  height:67px; 
  position:absolute; 
  right:10px; 
  bottom:80px;
}
#AttestationCMSLogo
{
  z-index:500; 
  width: 150px; 
  height: 57px; 
  position:absolute; 
  right:10px;  
  bottom:0px;
}

/************************************************************************************************/
/* END ATTESTATION                                                                              */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION IV -- HEADER                                                                         */
/************************************************************************************************/
#HeaderContainer
{
  width: 970px; 
  height: 120px; 
  background-color: #EBEBF6; 
  position:relative;
  margin-right: auto; 
  margin-left: auto;    
}
.HeaderIMGButtonPrint
{
  top:15px;
  left:640px;
  position:absolute;
}
.HeaderIMGButtonListServ
{
  top:15px;
  left:850px;
  position:absolute;
}
.HeaderIMGButtonBookmark
{
  top:15px;
  left:730px;
  position:absolute;
}
.HeaderSearchLabel
{
  width: 25px; 
  height: 1px; 
  position: absolute;
  left: 707px;
  top: 55px; 
}
.HeaderSearchTextBox
{
  left:760px; /* Label "left" plus 45px */
  width: 140px;
  height:16px;
  top: 50px; 
  position: absolute;
}
.HeaderIMGButtonHeaderGo
{
  top:50px;
  left:918px;
  position:absolute;
}
#HeaderSpacer /* This is the space just below the header, and just above the next element below */
{
  width: 970px; 
  height: 8px; 
  font-size:1px; /* IE HACK, do not remove */
  margin-right: auto; 
  margin-left: auto;    
}
.HeaderNGSLogo
{
  position:relative; 
  top:32px; 
  left:32px
}
.HeaderIMGButtonNarrowSearch
{
  top:85px;
  left:840px;
  position:absolute;
}
.HeaderLA
{
  position:absolute;
  color:#EBEBF6; /* This should match the background color of the header at all times. */
  top:0px;
  left:0px;
  z-index:45px;
  font-size:8px;    
}
.HeaderTextOnly
{
  position:absolute;
  top:10px;
  left:0px;
  z-index:45px;
}
/************************************************************************************************/
/* END HEADER                                                                                   */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION V -- PORTALHEAD                                                                      */
/************************************************************************************************/
#PortalHeadContainer
{
  width: 970px; 
  height: 108px; 
  position:relative;
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;    
}
#PortalHeadWhite
{
  width: 488px; 
  height: 108px; 
  background-color: #fafafd; 
  position:absolute;
  left:0px;
  top:0px;
}
.PortalHeadCurve
{
  width: 23px; 
  height: 108px; 
  position:absolute;
  left:0px;
  top:0px;
}
.PortalHeadWhiteContent
{
  width: 425px; 
  height: 88px; 
  top:0px;
  position:absolute;
  left:28px;
}
.PortalHeadMU
{
  width: 150px; 
  height: 67px; 
  position:absolute;
  left:800px;
  top:20px
}
.PortalHeadEventsCalendarTitle
{
  width: 150px; 
  height: 15px; 
  position:absolute;
  left:519px;
  top:15px
}
.PortalHeadEventsCalendarLabel
{
  width: 150px; 
  height: 15px; 
  position:absolute;
  left:520px;
  top:45px
}
.PortalHeadEventsCalendarControls
{
  width: 267px; 
  height: 30px; 
  position:absolute;
  left:520px;
  top:60px
}
.PortalHeadEventsGoButton
{
  width: 267px; 
  height: 30px; 
  position:absolute;
  left:752px;
  top:60px
}
/************************************************************************************************/
/* END PORTALHEAD                                                                               */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION VI -- NAVIGATION                                                                     */
/************************************************************************************************/
#NavigationContainer
{
  width: 970px; 
  height:28px; /* IE6 HACK - This value must be adjusted to center the position of the child items (MainNavigationMenuItem) */
  position:relative;
  margin-right: auto; 
  margin-left: auto;    
}
#NavigationInnerContainer
{
  width: 970px; 
  height:28px; /* IE6 HACK - This value must be adjusted to center the position of the child items (MainNavigationMenuItem) */
  position:Absolute;
  left:40px; /* Use this setting to shift the entire navigation menu left and right */
  top:0px;
}
.MainNavigation
{
  position: absolute;
  width:970px;
  left: 0px;
  top: 5px;    
}
.MainNavigationMenuItem 
{
  font-family:verdana;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  height:24px; /* IE6 HACK - This value must be adjusted to center the position in the parent container (NavigationContainer) */
}
.MainNavigationMenuItem a
{
    font-family: verdana;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 24px; /* IE6 HACK - This value must be adjusted to center the position in the parent container (NavigationContainer) */
}
.MainNavigationMenuItem a:hover
{

    font-family: verdana;
    color: #330066;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    background-color: #FFFFFF;
    padding-bottom:5px;
    padding-top:4px;
    padding-left:0px;
}

.SubNavigationMenuItem
{
}

.SubNavigationMenuItem a
{
}

.SubNavigationMenuItem a:hover
{
}


.MenuLink1 
{
  color: #330066;
  font-size:11pt;
  font-family:Verdana;
  font-weight:bold;
}
.MenuLink2 
{
  color: #FF0000;
  font-size:11pt;
  font-family:Verdana;
  font-weight:normal;

}

/************************************************************************************************/
/* END NAVIGATION                                                                               */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION VII -- BREADCRUMB                                                                    */
/************************************************************************************************/
#BreadCrumbContainer
{
  width: 970px; 
  height: 52px; 
  position:relative;
  background-color:#fafafd;
  margin-right: auto; 
  margin-left: auto;    
}
#BreadCrumbRight
{
  width: 480px; 
  height: 52px; 
  background-color:#EBEBF6;
  position:Absolute;
  left:487px;
  top:0px;
  margin-right: auto; 
  margin-left: auto;    
}
.BreadCrumbCriteria
{
  width: 450px; 
  height: 15px; 
  position:Absolute;
  left:25px;
  top:7px;
}
.BreadCrumbLinks
{
  width: 450px; 
  height: 15px; 
  position:Absolute;
  left:25px;
  top:26px;
}

/************************************************************************************************/
/* END BREADCRUMB                                                                               */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION VIII -- WHATSNEW                                                                     */
/************************************************************************************************/
#WhatsNewContainer
{
  width: 240px;
  height: 100%;
  min-height: 100%;
  background-color: #EBEBF6;
  position: absolute;
  left: 0px;
  top: 0px;
  margin-right: auto;
  margin-left: auto;
}
#WhatsNewMainGraphic
{	
  width: 240px;
  height: 174px;
  position:absolute;
  left:0px;
  top:-52px;
  margin-right: auto;
  margin-left: auto;
}
#WhatsNewCurveGraphic
{
/*
  border-style: dashed;
  border-width: 1px 0px 0px 0px;
  border-color: #FFFFFF;
*/
  width: 26px;
  height: 100%;
  position: absolute;
  left: 240px;
  top: 0px;
}
#WhatsNewBottomCurve
{
  padding: 0px;
  margin: 0px;
  position: absolute;
  width: 26px;
  height: 25px;
  left: 0px;
  bottom: 0px !important; bottom: -2px; /* IE HACK */
  vertical-align: bottom;
  background-image: url(images/LeftColumnCurve.gif);
}
.WhatsNewContent
{
  position:absolute;
  left:28px;
  top:141px;
  height:6px;
  width:188px;
  z-index:0;
}
.WhatsNewViewControls
{
  position:absolute;
  left:0px;
  top:70px;
  height:20px;
  width:186px;
}
.WhatsNewGoButton
{
  position:absolute;
  Right:0px;
  top:0px;
}
.WhatsNewArticle
{
  position:absolute;
  left:0px;
  top:65px;
  height:4px;
  width:186px;    
  z-index:1;
}
/************************************************************************************************/
/* END WHATSNEW                                                                                 */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION IX -- PAGETOPICS                                                                     */
/************************************************************************************************/
.PageTopicsContainer
{
  border-style: dashed;
  border-width: 1px;
  width: 267px;
  height:100%;
  min-height:100%;
  background-color: #EBEBF6;
  position: absolute;
  left: 703px;
  top: 0px;
  margin-right: auto;
  margin-left: auto;

}
#PageTopicsCurveGraphics
{
  width: 30px; 
  height: 100%; 
  background-color: #fafafd; 
  position:absolute; 
  left:0px;
  top:0px;
  margin-right: auto; 
  margin-left: auto;    
}
#PageTopicsBottomCurve
{
  position:absolute;
  left:0px;
  bottom:0px; bottom:-1px !important; /* IE HACK */
}
.PageTopicsTitle
{
  font-size:18px;
  font-weight:bold;
  line-height:100%;
  margin:-5px;

}
.PageTopicsContent
{
	position: absolute;
	left: 51px;
	top: 27px; /* This setting is overridden in ctrlPageTopics.ascx */
	width: 210px;
	z-index: 25;
}
#PageTopicsMULogo
{
  z-index:24; 
  width: 150px; 
  height: 67px; 
  position:absolute; 
  left:95px;  
  top:27px; top:27px !important; /* IE HACK */
}
#PageTopicsPECOSLogo
{
  z-index:500; 
  width: 160px; 
  height: 85px; 
  position:absolute; 
  left:85px;  
  bottom:150px; 
  bottom:72px !important; /* IE HACK */
}
#PageTopicsCMSLogo
{
  z-index:500; 
  width: 150px; 
  height: 57px; 
  position:absolute; 
  left:95px;  
  bottom:20px;
}
#PageTopicsGoGreenLogo
{
  z-index:500; 
  position:absolute; 
  left:97px;  
  bottom:101px;
}
#PageTopicsBottomCurve
{
  vertical-align: bottom;
  bottom: -1px;
}

/************************************************************************************************/
/* END PAGETOPICS                                                                               */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION X -- CONTENT                                                                         */
/************************************************************************************************/
.MainContent
{
  border-width: 5px;
  border-color: inherit;
  background-color: #fafafd;
  width: 970px;
  height: 100%; 
  min-height:500px;/*100%;*/
  position: relative;
  margin-right: auto;
  margin-left: auto;
  
}

.DateLastModified
{
  bottom:3px;
  left:0px;
  width:300px;
  height:12px;
  position:absolute;
}
.MainContentGrow /* Due to the tables in the Content area, and IE6, you have to set this class up to set min heights. */
{
  min-height:410px;
  height:auto !important;  /* IE HACK */
  height:410px; /* IE HACK */

}
.MainContentPortal
{
  border-width: 5px;
  border-color: inherit;
  background-color: #fafafd;
  width: 970px;
  height: 350px; /* SET THE PORTAL PAGE CONTENT (WHITE SPACE) HEIGHT HERE */
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
#PreProductionDocumentInfo
{
  width: 300px;
  height: 45px; 
  position: absolute;
  top:-70px;
  font-size:12px;
  font-weight:bold;
  font-family:Courier New;
}
.PortalPagePlaceHolder1
{
  width: 240px; 
  position:absolute; 
  top:20px;
  left:267px;
  margin-right: 480px; 
  margin-left: auto; 
  border-style:solid;
  border-color:#fafafd;
  border-width:0px;
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;
}
.PortalPagePlaceHolder2
{
  width: 215px; 
  position:relative;
  top:20px;
  margin-right: 230px; 
  margin-left: auto; 
  border-style:solid;
  border-color:#fafafd;
  border-width:0px;
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;
}
.ContentPagePlaceHolder
{
  width: 664px; 
  left:-127px;
  position:relative;
  height:auto;
  top:20px;
  margin-right: auto; 
  margin-left: auto; 
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;

  /* font-size:.8em; DO NOT PLACE FONT SIZE INFORMATION IN POSITIONING SECTIONS! SEE EXPLANATION AT TOP OF FILE. */
}
.ContentPagePlaceHolder2
{
  width: 664px; 
  left:20px;
  position:relative;
  top:20px;
  margin-right: auto; 
  margin-left: auto; 
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;
  /* font-size:.8em;  DO NOT PLACE FONT SIZE INFORMATION IN POSITIONING SECTIONS! SEE EXPLANATION AT TOP OF FILE. */
}
.ContentPagePlaceHolderTbl
{
  width: 664px; 
  left:20px;
  position:relative;
  top:20px;
  margin-right: auto; 
  margin-left: auto; 
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;
  /* font-size:.8em;  DO NOT PLACE FONT SIZE INFORMATION IN POSITIONING SECTIONS! SEE EXPLANATION AT TOP OF FILE. */
}
#ContentHeadContainer
{
  width: 970px; 
  height: 25px; 
  position:relative;
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;   
}
#ContentHeadWhite
{
  width: 488px; 
  height: 25px; 
  background-color: #fafafd; 
  position:absolute;
  left:0px;
  top:0px;
}
#ContentHeadCurve
{
  width: 23px; 
  height: 25px; 
  position:absolute;
  left:0px;
  top:0px;
}
.ContentHeadWhiteContent
{
  width: 450px; 
  height: 25px; 
  position:absolute;
  left:20px;
}



/************************************************************************************************/
/* END CONTENT                                                                                   */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION XI -- FOOTER                                                                          */
/************************************************************************************************/
#FooterContainer
{
  width: 970px; 
  height: 70px; 
  background-color: #EBEBF6; 
  position:relative;
  margin-right: auto; 
  margin-left: auto;    
}
.FooterCopyright
{
  width: 970px; 
  height: 15px; 
  position: absolute;
  text-align:center;    
  left: 0px;
  top: 40px; 
}
.FooterNavigation
{
  position: absolute;
  left: 215px;
  top: 20px;
  width: 490px;
}
/************************************************************************************************/
/* END FOOTER                                                                                   */
/************************************************************************************************/
/************************************************************************************************/
/* SECTION XII -- PREVIEW                                                                       */
/************************************************************************************************/
#previewContainer
{
  width: 970px; 
  height: 120px; 
  background-color: #EBEBF6; 
  position:relative;
  margin-right: auto; 
  margin-left: auto;    
}
#previewPageTopicsBottomCurve
{
  position:absolute;
  left:0px;
  bottom:0px;
}
.previewContent
{
  background-color:#fafafd;    
  width: 970px; 
  min-height:300px;
  position:relative;
  margin-right: auto; 
  margin-left: auto; 
}
#previewPageTopicsContainer
{
  width: 267px;
  height: 100%;
  background-color: #EBEBF6;
  position: absolute;
  left: 703px;
  top: 0px;
  margin-right: auto;
  margin-left: auto;
}
#previewPageTopicsCurveGraphics
{
  width: 30px; 
  height: 100%; 
  background-color: #fafafd; 
  position:absolute;
  left:0px;
  top:0px;
  margin-right: auto; 
  margin-left: auto;    
}
.previewPageTopicsContent
{
  position:absolute;
  left:51px;
  top:20px;
  height:250px;
  width:210px;
}
.fontpreviewPageTopics
{
  font-family:Verdana;
  font-size:10px;
}
.previewPageTopicsTitle
{
  font-size:18px;
  font-weight:bold;
  line-height:100%;
  margin:-5px
}
.previewContentPagePlaceHolder
{
  width: 700px; 
  left:-115px;
  position:relative;
  top:0px;
  margin-right: auto; 
  margin-left: auto; 
  border-style:solid;
  border-color:#fafafd;
  border-width:1px;
  padding-top:5px;
  padding-bottom:5px;
  overflow:visible;
}
.fontpreviewContent
{
  font-family:Verdana;
  font-size:13px;
  line-height:16px;
}
/************************************************************************************************/
/* SECTION XIII -- LCD                                                                          */
/************************************************************************************************/
.grid
{
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-width: 0px;
	width: 700px;
}
.gridHeader
{

/*color: #FFFFFF;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-top: 1px solid #000066;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding:6px;
	font-size: .6em;
	background-color: #000066;*/

	border-right: 1px solid #000066;
	border-left: 1px solid #000066;
	border-top: 1px solid #000066;
  /*font-family:Verdana, helvetica, Arial, sans-sarif;*/
  font-size:10px;    
  /*line-height:10px;
  color:#FFFFFF;*/
  background-color:#000066;
   border-style: solid;
	border-width: 1px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding:6px;
	
	
}
.gridHeader a
{
  border-right: 1px solid #000066;
 border-left: 1px solid #000066;
	border-top: 1px solid #000066;
  font-family:Verdana, helvetica, Arial, sans-sarif;
  font-size:12px;    
  line-height:12px;
  color:#FFFFFF;
  background-color:#000066;
   border-style: solid;
	border-width: 1px;
 
}
.gridFooter
{
  font-family:Verdana, helvetica, Arial, sans-sarif;
  font-size:12px;    
  line-height:12px;  
  background-color:#000066;  
}
.gridRow
{
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;	
	color: #333333;
	background-color: #FAFAFD;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
}
.gridRow td
{
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	padding: 6px 12px 6px 6px;
	color: #333333;
	background-color: #FAFAFD;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
}
.gridRowAlt
{
    border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	color: #333333;
	background-color: #EBEBF6;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
}
.gridRowAlt td
{
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
	padding: 6px 12px 6px 6px;
	color: #333333;
	background-color: #EBEBF6;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
}
#LinksDiv
{
	font-size:8px; 
	}
#ContentDiv
{
  font-size: 12px;
}
#ContentDiv table
{
  padding: 0px;
  margin: 0px;
  width: 100%;
  height:100%; 
  vertical-align:top ; 
}
.LCDStatusTable
{
  border-style: solid;
  border-width: 1px;
  font-size:9px;
}
/************************************************************************************************/
/* END LCD                                                                                      */
/************************************************************************************************/
#AcronymContent
{ 
 overflow : scroll;
  width : 492px; 
  height: 400px; 
  left: 243px;
  position:absolute; 
  margin-right: auto;  
  margin-left: auto;
  z-index:1;
  top: 5px;
}
#AcronymPageRightGrey
{
  width: 246px; 
  height: 433px; 
  min-height: 100%;
  bottom:14px; 
  right:-282px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
  left: 729px;
}
#AcronymPageleftGrey
{
  width: 214px; 
  height: 484px; 
  min-height: 100%;
  bottom:13px; 
  position:absolute;  
  background-color:#EBEBF6;
  margin-right: auto; 
  margin-left: auto;
  left: 4px;
}