body {   
  margin:0px auto; text-align:center; padding:0px; background: #003300;
}
 
 
 
/* Clearfix */
.catmenu:before,
.catmenu:after {
    content: " ";
    display: table;
}
.catmenu:after {
    clear: both;
}
.catmenu {
    *zoom: 1;
}


nav {
 
  width: 100%;
  background: #003300;
    color: #fff; 
   font:bold 12px  verdana, arial, helvetica, san-serif;
  position: relative;  
}
nav ul {  
  height: 18px;  max-width:970px;
  list-style:none;  
  margin:0px auto; padding:0px;  background:#003300;   width: 100%;
}
nav li { 
  float: left; display:inline-block;
  margin:0px; padding:0px;
  text-align:center;
}


nav a {
  color: #fff;  float:left;
  display: inline-block; 
  text-decoration: none;
  line-height: 17px; 
}

 *:first-child+html nav li { float:left; } * html nav li { float:left;} 
 nav li a {
    display:inline-block; 
  width:90px; /* let's work in round numbers */
 height: 18px;  
  margin:0px;
  padding:4px 0px 2px 0px; /* pad top to center text in button */
  color: #fff;   
  font:bold 12px  verdana, arial, helvetica, san-serif;   /* can now use different, but similar fonts */
  background:transparent;  
  text-decoration:none; 
}

nav li:last-child a {
  border-right: 0;
}
 

nav a#pull {
  display: none;  font:bold 12px verdana, arial, helvetica, san-serif;  
  padding:6px 0px 6px 1px; margin:1px 0px 0px 0px;
}

 

/* fiddle with widths to look nicer */
nav li.m1 a {
  width:80px;  
  border: 0; display:block;
}
 
nav li.m2 a {
  width:120px;  
  border: 0;  display: block; 
}

nav li.m3 a  {
  width:180px;  
  border: 0;  display: block; 
}
 
nav li.m4 a  {
  width:110px;  
  border: 0;  display: block; 
}

nav li.m5 a  {
  width:145px;  
  border: 0;  display: block; 
}

nav li.m6 a {
  width:145px;   
  border: 0;  display: block; 
}

 
nav li.m7 a {
  width:190px;  
   border: 0;  display: block; 
}


 



nav li.m8 a  {
  width:105px;  
  border: 0;  display: block; 
}

nav li.m9 a  {
  width:130px;  
 border: 0;  display: block; 
}

nav li.m10 a  {
  width:110px;  
  border: 0;  display: block; 
}


nav li.m11 a  {
  width:95px;  
  border: 0;  display: block;  
}

nav li.m12 a  {
  width:135px;  
border: 0;  display: block;   
} 

nav li.m13 a  {
  width:180px;  
  border: 0;  display: block; 
}  

nav li.m14 a  {
  width:95px;  
 border: 0;  display: block; 
}  


nav li.m15 a  {
  width:100px;  
 border: 0;  display: block;  
}  
 
    
 /* finish hover and active styling */
nav li a:hover,
nav li a:visited:hover,
nav li a#current:hover,
nav li a#current:visited:hover {
  background:transparent;
  color:#ffe035;  text-decoration:underline; 
}
nav li a#current,
nav li a#current:visited { 
  color:#ffe035;  background:transparent; 
 text-decoration:none;  
}  
 
  


#wrapper {  
width:100%; 
margin:0px auto; 
  background:#003300;  max-width:1200px; 
padding:0px;  text-align:center; overflow:hidden;
}
  
 
  
 
#temparea {  
   text-align:center;  
    background:#e8f2eb;
  margin:0px auto;   background: url('../images/birchboxbkg.jpg') no-repeat; 
 width:99%; height:512px; 
max-width:1100px;   
}
 
 
 
 
 
#content {  
text-align:center; margin:0px auto;
max-width:930px; height:422px;
 margin:0px auto; padding:70px 0px 0px 0px;  width:99%;
 
} 
     
     
#imagecenter { text-align:center; margin:0px auto; padding: 10px 0px 5px 0px; }  


