body{ text-align:center;padding-top:10px; 

  /* Location of the image */
  background-image: url(../bkgblue.jpg);
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */

-moz-background-size:cover; 
-webkit-background-size:cover; 

  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #fff;  

width:100%;margin:auto; }
 
 
#wrapperhome {
	 	 margin: 0px auto; padding: 10px auto 0px auto; 
	text-align:center; 
max-width:98%; width:98%;   background: #d7d4f2; 
background-image:url('../fadebkginside.jpg');  
border: 2px solid #fff; max-width:100%; 
 }
 
  
 

#logo {  
 max-width:100%;  height: auto; 
margin:10px auto; 
padding: 0px;
background-color:transparent; 
}
 
 

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

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


 
#contentsponsor {  
text-align:center; max-width:690px;
 margin:0px auto 200px auto; padding: 0px;  
  width:100%; background:transparent;  
 
}  


 
#contentphotos {  
text-align:center; max-width:720px;
 margin:0px auto 10px auto; padding: 0px;  
  width:100%;  
background:transparent; 
 
}  
#contentphotos h2 { text-align: justify;   
font: normal 12px  verdana, arial, helvetica, sans-serif; 
color: #000000; 
background:transparent; 
margin:0px auto; 
padding:5px 0px;} 




h1 { text-align:center;   
font: bold 16px  verdana, arial, helvetica, sans-serif; 
color: #1a084e;  text-transform: uppercase;
margin:0px auto; 
padding: 20px 0px 5px 0px;}
 


h2 { text-align: justify;   
font: normal 13px  verdana, arial, helvetica, sans-serif; 
color: #000000; 
background:transparent; 
margin:0px auto; 
padding:5px 0px;} 


h3 { text-align:center;   
font: normal 12px  verdana, arial, helvetica, sans-serif; 
color: #000000; 
background:transparent; 
margin:0px auto; 
padding:5px 0px;}


h4 { text-align:center;   
font: normal 12px  verdana, arial, helvetica, sans-serif; 
color: #000000; 
background:transparent; 
margin:0px auto; 
padding:5px 0px;}
  

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



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



#head { text-align: left; color:#111372;  font: bold 18px  Verdana, Arial, Helvetica, sans-serif ;
background:transparent; margin: 10px 0px; padding: 0px; }
   
       
 

ul { text-align:left;  
  	padding: 0px; 
    margin:2px 0px 2px 20px;  
}


li {  
	text-align:left;  list-style: bullet;
 font: normal 12px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}

 
.center { text-align:center; 
  margin:0px auto; 
  padding:0px;   
  }
 
 
/* homepage area */

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

#contenthome h1 { text-align: center; font: bold 12px verdana,arial,helvetica; 
color:#111372;  background:transparent; 
margin: 0px 5px 15px 5px; padding:0px; }


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


.homephoto { float:left; padding:0px; margin:0px 9px 14px 9px;   
text-align:left;  width:210px; height:auto; 
font: normal 13px  verdana, arial, helvetica, sans-serif; 
color: #000;  background:transparent;    }
  

.homephoto a { 
color: #111372; 
background:transparent;
text-decoration: none;
}

.homephoto a:hover { 
  color: #003300; 
background:transparent;
text-decoration: underline;
} 
   
  
/* books page */

 
 
  table { 
  width: 100%;  margin:0px auto; text-align:center;
  padding:0px;
  border-collapse: collapse; 
}

    

.item { text-align:left;   
font: normal 12px  verdana, arial, helvetica, sans-serif; 
color: #1a084e; letter-spacing: 0.04em;
background:transparent; 
margin:5px auto; 
padding:2px 5px 2px 5px;}

.item1 { text-align: right;   
font: normal 12px  verdana, arial, helvetica, sans-serif; 
color: #000000; 
background:transparent; 
margin:0px auto; 
padding:5px 5px;}


#subheader { text-align:left;   
font: bold 13px  verdana, arial, helvetica, sans-serif; 
color: #1a084e;  
background:transparent; 
margin:0px ; 
padding:10px 0px 5px 0px;}


#subheadcent { text-align:center;   
font: bold 13px  verdana, arial, helvetica, sans-serif; 
color: #1a084e;  
background:transparent; 
margin:0px auto; 
padding:10px 0px 5px 0px;}
 
 
 .subbookhead { text-align:left;   
font: bold 13px  verdana, arial, helvetica, sans-serif; 
color: #1a084e;  
background:transparent; 
margin:0px ; 
padding:10px 0px 0px 0px;}


.bookbyline { text-align:left;   
font: normal 11px  verdana, arial, helvetica, sans-serif; 
color: #000000;  
background:transparent; 
margin:0px ; 
padding:0px 0px 5px 0px;} 


.imagebook { text-align:right;
float:right; max-width:100%; 
  margin:10px 0px 25px 10px; 
  padding:0px;    border: 1px solid #000000;
  }

  

