body {		background:#1d6229;
background-image:url('../bkg.jpg');
margin: 0px auto;
padding:0px;
	text-align:center; 
 
}


 



.catmenu:after,
.catmenu:before{content:" ";display:table}

.catmenu:after{clear:both}

.catmenu {*zoom: 1; }



nav {  text-align:center; 
   margin:0px auto; 
  padding:0px;  
max-width:100%;
 height:25px; 
 background: #003300; 
  background-image:url('../butbkg.jpg');  width:100%; 
} 
  
nav ul {  
	height:25px;  width:890px;
  list-style:none;  
  margin:0px auto; padding:0px; 
 height:25px; background: transparent; 
}


nav li { 
  display:inline-block;
  margin:0px;  padding:4px 3px 0px 0px;
  text-align:center;
}
/* help ie7 & ie6 understand previous css */
 *:first-child+html nav li { float:left; } * html nav li { float:left;} 


 

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

 nav li a {
  display:inline-block;
  width:90px; 
  height:18px; 
  margin:0px;
  padding:1px 3px 0px 0px; /* pad top to center text in button */
  color: #003300; 
  font:bold 11px verdana, arial,sans-serif; /* can now use different, but similar fonts */
  background:transparent; 
  text-decoration:none; 
  border-right: 1px solid #003300;
}

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

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




/* fiddle with widths to look nicer */
nav li.m1 a {
  width:55px; 
}
 
nav li.m2 a {
  width:88px; 
}

nav li.m3 a  {
  width:105px; 
}
 
nav li.m4 a  {
  width:50px; 
}

nav li.m5 a  {
  width:50px; 
} 
 
nav li.m6 a {
  width:100px; 
}

nav li.m7 a  {
  width:70px;
}

nav li.m8 a  {
  width:60px;
}

nav li.m9 a  {
  width:50px; 
}

