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:40px; 
  line-height: auto; 
  color:#FFFFFF;
  background-color: #A1A1A4;
  padding: 20px;
}

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

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

  }
}

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;} 
      
@media screen and (min-width: 601px) {
  h5 {
    font-size: 1.5vw;
    line-height: 2vw;
    
  }
}

@media screen and (max-width: 600px) {
  h5 {
    font-size: 10px;
    line-height: 12px;

  }
}
      
           
      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: 2vw;
    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;

  }
}



/* Dropdown Button */
.dropbtn {
    background-color: #A1A1A4;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#FFFFFF;
    padding: 16px;
    border: none;
}

@media screen and (min-width: 601px) {
  .dropbtn {
    font-size: 24px;
  }
}

@media screen and (max-width: 600px) {
  .dropbtn {
    font-size: 12px;
  }
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropbtn:hover  {
    background-color: #AFAFBF;
	  font-color: #FFFFFF;
    border: none;

}

@media screen and (min-width: 601px) {
  .dropbtn:hover {
    font-size: 24px;
  }
}

@media screen and (max-width: 600px) {
  .dropbtn:hover {
    font-size: 12px;
  }
}



/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    border: none;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#A0938C;
    border: none;
    width: 100%;
    overflow:auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    opacity: 0.8;
}

@media screen and (min-width: 601px) {
  .dropdown-content {
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  .dropdown-content {
    font-size: 12px;
  }
}

/* Links inside the dropdown #A0938C */
.dropdown-content a {
    color: black;
    padding: 8px 8px;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#000000;
    text-decoration: none;
    border: none;
    display: block;
}

@media screen and (min-width: 601px) {
  .dropdown-content a {
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  .dropdown-content a {
    font-size: 12px;
  }
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
	  font-color: #FFFFFF;

}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #A1A1A4;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#FFFFFF;
    border: none;

}


@media screen and (min-width: 601px) {
  .dropdown:hover .dropbtn {
    font-size: 24px;
  }
}

@media screen and (max-width: 600px) {
  .dropdown:hover .dropbtn {
    font-size: 12px;
  }
}

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

/* Container holding the image and the text */
.container {
  position: relative;
  font-family: 'Open Sans';
  font-weight: 100;
  font-size: 1em;
  text-align: left;
  color: #898C9A;
  height: 100%;
  
}
@media screen and (min-width: 601px) {
  .container {
  height: 100%;
  }
}

@media screen and (max-width: 600px) {
  .container {
    height: 100%;
  }
}


/* Bottom left text */
.bottom-left {

  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 6vw;
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-left2 {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 10pt;
  position: absolute;
  top: 50px;
  left: 16px;
}


/* Top right text */
.top-right {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 6vw;
  color: #FFFFFF;
  position: absolute;
  top: 35%;
  right: 14%;
  opacity: 0.6;
  
}

@media screen and (min-width: 601px) {
  .top-right {
    font-size: 6vw;
    line-height: auto;
    
  }
}

@media screen and (max-width: 600px) {
  .top-right {
    font-size: 6vw;
    line-height: 30px;

  }
}




.top-right2 {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 1vw;
  color: #A1A1A4;
  position: absolute;
  top: 1%;
  right: 16px;
}

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

@media screen and (max-width: 600px) {
  .top-right2 {
    font-size: 10px;
    line-height: auto;

  }
}



.top-right3 {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 2.3vw;
  color: #FFFFFF;
  position: absolute;
  top: 43%;
  right: 10%;
  opacity: 0.6;

}

@media screen and (min-width: 601px) {
  .top-right3 {
    font-size: 2.3vw;
    line-height: auto;
    
  }
}

@media screen and (max-width: 600px) {
  .top-right3 {
    font-size: 18px;
    line-height: auto;

  }
}




.top-right4 {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 3vw;
  background-color: #46CB8E;
  color: #FFFFFF;
  position: absolute;
  top: 10%;
  left: 25%;

}


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

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

  }
}


/* Bottom right text */
.bottom-right {
  font-family: 'Open Sans';
  font-weight: 100;
  font-size: 1.7vw;
  color: #FFFFFF;
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-left {
  font-family: 'Open Sans';
  font-weight: 100;
  font-size: 1.7vw;
  color: #FFFFFF;
  position: absolute;
  bottom: 2%;
  left: 2%;
}

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

@media screen and (max-width: 600px) {
  .bottom-left {
    font-size: 14px;
    line-height: auto;

  }
}


/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.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;}

.panelgrid {
    table-layout: fixed;
    width: 100%;
    max-width: 700px;
    word-wrap: break-word;
}

.panelgrid2 {
    table-layout: fixed;
    width: 100%;
    max-width: 1000px;
    word-wrap: break-word;
}