.imageevents { text-align:right;
float:right; width:525px; 
  margin:10px 0px 15px 10px; 
  padding:0px;    border: 1px solid #000000;
  }
  
#imageevents { text-align:right;
float:right; width:525px; 
  margin:10px 0px 25px 30px; 
  padding:0px;  
  }
  
   
  
#imageaward { text-align:right;
float:right; width:100%; max-width:100%;
  margin:10px 0px 15px 10px; 
  padding:0px;  
  }
  

  
/* photos page  */


  
#picbox {  
 
  float: right;
  margin: 5px 0px 10px 23px;  
  padding:0px;  max-width:100%;
}
 
#picbox img {  
 
  border: 1px solid #000000; 
}



  
.listbox { 
 float:left;
   max-width:100%;
 padding: 10px 15px 0px 0px;  
 margin:0px;      
}


 
.listbox ul { text-align:left;  
  	padding: 0px; 
    margin:2px 8px 2px 6px;  
}


.listbox li {  
	text-align:left;  list-style: none;
 font: normal 12px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}
  
  
  

  
.listbox2 { 
 float:left;
   max-width:100%;
 padding: 10px 15px 0px 0px;  
 margin:0px;      
}


 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:2px 8px 2px 16px;  
}


.listbox2 li {  
	text-align:left;  list-style: none;
 font: normal 12px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}
  
  
  
/* individual photos page  */


  
#photowraps {  clear:both; width:670px;
margin:0px auto;  padding:15px 0px;    max-width:100%;
}
  
#photowraps1 {  clear:both; width:275px;
margin:0px auto;  padding:15px 0px;    max-width:100%;
}
  
#photowraps2 {  clear:both; width:539px;
margin:0px auto;  padding:15px 0px;    max-width:100%;
}
  
 .boxvert {float:left; width:120px;   text-align:center; 
 margin:0px auto; color:#000000;  margin:2px; padding: 3px 4px 3px 5px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent ;
} 
   

.boxvertletters {float:left; width:120px;   text-align:center; 
 margin:0px auto; color:#000000;  margin:2px; padding: 3px 4px 3px 5px; font: normal 9px verdana, arial, helvetica, san-serif; letter-spacing: -0.03em; background: transparent ;
} 


#vertbox1row {  width:140px;
margin:0px auto;  clear: both;
background: url(bkg.jpg); background: transparent;
}
  


 
  
/* articles */

#content700 {  
text-align:center;  width:800px;
 margin:0px auto; padding:0px;  
  max-width:100%; 
  
}  
 
 
#photorowartic { text-align:center;     
margin:0px auto; padding: 20px 0px 10px 0px;
 background: transparent;     width:690px; max-width:100%;
} 



.boxhorzart {float:left; width: 233px; height: 175px;  text-align:center; 
 margin:0px; color:#000000;  margin:2px; padding: 3px 15px 10px 0px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent ; 
} 
   
  
.boxvertart { float:left; width: 130px; height: 205px; text-align:center; 
 margin:0px; color:#000000;  margin:2px; padding: 3px 2px 10px 2px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent;
} 
   
    
.imageleftart { 
float:left; max-width: 220px; height: 0px auto; text-align:center; 
 margin:0px; color:#000000;  margin:0px 10px 10px 0px; padding: 0px ; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent; width: 100%;
  }
 
   
.boxvertart { float:left; width: 224px; height: 320px; text-align:center; 
 margin:0px; color:#000000;  margin:2px; padding: 3px 2px 10px 2px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent;
} 
   
  
#jumparticle  { clear: both; font: bold 11px verdana, arial, helvetica, san-serif;
color:#000000; text-align:center; margin:20px auto;  padding:  10px 0px; background: transparent ; }


    
#imagerighttrav {  
float:right;
  margin:9px 0px 5px 10px; 
  padding:0px;  
  }
 

#imagerightdust {  
float:right;
  margin:9px 0px 5px 10px; 
  padding:0px;  
  }
 #imagerightnews { 
float:right;
  margin:9px 0px 5px 10px; 
  padding:0px; 
  }
  
  

  
#imageleftmap { float:left;   color:#000000;  margin:0px 10px 10px 0px; padding: 0px ; background: transparent;  max-width:80%; 
  }
  
/* photos page ends  */
 
 
#jump  { clear: both; font: bold 11px verdana, arial, helvetica, san-serif;
color:#000000; text-align:center; margin:0px auto;  padding:  10px 0px; background: transparent; }

 


.imageevent { text-align:right;
float:right; width:195px; 
  margin:10px 0px 15px 10px; 
  padding:0px;    border: 1px solid #000000;
  }


.imageevent1 { text-align:right;
float:right; width:195px; 
  margin:10px 0px 15px 10px; 
  padding:0px;     }



#imagecentertrav { 
text-align:right; 
  margin:0px auto; 