#imageright { float:right; text-align:right; margin: 8px 0px 5px 20px; padding: 0px;
  max-width:100%;  } 



#imagecovshow { float:right; text-align:right; margin: 8px 0px 5px 20px; padding: 0px;
  max-width:100%;  } 
 
 
  
h1 { text-align:left; font: bold 16px verdana, arial, helvetica, san-serif;  color: #003300;  margin:1px auto;  padding:5px 0px 10px 0px; }
 
h2 { text-align:left; font: 13px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:1px auto;  padding:8px 0px 8px 0px; }


h3 {text-align:left;
  font: normal 13px verdana, arial, helvetica, sans-serif;
  color: #003300;
  padding: 10px 0px 5px 0px;
    margin:0px;}
 
h4 {text-align:left;
  font: normal 12px verdana, arial, helvetica, sans-serif;
  color: #003300;
  padding: 10px 0px 5px 0px;
    margin:0px;}
 

#lic {  font: bold 12px verdana, arial, helvetica, san-serif;  color: #fff; font-style: italic; background:transparent; margin:1px auto;  padding:2px 0px 2px 0px; }

#return { clear:both;  text-align:center; font: normal 10px verdana, arial, helvetica, san-serif;  color: #fff; padding: 13px;   cursor: pointer;  }

#return a {
color: #fff;
text-decoration: underline;
}
 
#return a:hover {
color: #ffe035;
text-decoration: none;
}

#navbottom { 
color: #ffffff;
margin:0px auto;
text-align:center;
border-top: 2px solid #e8f2eb; padding:10px; width:97%;
border-bottom: 2px solid #e8f2eb; padding-top:10px;  width:97%;
font: normal 10px verdana, arial, helvetica, san-serif;
text-decoration: none;
cursor: pointer; 
}

#navbottom a {
color: #ffffff; 
text-decoration: none;
}
 
#navbottom a:hover {
color: #ffe035; 
text-decoration: underline;
}
 
 #address { 
text-align: center; 
color: #ffe035; 
font: bold 12px verdana, arial, helvetica, san-serif;
padding: 10px 0px 0px 0px;
}
  
 #address1 { 
text-align: center; 
color: #ffffff; 
font: bold 10px verdana, arial, helvetica, san-serif;
padding: 1px 0px 0px 0px;

}
  

#address1 a {color: #fff; text-decoration: none;}

#address1 a:hover {color: #ffe035; text-decoration: underline;}



 
#byline { text-align:center; font: normal 9px verdana, arial, helvetica, san-serif; color: #fff;  margin:10px auto; padding:0px; }


#byline a {color: #fff; text-decoration: none;}

#byline a:hover {color: #ffe035; text-decoration: underline;}



#stats { text-align:center; font: normal 9px verdana, arial, helvetica, san-serif; color: #fff;  margin:20px auto; padding:20px 0px; display:none;} 



#tags { width:900px; text-align:center; font: normal 9px verdana, arial, helvetica, san-serif; color: #fff; background:transparent; margin:0px auto; padding-top:1200px;}


#tags a {color: #fff; text-decoration: none;}

#tags a:hover {color: #fff; text-decoration: underline;}
 



/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 5980px)  and  (min-width: 750px)

{ 

#logo {  text-align:center; max-width:100%; 
  margin: 0px auto; padding: 0px 0px 5px 0px;   background: #003300;

}
   
#logomedia { display: none;  padding:0px; margin:0px;  background: #003300;

}

#logomedia400 { display: none;  padding:0px; margin:0px;  background: #003300;

}

 } 

  
 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 750px) and  (min-width: 400px)
 {
  
#logo,#logomedia400 {  display: none;  padding:0px; margin:0px; 
}
 