nav li.m10 a  {
  width:80px; border-right: 0px;
}


  
  
 /* 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:#000;  text-decoration:underline; 
}
nav li a#current,
nav li a#current:visited { 
  color:#000;  background:transparent; 
 text-decoration:none;  
}  
 
 
 

 
#wrapper {
	 margin: 0px auto; padding:0px;
	text-align:center;  background: #fff;
background-image:url('../bkg.jpg');
max-width:100%; width:100%; 
 }
  
     
#logobox {  text-align:center; 
    max-width:100%;  
	margin: 0px auto; padding: 0px 0px 12px 0px; background:#003300; background-image:url('../bkg.jpg'); 
	width:100%;  
}

#logo {  float:left; 
 margin:7px 30px 8px 60px; 
padding:0px;
background:transparent;
} 


#headerbox { text-align: center;  max-width:1200px;
	background:  transparent;  
    margin: 0px auto;
    padding: 10px 0px 10px 0px;  
	 width:100%; }	  
    
 
 
#header { text-align: center;
	font: normal 60px  "Times New Roman", Times, serif; 
	color: #fff; 
	letter-spacing: 1px;
background:transparent; 
    margin: 0px 0px 0px 0px ;
    padding: 0px; max-width:100%; font-variant: small-caps;background:transparent;
    }	  
    
 
	
	
#headadd { 
	text-align: center;
	font: normal 14px verdana, arial, helvetica, sans-serif; 
	color: #fff;  letter-spacing: 0.5px;
background:transparent;
	margin: 10px auto 0px auto; 
	padding: 0px 0px 1px 0px; max-width:100%;}	  

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


 
#subheaderbox { text-align: center; 
     width:95%;
     margin: 10px 0px 4px 0px; 
    padding: 0px;
	font: bold 12px verdana, arial, helvetica, sans-serif; 
	color: #fff; height:30px;  font-style: italic;
background:transparent;
 vertical-align: center;
     
    text-transform: smallcaps; }	  
    
 
 
 
        
  .spacer {clear:both; margin:5px 0px 5px 0px;}
   
 
 #issueforms {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
   max-width:450px;
background:transparent; width:100%;
  }
  
 
 #bookform {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:600px;
background:transparent; width:100%;
  }
  
 


#textbox {  float:left;
 margin:0px auto; 
  max-width:750px; 
 height:146px;
padding:0px; 
background:transparent; width:100%;
} 

  

#subtitle {   text-align:center;
color: #fff;
font: bold 12px  verdana, arial, helvetica, sans-serif; 
 margin:0px auto;  
padding: 10px 0px 5px 0px; font-style:italic;
background:transparent;
} 

   
 
  
  .spacer {clear:both; margin:5px 0px 5px 0px; }
  
  
  .linespacer {clear:both; margin: 1px auto; padding: 1px; background:#000; max-width:100%; width:95%; }
  
      
h1 {
text-align:center;
color: #003300;  
font: bold 16px   arial, helvetica, sans-serif;
background-color:transparent;  
padding: 8px 0px 10px 0px;
margin: 0px auto;}
 
h2 {
text-align:left;
color: #000000;  
font: normal 13px  arial, helvetica, sans-serif;
background-color:transparent;
padding: 10px 0px;
margin: 3px ;}


h3 {
text-align:left;
color: #000000;  
font: normal 13px  arial, helvetica, sans-serif;
background-color:transparent;
padding: 3px 0px;
margin: 1px ;}
 

h4 {
text-align:left;
color: #000000;  
font: normal 13px  arial, helvetica, sans-serif;
background-color:transparent;
padding: 5px 0px; font-style:italic
margin: 0px ;}
 
 
h5 {
text-align:center;
color: #000000;  
font: normal 13px  arial, helvetica, sans-serif;
background-color:transparent;
padding: 5px 0px;
margin: 3px auto;}
 
  

#featureissue {
text-align:left;
color: #000000;  
font: bold 13px  arial, helvetica, sans-serif;
background-color:transparent;
padding: 0px 0px 8px 0px;
margin: 3px ;}



.booktitle {
text-align:left;
color: #000000;  
font: normal 13px  arial, helvetica, sans-serif;
background-color:transparent;
padding: 0px 0px 8px 0px;
margin: 3px ;}


#imagerighteditor { float:right;
margin:7px 0px 7px 15px; padding: 5px;
font: 10px  verdana, arial, helvetica, sans-serif; 
background-color:transparent;  max-width:200px; width:100%;
} 

#imageright { width:123px; height:46px; float:right;
margin:7px 0px 7px 7px; padding: 5px;
 background-color: #fff;  
} 

#imagerighttext { width:160px; height:209px; float:right;
font: 10px  verdana, arial, helvetica, sans-serif; 
margin:3px 7px; padding: 0px; 
border: 1px solid #000; text-align: right; 
background-color: transparent;  
} 
 
#imagerightbks {  max-width:280px; float:right;
margin:7px 0px 7px 7px; padding: 5px; width:100%;
}  
 

#imageleftbks {  float:left;  
margin:0px 10px 7px 0px; padding: 5px;max-width:330px;  width:100%;
}  

#heading {
text-align:left;
color: #fff;  
font: bold 13px  verdana, arial, helvetica, sans-serif;
text-transform: uppercase;
padding: 3px 2px 5px 5px;
margin: 1px;
 background: #003300;
}
 
 
.centerhead  {
text-align:left;
color: #003300;  
font: bold 13px  arial, helvetica, sans-serif;
background-color:transparent;
padding: 5px 0px;
margin: 3px auto;}

 
 #content {
text-align:center; 
  margin:5px auto 5px auto; 
  padding:15px auto;  
  max-width:1100px; width:100%;
background:transparent;  
  }
   
 
 
 #temparea {
text-align:center; 
  margin:2px auto; 
  padding:10px auto 30px auto;    
 

  max-width:99%; width:100%;
background-image:url('../birchbkg.jpg');  
  }
   

  
 #tempbookarea {
text-align:center; 
  margin:5px auto; 
  padding:20px auto 10px auto;    

  max-width:99%; width:100%;
background-image:url('../birchbkg.jpg'); 

  }

 
 #bookwrap {
text-align:center; 
  margin:5px auto; 
  padding:20px auto 10px auto;    
 
  max-width:920px; width:100%;
background:transparent;  
  }


 
 #tempareaissue {
text-align:center; 
  margin:5px auto; 
  padding:20px auto 10px auto;    
 

  max-width:99%; width:100%;
background-image:url('../birchbkg.jpg'); 

  }
  

#issuebox { text-align:center; 
  margin:5px auto; 
  padding:20px auto 10px auto;    
  
  
  max-width:1100px; width:100%;
background:transparent;  
} 
  
.issuesub { width:80px; text-align:center;
 margin:0px auto; padding: 2px 3px 2px 3px; font: bold 9px verdana, arial, helvetica, san-serif; color: #fff;   background-color: #003300;    
 
} 
  
 .sixbox {  text-align:center; max-width:845px; width:100%;
margin:0px auto; padding: 0px;
background-color: transparent;  
}  

 
.box {float:left; width:92px;   text-align:center; 
 margin:0px auto; color:#fff;  margin:7px 4px; 10px 4px; padding: 4px 10px; font: normal 9px verdana, arial, helvetica, san-serif;  background-color: #003300;  
} 
   
 
 
.bookbox { width:113px;  float:left; text-align:center; 
 margin:0px auto; color:#fff;  margin:7px 4px; padding: 4px 4px; font: normal 9px verdana, arial, helvetica, san-serif; background-color: #003300;  
} 
    

.booksub { text-align:center;  
 margin:0px auto; padding: 2px 0px;
 font: bold 9px verdana, arial, helvetica, san-serif; color: #fff;
 background-color: #003300;    
 
} 
 
.bookbox img { text-align:center; width:83px;height:19px;  
 margin:0px auto; color:#fff;  margin:9px 1px 4px 1px; padding:0px;  background-color: #003300;  background-color: transparent;   
} 





 /* feature books and cart area */

  
  
