/* ------ Section 1 - Global Body, Font and Link Settings ------ */

body {
	/* JTL Changed background color: */
	background-color: white;
	margin: 0;
	padding: 0;
	
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
	color: #000;
	font-size: 85%;
	
	background-image:url(../image-files/background-ribbon-circle-tiles-2000x160-tiny.png);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:top center;
	
}

h1, h2, h3, h4, h5, h6 {
	background-color: transparent;
	font-family: Georgia, Times, "Times New Roman", serif; 
	color: #666666; 
	clear: both;
}

h2, h3, h4, h5, h6 {
	margin-top: 24px;
}

h1 {
	margin-top: 5px;
	font-family: Verdana, Arial, san-serif;
	display:block;
	color:#839874;
	text-align: center;
	font-size: 250%; 
	font-weight:normal;
}

h2 {
	margin-top: 10px;
	padding-bottom:2px;
	font-family:  Verdana, Arial, sans-serif;
	display:block;
	text-align:center;
	background-color:#839874; /*dark green */
	color: white;  
	font-size: 150%; 
	font-weight:normal;
}

h3 {
	font-family: Georgia, Times, "Times New Roman", serif; 
	color:#839874;
	font-weight:700;
	font-style:italic;
	/*font-weight:500;*/
	font-size: 150%;
	margin-bottom:10px;
	padding-bottom:0px;
}

p {
	margin-top:0.4em;
}

small {
	font-size: 72%;
}


blockquote {
	margin: 12px 56px;
	color: #006;
	font-size: 100%;
	line-height: 20px;
	font-family: 'Courier New', Courier, monospace;
}

code {
	color: navy;
}

img {
	border: 0 solid #ddd;
}

a:link img {
	border: 0;
}


/* -- General Link Styling -- */

a:link {
	color: blue; 
	text-decoration: underline;
}

a:visited {
	color: purple;
	text-decoration: underline;
}

a:hover {
	color: red;
	text-decoration: underline;
}

/*JTL added spacing between list items */
#ContentColumn li {
	margin-top:5px;
	margin-bottom:5px;
}



/* ------ Section 2 - Global Page Structure ------- */

#PageWrapper {
	width: 960px;
}

#Header {
	position: relative;
	/* height: 160px; removed for mobilize it */
}

#ContentWrapper {
	float: left;
	width: 100%;
}

#ContentColumn {
	margin: 0 180px 0 180px;   /* STEP 1: set to "0 ExtraColumnWidth 0 NavColumnWidth" */
	/* JTL added padding: */
	padding: 5px;
}

#NavColumn {
	float: left;
	width: 179px;               /* STEP 2: to set left column at 180, set 1 less than 180 here */
	margin-left: -960px;        /* STEP 3: set to the same width specified in #PageWrapper above (but with minus sign)  */
}

#ExtraColumn {
	float: left;
	width: 179px;               /* STEP 4: to set right columns at 180, set 1 less than 180 here */
	margin-left: -180px;        /* STEP 5: set to -(ExtraColumnWidth) */
}

#Footer {
	clear: both;
	width: 100%;
	padding: 8px 0;
}

.Liner {
	padding: 10px;
}

#Header .Liner {
	/* padding: 0; removed for mobilize it */
	/* Lines below added for mobilize it */
	position:relative; 
	padding:1px 0; /* top and bottom paddings 1px, left and right paddings 0px */
	min-height:158px; /* header height minus 2 px */
	_height:158px; /* IE6 min-height fix  = header height minus 2px*/
	/* End mobilize it additions */
}

#Footer .Liner {
	margin: 0;
	padding: 0;
}


/* ------ Section 3 - Page Structure Details ------ */

#PageWrapper {
	/* JTL changed margin */
	margin: 0px auto;
	background-image: url(../image-files/pagewrapper-border-960x20-tiny.png);
	background-repeat: repeat-y;
	
}

#Header .Liner { /* Added .Liner for mobilize it */
	background-image: url(../image-files/header-logo-and-ribbon-960x160v8-tiny.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: top left;
}

#ContentWrapper {
	/* background-image: url(../image-files/background.gif); */
	/* background-repeat: repeat-y; */
	/*background-color: #FFF;*/
	background-color: transparent;
}

#NavColumn {
	/* background-image: url(); */
	/* background-repeat: repeat-y; */
	background-color: transparent;
}

