/*
****************************************************************
		these are the default body settings
****************************************************************
*/

	*  {
/*
		style to remove all padding, margin, and borders from all elements
		it also sets font color to black and assigns a default font.
*/
		padding							: 0;
		margin							: 0;
		border							: 0;
		text-shadow					: none;
		color								: rgb(0,0,0);
		font-family					: Verdana, Geneve, sans-serif;
	}

/*	styles to set the default sizes of the font size tags h1 - h6	*/
	h1 {	font-size				: 3em;		}
	h2 {	font-size				: 2.5em;	}
	h3 {	font-size				: 2em;		}
	h4 {	font-size				: 1.5em;	}
	h5 {	font-size				: 1em;		}
	h6 {	font-size				: 0.8em;	}

	.spacer {
	/* style for a div to cap the bottoms of two unequal columns */
		clear								: both;
	}

	.bold {
	/* style to make text bold */
		font-weight					: bold;
	}

	.centertext {
	/* style to center text (or a div inside another div */
		text-align					: center;
	}

	.leftalign {
		text-align					: left;
	}

	.hiddenContent {
		display							:	none;
	}

	.marginTop {
		margin-top					: 30px;
	}

	.homelogo {
		width								: 75%;
		margin-top					: 20px;
		margin-bottom				: 5px;
	}

	.card {
		background-color		: rgba(255,255,255,.55);
		margin							: 4%;
		min-height					: 150px;
		border							: 1px dotted #000000;
		border-radius				: 10px;
	}

	.homecard {
		box-shadow:			0px 10px 5px 5px #666666;
	}

	.evenline {
		background-color		: rgb(153,255,255);
	}
	.oddline {
		background-color		: rgb(255,255,204);
	}

	.center80 {
		width								: 80%;
		margin							: auto;
	}

	#control1 {
	/*used for editing purposes only - appears in footer*/
		background-color		: rgb(255,255,255);
		border							: 1px solid rgb(0,0,0);
		border-radius				: 5px;
	}

/*
****************************************************************
		this is the end of my default body settings
****************************************************************
*/



/*
****************************************************************
		Style for the Sidebar for the page
****************************************************************
*/

	#sideShow {
		border							: 1px solid rgb(0,0,0);
		border-radius				: 10px;
		background-color		: rgba(204,204,255,.6);
		margin-top					: 10px;
		margin-bottom				: 20px;
		padding-top					: 10px;
		text-align					: center;
	}

	#sideshow ul {
		border-radius				: 5px;
	}

	#sideShow li {
		list-style					: none;
		font-size						: 1.3em;
	}
	#sideShow li li {
		font-size						: .8em;
	}

	#sideShow a {
		text-decoration			: none;
	}

	#footer {
		color								: rgb(255,255,255);
		margin							: 5px 0px 10px 0px;
		font-size						: .7em;
		border							: 1px solid rgb(0,0,0);
		background-color		: rgba(33,33,33,.8);
		border-radius				: 10px;
	}


/*
****************************************************************
				styles for hyperlinks in the navigation
****************************************************************
*/

	.navItem {
		width								: 100%;
		background-color		: rgb(153,255,255);
		color								: rgb(0,0,0);
		border							: 1px solid rgb(0,0,0);
	}

	.navItem2 {
		width								: 90%;
		margin-left					: 10%;
		background-color		: rgb(153,255,255);
		color								: rgb(0,0,0);
		border							: 1px solid rgb(0,0,0);
	}

	.topNav {
		border-top-left-radius			: 8px;
		border-top-right-radius			: 8px;
	}
	.bottomNav {
		border-bottom-left-radius		: 8px;
		border-bottom-right-radius	: 8px;
	}


	a:hover .navItem, a:hover .navItem2 {
		background-color		: rgb(0,102,0);
		color								: rgba(255,255,255,1);
	}

	a:visited .navItem2 {
		background-color		: rgb(153,153,153);
	}

	#A1A, #A2A, #A3A /*, hiddenContent*/ {
		display							: none;
	}

	.navlogo {
		margin-bottom				: 10px;

	}

