/*body styles*/
body{
width: 100%;
padding: 0%;
margin: 0% auto;
text-align: center;
background-color:#ffb366;#ff9933;#ffcc99;#99bbff;#9e5432;#a8663c;#99bbff;#ccddff;#002b80;#ffe6b3;;#32150f;#b32d00;#6b2f17;#32150f;#4d2600;#6b2f17;#a8663c;#747067;#1c1608;#cc3300;#a8663c;#ba6e39; #7fe328; #ef7103;;#cc3300;#802b00; #4d2600; ; #802b00;#cc3300;#ef7103;#1a1a1a;;#ffffff;#cccccc;#ef7103;#992600;#cc6600;#ececec;#006600;#4d0028;#33001a;#4d004d;
font-size: 1em;
border: 0px solid #cccccc;
float: none;/*
background-image:       url('hicknuts2.png');'hicktree.png');
background-position:    top 0px  left -600px;;0px;
background-repeat:      no-repeat;
background-size: 5500% 5000%;*/
/*
background-image:       url('hicknuts2.png');'hicktree.png');
background-position:    center;top 0px  left 00px;;0px;
background-repeat:      no-repeat;
background-size: 5000% 1500%;
background-size: 1200% 45000%;*/
}

.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  
  background-color: white;
  padding: 10px;
}

.skip:focus {
  position: static;
  width: auto;
  height: auto;
}


/*style for page wrapper*/
div.page{
width:99%;98.5%;
background-color:#472619;#3a2013;transparent;#9e5432;#3a2013;#582f20;#32150f;#6b2f17;#992600;#4d2600;#1c1608;#747067;#4d2600; :;#3366ff;#cccccc;;#ffffff;#3366ff;#809fff;#b3c6ff;#ffffff;#000033;#331a00;#4d2600;#663300;#5c5c3d;#6b6b47;#999966;#333300;#4d0028; #33001a; #660033;#ffcc99;#000066;#669999;#604020;#86582d;#d2a479;#ffe6b3;#ffdd99;#ffeecc;#ffcc66;transparent;
padding:.75%;.75% .75%;0%;.75% .75%;
margin: .5%;.75%;.5% 0%;.75%;
border: 5px solid #a8663c; #ffe6b3;#ffffff;
box-sizing: border-box;
 border-radius:10px;

display:inline-block;
float: left;
clear: both;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
/*
background-image:       url('hicknuts2.png');'hicktree.png');
background-position:    center;top 0px  left 00px;;0px;
background-repeat:      no-repeat;
background-size: 5000% 1500%;
background-size: 1200% 45000%;*/


}

/*pagetop box includes website title and login form*/

header{
width: 100%;
margin:     0px auto;
padding: .5% 0px 0px 0px;
background-color:transparent;
border-bottom: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
clear: both;
display: inline-block;
box-sizing: border-box;
border-top-left-radius:10px;
box-sizing: border-box;
border-top-right-radius:10px;
border-radius: 10px;


background-image:       url('hicknuts2.png');'hicktree.png');
background-position:  center;top 0px  left 00px;;0px;
background-repeat:      no-repeat;
/*background-size: 5000% 1500%;
background-size: 1200% 45000%;
background-size: 750% 200%;
background-size: 1200% 1200%;
background-size: 400% 225%; 
background-size: 5000% 1500%;
background-size: 250%  10000%;
background-size: 150% 150%;*/
background-size: 250%  10000%;

background-size: 450% 200%;

}

/*top left section for website title*/

div.top{
width: 50%;
padding: 0px;
float: left;
/*background-color:transparent;#0052cc;#80b3ff;#3385ff;#80b3ff;#ff9990;transparent;ffffff;#3399ff;transparent;*/
margin:   0px 0px 0px  0px;
text-align: left;
border: 0px solid yellow;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
box-sizing: border-box;

}

.top .sitetitle a:link, .top .sitetitle a:visited{
width: 55%;
border: none;
font: bold 1.2em  arial,tahoma,  helvetica, serif;
text-decoration: none;
background-color: transparent;
color: #ffffff;#9999ff;
letter-spacing:.08em;
text-align: left;
margin: 5px 5% 5px 5%;
}



/*website title*/

p.sitetitle{
width: 80%;
font: bold  .5em  helvetica, arial, tahoma, helvitica,  papyrus, serif;
margin: 0px 0% 0px 0%;
text-align: center;
color: #ccccff;
float: left;
display: inline;
border: 0px red solid;
background-color: transparent;#ccccff;
/*
border-top-left-radius:12px;
border-bottom-right-radius:12px;

 box-sizing: border-box;*/
}


p.caption{
width:  96%;
margin: 1px auto 15px auto;
background-color: white;
padding: 0px 0px;
font: .8em arial, tahoma, helvetica, serif;
text-align: left;
color: #000000;
letter-spacing: 1px;
line-height: 1.75em;
text-indent: 0em;
clear: both;
}



/*title image*/