background: transparent;
  padding:2px 0px 2px 0px;    
 font: normal 10px verdana, arial, helvetica, san-serif;

  
  }


#imagecenterbox { 
text-align:center; 
  margin:0px auto; 
background: transparent;
  padding:2px 0px 0px 0px;     
  
  }

#imagerightsponlogo { 
float:right;
  margin:0px 0px 5px 10px; 
  padding:0px;  
  }
  
  
#imageright { 
float:right;
  margin:9px 0px 5px 12px; 
  padding:0px;     
  }
  
#imageright img { 
border: 1px solid #000000;
  }
  

#imagerightlisa { 
float:right;
  margin:9px 0px 5px 12px; 
  padding:0px;     
  }
  
  
#imagerightlisa img { 
border: 1px solid #000000;
  }
  
  
  
#boxrightevent {float:right; width:220px;   text-align:center; 
 margin:0px auto; color:#000000;  margin:2px; padding: 3px 0px 6px 5px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent ;
} 


#imageleftwhois { 
   float:left;
  margin:9px 19px 5px 0px; 
  padding:0px;    border: 1px solid #000000;
  }
 
#imageleftwhois img { 
border: 1px solid #000000;
  }
 
#imagerightwhois { 
   float:right;
  margin:9px 0px 5px 19px; 
  padding:0px;     
  }

.imagerightdocs { text-align:center;
float:right; width:160px; 
  margin:5px 0px 5px 20px; 
  padding:0px;    
  font: normal 9px verdana, arial, helvetica, san-serif;
  }
  
  
.imagerightart { text-align:center;
float:right; width:160px; 
  margin:5px 0px 5px 20px; 
  padding:0px;    
  font: normal 9px verdana, arial, helvetica, san-serif;
  }
  
  
   

 
#rollmouse { text-align:center;   
font: normal 10px  verdana, arial, helvetica, sans-serif; 
color: #1a084e; 
background:transparent; 
margin:5px auto; 
padding:5px 0px;}
 
 
 
 
.spacer {
width:700px;  
margin : 10px 0px auto;
padding : 0px;
background :transparent;
} 
   
#return { clear:both;  text-align:center; font: normal 10px verdana, arial, helvetica, san-serif;  color: #111372; padding: 10px 0px 0px 0px;   cursor: pointer; background: transparent;}

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

  

#navbottom { width:980px; display:none;
text-align:center; 
border-top: 1px solid #111372; 
border-bottom: 1px solid #111372; 
color: #111372;
font: normal 10px verdana, arial, helvetica, san-serif;
text-decoration: none;
cursor: pointer;
background: transparent;
margin: 15px auto 15px auto; padding: 10px 0px 10px 0px;
max-width:100%;  
}

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

 
 

   
#address {
 text-align: center; border-top: 1px solid #000; width:85%;
 font: bold 13px verdana, arial, helvetica, sans-serif;
 margin: 0px auto; 
 padding: 13px 13px 0px 13px;   color: #111372;
 background: transparent;
}
 
  
 
#address1 {
 text-align: center;
  font: normal 11px verdana, arial, helvetica, sans-serif;
 margin:0px auto; 
 padding:0px 0px 15px 0px;   color: #000000;
 background: transparent;
}


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


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

#tags {
 text-align: center; width:900px; 
 font: normal 9px verdana, arial, helvetica, sans-serif;
 margin:0px auto; 
 padding:900px 0px 0px 0px;   color: #fff;
  background: transparent; 
}
 
#tags a {
 color: #fff;
 background: transparent;
}
 
 
  
  
#contactwrap { 
text-align:center;
  margin:0px auto; 
  padding:0px;  
  width:655px;
background: transparent;
  max-width:100%; 
  }
  
#spacer10 {
 text-align: center; margin:0px auto; padding:10px 0px;   
}

  
 
 
.callus { 	display: none;   padding:0px; margin:0px;
}
 
 
#slideshow { 	text-align: center; margin: 0px auto; 
 padding:5px 0px; background: transparent; width: 97%; 
}



.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 Queries styles used when to have the fixed not work till reaches a smaller screen 999px and lower*/
@media screen and (max-width:4980px) and (min-width:999px){ 
 
.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: 3680px)  and  (min-width: 800px)

{
    


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

#box2 { display: none;  padding:0px; margin:0px;}


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


 
.listbox2 ul {  
	display: none;  padding:0px; margin:0px;
}


.listbox2 li {  
	display: none;  padding:0px; margin:0px;
}
   
   }
   
   
/*Styles for screen 610px and lower*/
@media only screen and (max-width: 799px) {
 
 
	 

  
#picbox {   float:none;
   text-align:center;  
  margin: 0px auto;  
  padding:0px; 
}


#box1 { display:none}



  
.listbox { 
display:none
}


 
.listbox ul {  
  display:none
}


.listbox li {  
display:none
}
   
   
#box2 {  text-align:center;   padding: 1px 0px;    margin: 0px auto;   max-width:650px; width:100%:}



