@charset "utf-8";

@import url(https://www.google.com/cse/api/branding.css);

#banner {     									/*set the background color for the banner*/
	background-color:rgb(199,229,255);
	}

#banner table {
	width:100%;
}

#intro:first-line{
	font-variant:small-caps;
	}
	
#intro:first-letter{
	font-family:serif;
	float:left; 
	font-size:250%; 
	line-height:0.9; 
	color:rgb(109,119,255);
	}

.bold {
	font-weight:bold;
	}
.navbar, .tiny-navbar {     					/* set the background image for menu items*/
	padding-bottom:3px; 
	text-align:center;
	background-color:rgb(186,203,255);
	}
	
.navbar a, .submenu a{     					/* set padding and font size for menu items */
	text-decoration:none;
	padding:1px 8px 1px 8px;
	margin: 1px;
	line-height:18px;
	font-size:15px;
	font-weight:bold;
	}

.tiny-navbar a{     					/* set padding and font size for menu items */
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	font-size:12px;
	}

.navbar a:link, .tiny-navbar a:link {     				/* the default text color for menu links */
	color:rgb(109,119,255);
	}
	
.navbar a:visited, .tiny-navbar a:visited {				/* color for visited links */
	color:rgb(109,119,255);
	}

.navbar a:hover, .tiny-navbar a:hover {     			/*use an alternate background color and text on hover */
	background-color:rgb(255,240,199);
	color:rgb(109,119,255);
	}

/*I don't think this does anything */	
.navbar a:active, .tiny-navbar a:active {				/*change the text color when a menu item is activated*/
	background-image:url('images/menubga.png');
	background-color:rgb(255,240,205);
	color:rgb(109,119,255);
	}

.navbar ul, .tiny-navbar ul{						/*remove bullets from list items and set the margin to 0 so there's no space between the banner and the menu.*/
	list-style-type:none;
	margin:0;
	}

.navbar li, .tiny-navbar li{					/*Set display to inline for a horizontal menu */
	display:inline;
	}

.selected a:link {
	background-color:rgb(255,245,186);
	color:rgb(109,119,255);
	}
.selected a:visited {
	background-color:rgb(255,245,186);
	color:rgb(109,119,255);
	}
.selected a:hover{
	background-color:rgb(255,245,186);
	color:rgb(109,119,255);
	}
.selected a:active {				/*change the text color when a menu item is activated*/
	background-color:rgb(255,245,186);
	color:rgb(109,119,255);
	}
.submenu {
	text-align:center;
	background-color:rgb(165,182,255);
	}
.submenu ul{ 
	padding-top:2px;
	margin-top:2px;
	padding-bottom:3px;
	}
.submenu li{
	display:inline;
	}

.submenu a:link{
	color:rgb(109,119,255);
	background-color:rgb(165,182,255);
	}
.submenu a:visited{
	color:rgb(109,119,255);
	background-color:rgb(165,182,255);
	}
.submenu a:hover {     			/*use an alternate image and text on hover */
	background-color:rgb(255,245,186);
	color:rgb(109,119,255);
	}
.subselected a:link {
	background-color:rgb(255,245,186);
	color:rgb(165,182,255);
	}
.subselected a:visited {				/*current option selection*/
	background-color:rgb(255,245,186);
	color:rgb(109,119,255);
	}
.banner-ad{
	text-align:center;
	}
.image-link {
	text-align:center;
	width:205px;
	float:left;
	margin:1em 0em 1em 0em;
	}
.card-details {
	margin:1em;
	padding:1em;
	}

.center {
	text-align:center;
	}
.fullsize-image{
	float:left;
	margin:1em;
	max-width:500px;
	}
.thumbs{
	width:190px;
	float:left;
	margin:1em 1em 1em 1em;
	}
.thumb-caption{
	text-align:center;
	font-weight:bold;
	font-size:14px;
	}
.card-caption{
	text-align:center;
	font-weight:bold;
	margin:0px;
	}
#outer {   						/*Frame, margin and padding for the page */
	margin:auto;
	border-color:rgb(186,203,255);
	border-style:groove;
	border-width:5px;
	padding: 0.5em;
	width:900px;
	}

address {
	text-align:center;
	font-size:0.75em;
	}

body {
	background-color:rgb(255,255,255);
	font-family: Arial, Helvetica, sans-serif;
	}
	
div.card{  						/* formatting of div box for card images so that they will float left */
	width:200px;
	float:left;
	text-align:center;
	}
div.googleplus{
	margin-top:10px;
	}
div.step{  						/* formatting of div box for instruction steps so that they will float left */
	width:220px;
	height:300px;
	float:left;
	text-align:left;
	padding:2px;
	}
div.tile-assembly{  						/* formatting of div box for instruction steps so that they will float left */
	width:275px;
	float:left;
	text-align:left;
	padding:10px;
	}
dl	{
	margin:1em;
	}
dt	{
	font-size:0.9em;
	}
dd	{
	font-size: 0.8em;
	font-style: italic;
	padding-bottom: 0.5em;
	}
h1	{
	font-size: 1.7em;
	}
h1, h2, h3{						/*heading text*/
	color:rgb(109,119,255);
	}
	
h1, h2, h3{
	text-align:center;
	}
	
h2	{
	font-size: 1.4em;
	}

hr {    								/* horizontal rules */
	color:rgb(109,119,255); 
	background-color:rgb(109,119,255); 
	height:1px;
	/*clear:both;*/
	}
	
img {     							/* default settings for all images*/
	border-style:none;
	}
	
p.cardtitle{
	font-weight:bold;
	color:rgb(109,119,255);
	}

.construction{
	font-style:italic;
	margin-top: -15px;
	padding-top: 0px;
	}	
.halfwidth {
	width:400px;
	padding:5px;
	}
.bold {
	font-weight:bold;
	}
.noborders{   
	border-style:none;
	}
.left{
	float:left;
	padding:0em 1em 0em 1em;
	}
.right{
	float:right;
	padding: 0em 1em 0em 1em;
	}
.ad700h{
	height:700px;
	}
.stepleft img{
	float:right;
	padding: 1em 0em 1em 1em;
	}
	
.stepleft li, .stepright li	{
	margin-bottom:0.5em;
	}
	
.stepright img{
	float:left;
	padding: 1em 1em 1em 0em;
	}
	
.stepright p{
	margin-left:260px
	}

.steptitle {
	font-weight:bold;
	padding-top:2em;
	/*clear:both;*/
	}
.clear{
	clear:both;
	}
	
.supply-list ul, ol{
	list-style-position:inside;
	}
.underline{
        text-decoration:underline;    
        }