#ContentColumn {
	/* background-image: url(); */
	/* background-repeat: no-repeat; */
	background-color: transparent;
	/* JTL removed border */
	/* border: 2px solid #8f8fb3; */
	/* JTL added left and right borders */
	border-left: 1px solid #D2E0BF;
	border-right: 1px solid #D2E0BF;
}

#ExtraColumn {
	/* background-image: url(); */
	background-repeat: no-repeat;
	background-color: transparent;
}

#Footer {
	/* background-image: url(); */
	background-repeat: no-repeat;
	background-color: transparent;   
	border-top: 10px solid #D2E0BF;
	border-bottom: 1px solid #D2E0BF;
	text-align: center;
	font-size: 85%;
	color: black;
}

#NavColumn {
	font-size: 90%;
	color: black;
}

#ExtraColumn {
	font-size: 90%;
}

#NavColumn h4 {
	font-size: 90%;
	color: black;
	margin-top: 0;
}

#ExtraColumn h4 {
	font-size: 90%;
	color: #000;
	margin-top: 0;
}


/* ------ Section 4 - Left Column Navigation ------ */

.Navigation {
	width: 100%;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: 'Didact Gothic', sans-serif;
	background-color: transparent;
}

/* -- Nav Headers -- */

.Navigation h3 {
	/* JTL new version */
	padding: 20px 0 0 20px; /* use 30px on right with image, otherwise 20px */
	font-size: 150%;
	/*color: #606C44;*/
	color:#839874;
	/*color:#666666;*/
	margin: 12px 0;
	background-color: #fff;
	text-align: left;
	/*font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;*/
	font-weight: bold;
	background: transparent url(../image-files/dashed-line-155x1.gif) no-repeat scroll left top;
	
	/* old version */ /*
		padding: 0;
		font-size: 110%;
		color: #cc3366;
		border-bottom: 1px solid #fff;
	margin: 12px 0; */
}

/* -- Nav List -- */

.Navigation ul {
	list-style-type: none;
	padding: 0 0 8px 0px;
	margin: -6px 0 0 0;
}

.Navigation li {
	/* JTL changed background color */
	background-color: transparent;
	/* background-color: #ffc; */       /* this sets the color for button and RSS box backgrounds -- */
	border:0;
	/* JTL changed added alignment: */
	text-align: left;
	/* JTL added font weight : */
	font-weight: normal;
	margin-bottom: 3px;
	/* JTL added font size: */
	font-size: 130%;
	/* JTL modified padding: */
	padding: 0px 0 2px 20px; /* use 30px on right with image, otherwise 20px */
}

/* -- Navigation Link styles -- */

.Navigation a:link {
	color:#444444;
	display: block;     /*  this makes the whole box highlight rather than just the text */
	/* padding: 3px 0 3px 4px; */
	text-decoration: none;
}

.Navigation a:visited {
	color:#444444;
	display: block;     /*  this makes the whole box highlight rather than just the text */
	/* padding: 3px 0 3px 4px; */
	text-decoration: none;
}

.Navigation a:hover {
	/*color: #606C44*/
	color:white;
	display: block;     /*  this makes the whole box highlight rather than just the text */
	/* padding: 3px 0 3px 4px; */
	background-color: #877498;   
	text-decoration: underline;
}



/* ------ Section 5 - Additional Navigation ------ */

/* -- Thumbnail-with-Caption Navigation -- */

.ThumbnailLink {
	text-align: center;
}

.ThumbnailLink a:link {
	text-decoration: none;
}

.ThumbnailLink a:hover .Caption {
	text-decoration: underline;
	color: red;
}


/* -- Horizontal Text NavBar -- */

.ExtraNav {
	
}

.ExtraNav ul {
	list-style-type: none;
	padding: 0;
}

.ExtraNav ul li {
	font-size: 200%;
	display: inline;
	background-color: "transparent";
	text-align: center;
}

.ExtraNav a:link {
	color: #666666;
	text-decoration: none;
	text-align: center;
	/*padding: 0 4px; */
}

.ExtraNav a:visited {
	color: #666666;
	text-decoration: none;
}

.ExtraNav a:hover {
	color: white;
	background-color: #877498;
	text-decoration: underline;
}