img.logo{
width: 85%;
margin:  0px auto 0px auto;
padding: 0px 00px 0px 0px;
border: 0px outset #c2c2a3;
float: left;
display: inline-block;
box-sizing: border-box;
border-radius:0px;

}
span.greeting{
width: 25%;
text-align:center;
float: right;
margin: 5px auto 5px auto;
color: #ffcccc;
font: bold 1em arial, tahoma, helvetica;

border: 0px solid white;
}

/*website title link*/

#reserve a:hover{
background-color: transparent;
text-decoration:  none;

}

/*website subtitle font*/

p.subtitle{
font: bold .85em arial, tahoma, 'lucida handwriting', arial, tahoma, helvetica, serif;
text-align: left;
margin: -25px 0px 0px 22%;
padding: 0px 0px;
line-height: 3.5em;
background-color: transparent;

color: #000066;
}

div.center{
width: 50%;
float: left;
display: block;
border: 0px solid black;
background-color:transparent;#0052cc;transparent;ffffff;#3399ff;transparent;
border-top-left-radius:0px;
border-bottom-right-radius:0px;
box-sizing: border-box;
}


.center button{
width: 60%;
float: left;
margin:  0px 0px;
background-color: #ececec;
font: bold .80em arial, tahoma, helvetica, serif;
color: #000000;
border: #ffffff 2px outset;
}

.center  a:link, .center  a:visited, .top  a:link, .top  a:visited{
width:22%;
font: bold .80em arial,tahoma,  helvetica, serif;
text-decoration: none;
color: #ffffff; #222222;
background-color:#b32d00;#992600;#32150f;#f06f02;#ef7103;#cc3300;#000000;#cc3300;#ef7103;#992600;#f17102;#cc3300;#f17102; #7733ff;#bb99ff;#4d004d;#222222;#333333;#555555;transparent;#ececec;#ffffff;
margin: 15px 2% 0px 1% ;
padding: 2px 0px;
float: left;
display: inline-block;
text-align: center;
border: 2px outset #ef7103;#ffffff;
box-sizing: border-box;
border-radius: 10px;
}


.center a:link span, .center a:visited span, .top a:link span, .top a:visited span{
font-size: .75em;
margin-top: -25px;
border: 2px outset #ffffff;
}

/*center link hover*/

.center a:hover, .top a:hover, .center #auxcurrent:hover{
color: #000000;#ffffff;
background-color: #ffffff;#660000;
text-decoration: none;
border: 2px outset #ef7103;#ffffff;
}

.center #auxcurrent{
background-color:#ffdd99;#ffffff; #ef7103;#ffdd99;#ffeecc; #bb99ff;#ffdd99;#bb99ff;
font-weight: bold;
color:#cc3300;#f17102;#000000;#ffffff;#660000;#f17102;  white;
border: 2px outset #cc3300; #ffffff;#cc3300;;
}

.center ul, .center li{
    margin: 0%;
    padding: 0%;
    display: inline;
}

/*top right header section used for login and logged in user menus*/

section.loginform{
width: 0%;
padding: 0px 0px 10px 0px;
float: right;
margin: 0px 0%;
text-align: center;
border: 0px solid black;
color: #ffffff;
background-color: transparent;
border-top-right-radius:12px;
border-bottom-right-radius:12px;
box-sizing: border-box;
}

/*loginform h2*/

.loginform h2{
width: 97%;
margin: 0px auto 0px auto;
color: #222222;
background-color: transparent;
padding:5px 0px;
font: bold .85em arial,helvetica, tahoma;
box-sizing: border-box;
border-radius: 20px;
}

/*loginform fieldset*/

.loginform fieldset{
width: 90%;
border: 0px solid red;
float: right;
padding: 3px 0px;
margin:10px 5%;
border: 0px solid purple;
background-color: transparent;
}

/*login form form labels*/

.loginform label{

font: bold .70em  arial, tahoma, helvetica, serif;
color: #003366;
margin: 3px 2px;
float: left;
}

/*login form field*/

.loginform input{
padding: 0px;
width: 15%;
float: left;
margin: 3px 10px 2px 3px;
background-color: #ffffff;
font: bold .75em arial, tahoma, helvetica, serif;
}


/*loginform button*/

.loginform button{
width: 15%;
float: left;
margin:  0px 5px;
background-color: #ececec;
font: bold .80em arial, tahoma, helvetica, serif;
color: #000000;
border: #ffffff 2px outset;
}

/*loginform ul*/

.loginform ul{
margin: 0px auto;
float: left;
list-style-type: none;
padding:     0px;
background-color: transparent;
width: 240px;
}

/*loginform li*/

.loginform li{
width: 120px;
text-align: center;
float: left;
list-style-type: none;
margin: 0px auto;
padding:     0px;
}

/*loginform p*/

.loginform p{
margin: 0px;
}

/*login form link*/

.loginform  a:link, .loginform  a:visited{
font: bold .70em arial,tahoma,  helvetica, serif;
text-decoration: none;
color:  #003366;
margin: -2px 0px 0px 10px;
float: left;
display: inline;
text-align: center;
padding: 5px 2px;
border: 0px solid red;
}

/*loginform link hover*/