#logomedia {  text-align:center; max-width:100%;  
  margin: 0px auto; padding: 0px;  
}
 

  nav #line { display:none;}
 
}

 

 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 400px) {
  
   
  
#logo, #logomedia {  padding:0px; margin:0px;   display: none; 
}

#logomedia400 {  display:inline;
}


#logomedia400 {  text-align:center; max-width:100%;  
  margin: 0px auto; padding:  0px;  
}

}

 


  
  
  


/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 4680px)  and  (min-width: 580px)

{ 
 
.callus {   display: none;  padding:0px; margin:0px;
} 

#tags { display:none;}


 } 

  

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 570px)  and  (min-width: 10px)

{  

#tags { display:none;}


 } 

  



 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 580px) {
  
  

.callus { display: block; width:100%;
 text-align: center;  color: #ffea00;
 font: bold 11px verdana, arial, helvetica, sans-serif;
 margin:6px auto; 
 padding:3px 3px 7px 3px;   
 background: #003300;   -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;max-width:95%; 
min-width:95%;
}

.callus a { 
 padding:0px; margin:0px;  color: #ffea00; text-decoration:none;
 background: transparent;
}
  
 
 .callus a:hover { 
 padding:0px; margin:0px;  color: #ffffff; text-decoration:none;
 background: transparent; text-decoration: underline;
}
 

}

 





/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden; max-width:100%;min-width:100%;
}
 
.responsive-iframe-container iframe,  
.vresponsive-iframe-container object, 
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

   
    
 
 
 
 
/*Media Queries styles for screen 920px and lower*/
@media screen and (max-width: 950px)  and(min-width: 720px) 

{
 
 #address {  
padding: 40px 0px 0px 0px;
}

}
 
 
/*Media Queries styles for screen 920px and lower*/
@media screen and (max-width: 1120px)  

{
 
 

#wrapper {  
max-width:100%; 
margin:0px auto; 
background:#e8f2eb;   
}
   
 
#temparea {  
 background:#e8f2eb;  text-align:center;
 width: 100%; padding:0px; margin:0px auto;  height:100%;    height:auto; 
} 
 
#content {text-align:center; height:auto;  height:100%; 
 width: 97%;   padding:10px 0px 0px 0px; margin:0px auto;
 
} 

 
}
 
 
 
 
/*Media Queries styles for screen 920px and lower*/
@media screen and (max-width: 1120px)  

{
 
 
#lic { clear:both; font: bold 12px verdana, arial, helvetica, san-serif;  color: #000; font-style: italic; background:transparent; margin:1px auto;  padding:2px 0px 12px 0px; }

#return { clear:both;  text-align:center; font: normal 10px verdana, arial, helvetica, san-serif;  color: #000; padding: 13px;   cursor: pointer;  }

#return a {
color: #000;
text-decoration: underline;
}
 
#return a:hover {
color: #003300;
text-decoration: none;
}
 
 
 #address { 
text-align: center; 
color: #003300; 
font: bold 12px verdana, arial, helvetica, san-serif;
padding: 10px 0px 0px 0px; border-top: 1px solid #003300;
}
  
 
 #address1 { 
text-align: center; 
color: #000; 
font: normal 11px verdana, arial, helvetica, san-serif;
padding: 1px 0px 0px 0px;
}
  

#address1 a {color: #000; text-decoration: none;}

#address1 a:hover {color: #003300; text-decoration: underline;}
 

 
#byline { text-align:center; font: normal 9px verdana, arial, helvetica, san-serif; color: #000;  margin:10px auto; padding:0px; }


#byline a {color: #000; text-decoration: none;}

#byline a:hover {color: #003300; text-decoration: underline;}



#stats {  display:none; }




#tags { display:none;}

  

}
 
 
 

/*Media Queries styles for screen 920px and lower*/
@media screen and (max-width: 1120px)  

