/* ***************html tags**********************/

html {margin: 0; padding: 0;}

body {font: 1em Georgia, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
   margin: 0 3%; padding: 0;
   background-color: white /* black*/ /* #E8E8E8 */;
   background-color: #00f;
   color: black;
   width: auto;
   line-height: 1.2em;
}

a {
  padding: 0; margin: 0;
}
a:link {color: black;}
a:visited {color: #464646;}
a:active {color: black;}
a:hover {
    background-color: #eee;
    color: black;
}

h1,
h2,
h3,
h4, h5, h6 {line-height: 1em;
   margin: .5em 0;
   padding: 0;
}

h1 {font-size: 1.3em;
}

h2 {font-size: 1.2em;
   line-height: 1.1em;
   border-bottom: 2px solid red;
   text-align: center;  
   text-align: left;
   color: #00f;
   margin-left: 3%;
   padding: 0;
   background-color: transparent;
   width: 80%;
   font-size: 120%;
}

h3 {
   font-size: 1.1em;
   margin-left: 6%;
   width: 60%;
   padding: 0; 
   background-color: #FFBBBB;
   background-color: transparent;
   border-bottom: 1px solid black;
}
img {border: none;}
#entry h4 {
   font-size: 1em;
   padding-left: 1em; 
   border-bottom: 1px solid  blue;
   color: blue;
   width: 50%;
   margin-left: 6%;
}
h5, h6 {
  font-size: .8em;
  margin-left: 6%;
}

p {
  line-height: 1.66em;
  line-height: 1.3em;
  margin: 0.5em 3em 1em 3em;
}
.pn {
  font-size: .8em;
  font-family: "Comic Sans MS";
  text-align: center;
  margin-top: 1em;
  background-color: #ccf;
  width: 50%;
  display: block;
  margin: 0.5em 3em 1em 3em;
  text-decoration: underline;
}
.pn .pn{
  margin-top: 0;
}
img {
  vertical-align: 0%;
  padding: 3px;
}

address {font-size: .8em;
   text-align: center;
}
div#banner {
    position: relative;
    top: 0; left: 0;
min-height: 92px;
margin: 5px 0 0;
padding: 10px 10px 0px 10px;
padding: 10px;
background-image: url(../Images/cplogo100light.gif);
background-position: top right;
background-repeat: no-repeat;  
background-repeat: repeat-x;
background-color: white;
height: 92px;
}

/* jcg 8/18/03 removing for new logo
div#banner h1 {padding: 0; margin: 0; line-height: 1em;
}
span#tagline {font-size: .8em;
            font-weight: bold;
text-align: center;
color: #f00;
margin-left: 2em;
}

div#banner p,div#banner h1 img, div#banner span#tagline {
clear: right; 
margin: 0; 
padding: 10px 10px 0 10px; 
line-height: 1.1em;
}
*/

#NewLogo1 {
  /* background-color: white; */
  border: 1px solid black;
  margin: 6px 0 3px 0;
  margin: 0;
  height: 82px;
  background: url("../Images/cplogo100light.gif") no-repeat bottom left white;
  background: url("../Images/cplogo80jcg.gif") no-repeat bottom left white;
}
#SiteName {
  font-size: 24px;
  font-size: 1.6em;
  color: red;
  font-family: Verdana, Courier;
  font-variant: small-caps;
  margin: .2em 0 0 100px;
  padding: 0;
  letter-spacing: .2em;
}
#tag1, #tag2 {
  margin: 0 0 0 100px;
  padding: 0;
}
#tag2 {font-size: .8em;}
div#ServicesNav {
	margin: 0 0 0 0;
	margin: 0 0 2px 0;
	padding: 0;
	background-color: white;
	}
div#ServicesNav ul {
	padding: 0;
	margin: 0;
	}
div#ServicesNav li{
	display: block;
	float: left;
	margin: 0;
	padding: 0 4px;
}
div#ServicesNav a{
	display: block;
	margin: 0;
	padding: 0 1em;
	font-size: .8em;
	text-decoration: none;
	}
div#ServicesNav a:hover{
   background-color: rgb(85%,85%,85%);
}
div#ServicesNav br {
	clear: both;
	height: 0;
	}
#sitenav li:hover {list-stype-type: square;}

#sitenav a {
   display: block;
   padding: 6px;
   padding: 3px 6px 0 6px;
   margin: 0; 
   text-decoration: none;
   text-align: right;
   height: 100%;
   border-bottom: 1px solid #008;
}

#sitenav a:active {
background-color: pink;
}
div#sitenav a:hover {
   background-color: rgb(85%,85%,85%);
}
#sitenav a#SiteHome {
   display: block;
   padding: 4px 8px;
   margin: 0; 
   text-decoration: none;
   text-align: right;
   border-top: 1px solid gray;
   background-color: #FCDADA; /* light pink */
}


div#sitenav h4 {
   background-color: red;
   color: white;
   text-align: center;
   margin: 0;
   padding: 0.25em 0 0.125em 0;
}