.listbox2 { 
 float:left;
   max-width:100%;
 padding: 10px 15px 0px 12px;  
 margin:0px;      
}


 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:2px 4px 2px 6px;  
}


.listbox2 li {  
	text-align:left;  list-style: none;
 font: normal 12px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}
  
  
  
     
 
}

 



   

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

{

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

 } 

  


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

.callus { display: block; width:100%;
 text-align: center;  color: #fff;
 font: bold 11px verdana, arial, helvetica, sans-serif;
 margin:16px auto 5px auto; 
 padding:3px 3px 7px 3px;   
 background: #111372;   -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: #ffffff; text-decoration:none;
 background: transparent;
}
  
 
 .callus a:hover { 
 padding:0px; margin:0px;  color: #ffea00; text-decoration:none;
 background: transparent; text-decoration: underline;
}


 
 
 
}

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

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


  #content {  width:90%; text-align:center; margin:0px auto;}
  

 } 

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

{ 
 
  table { 
  width: 99%;  margin:0px auto; text-align:center;
  padding:5px;
  border-collapse: collapse; background: transparent;

}
    
.tabtextboldbkg {  text-align:left; font: bold 11px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #ffffff; background:#0000a8;}

   
.tabtextbold {  text-align:left; font: bold 11px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #111372; background:transparent;}

.gridtext1 {  text-align:left; font:normal 11px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #000000; background:transparent; }
 
.tabtext {  text-align:left; font:normal 11px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #000000; background:transparent; }

form input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] { max-width:97%;min-width:97%; 
  display: block;
  margin: 0px; padding:2px;
  width: 98%; height: 15px;
  line-height: 10px;  
  border: 1px solid #bbb;
}
   
   
form input[type=submit], input[type=reset] { margin: 1px 3px;  
  max-width: 95%;width: 87px; float:left;  }
  
   } 
 

 /*screen sizes */
@media only screen and (max-width: 480px) {
  
 
 table { 
  width: 98%;  margin:0px auto; text-align:center;
  padding:0px;
  border-collapse: collapse; 
}

   
.tabtextbold {  text-align:left; font: bold 11px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #111372; background:transparent;}

.gridtext1 {  text-align:left; font:normal 11px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #000000; background:transparent; }


 

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

form input[type=submit], input[type=reset] { margin: 1px 2px;  
  max-width: 92%;width: 87px; float:left;  }
  
  


}
 
 

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

{ 

	#navbottom { display:none;
	}

	 
    
#address { border-top: 1px solid #000; width:95%;
 text-align: center;
 font: bold 13px verdana, arial, helvetica, sans-serif;
 margin:10px auto 3px auto;  
 padding:5px auto ;   color: #111372;
 background: transparent;
}


body{ text-align:center;padding-top:10px; 

  /* Location of the image */
   background-image:url('../fadebkginside.jpg'); 
  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */

-moz-background-size:cover; 
-webkit-background-size:cover; 

  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #fff;  

width:100%;margin:auto; }
 


#wrapperhome {
	 	 margin: 0px auto; padding: 10px auto 0px auto; 
	text-align:center; 
max-width:100%; width:100%;   background:transparent ; 
border: 0px solid #fff; border:none; max-width:100%; 
 }  

	#wrapper {  
 width: 100%;  
	}
	
	
#temparea {  
width: 98%;  
}
 
   
#content {  
 width: 98%;  
}  
 
  
	#contenthome {  
 width: 99%;   
	}


#contenthome h1 { text-align:center ;  
margin:0px auto;   padding:0px 10px 10px 10px; }
  

 

#content700 {  
 width: 97%;     
}  
  
 
.boxvertart { float:left; width: 135px; height: 205px; text-align:center; 
 margin:0px; color:#000000;  margin:2px; padding: 3px 2px 10px 2px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent;
} 
   
 
   
.box3torow { float:right; width: 104px; height: auto 0px; text-align:center; 
 margin:0px; color:#000000;  margin:2px; padding: 3px 2px 10px 2px; font: normal 9px verdana, arial, helvetica, san-serif; background: red;
} 
   


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


.homephoto { float:left; padding:0px; margin:0px 4px;   
text-align:left;    
font: normal 12px  verdana, arial, helvetica, sans-serif; 
color: #000;  background:transparent;    }
   
 	
	

#logo {  
 max-width:100%;  height: auto; 
margin:0px auto; 
padding:3px 5px 7px 5px;
background-color:transparent;
}
 
   


 
#tags {  display: none;
}
 
 

#stats  { display: none; }

}
  
 


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


 
#content {   text-align:center; 
margin:0px auto; 
 width: 96%;  
}  
 
  
	#temparea { width: 98%;
	}
	 