{
 
body{ background:#e8f2eb; }
  
#wrapper {    
  background: #e8f2eb; padding:0px; margin:0px auto; 
} 


#logo {  text-align:center; max-width:100%;  
  margin: 0px auto; padding: 0px 0px 15px 0px;  background:#003300;
}
   
  
nav {
 
  width: 100%; 
  background: #003300;
    color: #fff; margin: 0px auto; padding:  0px; 
}
     
    nav li {
      width: 48%;
      float: left;
      position: relative; 
    }

 nav li a {
    display:inline-block; 
  width:90px; /* let's work in round numbers */
  height:17px; 
  margin:0px;
  padding:12px 0px 12px 0px; /* pad top to center text in button */
  color: #fff;   
  font:bold 12px  verdana, arial, helvetica, san-serif;   /* can now use different, but similar fonts */
  background: #003300; 
  text-decoration:none; 
}


  nav ul {
    display: none;
    height: auto; 
  }
  nav a#pull {
    display: block;
    background-color: #245d24;
    width: 100%;
    position: relative; text-transform: uppercase;
  }
  nav a#pull:after {
    content:"";
    background: url('../images/nav-icon.png') no-repeat;
    width: 20px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 6px; 
  }
   
nav a#pull:hover { color:#ffe035; 
    
}
  
    nav a {
      text-align: left;
      width: 100%;
      text-indent: 10px;  
    } 
 


 
nav li.m7 a {
  width:220px;  
   border: 0;  display: block; 
}


 
nav li.m13 a  {
  width:220px;  
  border: 0;  display: block; 
}  



 hr {  
  display:none;
}
    
}
 


/*Media Queries styles for screen 780px and lower*/
@media screen and (max-width: 1090px) 

{ 
  
  nav #line { 
      height: auto; background: #003300; padding: 3px 0px 0px 0px; border-top:1px solid #2d6733;
 
    } 




/*Media Queries styles for screen 780px and lower*/
@media screen and (max-width: 870px) 

{  
 
 
nav li.m7 a {
  width:220px;  
   border: 0;  display: block; 
}


 
nav li.m13 a  {
  width:220px;  
  border: 0;  display: block; 
}  
 

 
hr {  
  display:none;
}


}
 


/*Media QUeries styles for screen 811px and lower*/
@media screen and (max-width: 1150px) 

{ 

  nav { 
      height: auto;
    }
     
    nav li {
      width: 100%;
      float: left;
      position: relative;
    }

 nav li a {
    display:inline-block; 
  width:90px; /* let's work in round numbers */
  height:17px; 
  margin:0px;
  padding:12px 0px 12px 0px; /* pad top to center text in button */
  color: #fff;   
  font:bold 12px  verdana, arial, helvetica, san-serif;   /* can now use different, but similar fonts */
  background:transparent;  
  text-decoration:none; 
}

  nav ul {
    display: none;
    height: auto; border-top: 0;
  }
 
   
nav a#pull:hover { color:#ffe035; 
    
}
  
    nav a {
      text-align: left;
      width: 100%;
      text-indent: 10px;
    }
   
 

