html { height: 100%; }

body {
   height: 100%;
   background: #cbcbcb url(/images/bkg.jpg) repeat-x;	
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   line-height: 1.166em;
   margin: 0px;
   padding: 0px;
}

h1 {
   margin: 0px;
   padding: 5px 0px 5px 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 130%;
   color: #001d84;
  
} 

h2 {
   margin:  3px 3px 5px 3px;
   padding: 5px 10px 5px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 110%;
   letter-spacing: 0.2em;
   color: #FFFFFF;
   background-color: #A0A0A0;
      
} 

h3 {
   margin: 0px;
   padding: 5px 0px 5px 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 115%;
   color: #001d84;
        
} 

h4 {
   clear: both;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   margin: 0px;
   font-size: 118%;
   color: #484848;
   background-color: #F5F5F5;
   border: 1px solid #CCCCCC;
   padding: 6px;
	
} 

/* custom styles */
.lgBlue {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 120%;
   line-height: 1.166em;
   color: #001d84;
}


.smBlue {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   line-height: 1.166em;
    color: #001d84;
}

.lgRed {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 120%;
   line-height: 1.166em;
   color: #990000;
}


.smRed {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   line-height: 1.166em;
    color: #990000;
}


.menuSpacer {
 border-bottom: 1px dashed #ccc;
 margin-bottom: 20px;
 margin-top:0px; 
}

a:link, a:visited{
   color:  #000000;
   text-decoration: underline;
}

a:hover{
   text-decoration: none;
   color: #000099;
}

.arrow {
   background: url(/images/arrow.gif) no-repeat  0 50%;
   padding: 2px 0px 2px 20px;
   margin: .4em 0;
}

li { margin-bottom: .5em; } 

IMG.displayed {display: block; margin-left: auto; margin-right: auto; padding: 5px; border:0px;}

/***********************************************/
/* Page Layout Divs                            */
/***********************************************/
#wrapper{
   margin:0px auto;
   position: relative;
   width:1000px;
   padding: 0 0 10px 0px;
		
}

#masthead{
   margin:0px auto;
   width: 1000px;
   height: 166px;
   padding: 0px;
  	
}

#masthead .strapline {
   position:absolute;
   left:160px;
   top:58px;
   z-index:1;
   font:140% helvetica, sans-serif, verdana, arial;
   color: #fff;
   background-color: inherit;
   font-weight: normal;
   width: auto;
   letter-spacing: 0.2em;
}

#headerpic {
   position:absolute;
   left:0px;
   top:0px;
   width: 327px;
   height:118px;
   z-index:1;
   border: 0px;
}

/************** Top Links within the Masthead styles *****************/

#toplinks{
  font: 90% Arial,sans-serif;
  position: absolute;
  width: auto;
  top: 12px;
  right: 10px;
  color: #F1EFDF;
  font-weight: normal;
  text-decoration: none;
  text-align: right;
  letter-spacing: 0.1em;
  background-color: transparent;	
}

#toplinks a{
  color: #F1EFDF;
  background-color: transparent;
  font-weight: normal;
  text-decoration: none;
}

#toplinks a:visited{
  color: #F1EFDF;
  background-color: transparent;
  font-weight: normal;
  text-decoration: none;
}

#toplinks a:hover{
  text-decoration: none;
  font-weight: normal;
  text-decoration: underline;
  color: #FFFFFF;
}

#mainnav {
   position:absolute;
   left:0px;
   top:120px;
   width:999px;
   height:30px;
   z-index:1;
   margin: 0px;
   padding: 10px 0 0 0;
}


#mainnav a:link{
  color:  #fff;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-weight: normal;
}

#mainnav a:visited{
  color:  #fff;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-weight: normal;
}

#mainnav a:hover{
  text-decoration: none;
  color: #666;
  letter-spacing: 0.1em;
  font-weight: normal;
}

#contentwrapper {
   width: 1000px;
   margin: 0px;
   padding: 0px 0 10px 0;
   background: #FFFFFF url(/images/bkg-mbody.jpg) repeat-y;	
}

/*-- Content Areas --*/
#content {
   width: 496px;
   float: left;
   padding: 5px 5px 20px 9px;
   text-align: left;
   line-height: 1.2em;	
   margin: 0px 2px 0 1px;
	
}
	    