#content {  
 width: 97%; padding:4px; margin:0px auto;
}  
 
 
h2 { text-align: left;   
font: normal 12px  verdana, arial, helvetica, sans-serif; 
color: #000000; 
background:transparent; 
margin:0px auto; 
padding:5px 0px;} 


 

#jumparticle  { clear: both; font: bold 10px verdana, arial, helvetica, san-serif;
color:#000000; text-align:center; margin:20px auto;  padding:  10px 0px; background: transparent ; }



#photowraps { text-align:center;   width:515px;
 margin:0px auto; padding:0px;  
     max-width:100%; background:transparent;
}
 
 .boxvert {float:left; width:120px;   text-align:center; 
 margin:0px auto; color:#000000;  margin:0px; padding: 3px 3px 3px 3px ; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent ;
} 
   

.boxvertletters {float:left; width:120px;   text-align:center; 
 margin:0px auto; color:#000000;  margin:0px; padding: 3px 3px 3px 3px  ; font: normal 9px verdana, arial, helvetica, san-serif; letter-spacing: -0.03em; background: transparent ;
} 

   

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



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

{ 
 body { 
margin:  0px auto;
padding-top: 10px; border:0px;
	text-align:center;  background: #eceefd;
background-image:url('../fadebkginside.jpg');  
 
}


#wrapperhome {
	 	 margin: 10px auto 0px auto; padding:  0px auto 0px auto; 
	text-align:center; 
max-width:100%; width:100%; 
background-image:transparent;  
border: 0px; border: none;  }

 
}


  /*Styles for screen 610px and lower*/
@media only screen and (max-width:910px) {
  
  h1 { text-align:center;   
font: bold 14px  verdana, arial, helvetica, sans-serif; 
color: #1a084e;  text-transform: uppercase;
margin:0px auto; 
padding: 20px 0px 5px 0px;}}
  



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

 
 .imageevents { text-align:right;
float:right; width:400px; 
  margin:10px 0px 25px 10px; 
  padding:0px;    border: 1px solid #000000;
  }
  
  #imageevents { text-align:right;
float:right; width:400px; 
  margin:10px 0px 25px 20px; 
  padding:0px;  
  }
  
  }
  
  
  /*Styles for screen 610px and lower*/
@media only screen and (max-width:720px) {
  
  h1 { text-align:center;   
font: bold 14px  verdana, arial, helvetica, sans-serif; 
color: #1a084e;  text-transform: uppercase;
margin:0px auto; 
padding: 10px 0px 5px 0px;}}
  
   
  


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

 

  
#picbox {  clear:both; float:none;
   text-align:center;  
  margin: 0px auto;  
  padding:0px; 
}



  
h1 { text-align:center;   
font: bold 14px  verdana, arial, helvetica, sans-serif; 
color: #1a084e;  text-transform: uppercase;
margin:0px auto; 
padding: 10px 0px 5px 0px;}
 

  
.listbox { 
 float:none; clear:both;
   max-width:100%; text-align:center;
 padding: 10px 15px 0px 0px;  
 margin:0px auto;      
}


 
.listbox ul { text-align:left;  
  	padding: 0px; 
    margin:2px 8px 2px 12px;  
}


.listbox li {  
	text-align:left;  list-style: none;
 font: normal 12px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}
   
 
}

 
 
 

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

.imageevent { text-align:center;
float:none; width:100%; 
  margin:10px auto; 
  padding:0px;  
  }



 
.listbox2 { 
 float:left;
   max-width:100%;
 padding: 10px 7px 0px 10px;  
 margin:0px;      
}

#photowraps { text-align:center;   width:380px;
 margin:0px auto; padding:0px;  
     max-width:100%; background:transparent;
}
 
 .boxvert {float:left; width:120px;   text-align:center; 
 margin:0px auto; color:#000000;  margin:0px; padding: 3px 3px 3px 3px ; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent ;
} 
   

.boxvertletters {float:left; width:120px;   text-align:center; 
 margin:0px auto; color:#000000;  margin:0px; padding: 3px 3px 3px 3px  ; font: normal 9px verdana, arial, helvetica, san-serif; letter-spacing: -0.03em; background: transparent ;
} 

   
  }
  
 

  
  
 
/*Styles for screen 610px and lower*/
@media only screen and (max-width: 480px) {
 
 
    
#imagerighttrav {  
float:right;
 width: 70%; 
  }
 

  
#imageleftmap { float:left;   width: 60%; 
  }  
  
  }
  
 
 
/*Styles for screen 610px and lower*/
@media only screen and (max-width: 420px) {
 

#imagerightdust {  
float:right;
  margin:9px 0px 5px 10px; 
  padding:0px;  
 width: 70%; 
  }
  }
 
 