.loginform a:hover{
color: #ffffff;
background-color: #000066;
}

 /*main content section of page*/

div.content{
width: 100%;98%;
margin: 0px 0%;1%;
padding: 5px;
background-color: #ffffff;#ffe6b3;#ffdd99;#ffcc66;#ffffff;#ffdd99;#ffffff;#ffcc66;#ffffff;
float: left;
/*
border-style: solid;
border-width: 3px 3px 0px 3px;
border-color: #cccccc;*/
border-top-left-radius:10px;
border-top-right-radius:10px;20px;
border-radius:10px;
box-sizing: border-box;
}

div.cont{
width:98%;
margin: 0px 1% 0px 1%;
padding: 5px 0px 5px 0px;
background-color: #ffffff;
border: 0px solid blue;
float: left;
border-top-left-radius:20px;
border-top-right-radius:20px;
border-radius:10px;
box-sizing: border-box;
}

div.indexphoto{
width: 98%;
margin: 1% 1%;
background-color:transparent;
float: left;
border: 0px solid orange;
}

img.left{
width: 50%;
margin: 1% 1% 1% 1%;
float: left;
}

p.right{
width: 47%;
margin: 2% 2%, 2% 0%;
float: right;
display: inline-block;
border: 0px solid red;
font: 1em sans;
text-align: left;
background-color: white;
}


div.phototrain{
width: 33.33%;
margin: 1% 0%;
background-color:transparent;
float: left;
border: 0px solid orange;
}

.phototrain img{
width: 98%;
margin: 1% 1% 1% 1%;
float: left;
}

.phototrain p{
width: 96%;
margin: 0% 2% 1% 2%;
float: left;
display: block;
border: 0px solid red;
font: 1em sans;
text-align: left;
background-color: white;
}



p.right{
width: 47%;
margin: 2% 2%, 2% 0%;
float: right;
display: inline-block;
border: 0px solid red;
font: 1em sans;
text-align: left;
background-color: white;
}


.content img{

border-radius:10px;

box-sizing: border-box;
border: 0px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*main content area when users are logged in and using one of the account pages*/

div.loggedincontent{
width: 76%;
margin: 10px 2% 0px 2%;
padding: 0px;
background-color: #ffffff;
float: left;
border: 0px solid black;
}

#contenttitle{
width:              500px;
margin:             0px;
padding:                3px 0px;
background-color:   transparent;
color:              #333333;
font:               bold 10pt arial, tahoma,helvetica,serif;
margin:             0px 0px;
}


nav.adminnav, nav.hznav, nav.mobilenav{
width: 98.5%;
height: auto;
border: 0px solid orange;
display: inline-block;
float: left;
text-align: center;
margin: 0px .75% 5px .75%;
padding: 0px 0%;
background-color:transparent;#f07203;#ffffff;#0033cc;#ffffff;
}

nav.mobilenav, #campaddress{
display: none;
}

button.mobile{
width:              70%;
float:              left;
text-align: center;
margin:              10px 15%;
padding:                10px 0px;
background-color:   #f17102;
font:                bold 2.75em arial, tahoma, helvetica, serif;
color:              #ffffff;
border:                 #ffffff 5px outset;
box-sizing: border-box;
border-radius: 18px;
display: none;
}

nav.adminnav ul, nav.hznav ul, nav.mobilenav ul{
width:  100%;
margin:  0px 0%;
padding: 0px  0%;

background-color:transparent;#3399ff;
float: left;
display: inline;
box-sizing: border-box;
border-radius: 0px;
border: 0px solid #ccffcc;
border: 0px outset #cccccc;


}

nav.adminnav ul li ul{
border: 0px;
}

nav.hznav ul, nav.mobilenav ul{
background-color:transparent;#cc3300;#ef7103;#ffdd99;#cc3300;#ffcc66; #f17102;transparent;#333333;#cc3300;transparent;#3399ff;transparent;#66b3ff;

border: 0px outset #ef7103;
clear: both;
margin-bottom: 2px;
margin-top: 2px;
padding: 2px;
box-sizing: border-box;
border-radius:10px;
}

.adminnav li, .hznav li, .mobilenav li{
width: 10%;
text-align: center;
float: left;
display:inline-block;
list-style-type: none;
margin: 0px;
padding:    0px;
background-color: transparent;
}

.adminnav ul li ul, .hznav ul li ul, .mobilenav ul li ul{
width:15%;
background-color: transparent;
visibility: hidden;
position:absolute;
padding: 0px 0px;
float: left;
margin: 25px 0% 0px -2.50%;
}

.adminnav ul li ul li, .hznav ul li ul li, .mobilenav ul li ul li{
width:100%;
background-color: blue;
clear: both;
padding: 0px;
float: left;
display: block;
margin: 0px auto 0px auto;
}

