/* define common layout areas */

#all {
  width: 100%;
}
/*
body {
background-image: url("ada_solly.jpg");
background-repeat: no-repeat;
background-position: left top;
}
*/

#head {
  clear: both;
  width: 95%;
  margin-left:auto;
  margin-right:auto;
}

#head_left {
  float: left;
  width: 5%;
}
#head_middle {
  float: left;
  width: 90%;
}
#head_right {
  float: left;
  width: 5%;
}


#main {
  clear: both;
  width: 95%;
  margin-left:auto;
  margin-right:auto;
}

#footer {
  clear: both;
  width: 95%;
  margin-left:auto;
  margin-right:auto;
}

/* define menu layouts */


/* main menu */

#menu {
  clear: both;
  width: 95%;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
  background-color: black;
}

#navmenu ul {
  margin: 0; 
  padding: 0; 
  list-style-type: none; 
  list-style-image: none; 
}

#navmenu li {
  display: inline; 
}

#navmenu ul li a {
  margin: 4px;
  padding: 5px 10px 5px 10px; 
  color: white;
  text-align: center;
  text-decoration: none;  
  text-transform: uppercase;
  font-size: 1.5em;
  font-family:"Arial";
  font-weight: bold;
}

#navmenu ul li a:hover {
  color: red;
  text-decoration: underline;
}


/* list format */

#list ul li a {
  font-family:"Times New Roman";
  color: black;
  font-size:1.5em;
  font-style: normal;
}


#list ul li a:hover {
  color: red;
  background: white; 
  text-decoration:underline;
}

li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}


#bordertop {
  clear: both;
}

/* fudge to force a new line */

#borderblank {
  clear: both;
}



/* define standard image layouts */

/* one column */

.onecolimgleft {
  width: 40%;
  min-width: 200px;
  max-width: 400px;
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
}

.onecolimgright {
  width: 40%;
  min-width: 200px;
  max-width: 400px;
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
}

#onecolimgleftiframe {
  width: 40%;
  min-width: 200px;
  max-width: 400px;
  max-height:500px;
  float: left;
  margin-right: 1em;
  margin-left: 0em;
  margin-bottom: 1em;
  margin-top: 0px;
  border-width: 0px;
}


/* three columns */

#threecolimgleft {
  clear: both;    
  width: 33%;
  float: left;
  text-align: center;
  min-width: 250px;
}

#threecolimgcenter {
  width: 33%;
  float: left;
  text-align: center;
  min-width: 250px;
}

#threecolimgright {
  width: 33%;
  float: left;
  text-align: center;
  min-width: 250px;
}


.photo_thumbnail {
  width: 10%;
  max-width: 150px;
  float: left;
  margin-right: 0px;
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 0px;
  border-style: solid;
  border-width: 2px;
  boarder-color: black;
}





/* define standard tags */


h2 {
  font-family:"Times New Roman";
  color: black;
  font-size:2em;
  text-align: center;
  font-style: normal;
  font-weight: bold;
}

h2 a {
  font-family:"Times New Roman";
  color: black;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}

h2 a:hover {
  background: white; 
  color: red;
  text-decoration:underline;
}


h3 {
/*  font-family:"Times New Roman"; */
  font-family: Arial;
  color: black;
  font-size:1.5em;
  text-align: left;
  font-style: normal;
  font-weight: bold;
  text-decoration:underline;
}


h4 {
  font-family:"arial";
  color: black;
  font-size:1.0em;
  text-align: left;
  font-style: normal;
  font-weight: normal;
}



p {
/*  font-family:"Times New Roman";  */
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  font-size:1.5em;
  font-style: normal;
  text-align: justify;
}


q {
  font-family:"Times New Roman";
  color: black;
  font-size:1.5em;
  font-style: italic;
  font-weight: bold;
}


/* define classess */

.cite {
  font-family:"Arial";
  font-size: 0.7em;
  font-style: normal;
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.center {
  text-align: center;
}

.discountoffset {
  position: relative;
  left: 35%;
}

.centerbold {
  text-align: center;
  font-weight: bold;
}

.leftbold {
  text-align: left;
  font-weight: bold;
}

.fontsize10 {
  font-size: 1.0em;
}

.fontsize15 {
  font-size: 1.5em;
}

.fontsize20 {
  font-size: 2.0em;
}

img.center {
  margin-left:auto;
  margin-right:auto;
  display: block;
}

img.right {
  margin-left:auto;
  margin-right:0px;
  display: block;
}


/* define image gallery that auto plays */

#indexslideshowleft {
  clear: both;    
  width: 20%;
  min-width: 200px;
  float: left;
  margin-right: 20px;
  border-style: solid;
  border-width: 4px;
  boarder-color: black;
}

@keyframes indexslidy {
0% { left: 0%; }
3% { left: 0%; }
5% { left: -100%; }
8% { left: -100%; }
10% { left: -200%; }
13% { left: -200%; }
15% { left: -300%; }
18% { left: -300%; }
20% { left: -400%; }
23% { left: -400%; }
25% { left: -500%; }
27% { left: -500%; }
30% { left: -600%; }
33% { left: -600%; }
35% { left: -700%; }
38% { left: -700%; }
40% { left: -800%; }
43% { left: -800%; }
46% { left: -900%; }
49% { left: -900%; }
52% { left: -800%; }
55% { left: -800%; }
58% { left: -700%; }
61% { left: -700%; }
64% { left: -600%; }
67% { left: -600%; }
70% { left: -500%; }
73% { left: -500%; }
76% { left: -400%; }
79% { left: -400%; }
82% { left: -300%; }
85% { left: -300%; }
87% { left: -200%; }
90% { left: -200%; }
92% { left: -100%; }
95% { left: -100%; }
97% { left: 0%; }
100% { left: 0%; }
}


#indexslider { 
  overflow: hidden;
}

#indexslider figure img {
  width: 10%;
  float: left;
}

#indexslider figure { 
  position: relative;
  width: 1000%;
  margin: 0;
  left: 0;
  animation: 60s indexslidy infinite; 
}




.marquee {
 clear: both;
 width: 95%;
 height: 50px;	
  margin-left:auto;
  margin-right:auto;
 overflow: hidden;
 position: relative;
 background: deeppink;
 color: orange;
 border: 1px solid deeppink;
}

.marquee a {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
  font-family: Arial;
 
/* Starting position */
 -moz-transform:translateX(75%);
 -webkit-transform:translateX(75%);	
 transform:translateX(75%);
 
/* Apply animation to this element */	
 -moz-animation: scroll-left 15s linear 0s infinite alternate;
 -webkit-animation: scroll-left 15s linear 0s infinite alternate;
 animation: scroll-left 15s linear 0s infinite alternate;
}

/* Move it (define the animation) */

@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(75%); }
 100% { -moz-transform: translateX(-75%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(75%); }
 100% { -webkit-transform: translateX(-75%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(75%); /* Browser bug fix */
 -webkit-transform: translateX(75%); /* Browser bug fix */
 transform: translateX(75%); 		
 }
 100% { 
 -moz-transform: translateX(-75%); /* Browser bug fix */
 -webkit-transform: translateX(-75%); /* Browser bug fix */
 transform: translateX(-75%); 
 }
}