/*Styles for screen 610px and lower*/
@media only screen and (max-width: 340px) {
 
 
	
#imagelefttrav { 
float:none;  text-align:center;   padding:  0px;    margin: 10px auto; 
width: 100%; 
  }
 

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

 
/*Styles for screen 420px and lower*/
@media only screen and (max-width: 590px) {
   
 
#box2 {  text-align:center;   padding: 1px 0px;    margin: 0px auto;   max-width:540px; width:100%:}

.imageevents { text-align:center;
float:none; max-width:100%;
  margin:10px 0px auto;
  padding:0px;    border: 1px solid #000000;  width:100%;

  }
 
  #imageevents { text-align:center;
float:none; max-width:100%;
  margin:10px 0px auto; width:100%;
  padding:0px; 
  }
 
}
  
  
  
 
 
/*Styles for screen 420px and lower*/
@media only screen and (max-width: 570px) {
  
   
  
#box2 {  text-align:center;   padding: 1px 0px;    margin: 0px auto;   max-width:540px; width:100%:}

 
#contentsponsor {  
text-align:center; 
max-width:690px;
 margin:0px auto 20px auto; 
padding:10px;  
  width:100%;  ; 
 
}  

#contentsponsor {  
text-align:center; max-width:690px;
 margin:0px auto 200px auto; padding: 0px;  
  width:100%; background:transparent;  
 
}  




#contentphotos {  
text-align:center; margin:0px auto;
max-width:690px;
 margin:0px auto 20px auto; padding:10px;  
  width:100%;  ; 
 
}  



.listbox2 { 
 float:left;
   max-width:100%;
 padding: 10px 7px 0px 10px;  
 margin:0px;      
}


 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:2px 3px 2px 6px;  
}


.listbox2 li {  
	text-align:left;  list-style: none;
 font: normal 12px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}
}
  
 
 
/*Styles for screen 420px and lower*/
@media only screen and (max-width: 530px) {
    
  
#box2 {  text-align:center;   padding: 1px 0px;    margin: 0px auto;   max-width:540px; width:100%:}

 
.listbox2 { 
 float:left;
   max-width:100%;
 padding: 10px 4px 0px 10px;  
 margin:0px;      
}


 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:2px 3px 2px 6px;  
}

 
}
  
  
 
/*Styles for screen 420px and lower*/
@media only screen and (max-width: 510px) {
  
   
#box2 {  text-align:center;   padding: 1px 0px;    margin: 0px auto;   max-width:540px; width:100%:}



.listbox2 { 
 float:left;
   max-width:100%;
 padding: 10px 4px 0px 8px;  
 margin:0px;      
}


 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:2px 3px 2px 6px;  
}


.listbox2 li {  
	text-align:left; 
 font: normal 12px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}
}
  
  
/*Styles for screen 420px and lower*/
@media only screen and (max-width: 505px) {
  
    
   
#box2 {  text-align:center;   padding: 1px 0px;    margin: 0px auto;   max-width:540px; width:100%:}



.listbox2 { 
 float:left;
   max-width:100%;
 padding: 10px 4px 0px 7px;  
 margin:0px;      
}


 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:2px 5px 2px 3px;  
}


.listbox2 li {  
	text-align:left;  
 font: normal 12px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}
}
  
  
  
  
/*Styles for screen 420px and lower*/
@media only screen and (max-width: 500px) {
  
    
   
#box2 {  text-align:center;   padding: 1px 0px;    margin: 0px auto;   width:100%:}



.listbox2 { 
 float:left;
   max-width:100%;
 padding: 10px 4px 0px 5px;  
 margin:0px;      
}


 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:2px 5px 2px 2px;  
}
 
}
  
  
  
  
/*Styles for screen 420px and lower*/
@media only screen and (max-width: 490px) {
  
     
#box2 {  text-align:center;    margin: 0px auto;   width:100%:}



.listbox2 { 
 float:left; 
   max-width:100%;
 padding: 10px 5px 0px 5px;  
 margin:0px;      
}


 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:2px 3px 2px 3px;  
}

 

}
  
  
  
/*Styles for screen 420px and lower*/
@media only screen and (max-width: 485px) {
   
 
  
.listbox2 { 
 float:left;
   max-width:100%;
 padding: 10px 8px 0px 7px;  
 margin:0px;      
}


 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:2px 4px 2px 4px;  
}
 
.listbox2 li {  
	text-align:left; 
 font: normal 11px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}
}
  
  
   
 
/*Styles for screen 420px and lower*/
@media only screen and (max-width: 480px) {
   
 
.listbox2 { 
 float:left;
   max-width:100%;
 padding: 10px 6px 0px 6px;  
 margin:0px;      
}


 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:2px 3px 2px 4px;  
}
 
.listbox2 li {  
	text-align:left;  
 font: normal 11px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}
}
  
  
 
/*Styles for screen 420px and lower*/
@media only screen and (max-width: 460px) {
   
 
  
  
.listbox2 { 
 float:left;
   max-width:100%;
 padding: 10px 5px 0px 5px;  
 margin:0px;      
}


 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:2px 4px 2px 4px;  
}
 