.adminnav ul li a:link, .adminnav ul li a:visited, .hznav ul li a:link, .hznav ul li a:visited, .mobilenav ul li a:link, .mobilenav ul li a:visited{
width: 96%;
margin: 0px 2%;
padding: 2px 0px;
font: bold .80em tahoma, arial, helvetica, serif;
background-color:#b32d00;#f06f02;#ffb366;#b32d00;#f06f02;#cc3300;#ffffff;#cc3300;#ffffff;#ef7103;#ffdd99;#cc3300;#cc6600;#ffffff;
color:#ffffff;#000000;#0033cc;
text-align: center;
text-decoration: none;
float: left;
display: block;
border: 2px outset #ef7103;#ffffff;
box-sizing: border-box;
border-radius:10px;
}

.mobilenav ul li a:link, .mobilenav ul li a:visited{
width: 70%;
margin: 5px 15%;
padding: 10px 0px;
font: bold .75em tahoma, arial, helvetica, serif;
background-color:#ffdd99;#f17102; #66ff99;#66cc80;#e6e6ff;#cce6ff;#99ccff;#66b3ff; #99ccff;#ffffff;
color: #330066;#ffffff;#000000;
text-align: center;
text-decoration: none;
float: left;
display: block;
border: 5px outset #ffffff;
box-sizing: border-box;
border-radius:10px;
}

.adminnav ul li ul li a:link, .adminnav ul li ul li a:visited, .hznav ul li ul li a:link, .hznav ul li ul li a:visited, .mobilenav ul li ul li a:link, .mobilenav ul li ul li a:visited{
width: 94%;
margin: 1px 3% 0px 3%;
padding: 3px 0px;
font:  bold .75em tahoma, arial, helvetica, serif;
background-color:#cc6600;#ffffff;#66ff99; #66cc80;#ffffff;
color: #ffffff;#000000;
text-align: center;
text-decoration: none;
float: left;
border: 0px outset #ffffff;
box-sizing: border-box;
border-radius: 10px;
border: 2px outset #cccccc;
}



.hznav ul li a:hover, .hznav ul li ul li a:hover, .adminnav ul li a:hover, .adminnav ul li ul li a:hover, #current:hover, #current1:hover, #current2:hover, .topnav a:hover, .topnav ul li a:hover, .topnav ul li ul li a:hover, .topnav #current a:hover, .mobilenav ul li a:hover, .mobilenav ul li ul li a:hover{
background-color:#ffffff;#660000; #ff944d;#ececec;
color: #000000;#ffffff;
text-decoration: none;
font-weight: bold;regular;
border: 2px outset #ef7103;orange;
}

#current, #current1, #current2, #current3, #currentside,  #auxcurrent{
background-color:#ffdd99; #ffffff;#ececec;#ef7103;#ffdd99; #bb99ff;#cccccc;yellow;transparent;#ffffff;#ececec;
font-weight: bold;
color: #cc3300;white;
border: 2px outset #cc3300;#ef7103;#ffffff;
}


/*right side styles*/

div.sideright{
float: right;
clear: right;
width: 33%;
padding: 10px 1% 10px 1%;
margin: 0px 1% 10px 0%;
background-color:#fcc392;#d3956a;#ba6e39; #ffe6ce;#ffcc99;#996633;#ca99ff;#ccccff;#ffffff;
border: 0px outset #9999ff;
border-radius: 10px;
}


.sideright img{
width: 96%;
margin: 10px auto 2px auto;
clear: both;
border: 0px #ccccff outset;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mapouter{
width: 100%;
float: left;
display: inline;
}

.mapouter div.gmap_canvas iframe{
width: 98%;
height: 200px;
margin: 7px auto 2px auto;
border: 5px #c2d6d6 solid;
border-radius: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



.sideright ul{
margin: 0px auto 0px auto;
list-style-type: none;
padding:0px;
}

.sideright li{
width: 100%;
list-style-type: none;
margin: 0px auto;
padding: 0px 3px 0px 3px;
background-color: #333333;
font: .35em arial, helvetica, serif;
text-align: left;
letter-spacing: 1px;
line-height: 1.4em;
text-indent: 0em;
}

p.capt{
width:  98%;
margin: 10px 1% 25px 1%;
float: left;
background-color: transparent;white;
padding: 0px 0px;
font: bold .85em arial, tahoma, helvetica, serif;
text-align: center;
color: #000000;
letter-spacing: 1px;
line-height: 1.75em;
text-indent: 0em;
clear:both;
}

.sideright  a:link, .sideright  a:visited{
margin: 2px auto;
padding:    0px 0px;
}

.sideright  ul li a:link, .sideright ul li a:visited{
width:92% ;
font:  bold 2em tahoma, arial, helvetica, serif;
background-color: #f3f3f3;
color: #333333;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color:   #333333;
text-decoration: none;
margin: 0px 2% 0px 2%;
padding: 5px 1%;
text-align: left;
float: left;
}

#currentside{
background-color: #ffffff;
color: #990012;
}

.sideright ul li a:hover,#currentside:hover{
background-color: #ccccff;
color: #ffffff;
border-style:   solid;
border-width: 0px 0px 1px 0px;
border-color:   #333333;
text-decoration: none;
}


.sideright p.c{
background-color:#ffffff;
padding:    5px 5px;
margin: 5px 10px;
}


/*p element displays date*/