#content p{
   padding: 5px 7px 0px 7px;
	    
}

#content h1 {
   margin: 5px 0px 5px 0px;
   padding: 10px 5px 5px 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 110%;
   letter-spacing: 0.2em;
   color: #990000;
   background: transparent url(/images/heading-bkg.jpg) repeat-x;
   height: 40px;
 
} 

#content h2 {
   margin: 5px 0px 5px 0px;
   padding: 10px 5px 5px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 110%;
   letter-spacing: 0.2em;
   color: #333;
   background: transparent url(/images/heading-bkg.jpg) repeat-x;
   height: 40px;
 
} 

/*-- Content Areas for inner pages --*/
#content2 {
   width: 825px;
   float: left;
   padding: 0px 5px 5px 8px;
   text-align: left;
   line-height: 1.2em;	
   margin: 6px 0 0 0;
  
}
	    
#content2 p{
   padding: 0px 6px 0px 10px;
	    
}

#content2 h2 {
   margin: 3px 0px 5px 0px;
   padding: 8px 5px 5px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 110%;
   letter-spacing: 0.2em;
   color: #333333;
   background: transparent url(/images/heading-bkg.jpg) repeat-x;
   height: 40px;	
} 

/*-- Content Areas for inner pages --*/
#content3 {
   width: 960px;
   float: left;
   padding: 0px 5px 5px 8px;
   text-align: left;
   line-height: 1.2em;	
   margin: 6px 10px 0 10px;
  
}
	    
#content3 p{
   padding: 0px 6px 0px 10px;
	    
}

#content3 h2 {
   margin: 3px 0px 5px 0px;
   padding: 8px 5px 5px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 110%;
   letter-spacing: 0.2em;
   color: #333333;
   background: transparent url(/images/heading-bkg.jpg) repeat-x;
   height: 40px;	
} 

#content3 h3 {
   margin: 3px 0px 5px 0px;
   padding: 8px 5px 5px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 115%;
   letter-spacing: 0.1em;
   color: #010042;
   
 
} 

#midcol {
   float: left;
   width: 315px;
   padding: 0px 5px 10px 5px;
   text-align: left;
   line-height: 1.2em;	
   margin-left: 6px;
   margin-top: 3px;
}

#midcol p{
   padding: 5px 5px 0px 5px;

}
#midcol h3{
   margin: 3px 0px 5px 0px;
   padding: 8px 5px 5px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 110%;
   letter-spacing: 0.2em;
   color: #333333;
   background: transparent url(/images/heading-bkg.jpg) repeat-x;
   height: 40px;	
     
}

/*---  Right Column Info ---*/
#rightcol {
   width: 140px;
   float: right;
   padding: 0px 5px 10px 5px;
   text-align: left;
   line-height: 1.2em;	
   margin-left: 6px;
   margin-top: 3px;

}
#rightcol h3 { 
   margin: 3px 0px 5px 0px;
   padding: 8px 5px 5px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 110%;
   letter-spacing: 0.2em;
   color: #333333;
   background: transparent url(/images/heading-bkg.jpg) repeat-x;
   height: 40px;
   text-align: center;		
}

#rightcol p{
   padding: 10px 5px 0px 5px;
}

/*---  Right Column for inner pages ---*/
#rightcol2 {
   width: 143px;
   float: right;
   padding: 0px 5px 5px 0px;
   text-align: left;
   line-height: 1.2em;	
   margin-left: 6px;
   margin-top: 33px;
}

#rightcol2 h3 { 
   margin: 3px 0px 5px 0px;
   padding: 8px 5px 5px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 110%;
   letter-spacing: 0.2em;
   color: #333333;
   background: transparent url(/images/heading-bkg.jpg) repeat-x;
   height: 40px;
   text-align: center;			
   
}

#rightcol2 p{
   padding: 10px 5px 0px 5px;
}

/************** Footer Styles ****************/

/* Upper Footer Styles */

#upperfooter{
   clear: both;
   padding: 0px;
   margin: 0px auto;
   background-image: url(/images/bkg-footer.jpg);
   background-repeat: no-repeat;
   width: auto;
   height: 117px;
   text-align: center;
   font-weight: normal;
}

