BODY { 
	background: url(images/bg_grid.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	color: black;
    font-family: "gill-sans", sans-serif;
	font-size:  16px;
	background-color: white;
	
	margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;
}

Body.bigpic { 
	background: url(images/spacer.gif);
	background-color: white;
	background-attachment: scroll;
	color: #000000;
}

#eventpixmenu {
	position:absolute;
	left:150px;
	top:500px;
	width:150px;
	color: #113399;
}

#menu-left {
	position:absolute;
	left:5px;
	top:5px;
	width:200px;
	color: #113399;
}

#mainbody {
	position:absolute;
	left:220px;
	top:15px;
/*	max-width:930px; */
	text-align: center;
}

#homepage {
	position:center;
	margin-left:auto;
	margin-right:auto;
	top:15px;
	text-align: center;
}

#goog-rt {
	position:absolute;
	left:1200px;
	top:15px;
	width:190px;
}

#goog-link {
	position:absolute;
	left:1200px;
	top:15px;
	width:190px;
	height:100px;
}

#goog-search {
	position:absolute;
	left:1200px;
	top:125px;
	width:190px;
	height:120px;
}

#goog-content {
	position:absolute;
	left:1200px;
	top:250px;
	width:190px;
	height:240px;
}

#goog-fox {
	position:absolute;
	left:1200px;
	top:500px;
	width:190px;
	height:80px;
}

#about_text {
  position:absolute;
  left:300px;
  top:75px;
  width:300px;
}