p.date{
margin: 0px auto;
padding: 2px 0px;
text-align: center;
letter-spacing: 1px;
line-height: 1.4em;
text-indent: 0em;
font: bold 10pt  arial, helvetica, serif;
color: #ffffff;
background-color: transparent;
padding:    5px 0px;
}

/*pagination link style*/


p.paginate{
width: 98%;
margin: 3px auto;
padding: 7px 1%;
font:  .65em tahoma, arial, helvetica, serif;
background-color: #ececec;
color: #990020;
text-align: left;
text-decoration: none;

clear: both;
box-sizing: border-box;
border-radius: 20px;

}
.paginate a:link{
margin: 0px 3px 0px 3px;
padding: 0px 0px;
font:   1em tahoma, arial, helvetica, serif;
background-color: transparent;
color: #000066;
text-align:left;
text-decoration: none;
float: left;

}

.paginate a:visited{
margin: 0px 3px 0px 3px;
padding: 0px 0px;
font:   1em tahoma, arial, helvetica, serif;
background-color: transparent;
color: #000066;
text-align: left;
text-decoration: none;
float: left;

text-decoration: underline;
}

.paginate a:hover{
color: #ffffff;
background-color: #0000ff;
text-decoration: underline;
}

.paginate a:current{
color: #ff0000;
}

/*default link style*/


a:link{
color: #006;
text-decoration: underline;
}

a:visited{
color: #006;
text-decoration: underline;
}

a:hover{
color: #ffffff;
background-color: #ff0000;
text-decoration: underline;
}

/*content p elements*/

p.c, p.checkout{
margin: 10px 20px;
font: .8em arial, tahoma, helvetica, serif;
text-align: left;
color: #000000;
letter-spacing: 1px;
line-height: 1.75em;
text-indent: 0em;
background-color: transparent;
}

p.formoutput{
margin: 2px 30px;
font: 10pt arial,tahoma,  helvetica, serif;
text-align: left;
color: #000066;
letter-spacing: 1px;
line-height: 1.5em;
text-indent: 0em;
background-color: transparent;
}

/*index page p elements*/

p.index, p.indexleft, p.terms{
width: 96%;
float: left;
display: block;
margin: 2px 1%;
padding: 10px 1%;
font: .8em arial, tahoma, helvetica, serif;
text-align: justify;
color: #000000;
letter-spacing: 1px;
line-height: 1.75em;
text-indent: 0em;

background-color:transparent;#fff2cc;#ffe5cc;#fff2cc;
letter-spacing: 1px;
border: 0px outset #cccccc;
clear: both;
border-radius: 20px;
}

p.terms{
background-color: #ffffff;

width: 70%;
float: left;
display: block;
margin: 2px 15%;
padding: 10px 0%;
font: .8em arial, tahoma, helvetica, serif;
text-align: justify;
color: #000000;
letter-spacing: 1px;
line-height: 1.75em;
text-indent: 0em;
background-color: transparent;
letter-spacing: 1px;
border: 0px outset #cccccc;
clear: both;
}

p.captL{
width:  47%;
margin: 25px 1% 25px 1%;
float: left;
background-color: transparent;white;
padding: 0px 0px;
font: bold .85em arial, tahoma, helvetica, serif;
text-align: right;
color: #000000;
letter-spacing: 1px;
line-height: 1.75em;
text-indent: 0em;
clear:left;
}

p.indexleft{
width: 60%;
float: left;
margin: 5px 1% 5px 1%;
clear: right;
border: 0px outset #cccccc;
}

img.indexright{
width: 46%;
margin: 10px 1.5% 10px 1.5%;
float: right;
display: inline;
clear: right;
}

p.captR{
width:  47%;
margin: 25px 1% 25px 1%;
float: right;
background-color: transparent;white;
padding: 0px 0px;
font: bold .85em arial, tahoma, helvetica, serif;
text-align: left;
color: #000000;
letter-spacing: 1px;
line-height: 1.75em;
text-indent: 0em;
clear:left;
}

p.indexright{
width: 35%;
float: right;
margin: 5px 1% 5px 1%;
clear: left;
border: 0px outset #cccccc;
}

img.indexleft{
width: 60%;
margin: 10px 1% 10px 1%;
float: left;
display: inline;
clear: left;
}

div.map{
width: 98%;
margin: 10px 1%;
padding: 5px 0px;
display: block;
float: left;
clear: both;
background-color: transparent;
height: auto;
}


/*footer style*/

footer, footer.p{
width: 100%;98%;
font: bold .85em arial, tahoma, helvetica, serif;
text-align: center;
background-color: TRANSPARENT;#ca99ff;#ffdd99; #ffcc66;#ffffff;
color: #ffdd99;#ca99ff;#FFFFFF;#444444;
margin: 0px 0%;5px 1% 10px 1%;
padding: 10px 0px;
display: block;
line-height: 1.5em;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #9999ff;;
clear: both;
/*
border-style: solid;
border-width: 0px 3px 0px 3px;
border-color: #cccccc;*/
border-bottom-left-radius:0px;20px;
border-bottom-right-radius:0px;20px;
box-sizing: border-box;
}