.blockaddcart { text-align:left; 
  padding:10px 10px 60px 0px; 
  border-bottom:1px solid #810536;
  margin:8px 0px;  background: transparent;
  }

.blockaddcart img { padding-right:0px;
  margin-right:10px;
  float:left; }
   
  

.blockfeat { text-align:left; 
  padding:0px 10px 60px 0px; 
  border-bottom:1px solid #810536;
  margin:8px 0px;  background: transparent;
  }

.blockfeat img { padding-right:0px;
  margin-right:10px;
  float:left; }
   
   
   

.editorblockfeat { text-align:left; 
  padding:0px;  
  margin:8px 0px;  background: transparent;
  }

.editorblockfeat img { padding-right:0px;
  margin-right:10px;
  float:left; }
   

.block { text-align:left; 
  padding:10px 1px 15px 0px; 
  border-bottom:1px solid #810536;
  margin:8px 0px;  background: transparent;
  }

.block img { padding-right:0px;
  margin-right:10px;
  float:left; }
   

.block2 { text-align:left; 
  padding:10px 1px 20px 0px;  
  margin:8px 0px;  
  }

.block2 img { padding-right:0px;
  margin-right:10px;
  float:left; }
  
  
  

.cart {  width:83px; height:19px; float:right;  
 margin:5px 0px 15px 0px; padding:0px; background:transparent  }
 
 .cart form {   margin:0px 0px 10px 0px; padding:0px; }

  
  
  
  

.headtitle {text-align:left;
	font: bold 12px verdana, arial, helvetica, sans-serif; 
	color: #ffffff;
	padding: 2px 3px 2px 3px; 
    margin:0px;
    background: #1f4922
}

 
.tabtextgrbkg {text-align:left;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #fff;
	padding:4px; 
    margin:0px;
    background-color: #003300
}
 

.lghtgrbkg {text-align:left;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #003300;
	padding: 4px; 
    margin:0px;
    background-color: #bee5c1
}
 
 
.tabtext {text-align:left;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding: 4px; 
    margin:0px;
}


.tabtextbold {text-align:left;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding:4px; 
    margin:0px;
}   
    
#return { clear:both;  text-align:center; font: normal 10px verdana, arial, helvetica, san-serif;  color: #003300; padding: 25px 0px;   cursor: pointer; background-color: transparent;}

#return a {
color: #003300; 
text-decoration: underline;
}
 
#return a:hover {
color: #000000; 
text-decoration: none; 
}
 

#navbottom { display:none;
text-align:center;
border-top: 2px solid #003300; 
border-bottom: 2px solid #003300;
padding: 10px;  
color: #000000;
font: normal 10px verdana, arial, helvetica, san-serif;
text-decoration: none;
cursor: pointer;
background: transparent;
margin: 14px auto; width:96%;
}

#navbottom a { color: #000000; text-decoration: none; 
}
 
#navbottom a:hover { color: #000000; text-decoration: underline; 
}

 
#address {
 text-align: center;
 font: bold 14px "Times New Roman", Times, serif; 
margin:10px auto 0px auto;  
 padding:  0px auto;  
color: #003300;
background: transparent; 
border-top: 1px solid #000; max-width:50%; width:100%;
}
 
  
 
#address1 {
text-align: center;
font: normal 11px verdana, arial, helvetica, sans-serif;
margin:0px auto 10px auto
 padding:10px;   color: #000000; 
background: transparent; max-width:98%; width:100%;
}
 
 

#byline {
text-align:center;
color: #fff;  
font: normal 9px verdana, arial, helvetica, sans-serif;
background-color:transparent;
padding: 12px 0px;
margin: 3px auto;}
 

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

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

#stats {  
text-align:center;
color: #fff;  
font: normal 9px verdana, arial, helvetica, sans-serif;
background-color:transparent;
padding-top: 30px;
margin: 3px auto; }
 
 
 

 
#tags {
text-align:center; max-width:1100px;
color: #000;  
font: normal 9px verdana, arial, helvetica, sans-serif;
background-color: transparent;
padding-top: 850px;
margin: 0px auto;}
 

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


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

 


/* contact */
   

.submit { width:200px; 
  float:right;
  padding: 20px 130px 15px 0px;  
  margin:0;  
  font: 10px verdana, arial, helvetica, san-serif;
  text-align:right; 
  color: #6c1111;
  background: transparent;
    
}

 
 

