@charset "UTF-8";
/* CSS Document */

body {
	background-color: #E1E1E1;
}

#footer { text-align: center; font: 12px/60px Arial, Helvetica, sans-serif; color: #000000; clear: both; }
#footer a { color: #000000; }
#footer a:hover { font-weight: bold; }

.home a, .about a, .join a, .shop a, .events a, .contact a, .giftcard a
{ position: absolute; top: 135px; width: 75px; height: 40px; display: block; font: bold 12px Arial, Helvetica, sans-serif; color: white; text-decoration: none; text-align: center; }

#menuOn a { color: #666666; }

.home a:hover, .about a:hover, .join a:hover, .shop a:hover, .events a:hover, .contact a:hover, .giftcard a:hover
{ text-decoration: underline; }

.home a { left: 40px; }
.about a { left: 120px; }
.join a { left: 200px; }
.shop a { margin-left: 343px; margin-right: 343px; text-align: center; }
.events a { right: 200px; }
.contact a { right: 120px; }
.giftcard a { right: 40px; }

.boxAbout { width: 700px; height: 200px; display: block; overflow: visible; margin: 0 auto; padding: 0; background-position: top center; background-repeat: no-repeat; background-image: url(../concepts/03/img/box_about.jpg); }

.boxBoard { width: 700px; height: 200px; display: block; overflow: visible; margin: 0 auto; padding: 0; background-position: top center; background-repeat: no-repeat; background-image: url(../concepts/03/img/box_board.jpg); }

.boxJoin { width: 700px; height: 300px; display: block; overflow: visible; margin: 0 auto; padding: 0; background-position: top center; background-repeat: no-repeat; background-image: url(../concepts/03/img/box_Join.jpg); }


.full { width: 700px; margin: 0 auto; }

.text { width: 630px; margin: 10px auto; clear: both; }

.textLeft { width: 280px; padding-left: 60px; float: left; clear: left; }

.textRight { width: 280px; padding-right: 60px; float: right; clear: right; }

.text, .textLeft, .textRight { font: 14px Georgia, "Times New Roman", Times, serif; color: #000000; }

.text a, .textLeft a, .textRight a { color: #006699; text-decoration: underline; }

.text a:hover, .textLeft a:hover, .textRight a:hover { color: #003366; }

.text h1, .textLeft h1, .textRight h1 { display: block; font: bold 14px Arial, Helvetica, sans-serif; color: #000000; border-bottom: 2px solid black; }

.button a { width: 325px; display: block; padding: 20px 0px 20px 0px; font: 18px bold Georgia, "Times New Roman", Times, serif; color: #FFFFFF; background-color: #000000; border: 4px double #FFFFFF; text-align: center; text-decoration: none; font-variant: small-caps; }

.button a:hover { color: #CCCCCC; background-color: #333333; }

.formfield { border: 2px solid white; background-color: #FFFFCC; margin-bottom: 3px; padding: 5px; font: 12px "Courier New", Courier, monospace; }

#giftcards { width: 700px; height: 300px; margin: 0 auto; background-image: url(../img/giftcards.jpg); }


#shop ul { float: left; clear: left; width: 150px; margin-left: 5px; padding: 10px; border: 2px solid #FFFFFF; list-style-type: none; }
#shop li { display: block; }
#shop a { display: block; font: 14px Georgia, "Times New Roman", Times, serif; color: #000000; text-decoration: none; border-bottom: 1px solid white; height: 20px; margin-bottom: 3px; }
#shop a:hover { color: #666666; }

#shopContent { float: right; clear: right; width: 500px; margin-right: 5px; }