.listbox2 li {  
	text-align:left;  
 font: normal 11px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}
}
  
  
   
 
/*Styles for screen 420px and lower*/
@media only screen and (max-width: 458px) {
   
 

.listbox2 { 
 float:left; 
 padding: 0px 5px 0px 15px;  
 margin:0px;      width:100%;
   max-width:100%;
}  
  
 
.listbox2 ul { text-align:left;  
  	padding: 0px; 
    margin:1px ;  
}

.listbox2 li {  
	text-align:left;  
 font: normal 12px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}

  
}
  
  
   

/*Styles for screen 610px and lower*/
@media only screen and (max-width: 500px) {
 
  
  	 #imagerightsponlogo { 
  	 float:none;
text-align:center;   
 margin:0px auto; padding:5px 0px;  
     max-width:100%; clear:both;
  }
  

  
  	}
 
 
 


 
/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 480px) {
  
   
    
#address { border-top: none;
 text-align: center;
 font: bold 13px verdana, arial, helvetica, sans-serif;
 margin:10px auto 0px auto;  
 padding:10px auto 10px auto  ;   color: #111372;
 background: transparent;
}


 
 
 
}


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


#photowraps { text-align:center;   width:260px;
 margin:0px auto; padding:0px;  
     max-width:100%; background:transparent;
}
 
 .boxvert {float:left; width:120px;   text-align:center; 
 margin:0px auto; color:#000000;  margin:0px; padding: 3px 3px 3px 3px ; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent ;
} 
   

.boxvertletters {float:left; width:120px;   text-align:center; 
 margin:0px auto; color:#000000;  margin:0px; padding: 3px 3px 3px 3px  ; font: normal 9px verdana, arial, helvetica, san-serif; letter-spacing: -0.03em; background: transparent ;
} 
 
   
  }
  
  
  
  
  
  

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

 
#imagerightsponlogo { 
float:none;
text-align:center;   
 margin:0px auto; padding:5px 0px;  
     max-width:100%; clear:both;
  }
 
#photowraps { text-align:center;  width:260px;
 margin:0px auto; padding:5px 0px;  
     max-width:100%; 
}
 
  
 .boxvert {float:left; width:120px;   text-align:center; 
 margin:0px auto; color:#000000;  margin:2px; padding: 3px ; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent ;
} 
   

.boxvertletters {float:left; width:120px;   text-align:center; 
 margin:0px auto; color:#000000;  margin:2px; padding: 3px  ; font: normal 9px verdana, arial, helvetica, san-serif; letter-spacing: -0.03em; background: transparent ;
} 

 
} 
  
 
  
  
   
  

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


 
.boxvertart { float:left; width: 110px; text-align:center; 
 margin:0px; color:#000000;  margin:2px; padding: 3px 10px 10px 12px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent;
} 
   
.imageleftart { float:left; width: 150px; text-align:center; 
 margin:0px; color:#000000;  margin:2px; padding: 3px 5px 10px 5px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent;
} 
 
} 






/*Styles for screen 480px and lower*/

@media only screen and (max-width : 480px) {
 
  
#photorowartic { text-align:center;  width:100%;
 margin:0px auto; padding:5px 0px;  
     max-width:100%;    background: transparent;
} 

 
.boxvertart { float:left; width: 130px; text-align:center; 
 margin:0px; color:#000000;  margin:2px; padding: 3px 2px 10px 2px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent;
} 
   
   
.imageleftart { float:left; width: 120px; text-align:center; 
 margin:0px; color:#000000;  margin:2px; padding: 3px 5px 10px 4px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent;
} 
  
   .imagerightart { padding: 30px 0px 0px 0px;  
  }
 
   .imagerightdocs { padding: 10px 0px 0px 0px;  
  }
 
} 
  
  
 
/*Styles for screen 480px and lower*/

@media only screen and (max-width : 470px) {
  
#photorowartic { text-align:center;  width:100%;
 margin:0px auto; padding:5px 0px;  
     max-width:100%;    background: transparent;
} 
   
.imageleftart { float:left; width: 110px; text-align:center; 
 margin:0px; color:#000000;  margin:2px; padding: 3px 5px 10px 5px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent;
} 


  }
  
  
  /*Styles for screen 480px and lower*/

@media only screen and (max-width : 560px) {
  
  .imagebook {  float:right; text-align:right;  padding:0px 0px 0 0; margin:0px 0px 0 0; }

  }


/*Styles for screen 480px and lower*/

@media only screen and (max-width : 250px) {
 
  
#photorowartic { text-align:center;  width:205px;
 margin:5px auto; padding: 0px;  
     max-width:100%;     background: red;
} 
 
.imageleftart { float:left; width: 100%; text-align:center; 
 margin:0px; color:#000000;  margin:2px; padding: 3px 5px 10px 5px; font: normal 9px verdana, arial, helvetica, san-serif; background: transparent;
} 
  
   
  }
  

 
  
  