div#sitenav{
   float: left;
   width: 19.5%;
   margin: 0 1em 0 0;
   padding: 0;
   font-size: .8em; 
   background-color: white;
   border: 2px solid black;
   display: fixed;
}

@media print{
    div#sitenav, #sitenav *{ diplay: none;}
  }
#sitenav ul{
   display: block;
   margin: 0;
   padding: 0;
}
#sitenav li {
  display: block;
  border-top: 1px solid #222;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
#sitenav li:hover {list-stype-type: square;}

#sitenav a {
   display: block;
   padding: 6px;
   padding: 3px 6px 0 6px;
   margin: 0; 
   text-decoration: none;
   text-align: right;
   height: 100%;
   border-bottom: 1px solid #008;
}

#sitenav a:active {
background-color: pink;
}
div#sitenav a:hover {background-color: #eee;}

#sitenav a#SiteHome {
   display: block;
   padding: 4px 8px;
   margin: 0; 
   text-decoration: none;
   text-align: right;
   border-top: 1px solid gray;
   background-color: #FCDADA; /* light pink */
}


div#sitenav h4 {
   background-color: red;
   color: white;
   text-align: center;
   margin: 0;
   padding: 0.25em 0 0.125em 0;
}


div#sidebar {float: right; width: 19.5%; margin-top: 0;
   font-size: .7em; background-color: white;
   border: 1px solid black;}
/*   
@media print{
  div#sidebar {display: none;}
}
*/
div#sidebar h4 {background-color: red; color: black;
   margin: 0; padding: 0.33em 0 0 0.5em; border-width: 0;}

div#sidebar a {
  display: block;
  padding: 8px 0 2px 10px;
  margin: 0;
  text-decoration: none; text-align: left;
  border-top: 1px solid gray;
}
div#sidebar a:hover {
   background-color: rgb(85%,85%,70%);
   background-color: lightgrey;}

div#entry {
 margin: 0 20% .5em; 
 padding: 0 0 .5em;
 font-size: .9em;
 background-color: #f8f8f8;
/* background: #f8f8f8 bottom no-repeat fixed url("../Images/cplogo500light.gif"); */
 border: 1px solid black;
}
div.conversation {
  margin: 0 5%;
  background-color: silver;}

p.dad, p.calvin {margin: 0 4em 0;
       font-size: .9em;
       font-style: italic;
       }

p.calvin {color: blue; margin-bottom: .5em;}
dl {margin: 0 4em;
  background-color: #eee;
  }
dt, dd {margin: 0 .5em 0 4em;
  font-size: .9em;
  font-style: italic;
  display: block;
  padding: 0;
  }
dt {float: left;}
dt.p1, dt.p1+dd {color: blue;}


/*div#footer */ div.ContactInfo {
    height: 20px;
    width: 100%;
    background-color: white /* black*/ /* #E8E8E8 */;
    clear: both;
    position: static;
    bottom: 0;
}

form#AddToCart, form#ViewCart {
  display: inline;
  margin-left: 3em;
}
input[type="text"], select {
	width: 20em;
}
label {
	text-align: right;
	float: left;
	width: 5em;
	font-size: 80%;
	padding: 0 1ex 0 0;
}
	
button {
   font-size: .8em;
   height: 2em;
   width: 20em;
}

#OrderInfo td.price, 
#OrderInfo td.qty, 
#OrderInfo td.total {width: 10%;
   border: thin solid black;
}
#OrderInfo td.product {border-bottom: thin solid black;
}
#PrintOrderForm {display: block;
   background-color: silver;
   color: black;
   border: dotted 1px black;
}
#base {
  float: right;
  font-size: .7em;
  width: 15em;
  border-left: 1px solid black;
  margin: .5em .5em .5em;
  padding: 0 1em;
  background-color: #ccf;
  background-color: #eef;
  text-align: left;
}
#base ul {
/*  background-color: yellow; */
  margin: 0; 
  padding: 0;}
#base li {
/*  background-color: pink;  */
  margin: 0; 
  padding: .5em 0 0; 
  list-style: none;}

#base a {
  margin: 0;
  padding 0;
  /* background-color: #0f0; */
}
ul, li {
  margin: 0 3em;
}
ul#lmenu, ul#menu li{
     text-align: left;
     color: white;
     /* list-style-type: none; */
     list-style-position: outside;
     list-style-type: none;
     margin: 0;
     padding:0;
     display: block;
}
cite {display: block;}

/* event list */
ul#EventList {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
ul#EventList li{
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	line-height: 1;
}

/* event form */
#EventForm label {
	display: block;
	float: left;
	width: 10em;
	text-align: right;
	border: 1px solid red;

}
#EventForm input,
#EventForm textarea{
	display: block;
	clear: all;
	margin: .5em 0 0 11em;
	border: 1px dotted blue;
	padding: 3px;
	width: 30em;
}
#EventForm inpute[type="hidden"]{
	display: none;
}