hr {  
  display:none;
}
 
   
#content {  
 width: 97%; 
} 
 
  
  #navbottom { display: none; 
  } 

} 


 
/*Styles for screen 750px and lower*/
@media only screen and (max-width: 785px) {
 
h1 { text-align:left; font: bold 16px arial, helvetica, san-serif;  color: #003300;  margin:1px auto;  padding:5px 0px 10px 0px;  }
}

 
/*Styles for screen 750px and lower*/
@media only screen and (max-width: 585px) {
 
h1 { text-align:left; font: bold 14px arial, helvetica, san-serif;  color: #003300;  margin:1px auto;  padding:5px 0px 10px 0px;   }

h2 { text-align:left; font: 12px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:1px auto;  padding:8px 0px 8px 0px; }
}


 
/*Styles for screen 750px and lower*/
@media only screen and (max-width: 750px) {
 
  
  nav {
      border: 0;
  }   
     
    nav li {
      width: 100%;
      float: left;
      position: relative;
    }

 nav li a {
    display:inline-block; 
  width:90px; /* let's work in round numbers */
  height:17px; 
  margin:0px;
  padding:12px 0px 12px 0px; /* pad top to center text in button */
  color: #fff;   
  font:bold 12px  verdana, arial, helvetica, san-serif;   /* can now use different, but similar fonts */
  background:#003300;  
  text-decoration:none; 
}

 

#imageright { text-align:center;
margin:0px auto;
padding: 0px;   max-width:100%;  }
   
  
  
  #navbottom { display: none; }
    
#tags  { display: none; }
 

}



 
/*Styles for screen 750px and lower*/
@media only screen and (max-width:600px) {



body {   
  padding-top:1px;
}
 
}


 
/*Styles for screen 690px and lower*/
@media only screen and (max-width: 675px) {
 
#imagecovshow { float:right; text-align:right; margin: 0px 0px 10px 15px; padding: 0px;
max-width:300px; width:90%; } 
.cont_new1{
  width: 96% !important;
}
.cont_new2{
  width: 96% !important;
}
.cont_new3{
  width: 96% !important;
}
.cont_new4{
  width: 96% !important;
}
.cont_new5{
  width: 96% !important;
}
.cont_new6{
  width: 60% !important;
}
.new_frm{
  width: 98% !important;
}
.head_new{
  display: none !important;
}

}
 
 

/*Styles for screen 690px and lower*/
@media only screen and (max-width: 505px) {

 
  
#imageright { text-align:center;
margin:0px auto;
padding: 0px;  width:100%; }
 

#imagecovshow { float:none; text-align:center;
margin:0px auto;
padding: 3px 0px 10px 0px; max-width:100%;width:100%; } 
 

#imageright img {  width:100%;  }



}



/*Styles for screen 510px and lower*/
@media only screen and (max-width: 479px) {

 #temparea {  
 width: 100%; padding:1px; margin:0px auto !important; }  
#content {  
 width: 98%; padding:1px; margin:0px auto !important; }  

 

    nav li { 
  float: left;  
    padding: 3px 0px;margin:0px;
  text-align:center; 
      width: 100%; 
      position: relative;
    background: #003300;  
    }
 
 
 nav li a {
    display:inline-block; 
  width:90px; /* let's work in round numbers */
  height:11px; 
  margin:0px;
font:bold 11px   verdana, arial, helvetica, san-serif; 
  padding: 8px 0px; /* pad top to center text in button */
  color: #fff;   
    background:transparent;  
  text-decoration:none; } 

#mixedSlider .MS-controls .MS-right {
  color: #000 !important;
}
#mixedSlider .MS-controls .MS-left {
  color: #000 !important;
}
#mixedSlider {
  width: 90%;
  margin: 15px auto !important;
}
#mixedSlider1 {
  width: 90%;
  margin: 15px auto !important;
}
#mixedSlider1 .MS-controls .MS-right {
  color: #000 !important;
}
#mixedSlider1 .MS-controls .MS-left {
  color: #000 !important;
}
.cont_new1{
  width: 96% !important;
}
.cont_new2{
  width: 96% !important;
}
.cont_new3{
  width: 96% !important;
}
.cont_new4{
  width: 96% !important;
}
.cont_new5{
  width: 96% !important;
}
.cont_new6{
  width: 60% !important;
}
.new_frm{
  width: 98% !important;
}
#mixedSlider .MS-content .item {
  width: 46% !important;
}
#mixedSlider .MS-content .item a {
  font-size: 11px !important;
}
#mixedSlider1 .MS-content .item {
  width: 46% !important;
}
#mixedSlider1 .MS-content .item a {
  font-size: 11px !important;
}
#mixedSlider .MS-content .item .imgTitle img {
  height: 120px !important;
}
#mixedSlider1 .MS-content .item .imgTitle img {
  height: 120px !important;
}
.head_new{
  display: none !important;
}
.left_title1{
  float: none !important;
}
.right_title1{
  float: none !important;
}
.head_sec{
  padding-bottom: 0px !important; 
}
body{
  overflow-x:hidden; 
}
.lab {
  font:  11px verdana, arial, helvetica, san-serif;
}
.new_frm input[type="text"], select {
  font: 10px verdana, arial, helvetica, san-serif;
}
.right_title1 a{
  font: 13px verdana, arial, helvetica, san-serif !important;
}
#mixedSlider .MS-content .item p {
  font-size: 11px !important;
}
#mixedSlider1 .MS-content .item p {
  font-size: 11px !important;
}
.floating-label {
  top: 53px !important;
}



}
 