#wrap {   text-align:center;  width:550px; 
  margin: 0px auto; 
  padding: 0px 10px 0px 10px;  
  background: transparent; 
} 
   
   
 
   
.rtBlock { width:300px; 
  vertical-align: top;
  float:left;
  padding: 3px 0px 3px 0px;  
  margin:0;  
  font: normal 10px verdana, arial, helvetica, san-serif; 
  text-align:left;  background:transparent;
}

.ltBlock { width:130px; 
  vertical-align: top;
  float:left;
  padding: 3px 10px 8px 0px; 
  margin:0;
  margin-bottom:2px; 
  font: normal 10px verdana, arial, helvetica, san-serif;
    
  text-align:right; color: #000000;
   background:transparent;
}
 

.submit { width:200px; 
  float:right;
  padding: 20px 130px 15px 0px;  
  margin:0;  
  font: 10px verdana, arial, helvetica, san-serif;
  text-align:right; 
  color: #6c1111;
  background: transparent;
    
}



.container{ margin: 0px auto; width: 100%; }

.header, .nav{ margin: 0px auto; width: 100%; }

.nav-container{ background: url('images/nav_bg.jpg') repeat-x 0 0;}


.f-nav{ z-index: 9999; position: fixed; top: 0; width: 100%;} /* this make our menu float top */



@media screen and (max-width:4980px) and (min-width:899px){

.nav-container{ background: url('images/nav_bg.jpg') repeat-x 0 0;}

.f-nav{ z-index: 9999; position: absolute; top: 0; width: 100%;} /* this make our menu float top */
}

  


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

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

 } 

  


 
/* =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; max-width:96%;
     text-align:center; 
     margin:10px auto 20px auto;
}
 
.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 711px and lower*/
@media screen and (max-width: 1870px) 

{
 

#wrapper {  width: 100%;}


	
#content {   width: 97%;} 
  }
  
   

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

{   
   #temparea, #tempbookarea, #tempareaissue {  max-width: 100%;}
   
   }
   
  
  
/*Styles for screen*/
@media only screen and (max-width: 940px) {
  
   
   
 .sixbox {  text-align:center; max-width:725px; width:100%;
margin:0px auto; padding: 0px; 
}  
 
}


/*Styles for screen*/
@media only screen and (max-width: 800px) {
  
   
   
 .sixbox {  text-align:center; max-width:605px; width:100%;
margin:0px auto; padding: 0px; 
}  
 
}

  
/*Styles for screen*/
@media only screen and (max-width: 660px) {
  
   
   
 .sixbox {  text-align:center; max-width:485px; width:100%;
margin:0px auto; padding: 0px; 
}  
 
}



/*Styles for screen*/
@media only screen and (max-width: 530px) {
  
    
 .sixbox {  text-align:center; max-width:365px; width:100%;
margin:0px auto; padding: 0px; 
}  
 
}
 



/*Styles for screen*/
@media only screen and (max-width: 410px) {
  
    
 .sixbox {  text-align:center; max-width:245px; width:100%;
margin:0px auto; padding: 0px; 
}  
 
}


/*Styles for screen*/
@media only screen and (max-width: 280px) {
  
    
 .sixbox {  text-align:center; max-width:115px; width:100%;
margin:0px auto; padding: 0px; 
}  
 
}
 



/*Styles for screen*/
@media only screen and (max-width: 1155px) {
  
   
 
 
 #bookwrap {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:920px; width:100%;
background:transparent;  
  } 
  
  
.bookbox { max-width:113px;  float:left; text-align:center; 
 margin:0px auto; color:#fff;  margin:7px 4px; padding: 4px 4px; font: normal 9px verdana, arial, helvetica, san-serif; background-color: #003300;  
} 
   
}

 


  

/*Styles for screen*/
@media only screen and (max-width: 990px) {
  
   
 #bookwrap {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:838px; width:100%;
background:transparent;  
  } 
  
  
.bookbox { max-width:103px;  float:left; text-align:center; 
 margin:0px auto; color:#fff;  margin:7px 4px; padding: 2px 4px; font: normal 9px verdana, arial, helvetica, san-serif; background-color: #003300;  
}  
 
}



/*Styles for screen*/
@media only screen and (max-width: 912px) {
   
 #bookwrap {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:734px; width:100%;
background:transparent;  
  } 
.bookbox { max-width:105px;  float:left; text-align:center; 
 margin:0px auto; color:#fff;  margin:7px 4px; padding: 2px 4px; font: normal 9px verdana, arial, helvetica, san-serif; background-color: #003300;  
}  
     
} 






/*Styles for screen*/
@media only screen and (max-width: 804px) {
  
 #bookwrap {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:615px; width:100%;
background:transparent;  
  } 
.bookbox { max-width:105px;  float:left; text-align:center; 
 margin:0px auto; color:#fff;  margin:7px 4px; padding: 2px 4px; font: normal 9px verdana, arial, helvetica, san-serif; background-color: #003300;  
}  
     
}