A { color: #113399 }
A img { border:none}
A:hover.menu { 
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
}

/* A:active { color: #113399 } */

A:visited { 
	color: #112277;
 }

h1 {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	padding: 15px 0px 0px 0px; 
}
 
h2 { 
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px; 
}

h2 A:hover { 
	text-decoration: underline;
	color: #000000;
}

h2.left { 
	padding: 0px 0px 0px 15px; 
	text-align: left;
}

p.news {
	font-weight: bold;
	width:80%;
}

p.pad {
	padding: 20px 70px 0px 70px; 
}

p.pad_return {
	padding: 5px 70px 0px 70px; 
}

p {
	font-weight: normal;
	text-align: left;
}

p.centerpad {
	padding: 15px 0px 0px 0px; 
	text-align: center;
}

p.centerpad2 {
	padding: 15px 80px 0px 80px; 
	text-align: center;
}

li.pad {
	padding: 0px 100px; 
	text-align: left;
}
	
li.news {
	font-weight: bold;
	text-align: left;
}

li {
	font-weight: bold;
}

li.nodots {
	font-weight: bold;
	list-style-type: none;
}

li.menu {
	font-weight: normal;
	font-size:  14px;
	padding: 2px 0px; 
}

li.menu a {
	text-decoration: none;
}

a{
	text-decoration: none;
	font-variant: none;
}

td {
	text-align: left;
	font-size: 90%;
}

.newred {
	font-size: 70%;
	color: red;
}

.bigred p{
	color: red; 
	font-size: 130%;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	padding: 15px 0px 0px 0px; 
}

.bigred {
	color: red; 
	font-size: 130%;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}

.menu a img{
	border-style: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

hr {
	border: none 0; 
	border-top: 3px solid #999999;/*the border*/
	height: 3px;/*whatever the total width of the border-top and border-bottom equal*/
	width: 80%;
	margin-left:0;
}
Body.slides { /* Slide thumbnails page */
	background: url(images/spacer.gif);
	background-color: black;
	background-attachment: scroll;
	color: #ffffff;
}

/* Slideshow */

.slideshow {
	padding: 0px;
	left:0px;
	top:230px;
	border-style: none;
	margin-left:auto;
	margin-right:auto;
	width: 788px;
	text-align: center;
}

 .slideshow a img{
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #cccccc;
	margin-left:auto;
	margin-right:auto;
	width: 150px;
	height: 112px;
	text-align: center;
}

.slides-image {
	background-color: #ffffff;
	position:absolute;
	top:10px;
	left:15px;
	width: 600px;
	height: 450px;
}

.slides-image img {
	background-color: #ffffff;
	position:absolute;
	border-width: 5px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #cccccc;
	width: 600px;
	height: 450px;
	vertical-align: middle;
	text-align: center;
}

.buttons {
	position:absolute;
	left:50px;
	bottom:20px;
	text-align:center;
}

.buttons-right {
	position:absolute;
	right:50px;
	bottom:20px;
	text-align:right;
}

.buttons a img {
	border-style: none;
	width: 111px;
	height: 55px;
	text-align: center;
}

.buttons-copyright {
	position:absolute;
	Bottom:5px;
	text-align: center;
	width: 100%;
	height: 30px;
}

/* Slideshow2 */

.slides-image2 {
	background-color: #ffffff;
	position:absolute;
	top:10px;
	left:15px;
	width: 800px;
	height: 600px;
}

.slides-image2 img {
	background-color: #ffffff;
	position:absolute;
	border-width: 5px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #cccccc;
	width: 800px;
	height: 600px;
	vertical-align: middle;
	text-align: center;
}


.imageclass {
	background-color: #ffffff;
	border-width: 5px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #cccccc;
	border-radius: 6px;
	margin-left:auto;
	margin-right:auto;
	width: 400px;
	height: 300px;
	text-align: center;
}

.bigpics {
	position:absolute;
	left:15px;
	top:10px;
	text-align:center;
	width:900px;
	height: 660px;
	margin-left:auto;
	margin-right:auto;
}

.bigpics img {
	border-width: 5px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #cccccc;
	margin-left:auto;
	margin-right:auto;
	width:810px;
	height: 610px;
	text-align: center;
}

table.pics {
	background-color: #ffffff;
	padding: 2px;
	border-width: 5px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #cccccc;
	border-radius: 6px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

table.pics td {
	border-width: 3px;
	padding: 0px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	text-align: center;
}

table.pics td img {
      border-style: none;
	align: center;
}

table.chart {
	padding: 2px;
	border-width: 4px;
	border-style: solid;
	border-collapse: collapse;
	border-color: gray; 
	margin-left:auto;
	margin-right:auto;
	width:600px;
}

table.chart tr {
	height: 13px
}
		
table.chart td.blue {
	background-color: #2222cd;
	color: white;
}

table.chart td.red {
	background-color: red;
}

table.chart td {
	border-width: 3px;
	padding: 2px;
	border-style: solid;
	border-color: gray ;
	text-align: center;
	font-size: 80%;
	empty-cells: show;
}

table.paypal {
	padding: 5px;
	border-style: none;
	margin-left:auto;
	margin-right:auto;
      text-align: center;
}

table.paypal td {
	padding: 5px 15px;
      text-align: center;
	border-style: none;
	vertical-align: middle;
}

table.paypal td.right {
	padding: 0px;
      text-align: right;
}

table.paypal td.left {
	padding: 0px;
      text-align: left;
}

table.paypal td.pay {
	padding: 30px;
      text-align: center;
	  width: 60%;
}

img.border {
	border-width: 5px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #cccccc;
	border-radius: 6px;
}

.picturebox{
	background-color: #ffffff;
	border: 4px solid #cccccc;
	border-collapse: collapse;
	border-radius: 6px;
	margin-left:auto;
	margin-right:auto;
	width: 608px;
	text-align: center;
}

 .pictureframe a img{
	background-color: #ffffff;
	border: 4px solid #cccccc;
	border-collapse: collapse;
	border-radius: 6px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	height: 225px;
	text-align: center;
}
.pictureframe_1 a img{
	background-color: #ffffff;
	border: 4px solid #cccccc;
	border-collapse: collapse;
	border-radius: 6px;
	margin-left:auto;
	margin-right:auto;
	width:196;
	height: 146px;
	text-align: center;
}
.pictureframe_2 a img{
	background-color: #ffffff;
	border: 4px solid #cccccc;
	border-collapse: collapse;
	border-radius: 6px;
	margin-left:auto;
	margin-right:auto;
	width:220;
	height: 165px;
	text-align: center;
}

@media only screen and (max-width: 950px) {
  // Mobile and tablet CSS	
  #menu-left {
  	position:absolute;
  	left:5px;
  	top:5px;
  	width:150px;
  	color: #113399;
  }

  #mainbody {
  	position:absolute;
  	left:180px;
  	top:15px;
	max-width:90%;
  	text-align: center;
  }
  p.pad {
  	padding: 10px 10px 0px 0px; 
  }
  p.pad_return {
  	padding: 5px 10px 0px 0px; 
  }

  li.menu {
  	font-size:  12px;
	font-weight: bold;
  	padding: 5px 0px; 
	list-style-type: none;
  }

	.pictureframe a img{
   	background-color: #ffffff;
   	border: 4px solid #cccccc;
   	border-collapse: collapse;
   	border-radius: 6px;
   	margin-left: auto;
   	margin-right: auto;
   	width: 196px;
   	height: 146px;
   	text-align: center;
   }
   .pictureframe_2 a img{
   	background-color: #ffffff;
   	border: 4px solid #cccccc;
   	border-collapse: collapse;
   	border-radius: 6px;
   	margin-left:auto;
   	margin-right:auto;
   	width:196;
   	height: 146px;
   	text-align: center;
   }
   
   table.paypal td {
   	padding: 10px 0px;
    text-align: center;
   	border-style: none;
   	vertical-align: middle;
   }

   table.paypal td.right {
   	padding: 10px 0px;
	text-align: right;
   }
}
@media only screen and (max-width: 400px) {
	.pictureframe a img{
   	background-color: #ffffff;
   	border: 4px solid #cccccc;
   	border-collapse: collapse;
   	border-radius: 6px;
   	margin-left: auto;
   	margin-right: auto;
   	width: 196px;
   	height: 146px;
   	text-align: right;
   }
}