#Header .ExtraNav {
	font-family: 'Didact Gothic', sans-serif;
	font-weight:400;
	font-size: 180%;
	color: #666666;
	/*-webkit-text-stroke: 0.3px;*/
	-webkit-font-smoothing: antialiased;
	position: absolute;
	top: 64px;
	left: 200px;
}

#Header .ExtraNav ul { 
	margin: 0;
}

#Footer .ExtraNav {
	margin: 12px auto;
	background-color: transparent;
}



/* ------ Section 6 - Boxes ------ */

/* JTL added box style */


div.FullWidthBox1 { /*Used for newsletter in RH column */
	background-color: #fff;
	margin: 15px 0px 10px 0px;
	padding: 15px;
	border: 1px solid #1D487E;
}

div.WideCalloutBox {
	/*background-color: #FFFFCC;*/
	width: 95%;
	/*border: 1px solid #5D6D44; */
	margin: 18px auto 24px auto;
	padding: 4px;
	color: black;
	/* Box style from lovemyfire */
	background-color: #FFFFCC;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 8px 8px 8px 8px;
	box-shadow: 4px 4px 4px rgb(204, 204, 204);
}

.CalloutBox {
	/*background-color: #FFFFCC;*/
	width: 85%;
	/*border: 1px solid #5D6D44; */
	margin: 18px auto 24px auto;
	padding: 4px;
	color: black;
	/* Box style from lovemyfire */
	background-color: #FFFFCC;
	border: 1px solid rgb(204, 204, 204);
	border-radius: 8px 8px 8px 8px;
	box-shadow: 4px 4px 4px rgb(204, 204, 204);
}

div.CalloutBox p {
	margin: 13px;
}

p.CalloutBox {
	padding: 13px;
}

div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
div.CalloutBox h5,
div.CalloutBox h6 {
	margin: 13px 0 0 13px;
}


.ReminderBox {          
	background-color: #ddd;
	width: 24%;
	border: 1px solid #8f8fb3;
	margin: 0 0 12px 18px;
	float: right;             /* adding float enables text to flow around it */
	color: #006;
	font-size:80%;
}

.ReminderBox h4 {
	margin: 0;
	padding: 2px;
	text-align: center;
	background-color: #fff;
	font-size:125%;
}

.ReminderBox p {
	font-size: 80%;
	padding: 0 4px;
	line-height: 120%;
}

.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxExtraColumn {
	padding: 5px;
	/* background-color: #d3e4fb; */
	border: 0px;
}

.AdSenseBoxLeft {
	margin: 0 18px 12px 18px;
	float: left;
}

.AdSenseBoxRight {
	margin: 0 18px 12px 18px;
	float: right;
}

.AdSenseBoxCenter468 {
	width: 468px;
	margin: 0 auto 12px auto;
	clear: both;
}

.AdSenseBoxExtraColumn {
	padding: 0;
	margin: 0 auto 12px auto;
	clear: both;
}

.ReturnToNavBox {
	background-color: #fff;
	width: 90%;
	border-top: 1px solid #8f8fb3;
	border-bottom: 1px solid #8f8fb3;
	margin: 0 auto 12px auto;
	padding: 4px;
}

/* -- RSS Box -- */

#RSSbox {
	width: 148px;
	background-color: #ffc;
	border: 1px solid #8f8fb3;
	margin: 8px auto 10px 3px;
	padding: 2px 2px 10px 2px;
	font-size: 100%;
	font-weight: bold;
	color: #1d487e;
	line-height: 120%;
	text-align: center;
}




/* ------ Section 7 - Frequently Used Styles ------ */

.Clear {
	clear: both;
}

.Caption {
	font-size: 85%;
	font-weight: bold;
	color: #000;
	display: block;
	line-height: 150%;
	margin-bottom:10px;
}

/* JTL added styles for a Caption inside a link: */

a:link  .Caption {
	text-decoration: underline;
	color: blue;
}

a:visited .Caption {
	text-decoration: underline;
	color: purple;
}

a:hover  .Caption {
	text-decoration: underline;
	color: red;
}


/* -- floats -- */

.ItemRight {
	float: right;
	margin: 2px 0 12px 18px;
	text-align: center;
}

.ItemCenter {
	margin: 2px auto 12px auto;
	text-align: center;
	clear: both;
}