/*Styles for screen*/
@media only screen and (max-width: 675px) {
 
 
 #bookwrap {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:489px; width:100%;
background:transparent;  
  } 
.bookbox { max-width:105px;  float:left; text-align:center; 
 margin:0px auto; color:#fff;  margin:7px 4px; padding: 2px 4px; font: normal 9px verdana, arial, helvetica, san-serif; background-color: #003300;  
}  
     
}
 

/*Styles for screen*/
@media only screen and (max-width: 551px) {
 
 
 #bookwrap {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:369px; width:100%;
background:transparent;  
  } 
.bookbox { max-width:105px;  float:left; text-align:center; 
 margin:0px auto; color:#fff;  margin:7px 4px; padding: 2px 4px; font: normal 9px verdana, arial, helvetica, san-serif; background-color: #003300;  
}  
     
} 





/*Styles for screen*/
@media only screen and (max-width: 451px) {
 
 
 #bookwrap {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:249px; width:100%;
background:transparent;  
  } 
.bookbox { max-width:105px;  float:left; text-align:center; 
 margin:0px auto; color:#fff;  margin:7px 4px; padding: 2px 4px; font: normal 9px verdana, arial, helvetica, san-serif; background-color: #003300;  
}  
     
} 



/*Styles for screen*/
@media only screen and (max-width: 285px) {
 
 
 #bookwrap {
text-align:center; 
  margin:0px auto; 
  padding:0px;  
  max-width:119px; width:100%;
background:transparent;  
  } 
.bookbox { max-width:105px;  float:left; text-align:center; 
 margin:0px auto; color:#fff;  margin:7px 4px; padding: 2px 4px; font: normal 9px verdana, arial, helvetica, san-serif; background-color: #003300;  
}  
     
} 

 
 
   
/*Media QUeries styles for screen 811px and lower*/
@media screen and (max-width: 930px) 
 {
 
       
 
#header { text-align: center;
	font: normal 50px  "Times New Roman", Times, serif; 
	color: #fff; 
	letter-spacing: 1px;
background:transparent; 
    margin: 0px 0px 2px 0px ;
    padding: 0px; max-width:100%; font-variant: small-caps;background:transparent;
    }	  
    
 
	
	
#headadd { 
	text-align: center;
	font: normal 14px verdana, arial, helvetica, sans-serif; 
	color: #fff;  letter-spacing: 0.5px;
background:transparent;
	margin: 0px auto; 
	padding: 0px 0px 3px 0px; max-width:100%;}	   

 
#subheaderbox { text-align: center; 
     width:95%;
     margin: 10px 0px 4px 0px; 
    padding: 0px;
	font: bold 11px verdana, arial, helvetica, sans-serif; 
	color: #fff; height:30px;
	letter-spacing: 0.3px;
 font-style: italic;
background:transparent;
 vertical-align: center;
     
    text-transform: smallcaps; }	  
    
  
}
 
 
 

/*Media QUeries styles for screen 811px and lower*/
@media screen and (max-width: 890px) 
 {
 
       
 
#header { text-align: center;
	font: normal 48px  "Times New Roman", Times, serif; 
	color: #fff; 
	letter-spacing: 1px;
background:blue; 
    margin: 0px 0px 2px 0px ;
    padding: 0px; max-width:100%; font-variant: small-caps;background:transparent;
    }	  
    
 
	 
  
}
 
 
    
  

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

{ 
 
    
#logobox {  text-align:center; 
    max-width:100%;  
	margin: 0px auto; padding: 0px 0px 22px 0px; background:#003300; background-image:url('../bkg.jpg'); 
	width:100%;  
}

#logo {  float:left; width:90%;
 margin:7px 10px 8px 10px; 
padding:0px;
background:transparent;
} 

 
 
#header { text-align: center;
	font: normal 45px  "Times New Roman", Times, serif; 
	color: #fff; 
	letter-spacing: 1px;
background:transparent; 
    margin: 0px 0px 2px 0px ;
    padding: 0px; max-width:100%; font-variant: small-caps;background:transparent;
    }	  
    
 
	
	
#headadd { 
	text-align: center;
	font: normal 12px verdana, arial, helvetica, sans-serif; 
	color: #fff;  letter-spacing: 0.5px;
background:transparent;
	margin: 0px auto; 
	padding: 0px 0px 3px 0px; max-width:100%;}	   

 
#subheaderbox { text-align: center; 
     width:95%;
     margin: 10px 0px 4px 0px; 
    padding: 0px;
	font: bold 11px verdana, arial, helvetica, sans-serif; 
	color: #fff; height:30px;
	letter-spacing: 0px;
 font-style: italic;
background:transparent;
 vertical-align: center;
     
    text-transform: smallcaps; }	  
    
 
  
#tags {  display: none;visibility:hidden; 
}
 

