/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126   License: none (public domain) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
/* end reset */

body {
  color: rgb(255,204,153);
  background: #000000;
  margin-bottom: 6ex;
  font-family: Arial, sans-serif;
  font-size: 0.75em;
  width: 100%;
  }
  
p {
padding: 10px 5px 10px 5px;
}

h1 {
  color: rgb(255,204,153);
  margin: 5px 0px 5px 0px;
  font-family: edwardian script itc, book antigua;
  font-size: 3.5em; font-style: normal; font-weight: normal;
  text-align: center;
  }
  
h2 {
  color: rgb(255,204,153);
  margin: 0 auto;
  font-size: 1.2em; font-style: normal; font-weight: normal;
    text-align: center;
  }

h3 {
  color: rgb(255,204,153);
  font-size: 1.1em; font-style: normal; font-weight: bold;
  }
  
h4 
{
    font-size: 1em;
	font-weight: bold;
}

img {
  margin: 12px 12px 0px 12px;
  border-width: 0px;
  max-width: 100%;
  }
  
img.front {
  margin: 20px;
}

div {
//  color: rgb(255,204,153);
  }

div.contents {
  position: relative;
  float:left;
  margin: 30px 0px 32px 3%;
}

div.main  {
  position: relative;
   margin: 20px 0px 20px 5%; 
padding-bottom: 30px;
float:left;
  max-width: 95%;
  }
  
div.ga {
clear: both;
}

div.img   {
   position: relative;
   text-align: center; 
   margin: 10px 10px 10px 10px;
  }

div.bigimg {
float: left;
}

div.medpic {
float: left;
}

div.det {
/* float: left; */
}
  
div.bottom 
{
  position: relative;
  font-size: x-small;
}

div.words {
   margin: 10px;
   width: 40em;
   float: left;
   max-width: 95%;
 }
 
 img.right {
 float: right;
 }
          
div.mainpic {
margin: 30px 0px 0px 10px;
  text-align: center;
}

div.multipic {
   margin: 0px 0px 0px 10px;
   text-align: center;
}

div.desc {
margin: 0px 0px 0px 10px;
   text-align: center;
}

div.nav {
  margin: 40px 0px 0px 10px;
   text-align: center;
}

a {
  color: #ff8040; 
   text-decoration: none;
   border-width: 0px;
   }

/*   
a:visited {color: #ff7030;
   border-width: 0px;
   }

a:active {color: #ff8545;
   border-width: 0px;
   }
*/

a.heading {
  color: rgb(255,204,153);
  text-decoration: none;
} 

p.special {text-align: center;
}

p.special2 {text-align: center;
  font-style: italic;
}

p.sm  {
    font-size: x-small;
}


/* MEDIUM  ~~~~~~~~~~~~~~~~~~~~~~~~              */

@media screen and (min-width: 701px) and (max-width: 1000px) {

div.contents {
  margin-left: 10px;
}

div.main  {
   margin-left: 0px;
  }

div.words {
   width: 30em;
}

/*
div.img 
  {
   text-align: center; 
   margin: 10px 10px 10px 10px;
   border-width: 0px;
   max-width: 95%;
  }

div.bigimg {
float: left;
max-width: 70%;
}

div.medpic {

}

div.det {
float: left;
}
*/
h1 {
  font-size: 38px; 
  }
  
h2 {
  font-size: 1em; 
  }
  
h3 
{
  font-size: .8em;
}

}


/* SMALL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~              */

@media screen and (min-width: 481px) and (max-width: 700px) {
/*
div.contents {
  position: fixed;
  *position: relative;
  margin-left: .2em;
  margin-bottom: 2em;
  font-family: Arial, sans-serif;
  font-size: 12px;
  z-index: 1;
}

div.main
  {
   margin-top: 2em;
   width: 35em;
   height: auto;      
   border-width: 0em;
float: left;
  }

div.words {

   margin: 2em 2em 2em 0em;
   width: 35em;
   height: auto;
   font-family: Arial, sans-serif;
   font-size: 1em;
   
}
*/

/* div.details
  {
   margin-left: 11.5em;
   margin-top: 6em;
   width: 20em;
   height: auto;      
   border-width: 0em;
  } */

  /* 
div.img 
  {
  position: absolute;
   left: 100px;
   top: 200px;
   width: 900px;
   height: auto;     
   text-align: center; 
   margin: 10px 10px 10px 10px;
   border-width: 0px;
max-width: 95%;
  }

div.bigimg {
float: left;
max-width: 100%;
}

div.medpic {

}

div.det {
float:left;
}
*/ 
h1 {
  font-size: 34px; 
  }
  
h2 {
  font-size: .8em; 
  }
  
h3 
{
 font-size: .8em;
}

}


/* TINY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

@media screen and (max-width: 480px) {
/*
div.contents {
  position: fixed;
  *position: relative;
  margin-left: .2em;
  margin-bottom: 2em;
  font-family: Arial, sans-serif;
  font-size: 12px;
  z-index: 1;
}

div.main
  {
   margin-top: 2em;
   width: 20em;
   height: auto;      
   border-width: 0em;
float: left;
  }

div.words {

   margin: 2em 2em 2em 0em;
   width: 25em;
   height: auto;
   font-family: Arial, sans-serif;
   font-size: 1em;
   
}

div.details
  {
   margin-left: 11.5em;
   margin-top: 6em;
   width: 20em;
   height: auto;      
   border-width: 0em;
  } 

div.img 
  {
   text-align: center; 
   margin: 10px 10px 10px 10px;
   border-width: 0px;
max-width: 95%;
  }

div.bigimg {
float: left;
max-width: 100%;
}

div.medpic {

}

div.det {
float:left;
}
*/

h1 {
  font-size: 30px; 
  }
  
h2 {

  font-size: .8em; 
  }
  
h3 
{
 font-size: .8em;
}

}

/* go modern screens */

@media screen and (min-width: 1260px) and (max-width: 1500px) {
body {
  font-size: 0.85em;
  }
}

@media screen and (min-width: 1501px) {
body {
  font-size: 1em;
  }
}