a:link { color:#FFFFFF; text-decoration:none}
      a:visited { color:#FFFFFF; text-decoration:none}
      A:hover  {font-weight : normal; color : #FFFFFF;}
      h12 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:7vw; line-height: 4vw; color:#A1A1A4;}      

h1 {
  font-family: 'Open Sans', sans-serif; 
  font-weight: 700; 
  font-size:2vw; 
  line-height: auto; 
  color:#000000;
  background-color: #FFFFFF;
  padding: 20px;
}

@media screen and (min-width: 601px) {
  h1 {
    font-size: 2vw;
    line-height: auto;
    
  }
}

@media screen and (max-width: 600px) {
  h1 {
    font-size: 6vw;
    line-height: auto;

  }
}

h2 {
  font-family: 'Open Sans', sans-serif; 
  font-weight: 700; 
  font-size:40px; 
  line-height: auto; 
  color:#A1A1A4;
}

@media screen and (min-width: 601px) {
  h2 {
    font-size: 30px;
    line-height: 50px;
    
  }
}

@media screen and (max-width: 600px) {
  h2 {
    font-size: 20px;
    line-height: 30px;

  }
}

      h3 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:4.3vw; line-height: 5vw; color:#a09ebb;}      
      h4 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:2.5vw; line-height: auto; color:#a8aec1;}      
      h5 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:2vw; color:#000000;}      
      h6 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:1.5vw; color:#a8aec1;}      
      h7 { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:1.7vw; line-height: 2vw; color:#6a6c6c;}      

@media screen and (min-width: 601px) {
  h7 {
    font-size: 1.5vw;
    line-height: 2vw;
    
  }
}

@media screen and (max-width: 600px) {
  h7 {
    font-size: 14px;
    line-height: 16px;

  }
}



      h8 { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:2vw; line-height: auto; color:#6a6c6c;}




h9 {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 3vw;
  background-color: #46CB8E;

  color: #FFFFFF;
}


@media screen and (min-width: 601px) {
  h9 {
    font-size: 3vw;
    line-height: auto;
    
  }
}

@media screen and (max-width: 600px) {
  h9 {
    font-size: 20px;
    line-height: auto;

  }
}


            
      h10 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:12pt; line-height: 28px; color:#F95403;}      
      h11 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:12pt; line-height: 28px; color:#000000;}      
     .b { color: black; font-style: normal; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Arial;}
     .bodytext { color: #7D7B7B; font-style: normal; font-size: 11px; line-height: 18px; font-family: "Open Sans",Verdana, Geneva, Arial;}
     .bod2text { color: #7D7B7B; font-style: normal; font-size: 11px; line-height: 14px; font-family: Tahoma,Verdana, Geneva, Arial;}
     .main     { color: #000; font-size: 11px; font-family: tahoma, arial, verdana }
      .menufoot { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:12px; line-height: auto; color:#FFFFFF;}      

.responsive {
  width: 100%;
  height: auto;
}


div.example {
  background-color: lightgrey;
  padding: 20px;
}

@media screen and (min-width: 601px) {
  div.example {
    font-size: 40px;
    line-height: 50px;
    
  }
}

@media screen and (max-width: 600px) {
  div.example {
    font-size: 14px;
    line-height: 30px;

  }
}


/* the pink color for the background color is #DD9090

.padding5{
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}

.padding10{
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}

.complete_border{
border-left:solid 2px #FFFFFF;
border-right:solid 2px #FFFFFF;
border-top:solid 0px #FFFFFF;
border-bottom:solid 2px #FFFFFF;
}

.complete_border_padding{
border-left:solid 2px #333333;
border-right:solid 2px #333333;
border-top:solid 0px #333333;
border-bottom:solid 2px #333333;
padding-left:5px;
padding-right:2px;
padding-top:5px;
padding-bottom:5px;
}

.white_paper_border{
border-left:solid 2px #333333;
border-right:solid 2px #333333;
border-top:solid 0px #333333;
border-bottom:solid 2px #333333;
padding-left:5px;
padding-right:2px;
padding-top:5px;
padding-bottom:5px;
background-color:#FFFFFF;
}


.border_right{padding-right:5px;}

.border{font-family:helvetica,arial,sans-serif;font-size:9pt;line-height:17px;padding:5px;border:solid 1px #999999;}
.borderbackground{font-family:helvetica,arial,sans-serif;font-size:8pt;border:solid 1px #999999;background-color:#CCCCCC}

.greybackground{
border:solid 1px #999999;
background-color:#ECECEC;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}


.nav_header_link{font-family:'Open Sans',sans-serif;font-size:8pt;font-weight:normal;padding-bottom:20px;color:#666666;}
.nav_header_link a{font-size:9pt;color:#666666;}
.nav_header_link a:visited{font-size:9pt;color:#666666;}
.nav_header_link a:hover{font-size:9pt;color:#00a0fe;text-decoration:none;}

.nav_header_link2{font-family:'Cormorant Garamond',serif;font-size:12pt;font-weight:normal;padding-bottom:20px;color:#666666;}
.nav_header_link2 a{font-size:9pt;color:#666666;}
.nav_header_link2 a:visited{font-size:9pt;color:#666666;}
.nav_header_link2 a:hover{font-size:9pt;color:#BEB0A2;font-style:italic;text-decoration:none;}

.nav_bottom_link2{font-family:'Cormorant Garamond',serif;font-size:11pt;font-weight:normal;padding-bottom:20px;color:#FFFFFF;}
.nav_bottom_link2 a{font-size:11pt;color:#FFFFFF;}
.nav_bottom_link2 a:visited{font-size:11pt;color:#FFFFFF;}
.nav_bottom_link2 a:hover{font-size:11pt;color:#BEB0A2;font-style:italic;text-decoration:none;}

.nav_content_link2{font-family:'Cormorant Garamond',serif;font-weight: 100; font-size:14pt; line-height: 24px; color:#000000;}
.nav_content_link2 a{font-size:14pt;color:#000000;}
.nav_content_link2 a:visited{font-size:14pt;color:#BEB0A2;}
.nav_content_link2 a:hover{font-size:14pt;color:#BEB0A2;font-style:italic;text-decoration:none;}



.nav_border_bottom{
border-bottom:solid 3px #BEB0A2;
background-color:#FFFFFF;
}
.nav_border_bottom2{
border-bottom:solid 1px #333333;
background-color:#FFFFFF;
}



.top_announcement{font-family:,verdana,arial,helvetica,sans-serif;font-size:8pt;font-weight:bold;color:#CC6600;}

.nav_left_background{font-family:Verdana;font-size:10px;background-color:#CCCCCC;}


div.leftnav {
    width:150px;
    background:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:7pt;
	margin:0;
    padding:0.3em;
    border-top:0px;
	line-height: 15px;
    padding:5px;
	color:#333333;
}

div.leftnav a {
    display:block;
	background:#CCCCCC;
    margin:0;
    width:100%;
    padding:0.3em;
    border-top:0px;
    color:#333333;
    text-decoration:none;
	border:solid 1px #CCCCCC;
}

div.leftnav a:visited {
    display:block;
	background:#CCCCCC;
    margin:0;
    width:100%;
    padding:0.3em;
    border-top:0px;
    color:#333333;
    text-decoration:none;
	border:solid 1px #CCCCCC;
}

html>body div.leftnav a {width:auto;text-decoration:none;color:#333333;}

div.leftnav a:hover {
    display:block;
	background:#FFFFFF;
    margin:0;
    width:100%;
    padding:0.3em;
    border-top:0px;
    color:#333333;
    text-decoration:none;
	border:solid 1px #666666;
}

.bottomnav{font-family:verdana,arial,sans-serif;font-size:8pt;line-height: 15px;}


.border_left{
border-left:solid 1px #BEB0A2;
background-color:#FFFFFF;
padding-left:5px;
padding-right:5px;
}

.border_left_nopad{
border-left:solid 1px #333333;
background-color:#FFFFFF;
}

.download_page{
border-bottom:solid 1px #999999;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}

.download_page_border_left{
border-left:solid 1px #999999;
border-bottom:solid 1px #999999;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}

.download_page_noborder{
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}


  .accordion-toggle {cursor: pointer;}
  .accordion-content {display: none;}
  .accordion-content.default {display: block;}