#box { float:center; width: 700px;
   margin:0px 0px 0px 15px; padding:0px; 
} 
 }
  
  
  
  
   

/*Styles for screen*/
@media only screen and (max-width:840px) {
 
   
    
#logobox {  text-align:center; 
     max-width:100%; 
	margin: 0px auto; padding: 0px;  
}

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

#headerbox { text-align: center;  
	background:  transparent;  
    margin: 0px auto;
    padding: 10px 0px 10px 0px; 
	background:  transparent; width:100%; }	  
    
 
 
#header { text-align: center;
	font: bold 20px ; 
	color: #fff; 
	letter-spacing: 0.3px;
	background: transparent;
    line-height: 1.4em;  
    margin: 5px 0px 0px 0px ;
    padding: 0px; max-width:100%;
    }	
	
	
#headadd { 
	text-align: center;
	font: normal 12px verdana, arial, helvetica, sans-serif; 
	color: #fff; letter-spacing: 0.3px;
	background:  transparent;
	margin: 4px auto; 
	padding: 0px; max-width:100%;width:100%;}	  

  
    
 
#subfooterbox { text-align: center; 
    width:100%;
	font: bold 12px "Times New Roman", Times, serif; 
	color: #003d2e; 
	letter-spacing: 0.3px;
	background:  #ffbf14; 
    margin: 0px;
    padding: 3px 0px; }	   

    
    }
  
  
@media screen and (max-width: 900px) 

{
  
nav {  text-align:center; 
   margin:0px auto; 
  padding:0px;   
 height:25px; 
 background: #003300; 
  background-image:url('../butbkg.jpg');  width:100%; 
} 
  
nav ul {  
	height:25px; 
max-width:100%;
  list-style:none;  
  margin:0px auto; padding:0px; 
 height:25px; background: transparent; 
}


nav li { 
  display:inline-block;
  margin:0px;  padding:4px 0px 0px 0px;
  text-align:center;
}
/* help ie7 & ie6 understand previous css */
 *:first-child+html nav li { float:left; } * html nav li { float:left;} 


 

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

 nav li a {
  display:inline-block;
  width:100px; 
  height:18px; 
  margin:0px;
  padding:1px 1px 0px 0px; /* pad top to center text in button */
  color: #003300; 
  font:bold 11px verdana, arial,sans-serif; /* can now use different, but similar fonts */
  background:transparent; 
  text-decoration:none; 
  border-right: 1px solid #003300;
}

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

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




/* fiddle with widths to look nicer */
nav li.m1 a {
  width:55px; 
}
 
nav li.m2 a {
  width:89px; 
}

nav li.m3 a  {
  width:105px; 
}
 
nav li.m4 a  {
  width:48px; 
}

nav li.m5 a  {
  width:50px; 
} 
 
nav li.m6 a {
  width:98px; 
}

nav li.m7 a  {
  width:70px;
}

nav li.m8 a  {
  width:60px;
}

nav li.m9 a  {
  width:50px; 
}

nav li.m10 a  {
  width:78px; border-right: 0px;
}


#tempbookarea br {  display: inline;}
   
  
  }
  






  

@media screen and (max-width: 830px) 

{
    
 nav li a {
  display:inline-block;
  width:90px; 
  height:18px; 
  margin:0px;
  padding:1px 0px 0px 0px; /* pad top to center text in button */
  color: #003300; 
  font:bold 11px verdana, arial,sans-serif; /* can now use different, but similar fonts */
  background:transparent; 
  text-decoration:none; 
  border-right: 1px solid #003300;
} 

  .linespacer {clear:both; margin: 1px auto; padding: 1px; background:#000; max-width:100%; width:98%; }
  
  
  }
  
  
  
  
  
  
  
  
@media screen and (max-width: 790px) 

{
  
body {		background:#1d6229;
background-image:url('../bkg.jpg');
margin: 0px auto;
padding: 0px;
	text-align:center; } 
	
      
 
#wrapper {
	 margin: 0px auto; padding:0px;
	text-align:center;  background: #fff;
background-image:url('../bkg.jpg');
max-width:100%; width:100%;
 }
 

#logobox {  text-align:center; 
     max-width:100%; 
	margin: 0px auto; padding: 0px;   
}
 
    
#subheaderbox { text-align: center; 
     width:95%;
     margin: 10px 0px 4px 0px; 
    padding: 0px;
	font: bold 12px verdana, arial, helvetica, sans-serif; 
	color: #fff; height:28px;
	letter-spacing: 0.3px;
 font-style: italic;
background:transparent;
 vertical-align: center; 
    text-transform: smallcaps; }	  
    
 
 