/*Smartphone*/

@media only screen and (max-width : 380px) {
 

   


#logo {  
  
padding:10px 0px; 
margin:0px; 
}
 

#mouseroll {  text-align:center; 
margin:0px auto; 
	font-style:italic; 
font: 10px verdana, arial, helvetica, san-serif;  
color: #000000; padding: 1px 0px 7px 0px ;  
background:transparent;}
 
   
#content {   text-align:center; 
margin:0px auto; 
 width: 96%;  
}  
 
  
	#contenthome {   text-align:center; 
margin:0px auto; 
 width: 96%;   
	}
     

   
   
  
.homephoto { float:none;  text-align:center;
margin:0px auto; padding:0px;  }
   
     
#imageleft {  float:none; text-align:center; margin:0px auto; padding: 0px;max-width:100%;   } 

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

#imagerightlisa { 
  margin:9px 50px 5px 8px; 
  padding:0px;  max-width: 100px;    }
  

#boxrightevent { text-align:center; margin:0px auto; padding: 0px; max-width:100%; 
}   
  
  
.imagerightdocs { text-align:center; margin:0px auto; padding: 0px; max-width:100%;  
  }
   
#imagerightdust {  
float:right;
  margin:9px 0px 5px 10px; 
  padding:0px;  
 width: 50%; 
  } 
 
   
#imagerightwhois { 
  text-align:center; margin:0px auto; padding: 0px; max-width:100%; min-width:100%;
 
  }
  
#picbox {  
 
 
  text-align:center; margin:10px auto; padding: 0px; max-width:100%;  min-width:100% ;
}
 
  
 

h1 { text-align:center ; 
font: bold 13px verdana, arial, helvetica, san-serif;   color: #111372;  
margin:0px auto;   padding:3px 0px; }
 
h2 { text-align:left; font: normal 12px verdana, arial, helvetica, san-serif;  color: #000000; background:transparent; margin:1px auto;  padding:5px 0px 5px 0px; }


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

ul { text-align:left;  
  	padding: 0px; 
    margin:2px 0px 2px 20px;  
}


li {  
	text-align:left; 
 font: normal 12px  verdana, arial, helvetica, sans-serif; 
    color: #000000; 
    padding:1px 0px; 
   margin: 0px;
    background-color:transparent; 
    text-decoration:none;
}

   
	 
#address {
 text-align: center;
 font: bold 12px verdana, arial, helvetica, sans-serif;
 margin:2px auto; 
 padding:0px 5px;   color: #111372;
 background: transparent;
}
 
  
 
#address1 {
 text-align: center; width:75%;
  font: normal 10px verdana, arial, helvetica, sans-serif;
 margin:0px auto; 
 padding:0px 5px 10px 5px;   color: #000000;
 background: transparent;
}


  table { 
  width: 95%;  margin:0px auto; text-align:center;
  padding:0px;
  border-collapse: collapse; 
}
   
.tabtextboldbkg {  text-align:left; font: bold 10px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #ffffff; background:#0000a8;}


   
.tabtextbold {  text-align:left; font: bold 10px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #111372; background:transparent;}

.gridtext1 {  text-align:left; font:normal 11px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #000000; background:transparent; }
 
.tabtext {  text-align:left; font:normal 10px verdana, arial, sans-serif; 
margin: 0px; padding:3px 0px 3px 5px;  color: #000000; background:transparent; }


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

form input[type=submit], input[type=reset] { margin: 1px 2px;  
  max-width: 92%;width: 87px; float:left;  }
 
	
 
 
	#stats { display: none; 
	}
	
	#tags  { display: none; 
	}
 
	 
}




 
@media print {



#logo {  float:left;
width:100%;  
margin:0px;  padding-top:10px;
background-color:transparent; 
}
  
 
#logoaddress {
 text-align: center;
  font: normal 14px gill sans, Gill Sans, verdana, helvetica, sans-serif;
 margin:0px auto; 
 padding:0px 0px 15px 0px;   color: #104524;
 background: transparent;
}
 
 
 
#homephotobox {  
text-align:center;   max-width:100%; 
 margin:15px auto; padding:0px;  
 width:100%; background:transparent;
 
}  


.homephoto { float:left; padding:0px; margin:0px 7px 14px 7px;   
text-align:left; width:190px; height:auto; 
font: normal 13px  verdana, arial, helvetica, sans-serif; 
color: #000;  background:transparent;  width:100%;   }
  

.homephoto a { 
color: #111372; 
background:transparent;
text-decoration: none;
}

.homephoto a:hover { 
  color: #003300; 
background:transparent;
text-decoration: underline;
} 
   
 
 
   #navbottom {display: none; 
}
	 
#address, #address1 {display: none; 
}


	 
	#stats, #tags  { display: none; 
	}
 
 
 .PZ3zoom {  text-align:center; background: #ffffff;  max-width:90px; }
 
 
 }