.ItemLeft {
	float: left;
	margin: 2px 18px 12px 0;
	text-align: center;
}

/* Styling from Will (ClickStream) for mobile nav */

html.mobile #PageWrapper {
	margin-top: 0px;
}

html.mobile #Header, html.mobile #Header .Liner {
	background-size: 10%;
}

html.mobile #NavColumn, html.mobile #ExtraColumn {
	width:100%;
}

html.mobile #toolbar{
	display:none; 
	top:-9999px;
	left:-9999px;  
}

html.mobile #NavColumn {
	display:none;
}

html.mobile #ExtraColumn{
	margin-left:0px;
}

html.mobile #ExtraColumn .Liner {
	padding-left: 5%;
	padding-right: 5%;
}

.mob-nav{
	background-color:#D2E0BF;
	background: #d2e0bf;
	background: -moz-linear-gradient(top,  #d2e0bf 0%, #d2e0bf 68%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2e0bf), color-stop(68%,#d2e0bf), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #d2e0bf 0%,#d2e0bf 68%,#ffffff 100%);
	background: -o-linear-gradient(top,  #d2e0bf 0%,#d2e0bf 68%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #d2e0bf 0%,#d2e0bf 68%,#ffffff 100%);
	background: linear-gradient(to bottom,  #d2e0bf 0%,#d2e0bf 68%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e0bf', endColorstr='#ffffff',GradientType=0 ); 
	display:none;
	padding-top:1em;
}

.mob-nav ul{
	margin:0px auto;
	padding-left: 2%;
	padding-right: 2%; 
}

.mob-nav ul li{
	list-style:none;
	background-color:transparent;
	padding: 0px 4%;
	margin:6px auto 6px auto; 
}

.mob-nav ul li a:link, .mob-nav ul a:visited, .mob-nav ul a:hover{
	list-style:none;
	background-color:#839874;
	margin:0;
	display:block;
	text-decoration:none;
	color:#fff;
	font-family: Arial, sans-serif;
	font-size: 16px;
	padding:14px 10px 14px 20px;
	border-radius:4px;
	border:1px groove #0A5A03;
	text-shadow: 1px 1px 1px #0A0A0A;  
}

.mob-nav ul li a:after {
	content:url(http://www.homemade-gifts-made-easy.com/image-files/right-arrow-white.png);
	position: absolute;
	right: 10%; 
}

.mob-nav h3{
	font-size:150%;
	font-family: Verdana, sans-serif;
	font-style:normal;
	color:#525e4b;
	margin:0;
	padding:0 2% 0 6%;
	margin-top:1.5em;
}

/* start of nav btn  */

.nav-btn{
	width:100%;
	background-color:#D2E0BF; 
	height:80px;
	background: #839874;
	background: -moz-linear-gradient(top,  #839874 0%, #d2e0bf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#839874), color-stop(100%,#d2e0bf));
	background: -webkit-linear-gradient(top,  #839874 0%,#d2e0bf 100%);
	background: -o-linear-gradient(top,  #839874 0%,#d2e0bf 100%);
	background: -ms-linear-gradient(top,  #839874 0%,#d2e0bf 100%);
	background: linear-gradient(to bottom,  #839874 0%,#d2e0bf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#839874', endColorstr='#d2e0bf',GradientType=0 ); 
}

.nav-btn-left{
	float:left;
	width:40%;
	height: 80px;
	padding-top: 6px;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	text-align: center;
	/* background-color:pink;  */
}

.nav-btn-center{
	float:left;
	width:20%;
	height:80px;
	margin:0px auto;
	padding-top: 3px;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	/* background-color:yellow;  */
}

.nav-btn-right{
	float:left;
	width:40%;
	height: 80px;
	padding-top:12px;
	cursor:pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	text-align: center;
	/* background-color:dodgerblue;  */
}

.nav-btn-right button{
	padding:0;
	margin:0;
	background-color:transparent;
	border:0;
	width:58px;
	height:58px;
}

.nav-btn-right button:active{
	opacity: 0.7; 
	position:relative;
	top:2px;
	left:2px;
}

.nav-btn-right button:focus{
	outline:0;
}

html.mobile .extra-container{
	text-align:center;
}



/*---------------------- JTL Added Styles --------------------------*/

dd {	
	margin-bottom:1em;
}

/* For sticky elements using waypoints */
.stuck {
	position:fixed;
	top:0;
}

div.short_testimonial {
	font-family: Georgia, serif;
	font-size: 120%;
	font-style: italic;
	width: 75%;
	margin: 0.25em 0;
	padding: 0.35em 80px; 
	line-height: 1.45;
	position: relative;
	color: #383838;
}


div.short_testimonial:before {
	display: block;
	padding-left: 55px; /* move big quote */
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
}

.short_testimonial cite {
	color: #999999;
	font-size: 90%;
	display: block;
	margin-top: 5px;
}

.short_testimonial cite:before {
	content: "\2014 \2009";
}


.formbody  h4{
	margin-bottom:3px;
}

a img:hover{
	/*opacity:0.8;*/
	-webkit-filter: brightness(105%);
}

img.dropshadow{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    margin: 10px 10px 10px 10px;
}


/* Glowing border http://stackoverflow.com/questions/5670879/css-html-create-a-glowing-border-around-an-input-field */
.glowing-border {
    border: 2px solid #dadada;
    border-radius: 7px;
}

.glowing-border:focus { 
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}


ul.indentlist {
	list-style:none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}



.zoomwrap {
	position:relative;
}

div.zoomicon {
	background:url(../image-files/enlarge-72x20-tiny.png); /* path of magnifier icon */
	position:absolute;
	width:72px;  /* set to width of magnifier icon */
	height:20px; /* set to height of magnifier icon */
	top:0px;     /* increase this number to move the icon downward */
	left:50%;    
	margin-left:-36px; /* move icon left or right */
	pointer-events:none;
}


.ItemName {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: 700;
	font-style: italic;
	font-size: 150%;
}


.Price {
	font-family: Georgia, Times, "Times New Roman", serif; 
	color:black;
	font-weight:normal;
	font-style:normal;
	/*font-weight:500;*/
	font-size: 150%;
}

.Currency {
	color: grey;
}


.PoemMonospace{
	color: #383838;
	font-size: 120%;
	/*margin-left: 10%;*/
	width: 75%;
	margin: 0.25em 0;
	padding: 0.35em 80px; 
	font-family: "Lucida Console","Lucida Sans Typewriter",monaco,"Bitstream Vera Sans Mono",monospace;
}

.PoemQuote {
	font-family: Georgia, serif;
	font-size: 120%;
	font-style: italic; 
	width: 75%;
	margin: 0.25em 0;
	padding: 0.35em 80px; 
	line-height: 1.45;
	position: relative;
	color: #383838;
}

.PoemQuote:before {
	display: block;
	padding-left: 55px; /* move big quote */
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
}

.PoemQuote cite {
	color: #999999;
	font-size: 90%;
	display: block;
	margin-top: 5px;
}

.PoemQuote cite:before {
	content: "\2014 \2009";
}

.PoemLeft {
	color: #666666;
	font-style:italic;
	/*font-family: Arial, Helvetica, sans-serif;*/
	margin: 12px 56px;
	clear:both;
}

.PoemCenter {
	text-align:center;
	clear:both;
}

/* Make the PINIT button centered */
.pinit{
	text-align:center;
	/*margin-top:10px;*/
}


/* Thumbnail image gallery style */
.thumbgal {
	border: 1px solid #ccc;
	padding: 2px;
	background: fff;
	box-shadow: 1px 1px 7px rgba(0,0,0,0.1);
}

a:link img.thumbgal {
	border: 1px solid #ccc;
	padding: 2px;
	background: fff;
	box-shadow: 1px 1px 7px rgba(0,0,0,0.1);
}




/* POLAROID PHOTO GALLERY STYLE */
ul.gallery { 
	width: 100%;			/* So that ie6 and ie7 can clear floats */
	padding: 0 0 0 10px;	/* Gap between gallery and left of page */
	margin: 0 0 0 0;
}

.gallery li {
	/*background: #EEF4CC;*/
	background:white;
	display: inline;	/* So that the images can go side by side, rather than underneath each other. */
	list-style: none; 		/* No bullet points */
	width: 146px;			/* Thumbnail display width. Use 160px or less */
	min-height: 196px; 		/* Set to about 50px more than image height, to allow space for two-line captions */
	_height: 196px; 		/* For older versions of IE, which doesn't understand min-height. Set to same value as min-height */
	float: left;			/* Start packing the images from the left */
	padding: 7px;
	/*margin: 10px;*/
	-moz-box-shadow: 1px 1px 3px #222;
	-webkit-box-shadow: 1px 1px 3px #222;
	box-shadow: 1px 1px 3px #222;
	/*padding: 0;*/			/* Optional: 0 0 5px 0, to give a bit of space between caption and border */
	margin: 0 20px 18px 0;	/* Margins around the images. Suggest 0 20px 0 0, to give 20px side-spacing between images */
	text-align: center;		/* So that captions are centered underneath each image */
	/* border:solid #233c50 3px;*/ /* Add a border around the images if you want */
	font-size: 100%;			/* Optional: Make caption text smaller than normal text */
	font-weight: bold; 		/* Optional: Make caption text bold */
	/*font-family: Verdana, Arial, san-serif;*/
	/*font-family: Georgia, Times, "Times New Roman", serif; */
	font-family: 'Didact Gothic', sans-serif;
}

.gallery a:link {
	/*color:#428184;*/
	color:#877498;
	text-decoration:none;
}

.gallery  a:visited {
	text-decoration:none;
}

.gallery  a:hover {
	text-decoration:underline;
	color:red;
}


.gallery li img {
	display: block;			/* So that each images takes the size of the containing block */
	width: 100%;			/* Take up 100% of the size of the containing block, set by width in the earlier rule */
	margin: 0 0 5px 0;      /* Set space between bottom of image and caption */
}



/* self clearing floats for all browsers except ie6 & ie7 */
.gallery:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/* MINI PHOTO GALLERY STYLE */
ul.minigallery { 
	width: 100%;			/* So that ie6 and ie7 can clear floats */
	padding: 0 0 0 20px;	/* Gap between gallery and left of page */
	margin: 0 0 0 0;
}

.minigallery li {
	background:white;
	display: inline;	    /* So that the images can go side by side, rather than underneath each other. */
	list-style: none; 		/* No bullet points */
	width: 100px;			/* Thumbnail display width. Use 160px or less */
	min-height: 140px; 		/* Set to about 50px more than image height, to allow space for two-line captions */
	_height: 140px; 		/* For older versions of IE, which doesn't understand min-height. Set to same value as min-height */
	float: left;			/* Start packing the images from the left */
	padding: 4px;           /* Optional: 0 0 5px 0, to give a bit of space between caption and border */
	-moz-box-shadow: 1px 1px 3px #222;
	-webkit-box-shadow: 1px 1px 3px #222;
	box-shadow: 1px 1px 3px #222;
	margin: 0 20px 18px 0;	/* Margins around the images. Suggest 0 20px 0 0, to give 20px side-spacing between images */
	text-align: center;		/* So that captions are centered underneath each image */
	/* border:solid #233c50 3px;*/ /* Add a border around the images if you want */
	font-size: 85%;			/* Optional: Make caption text smaller than normal text */
	font-weight: bold; 		/* Optional: Make caption text bold */
	/*font-family: Verdana, Arial, san-serif;*/
	/*font-family: Georgia, Times, "Times New Roman", serif; */
	font-family: 'Didact Gothic', sans-serif;
}

.minigallery a:link {
	/*color:#428184;*/
	color:#877498;
	text-decoration:none;
}

.minigallery  a:visited {
	text-decoration:none;
}

.minigallery  a:hover {
	text-decoration:underline;
	color:red;
}


.minigallery li img {
	display: block;			/* So that each images takes the size of the containing block */
	width: 100%;			/* Take up 100% of the size of the containing block, set by width in the earlier rule */
	margin: 0 0 5px 0;      /* Set space between bottom of image and caption */
}


/* self clearing floats for all browsers except ie6 & ie7 */
.minigallery:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.TopQuote {
	font-style: italic;
	font-weight: bold;
	/*text-align: center;*/
}

span.TopQuote {
	background-color: #FAAFBE;
}


.adslot_336x280 {
	display:none;
}

.adslot_300x250 {
	display:none;
}

@media (min-width: 320px) {
	.adslot_300x250 {display: block; }
}

@media (min-width: 380px) {
	.adslot_300x250 {display: none;}
	.adslot_336x280 {display: block;}
}

/*Style for Cookie Control*/
.ccc-widget h2 {
	clear: none;
	background: none;
}