#subfooterbox { text-align: center; 
    width:100%;
	font: bold 12px "Times New Roman", Times, serif; 
	color: #003d2e; 
	letter-spacing: 0.3px;
	background:  #ffbf14; 
    margin: 0px;
    padding: 7px 0px; }	   

    
    
    
	
   nav {  text-align:center; 
   margin:0px auto; 
 padding: 0px 0px 0px 0px;
height: auto;
 background: #144120;  width:100%; 
} 

	 
  	 
  	nav li {
  	float: left;  
  padding:0px 5px 0px 2px; margin:0px;
  text-align:left;  
  		width: 49%;  
  		position: relative; background:#144120;   text-indent: 10px;
  	}
  	
  	
  	
nav li a {
  color: #fff; 
  font:bold 12px  verdana, arial,sans-serif; 
  padding:12px 0px;
  background:transparent; 
 border:0px; border: none;
  text-decoration:none;  
}
 
   
nav ul {  
	 height: 22px; 
  list-style:none;   width: 100%;
  margin:0px auto; padding:0px;   
   
}
 
 
  nav ul {
				display: none;
		height: auto; border-top: 0;
	}
	
	nav a#pull {
		display: block; border-top: 1px solid #fff;
		color: #fff;
		background-color: #275734;
		width: 100%;  padding:8px auto 8px auto; 
		position: relative; 
	}
	
	nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 25px;
		height: 15px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 4px;    
	}
	 
nav a#pull:hover { color:#ffe035; }
  
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 8px;
  	}
    
nav li.m3 a  {
  width:115px; 
}
  
 
nav li.m6 a {
  width:105px; 
}

nav li.m7 a  {
  width:80px;
}

nav li.m8 a  {
  width:60px;
}
 

nav li.m10 a  {
  width:97px; border-right: 0px;
}


  
  
 /* 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:#fff;  text-decoration:underline; 
}
nav li a#current,
nav li a#current:visited { 
  color:#fff;  background:transparent; 
 text-decoration:none;  
}  
 
 

nav hr {  
  display:none;
}
  
	 
 
#tags {  display: none;
}
 
 
 
}


 /*Styles for screen*/
@media only screen and (max-width: 4440px) and (max-width:80px)  {
 

#tags{display:none;}  
}
 
   

   

/*Styles for screen*/
@media only screen and (max-width:780px) {
   
    
#subheaderbox { width:95%;  }	  
}
  
  
 
 
/*Styles for screen*/
@media only screen and (max-width:700px) {

  
   
#navbottom { 
  width:92%;   text-align:center; margin:0px auto;
}
 
#headadd {  width:97%;}	  
}



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

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



/*Styles for screen*/
@media only screen and (max-width: 620px)  {
  
    
 
#header { text-align: center;
	font: normal 38px  "Times New Roman", Times, serif; 
	color: #fff; 
	letter-spacing: 1px;
background:transparent; 
    margin: 0px 0px 2px 0px ;
    padding: 0px; max-width:100%; font-variant: small-caps; 
    }	  
    }
    
    

/*Styles for screen*/
@media only screen and (max-width: 520px)  {
  
   
 
#logobox {  text-align:center; 
     max-width:100%; 
	margin: 0px auto; padding: 0px;    
}
 
 
#header { text-align: center;
	font: normal 35px  "Times New Roman", Times, serif; 
	color: #fff; 
	letter-spacing: 1px;
background:transparent; 
    margin: 0px 0px 2px 0px ; 
    padding: 0px; max-width:100%; font-variant: small-caps; 
    }	  
     
    
#subheaderbox { text-align: center; 
   width:95%; 
     margin: 10px 0px 4px 0px; 
    padding: 0px;
	font: bold 11px verdana, arial, helvetica, sans-serif; 
	color: #fff; height:38px; 
 font-style: italic;  
    text-transform: smallcaps; }	
    
     #imagerightbks { max-width:330px; float:none; text-align:center;
margin:0px auto; padding: 5px; width:100%;
}   
    
     
}

/*Styles for screen*/
@media only screen and (max-width: 490px)  {
  
    
#imagerighteditor { float:right;
margin:7px 0px 7px 7px; padding: 0px;
 background-color:transparent;  width:100%;  
} 
 
#header { text-align: center;
	font: normal 31px  "Times New Roman", Times, serif; 
	color: #fff; 
	letter-spacing: 1px;
background:transparent;  
    margin: 5px 0px 2px 0px ;
    padding: 0px; max-width:100%; font-variant: small-caps; 
    }	  
    
#subheaderbox { text-align: center; 
   width:95%; 
     margin: 10px 0px 4px 0px; 
    padding: 0px;
	font: bold 11px verdana, arial, helvetica, sans-serif; 
	color: #fff; height:38px; 
 font-style: italic;  
    text-transform: smallcaps; }	  
    
    }
 
  
 /*Styles for screen*/
@media only screen and (max-width: 440px)  {
 

}
 