footer   a:link, footer a:visited{
color:#ffdd99;#CA99FF; #000000;#330080;#990012;
text-decoration: none;
font-weight: bold;
padding: 5px;
}

footer a:hover{
color: #ffffff;
background-color: #cc3300;#ca99ff;330080;#476b6b;
padding: 5px;
}

/*error output p style*/

p.php, p.phphidden{
width: 94%;
font: bold .75em arial, tahoma, helvetica, serif;
text-align: left;
color: #0c0c0c;
background-color:#ffeecc;#ffdd99;#ffcc99;#ffe5cc;#7733ff;#9999ff;#cccccc;#ff7733;#fff2cc;#ffff99;
margin: 3px 1%;
padding:    5px 2%;
letter-spacing: 1px;
line-height: 2em;
float: left;
clear: both;
border-radius: 10px;
}

#payform{
width: 60%;
padding: 5px 1%;
margin: 0px 19%;
font: bold 1.15em arial, tahoma, helvetica, serif;
text-align: center;
line-height: 1.75em;
}


#payformbuttons{
width: 60%;
margin: 1px 20%;
}

p.alert{
width: 94%;
font: bold .85em arial, tahoma, helvetica, serif;
text-align: center;
color: #0c0c0c;
background-color:#ffcccc;#ffcc99;#ffe5cc;#7733ff;#9999ff;#cccccc;#ff7733;#fff2cc;#ffff99;
margin: 5px 1%;
padding:    5px 2%;
letter-spacing: 1px;
line-height: 1.65em;
float: left;
clear: both;
border-radius: 10px;
}

p.info{
background-color: #fff2cc;
letter-spacing: 1px;
line-height: 1.75em;
text-indent: 0em;
padding: 5px 1%;
}

p.narrow{
text-align: center;
margin: 3px 5% 0px 5%;
padding: 5px 0px;
font: bold 1em arial, tahoma, helvetica, serif;

letter-spacing: 1px;
line-height: 1.2em;
background-color:transparent;#222222;;#ececec;transparent;#ff944d;#ff7733;#fff2cc;
color:#ffffff;#000000;#ffeecc;#ffcc66;#ef7103; #ffffff;

}

.content p.phphidden{
width: 96%;
font: bold 1em arial, tahoma, helvetica, serif;
text-align: left;
color: #222222;
background-color: #feedea;
margin: 2px 1%;
padding:    3px 1%;
letter-spacing: 1px;
line-height: 1.5em;
float: left;
clear: both;
border-radius: 25px;
display: none;
}


/*p element appears as instructions on some forms*/

p.instruct{
font: .70em arial, tahoma, helvetica, serif;
text-align: left;
color: #222222;
margin: 5px 15px;
padding:    5px 10px;
letter-spacing: 1px;
line-height: 1.5em;
background-color: #ccccff;#e6f3ff;
clear: both;
border-radius: 10px;
}

span.hl{
color:#0000ff;
font-weight:bold;
}


span.s{
font: bold 8pt arial, tahoma, helvetica, serif;
color: #000000;
}
span.entity{
color: #990000;
font-weight: bold;
}

/*heading style*/

.content h2{
color:#000000;#ffdd99;#000000;;#ffffff;#660033; #ffffff;#222222;
background-color:#ffb366;#582f20;#4d2600; #ffdd99; #ca99ff;#bb99ff;#9999ff;#f17102;#ccccff;#cccccc;#555555;#ececec;#ffffff;#660033;#4d004d;#555555;;#ffffff;#c2d6d6;
margin: 5px 1%;
width: 98%;
float: left;
border-radius: 10px;
padding: 5px 0px;
border: 0px solid #cccccc;
}

h1{
margin: 10px;
font: bold  20pt  arial, tahoma, helvetica,serif;
text-align: center;
background-color: transparent;
color: #000066;
}


h2{
width: 100%;
padding:    3px 0px;
margin: 5px auto 0px auto;
font: bold .9em arial, tahoma,helvetica,serif;
text-align: center;
background-color: orange;transparent;
color: red;
}


h2.manage{
color: #990012;
background-color: #ececec;
margin: 10px 0% 5px 0%;
padding: 5px 0px;
width: 100%;
float: left;
}

h3{
font: bold 12pt  arial, tahoma, helvetica,  serif;
text-align: center;
margin: 0px;
padding:    2px;
background-color: red;
color: #333333;
}

h4{
font: bold 12pt  arial, tahoma, helvetica,  serif;
text-align: left;
margin: 3px 1% 3px 1%;
background-color: #4dabaa;
color: #333333;
width: 98%;
float: left;
}

h5{
font: bold 12pt  arial, tahoma, helvetica,  serif;
text-align: center;
margin: 5px 10px 5px 10px;
background-color: transparent;
color: #003333;
}

h6{
font: bold italic 10pt  arial, tahoma, helvetica,  serif;
text-align: center;
margin: 5px 15px;
background-color: transparent;
color: #990033;
}


/*content display and table styles*/