/*Smartphone*/
@media only screen and (max-width : 320px) {


 
  

   
  nav li {
    display: block;
    float: none;
    width: 100%;
  }
  
    nav li { 
 clear: both; 
}


  nav li a {
      border: 0;
  }
   
  
  #sidebar { display: none; 
  }
  
  
  

#content {  

   text-align:center; width:97%;  margin:0px auto;  padding:5px; 
}  
 

#imageright { text-align:center;
margin:0px auto;
padding: 0px; max-width:100%;  }
  
#imagecovshow { text-align:center;
margin:0px auto  !important;
padding: 3px 0px 10px 0px;   max-width:100%;  } 
 


h1 { text-align:center; font: bold 12px verdana, arial, helvetica, san-serif;  color: #003300;  margin:1px auto;  padding:15px 0px 10px 0px; }
 
h2 { text-align:center; font: 10px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:1px auto;  padding:2px 0px 2px 0px; }


h3 {text-align:center;
  font: normal 12px verdana, arial, helvetica, sans-serif;
  color: #ffe035;
  padding: 10px 0px 5px 0px;
    margin:0px;}
 
h4 {text-align:center;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  color: #003300;
  padding: 10px 0px 5px 0px;
    margin:0px;}
    
 
  

  #navbottom { display: none; 
  }
  
  
  
 
 #address { 
text-align: center; 
color: #003300; border-top: 1px solid #003300; width:100%;
}



 #address1 { text-align: center; 
margin:0px 0px 10px 0px; padding:0px;
}
 
 
  #stats { display: none; 
  }
  
  #tags  { display: none; 
  }
 
  
  
}



@media print (max-width: 990px) {
  
.afterfixedcontent {display:none;
} 
  #header {
 display:none; }  
} 



@media print {  
   
 
h1{font:700 15px verdana,arial,helvetica,san-serif;color:#630707;text-align:center;margin:0 auto;padding:10px 0 8px;background:#fff}
 

#return{display:none;} 

#navbottom{display:none;} 

#address{text-align:center;font:700 14px windsor,myriad,arial,helvetica,sans-serif;margin:0 auto;padding:10px 0 0;color:#0f2f5a;background:0 0}

#subaddress{text-align:center;font:400 12px myriad,arial,helvetica,sans-serif;margin:0 auto;padding:0 5px 10px;color:#000;background:0 0}

#byline{display:none;} 
#stats{display:none;} 

.callus {display:none; color:#fff;} 

.callus a, .callus a:hover {display:none; color:#fff;} 

#logoaddress img, #socialbox {display:none;} 
 
#logobox{text-align:center;margin:2px auto;padding:3px 10px;background:0 0;max-width:100%}

#logoaddress{display:none;padding:0;margin:0}

#logo{float:none;text-align:center;margin:2px auto 0;padding:0;background:0 0;max-width:100%;border:none;border:0}

#logolongaddress{text-align:center;color:#06112c;font:700 12px arial,helvetica,sans-serif;background:0 0;padding:1px 0 10px;line-height:14px;margin:0;max-width:100%}
  
#tags{display:none;} 

nav,nav li{display:none;}

#temparea{text-align:center;background:#fff;margin:0px auto;padding:0px;max-width:100%;}

#content { text-align:center;background:0 0;margin:0 auto;padding:0px 0;max-width:100%;}
}