/*Styles for screen*/
@media only screen and (max-width: 430px)  {
  
    
 
#header { text-align: center;
	font: normal 28px  "Times New Roman", Times, serif; 
	color: #fff; 
	letter-spacing: 1px;
background:transparent;  
    margin: 5px 0px 2px 0px ;
    padding: 0px; max-width:100%; font-variant: small-caps;background:transparent;
    }	  
    
    }
 

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

 
#subheaderbox { text-align: center; 
     width:95%;
     margin: 10px 5px 6px 5px; 
    padding: 0px;
	font: bold 11px verdana, arial, helvetica, sans-serif; 
	color: #fff; height:45px;
	letter-spacing: 0px;
 font-style: italic;
background:transparent;
 vertical-align: center;
 text-transform: smallcaps; }	 
    
     
}


 
     

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

  
html>body .PZ3zoom a:hover { display: none; }


html>body .PZ3zoom1  a:hover{ display: none; }

 
  
 
}


 


/*Styles for screen 510px and lower*/
@media only screen and (max-width: 430px)  {
  
    
 
#header { text-align: center;
	font: normal 28px  "Times New Roman", Times, serif; 
	color: #fff; 
	letter-spacing: 1px;
background:transparent;  
    margin: 5px 0px 2px 0px ;
    padding: 0px; max-width:100%; font-variant: small-caps;background:transparent;
    }	  
    }


@media only screen and (max-width : 400px) {
  
  
h4 {text-align:left;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding: 10px 0px 5px 0px;
    margin:0px;
}
}



@media only screen and (max-width : 380px) {
  
  
#subheaderbox { text-align: center;  
	width:95%;
     margin: 10px 5px 5px 5px;  
	font: bold 11px verdana, arial, helvetica, sans-serif; 
	color: #fff; height:49px;  }	 
    
    
h1 {text-align:center;
	font: bold 14px verdana, arial, helvetica, sans-serif;
	color: #003300;
	padding: 5px 0px 5px 0px; margin:0px;  
}

    
 
h2 {text-align:left;
	font: normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding: 5px 0px; 
    margin:0px;
}

h3 {text-align:center;
	font: normal 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding: 10px 0px 5px 0px;
    margin:0px;
}
  
h4 {text-align:left;
	font: normal 10px verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding: 5px 0px 5px 0px;
    margin:0px;
}
  
h5 {text-align:center;
	font: normal 9px verdana, arial, helvetica, sans-serif;
	color: #000000;
	padding: 5px 0px 5px 0px;
    margin:0px; font-style: italic;
}  

h6 {text-align:left;
	font: bold 12px verdana, arial, helvetica, sans-serif;
	color: #003300;
	padding: 5px 0px 5px 0px; margin:0px; 
}

#content ul { text-align:left; margin:0px 0px 0px 20px; padding:5px 10px 1px 10px;}

#content li { text-align:left; font: normal 11px   arial, helvetica, sans-serif; color: #000000; background:transparent; margin:0px; padding:5px 0px 2px 0px;}
	
  
 
.tabtext { text-align:left; font: normal 11px arial, helvetica, san-serif;  color: #000000; background:transparent; margin:1px auto;  padding:2px 2px 2px 2px; }

}
.tabletext {
  text-align:left;
  color: #000;
  font: normal 10px  arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px 3px 2px 3px;
  margin:0px;
}


 
.tabletextbold {
  text-align:left;
  color: #000;
  font: bold 10px arial, helvetica, sans-serif;
  background-color:transparent;
   padding:2px 1px 2px 1px;
  margin:0px;
}


.tabletextbkg {
  text-align:center;
  color: #fff;
  font: bold 11px  arial, helvetica, sans-serif;
  background-color:#003300;
   padding:2px 1px 2px 2px;
  margin:0px;
}
  
	#tags  { display: none; 
	}
    
    }


 








@media print {


html>body .PZ3zoom a:hover { display: none; }


html>body .PZ3zoom1  a:hover{ display: none; }


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

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

#content{max-width:1100px;text-align:center;background:0 0;margin:0 auto;padding:5px 0;width:100%}     
#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;}  
.callus{display:none;} 
 

#imagerighteditor {float:left;margin:1px 0px 10px 15px;padding:0;background:0 0;max-width:150px; width:100%}

#imageright{float:left;margin:1px 0px 10px 15px;padding:0;background:0 0;max-width:100%}

#imagerightweb,.imageright,.imagerightprint{float:right;margin:5px 0 10px 10px;padding:0;background:0 0;max-width:100%}

table{width:98%;margin:0 auto;text-align:left;padding:0;background:#fff;border-collapse:collapse}

form input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url]{max-width:90%;min-width:90%;display:block;margin:0;padding:1px;width:100%;height:15px;line-height:10px;border:1px solid #bbb}

form input[type=submit],input[type=reset]{margin:0 auto;max-width:87%;width:87px;float:left} 
 
#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%;}

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

}