div.display{
width: 98%;
display: block;
float: left;
text-align: center;
background-color: #ffffff;#ffe5cc;transparent;#ffffff;
margin: 5px 1% 5px 1%;
padding: 5px 0px 5px 0px;
border-bottom: 0px solid #ccc;
border-top: 0px #ccc solid;
border-radius: 20px;
}

div.description{
width: 974px;
float: left;
display: block;
margin: 5px 0px 10px 0px;
padding: 0px;
background-color: #fff;
border: 0px solid #4a9400;
}

.datatable{
clear: both;
}

.display table{
clear: both;
width: 98%;
margin: 2px 0% 2px 2%;
float: left;
background-color: transparent;#ffffff;
padding:    10px;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
border-spacing: 1%;
border-style: solid;
border-color: #b3b3b3;
border-width: 1px 0px 0px 1px;
}

.display tr{
width: 980px;
margin:     0px 0px;
padding:  0px;
}

.display td{
text-align: left;
margin: 0px 0px;
padding: 5px 2px;;
border: 1px solid #cccccc;
font: 9pt arial,tahoma, helvetica, serif;
color: #000000;
letter-spacing: 1px;
line-height: 1.2em;
background-color: transparent;#ffffff;
vertical-align: top;
}

.display p{
margin: 5px 5px;
font: 10pt arial,  tahoma, helvetica, serif;
text-align: left;
color: #000000;
letter-spacing: 1px;
line-height: 1.5em;
text-indent: 0em;
background-color: transparent;
}

.display ul.pageleft, .display ul.pageright{
width: 42%;
margin:  0px 5%;

padding: 0px;
list-style-type: square;


}

.display ul.pageleft{

float: left;
margin-right: 1%;
}
.display ul.pageright{

float: right;
margin-left: 1%;

}

.display li{
letter-spacing: 0px;
list-style-type: square;
text-align: left;
width: 100%;
margin: 10px auto;
padding: 0px;
border: 0px solid #cccccc;
font: .75em arial, helvetica, serif;
line-height: 1.5em;
}

.display button{
width: 150px;
margin: 0px;
padding: 2px;
background-color: #ececec;
font: bold 12pt arial, tahoma, helvetica, serif;
color: #000000;
border: #fff 2px outset;
}

.display  a:link{
font: 1em bold arial, tahoma, helvetica, serif;
padding: 2px 0px;
text-align: left;
text-decoration: underline;
margin: 0px 0px;
float: left;
color: #000066;
background-color: transparent;
}

.display a:hover{
background-color: #000066;
color: #ffffff;
}

.display h4,.ship h4, .total h4{
margin: 10px 5px 5px 5px;
font: bold 10pt arial, tahoma,helvetica,serif;
text-align: left;
background-color: transparent;
padding: 0px 0px;
color: #000066;
}

/*div.infodisplay{
width: 100%;
display: block;
float:  left;
background-color: transparent;#ffffff;
margin: 2px 0%;
padding:  0px 0px 5px 0px;
border-bottom:  0px solid #cccccc;
border-top:  0px #cccccc solid;
}*/

div.infodisplay{
width: 100%;
display: block;
float:  left;
background-color: transparent;#ffffff;
margin: 2px 0%;
padding:  0px 0px 5px 0px;
border-bottom:  0px solid #cccccc;
border-top:  0px #cccccc solid;
}

#narrow{
width: 60%;
margin: 2px 1% ;
padding: 0px ;
float: left;
display: block;
}



#slim{
width: 60%;
margin: 2px 20% 2px 20%;
padding: 0px ;
float: left;
display: block;
}
/*
 #e6f3ff;#d1d9e0;#f9f9f9;#cccccc;#708090;#94a6b7; #b3bfcc;#d1d9e0; #d6d6c2;#4d004d;#e6e6e0;#787878;#0055ff; #4d004d;;#e6e6e0;#d6d6c2;#d1d9e0;#b3bfcc;#94a6b7; #ccd6c2;#d1d9e0;#b3bfcc;#a4b3c2;#94a6b7; #d6d6c2;#e6e6e0;#ccd6c2;*/

.infodisplay h4,.ship h4, .total h4{
width: 98%;
font: bold .85em arial, tahoma, helvetica, serif;
text-align: center;
color: #222222;
background-color:#ffffff;;#d1d9e0;
margin: 2px 1% 2px 1%;
float: left;
border-radius: 20px;
padding: 3px 0px;
border: 0px solid #cccccc;
}


.infodisplay ul{
margin:  5px 5%;
padding:  0px;
list-style-type: none;
}

.infodisplay li{
width: 108px;
list-style-type:  none;
text-align:  left;
float:  left;
display:  block;
margin:  0px 0px;
padding:  0px;
border: 1px solid #cccccc;
font: .85em arial, tahoma, helvetica, serif;
}

.infodisplay button{
width: 150px;
margin:  0px;
padding: 5px;
background-color: #ececec;
font: bold 2em arial, tahoma, helvetica, serif;
color: #000;
border: #ffffff 2px outset;
}