/*
****************************************************************
				display styles for Social Media Block.
****************************************************************
*/

	#twitterblock {
		margin-top					: 25px;
		padding							: 3px;
		background-color		: rgb(255,255,204);
		border-radius				: 20px;
	}
	#twitterblock p, #twitterblock h5 {
		font-size						: .8em;
		color								: #666666; /*#ccffff;*/
	}
	#socialmedia {
		margin-top 					: 10px;
		margin-bottom 			: 10px;
	}
	.smtagimage{
		width								: 65%;
	}

	/*
	****************************************************************
					display styles for the Main Content Block.
	****************************************************************
	*/

	#TotalContent {
		margin-top					: 0;
		padding-top					: 0;
		color								: rgba(0,255,0,1);
		min-height					: 10px;
		background-image		: url(../grph/TGPDoor.jpg);
		background-size			: cover;
		background-position	: center;
		background-color		: rgba(255,255,255,1);
	}

	#MainContent {
		margin-top					: 10px;
		min-height					: 200px;
		background-color		: rgba(204,204,255,.7);
		border							: 3px solid #000000;
		border-radius				: 20px;
	}

	#directions li {
		list-style					: none;
		text-align					: left;
		padding-left 				: 10%;
	}

	.directionButton, .eventButton, .linkButton {
		background-color		: rgb(0,0,255);
		margin-top					: 5px;
	}
	.directionButton p, .eventButton p, .linkButton p {
		font-weight					: bold;
		color								: rgb(255,255,153);
	}

	#charlieQuote {
		width								: 40%;
		margin							: auto;
		background-color		: rgb(255,255,204);
		margin-bottom				: 15px;
	}

	#shopHistory p, #shopVision p {
		padding-left				: 5%;
		padding-right				: 5%;
	}

	#weekly a, #directions a {
		display							: inline;
	}

	.featPicture {
		width								: 85%;
	}

	.contentList li {
		margin-left					: 10%;
	}

	.prodBox {
		min-height					: 15px;
	}

	.prodcard {
		width								: 85%;
		margin							: 15px auto;
		border-radius				: 10px;
	}

	.prodcard .description li {
		text-align					: left;
		margin-left					: 10%;
	}

	.description, .publisher {
		padding							: 10px 5%;
	}

	.standout {
		background-color		: pink;
		color								: black;
	}

	.displayRow td {
		border							: 1px dotted #c0c0c0;
	}

	#calendarDiv {
		min-height					: 200px;
		background-image		: url('../grph/TGPDoor.jpg');
		background-size			: cover;
		background-position	: center;
		border-radius				: 20px;
	}

	#calendarDiv p {
		color								: rgb(255,255,255);
	}

	.btn {
		width								: auto;
		padding							: 3px 8px;
		margin							: 10px auto;
		border-radius				: 5px;
		background-color		: #00ff00;
	}

	.linkcard {
		width								: 85%;
		margin							: 8px auto;
		padding							: 8px 2px;
		border 							: 1px solid rgb(0,0,0);
		background-color		: rgba(100,200,200,.8);
	}

	.linkwrapper {
/*		border: 3px solid orange;		*/
		min-height: 12em;
	}

	.linkimg {
		background-color		: rgb(255,255,255);
		width								: 80%;
	}

	.yellowText {
		color								: yellow;
	}

		#MainContent404 {
			min-height				: 200px;
			margin-top				: 3%;
			background-color	: rgba(51,51,51,.7);
			background-image	: url(../grph/tile1.jpg);
			border						: 3px solid #000000;
			border-radius			: 20px;
		}

	.sitemap li {
		margin-left					: 15%;
	}

	.featib {
		margin							: 10px auto;
		border							: 2px solid rgb(0,0,0);
		border-radius				: 20px;
		background-color		: rgba(153,153,255,.95);
		padding-bottom			: 5px;
	}

	.editorButton p {
		background-color		: rgb(0,0,0);
		color								: rgb(255,255,204);
	}