@charset "utf-8";
/* CSS Document */

body { font-family: Candara, Arial, sans-serif; font-size:14.5px;}
table { border: none; border-collapse; }
td, th
{
padding: 6px;
}

.content {
  max-width: 500px;
  margin: auto;
  padding: 10px;
}

.results { border-collapse: collapse; }
.results table { vertical-align: top; }
.results td, th { border: 1px solid black; }

.results10 { border-collapse: collapse; }
.results10 table { vertical-align: top; }
.results10 td, th { font-size:11px; border: 1px solid black; }

.results13 { border-collapse: collapse; }
.results13 table { vertical-align: top; }
.results13 td, th { font-size:14px; border: 1px solid black; }

p.head {
color:#663399;  
font-size:24px;
font-weight:bold;
font-variant:small-caps;
}


/* table.topbar { background-color: black; }  */
td.topbar
{
  color: white;
  padding: 6px;
  horizontal-align:center;
}
a:link.topbar {text-decoration: none;}
a:visited.topbar {text-decoration: none;}
a:hover.topbar {text-decoration: underline;}
a:active.topbar {text-decoration: none;}

/*  //footer  */
td.footer {
	font-family: Candara, Verdana, Geneva, sans-serif;
	font-size: 11px;
}

/* -----------------------------------------  */

/*  
.bigbutton img {vertical-align: middle;} 
.bigbutton {
  position: relative;
  max-width:150px;
  max-height:150px;
  margin: 0 auto;
}

.bigbutton .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}
*/

 
/*
body {
background-color: powderblue;
}
*/


/*
//body {
//background-image: url(/images/brochure_background2.jpg);   --jpg
//margin-top:0px;
//}
*/

/*           --previous version
body {
background-image:url(/images/background_new2.jpg);
background-position: bottom right;
background-repeat:repeat;
background-attachment: fixed;
marSgin-top:0px;
}
*/

/*
--  force table size, no good for phone
--  borders on both sides
*/
/*
table.main {
background: rgba(255, 255, 255, 0.8);
width: 850px;
height:1000px;
border-left-width:medium;
border-left-color:#f2d25b;
border-left-style:ridge;
border-right-width:medium;
border-right-color:#f2d25b;
border-right-style:ridge;
}
*/

/* background-image: url(/images/brochure_background2.jpg); */

/*  --??    */
table.bordered {
	border-collapse: collapse;
	width: 		100%;
}
td.bordered-s {
	padding: 	8px;
	text-align: 	left;
	color:		darkred;
	font-size:	x-large;
	font-weight: 	bold;
	border-top: 	1px solid black;
	border-bottom: 	1px solid black;
}

/*   //  menu ?  fixed height   not recommend 
td.top { 
height: 122px;
}
*/

/* // text stuff  */
/*
p.head {
color:#bf1b00;
font-size:32px;
font-weight:bold;
font-variant:small-caps;
}
*/

p.subhead {
color:#36508d;
font-size:16px;
font-weight:bold;
font-style:italic;
font-variant:small-caps;
}

p.subhead2 {
color:#b61a00;
font-size:14px;
font-weight:bold;
font-variant:small-caps;
}

/*
--  main text 
--padding    maybe clockwise
--  font size 0.5 can be significant
*/
td.bodytext {
padding: 5px 40px 0px 40px;
font-family:Candara, Verdana, Geneva, sans-serif;
font-size:14.5px;
line-height:160%;
vertical-align:top;
margin-top:0px;
}


/*  // menu not turn orange?  */
a.top {
font-size:10px;	
text-decoration:none;
}

/*  //force used link remained blue  */
a:link {
	color: #0000cc;
}
/*	color: #36508d; */

/*  //mouseover change background  */
a:hover {
	color: #0000cc;
	background-color: #ffcc00;
}

/* //fb  mouseover no background color change  */
a.clear:hover {
	color: transparent;
	background-color: transparent;
}


/* //force used link to be blue  */
a:visited {
	color: #0000cc;
}	


/*  //box shadowing  */
img.polaroid-c {
	box-shadow:	2px 2px 5px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.29);
	display: 		block;
	margin-left: 	auto;
	margin-right: 	auto;
}
img.polaroid-r {
	box-shadow:	2px 2px 5px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.29);
	float:		right; 
	margin-top:	20px; 
	margin-bottom:	20px; 
	margin-right:	20px;
}	
img.headshot {
	box-shadow:	2px 2px 5px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.29);
	float:		right; 
	margin-top:	10px; 
	margin-bottom:	20px; 
	margin-right:	20px;
	margin-left:	20px;
	width:		175px;
}	
img.headshot2 {
	border-radius: 	8px;
	box-shadow:	2px 2px 5px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.29);
	float:		left; 
	margin-top:	7px; 
	margin-bottom:	20px; 
	margin-right:	20px;
	margin-left:	20px;
}	
img.thumb {
	height: 	auto;
	display: 	block;
	margin-left: 	auto;
	margin-right: 	auto;
	border-radius: 	8px;
	box-shadow:	2px 2px 5px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.29);
}
/*  --box shadowing  */
img.gallery01 {
	box-shadow:	2px 2px 5px rgba(0, 0, 0, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.29);
	max-width:	85%;
	margin-top:	5px; 
	margin-bottom:	5px; 
}	
/*  --stay unchanged   -- used on the picture  */
a.gallery01:hover {
	background-color: transparent;
}



.icon {
	color: initial;
	box-shadow: 	-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


.rounded-border {
	border-radius: 16px;
	padding: 16px;
	border: 1px solid #333;
}


/*
--ref google  css table formating
--   styling tables   
*/