.infodisplay  a:link, .infodisplay a:visited{
font:  1em arial, tahoma, helvetica, serif;
padding: 2px 0px;
text-align: left;
text-decoration: none;
margin:     0px 0px;
color:  #000066;
background-color:  transparent;
width: 100%;
}

.infodisplay a:hover{
background-color: #ff0000;
color: #000000;

width: 100%;
}

.infodisplay #prices{
    width: 70%;
    margin: 5px 15%;
}
.infodisplay table{
clear: both;
width: 97.5%;
background-color: #ffffff;
margin: 2px 1.25% 10px 1.25%;
padding:  0px 0px 0px 0px;
border-spacing: 0px;
border-style: solid;
border-color: #b3b3b3;
border-width: 1px 0px 0px 1px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);


}



.infodisplay tr{
margin:  0px 0px;
padding:  0px;
background-color: transparent;
}


tr.dark{
background-color: #ececec;
}

tr.lite{
background-color: #ffffff;
}

tr.lite:hover, tr.dark:hover{
background-color: #ccccff;
}

.infodisplay td, .infodisplay table.eventinfo td{
text-align:  left;
vertical-align: top;
margin:  0px 0px;
padding:  5px 3px;
border-style: solid;
border-color: #464646;
border-width: 0px 0px 0px 0px;
font: .70em arial, tahoma, helvetica, serif;
color: #000000;
background-color: transparent;
border-bottom: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
}



#narrow table tr td, #slim table tr td{
text-align:  left;
vertical-align: top;
margin:  0px 0px;
padding:  10px 3px;
border-style: solid;
border-color: #464646;
border-width: 0px 0px 0px 0px;
font: .75em arial, tahoma, helvetica, serif;
color: #000000;
background-color: transparent;
border-bottom: 1px solid #b3b3b3;
border-right: 0px solid #b3b3b3;
border-top: 0px solid #cccccc;
border-left: 0px solid #cccccc;
}
.infodisplay tr.displaytop td{
background-color:#ececec;#ccd6c2;#b3bfcc; #e6e6e0;
color: #000000;
font-weight: normal;
font-size: .75em;
text-align: center;
}

td.small{
width: 60px;
}

td.medium{
width:120px;
}

td.large{
width: 180px;
}

h2.printpagetitle{
display: none;
clear: both;
font:  10pt arial, tahoma, helvetica, serif;
margin: 10px auto;
text-decoration: none;
}

p.tbldsply{
width:  96%;
font: 12pt arial, tahoma, helvetica, serif;
text-align: left;
color: #333333;
background-color: #ffffff;
margin: 1px 1%;
padding: 1px 1%;
letter-spacing: 1px;
line-height: 1.5em;
float: left;
clear: both;
}

/*event info table display*/

.infodisplay table.eventinfo{
width: 97.5%;
background-color: #ffffff;
margin: 10px auto;
border-spacing: 0px 0px;
border-style: solid;
border-color: #cccccc;
border-width: 2px 2px 1px 2px;

}
/*
.infodisplay table.eventinfo tr{
margin:  0px 0px;
padding:  0px;
background-color: transparent;
border: none;
}
*/
.infodisplay table.eventinfo td.left{
width: 15%;
margin: 0px;
padding: 10px 7px;
background-color: transparent;
font: .65em arial, tahoma, helvetica, serif;
color: #000000;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}


.infodisplay table.eventinfo td.right{
width: 35%;
margin: 0px;
padding: 10px 7px;
background-color: transparent;
font: .65em arial, tahoma, helvetica, serif;
color: #000000;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}




button.printbutton{
width: 12%;
margin:  5px 44%;
padding: 5px;
background-color: #ececec;
font: bold .85em arial, tahoma, helvetica, serif;
color: #000000;
border: #ffffff 3px outset;
box-sizing: border-box;
border-radius: 20px;
}


div.barcode{
margin: 5px auto 20px auto;
text-align: center;
width: 80%;
display: block;
}


div.barcodelabel{
font:1em tahoma, arial;
margin: 2px auto 2px auto;
width:100%;
text-align: center;
}

div.barcodename{
font:1em tahoma, arial;
margin: 15px auto 2px auto;
width:80%;

text-align: center;
}

img.barcodeimg{
height: 85px;
width: 40%;
margin: 0px auto 0px auto;

}

div.images{
width: 96.5%;
float: left;
display: block;
padding: .25%;
margin: 0% 1.5%;
background-color: #660033;
text-align: center;
border:  0px solid #660033;

}
div.images img{
width: 20%;
float: left;
display:inline;
margin: 0% 0%;
}

ul.checkout{
width: 40%;
list-style-type: none;
float: left;
display: block;
border: solid #cccccc;
border-width: 1px 0px 0px 1px;
margin: 10px 20px;
text-align: left;
}
.checkout li{
width: 47.5%;
border: solid #cccccc;
border-width: 0px 1px 1px 0px;
float: left;
display: block;
list-style-type: none;
margin: 0px;
padding:0%;
text-align: left;
font: 10pt arial helvetica tahoma;
}


.map{
width: 19%;
height:150px;
margin: .25% .25%;
float: left;
display: inline;
}