#upperfooter a{
   color: #666;
   text-decoration: none; 
   padding: 40px 5px 5px 10px;
   
}

#upperfooter a:visited{
   color: #666;
   text-decoration: none;
   padding: 40px 5px 5px 10px;
}

#upperfooter a:hover{
   text-decoration: underline;
   color: #990000;
   padding: 40px 5px 5px 10px;
}

#footer {
   clear: both;
   padding: 0px;
   margin: 0px auto;
   width: auto;
   color:  #333333;
   text-align: center;
   font-size: 75%;
}

/* Big Medium default CSS changes
-------------------------- */
div.bmw_pagetools {
    float:right;
    margin-right: 5px;
    margin-top: 40px;
    width:auto;
}

/* Feed */
    a.bma_feed {
    padding-left: 20px;
}

/* Document placement */

div.bmc_centerDocument{
  padding: 0;
  width: auto;
     
}
div.bmc_document {
  padding: 0 1em;
  width: auto;
}
div.bmc_leftContentImage {
    padding-top: 10px;
    
}

/* pullquotes - customized
---------------------------------------------------------- */
blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote {
   margin:0 30px 0 30px;
   padding: 8px 8px 8px 35px;
   background: url(/images/quotes.gif) top left no-repeat;
   font-style: italic;
   border-bottom: dotted;
   border-top: dotted;
   color: #003366;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 1.3em;
   line-height: 1.5em;
}

div.bmw_link {  /* container for each page link */
    margin-bottom: 10px;
}
/* removes bullets from feed listing */
div.bmw_sectionfeeds ul {
    list-style:none;
    margin-left:20px;
    padding:0px;
}

div.bmc_Document {
    margin-bottom:5px;
    margin-left: 10px;
}
div.bmw_announce h3 {
   margin: 3px 0px 5px 0px;
   padding: 8px 5px 5px 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 110%;
   letter-spacing: 0.2em;
   color: #333333;
   background: transparent url(/images/heading-bkg.jpg) repeat-x;
   height: 40px;
 
}

div.bmw_latestLinks {
  margin: 0 4px 0 4px;
}

div.bmw_sections {
  margin: 0 4px 0 30px;
  font-weight: bold;
} 

div.bmw_sections a.bma_head {
    font-weight: bold;
    padding: 3px 0px 3px 20px;
    margin: .5em 0; 
}

div.bmw_links {
  margin: 0 4px 0 30px;
}

/* removes the heading from tips on the home page */

div.bmw_tips h3 {
   display: none;
}

/* START NAVIGATION HNAV STYLES
This section controls the color of the navigation;
these may be overridden in the theme styles
-------------------------------------------------------------------    */

div.bmn_hnav li {
    background:  transparent;  /* background color of main, top-level sections */
    color: #fff;
}

div.bmn_hnav li li {
    background-color: #252525;  /* background color of dropdowns*/
}

div.bmn_hnav li:hover, div.bmn_hnav li.bmn_hover {
    background: #252525;    /* rollover background color */
}

div.bmn_hnav li {
    border-bottom: 0px;    /* border between menu items */
    border-right: 1px solid #252525;
}

div.bmn_hnav li ul {
    padding-top: 0px;   /* should be same width as border-bottom above */
}

div.bmn_hnav a {
    border-bottom: 1px solid #000;
}

/*
div.bmn_hnav li ul ul {
    border: 0px;
} */


div.bmw_pageContent {
   padding: 0 10px; 0 10px;
}

/* Article Published Date */

.bmw_pubdate {
   margin-left: 20px;
   font-weight: bold;
}
.bmw_modified {
   margin-left: 20px;
   font-weight: bold;
   font-style: italic;
}


a.bma_more {
   color:  #001d84;
   text-decoration: underline; 
   font-weight: bold;
}

a.bma_more:visited {
   color:  #001d84;
   text-decoration: underline;
   font-weight: bold; 
}

a.bma_more:hover {
   color:  #990000;
   text-decoration: underline; 
   font-weight: bold;
}

div.bmw_related {
   background-color: #F5F5F5;
   border: 1px solid #CCCCCC;
   padding: 15px;
   margin: 15px 15px 15px 8px;
}