/* Allen this is your custom css area 
*  Make any css changes here
*  Questions - John@johnmacarts.com 
*/
/* ############# preserved styles from original site ######### */




.top {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: 25px;
}

.style2 {color: #A6C1B0}

.pullQuote {
	padding: 1px;
	background-color: #A6C1B0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
}
.highlight {
	color: #FFFFCC;
	background-color: #879C8F;
	padding: 2px;
	font-weight: bold;
}
.highlight2 {
	font-weight: bold;
	color: #003366;
	background-color: #D2D5B6;
}


/* ###############  font colors and weights ################ */

/* override color for all headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
color:#222;
}

/* override paragraph text everywhere in the site */
p{
padding-bottom:12px;
}

/* headings overrides */

h1{
font-size:28px;
border-bottom:1px solid #ccc;/* this is the line that appears under all h1 */
margin-bottom:40px;
/*  changed from css delivered from JM  */
}

h2{
font-size:26px;
}

h3{
font-size:22px;
}

h4{

}

h5{

}

h6{

}

a{color:rgba(4,36,155,1);}

.signature {
    text-align:right;
	padding:0px 0 15px 0;
	font-style: italic;
	position:relative;
	top:-10px;
}

.testimonial {
	text-indent:15px;	
}

/* ########## logo - 3 elements - photo of gemstone, photo of text logo, tagline text ########## */
/* header logo positioning */

.textlogo{padding-top:20px;}

/* header font color */

header a, header a:hover, header h1, header h2, header h3, header h4, header h5, header h6, header p{
	color:white;
	}



/* header tagline font */

header h5{
 	position:relative; 
 	top:-10px; /* pushes tag line closer to text logo */
 	font-weight: 300; 
 	color:#eee; 
 	padding-left: 5px; 
 	font-size:18px;
 	letter-spacing: 1px;
 	}

/* headier image - pedal with gemstone */

header img{
	display:inline-block; 
	text-align:right;
	}/* note - size of this image is controlled inline with the image in header.php */


/* #################  content area ################## */

.content_wrapper{

background-color:#f8f5fe;


}

/*  Below two lines control the size of the text in the content area, and bolds the links  */

.content p, .content a{font-size:16px;}
/*  So far, I like this size of 16 vs. bigger or smaller  */

.content a{font-weight:800;}

/* ####################### Sidebar panel colors ####################### */
.panel-primary > .panel-heading {
    background-color: rgba(4,36,155,1) !important;
    border-color:rgba(4,36,155,1);
    color: #fff;
}


/* ###################### Footer Text ####################### */

.footer-content p{
text-align:center;
line-height: 14px; 
padding:0 0 3px 0; 
color:#ccc; 
margin:0;
}


footer a, footer a:hover{color:#ccc;}

/*  footer {padding-bottom:80px;}  */
/*  Added to allow the bottom Policies dropdown to display list fully. Made Policies a link to a page at the bottom   */



/* #########################  Tables  ########################### */

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	border:1px solid rgba(200,200,200,1);
	width:100%;
}

tr{
	border:1px solid rgba(200,200,200,1);

}

td{padding:5px; border:1px solid rgba(200,200,200,1);
}


#photogallery{
	width:95%; 
	margin:0 auto; 
	}
	
#photogallery tr td:first-child {width:20%;} 


#photogallery td img{width:90%;}

.phototable {
	display:table;
	margin-bottom:30px;
	
	}
	.phototable div{
		padding: 1px 2px 4px 2px;
		}
.phototable caption{
	border:1px solid rgba(0,0,0,.3); 
	padding:3px; 
	margin-bottom:2px;
}
.phototable a{
	font-size:14px;
	}
.phototable img{
	border:1px solid #aaa;
	}
.phototable td img{
	width:100%; 
	padding:2px; 
	margin:0 auto;
	}
.doublecell td{
	width:50%;
	text-align:center;
	}
.triplecell td{
	width:33%; 
	text-align:center;
	}
.singlecell td{
	width:100%:
	text-align:center;
		}
.quadcell td{
	width:25%; 
	text-align:center;
	}
	
.info{color: #009900;}

.info, .warning{font-weight: bold;}  


.deepblue{color: rgb(0, 51, 102);}

.orange{color: #FF8000;font-weight: bold;}  
/* I added orange 10/08/14  */