@import url('http://fonts.googleapis.com/css?family=Open+Sans|Open+Sans:bold|PT+Sans|PT+Sans:bold');

body 	{
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
    font: 62.5%/1.3 normal Helvetica, sans-serif;	
}

  p {
    font-size: 1em;
  } 
  h1 {
    font-size: 1.9em; 
  }
table {
    border-collapse: collapse;
    width: 100%;

}
  p, h1 {
    margin: 2em 0; 
  }
td, th { 
   text-align: left; 
   border: 1px solid #ddd; 
   padding:.5em 5px;
    font-size: 1.2em;
}
  th { 
    background-color:#f4f4f4;
    font-weight: normal;
	   text-align: center; 
  } 
caption {
    margin: 0; 
    font-weight: bold; 
    font-size: 1.3em; 
    background: #eee;
    padding: 10px;
    border: 1px solid #ddd; 
 }
/* Video-container NEW 3/4/18*/
.video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
}
 
.video-container iframe, .video-container object, .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically. https://css-tricks.com/responsive-data-tables/
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
#contentbox	{
		max-width: 350px;
		margin: 0 auto;
		padding: 30px 0px 10px 0px;
		}
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before  /*{ content: "Sight & Sound Links"; }*/
	td:nth-of-type(2):before /*{ content: "Comment"; }*/
	td:nth-of-type(3):before /*{ content: "UPDATED"; }*/
	td:nth-of-type(4):before 
	td:nth-of-type(5):before 
	td:nth-of-type(6):before 
	td:nth-of-type(7):before 
	td:nth-of-type(8):before 
	td:nth-of-type(9):before 
	td:nth-of-type(10):before 
}
/* End of mtable*/
 
  /* queries */
@media screen and (max-width: 520px){
  
  html:not(.data) .data th, 
  html:not(.data) .data td {
    font-size: 0;
    padding: 0;
    content: "";
    height: 7px;
	text-align: left;
  }
  html:not(.data) table {
    position: relative; 
    overflow: hidden;
  }
  html:not(.data) table:before {
    content: "Table: Tap to View";
    position: absolute;
    width: 90%;
    height: 100%;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-weight: bold;
    font-size: 1.6em;
    text-align: center;
    vertical-align: middle;
    z-index: 100;
    font-family: Helvetica, sans-serif;
 
  }
  td, th { 
   text-align: left; 
   border: 1px solid #ddd; 
   padding:.5em 5px;
    font-size: 1.2em;
}
 html.data table:before {
    content: "";
    display: block;
    background: #333;
    padding: 10px;
  }
  
  html.data table:before{
    content: "Back";
    position: absolute;
    top: 0;
    left: 15px;
    padding: .5em 1em;
    margin: 10px 0;
    font-weight: bold;
    color: #fff;
    background: #000;
    border: 1px solid #fff;
	
  }

   /* around here we could use the HTML class to hide all other content on the page aside from the table */
  html.data p, html.data h1 {
    display: none; 
  }
 
 }

* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}

/* start new media added 3/7/18 */
/* For mobile phones: */

[class*="col-"] { width: 100%;}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.3333%;}
    .col-2 {width: 16.6666%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.3333%;}
    .col-5 {width: 41.6666%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.3333%;}
    .col-8 {width: 66.6666%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.3333%;}
    .col-11 {width: 91.6666%;}
    .col-12 {width: 100%;}
} 
 /* end new media added 3/7/18 */
/* ^^^ SEE CLASS "outer-background" BELOW */



/* DEFAULTS - MARGINS SPACING */

div		{ margin: 0; padding: 0; border: 0; }
/*table, tr, td	{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0px; border: 0; } original */

/*table, tr, td	{width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 10px; border: 1px solid #808080; }*/
table	{width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0; padding: 10px; border: 1px solid #808080; }
tr, td  {border-collapse: collapse; border-spacing: 0; margin: 0; padding: 10px; border: 1px solid #808080; }


/* DEFAULTS - ALIGNMENT */

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-top		{ vertical-align: top; }

.td-middle	{ vertical-align: middle; }

.td-bottom	{ vertical-align: bottom; }

.center-align	{ text-align: center; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }




/* DEFAULTS - MISC */

.fullwidth	{ width: 100%; }

.halfwidth	{ width: 50%; }

.nobreak	{ white-space: nowrap; }

.just 		{ text-align: justify; }

.img 		{ border: 0; }

.blockimage	{ display: block; }

.formmargin	{ margin: 0px; }




/* NON-MENU LINK COLORS */

a:link, 
a:visited, { color: #00ff00; text-decoration: none; }/*#3366FF;  */
a:active 	{ color: #800000;} 

a:visited {Color: #FF8C00;} /* #D2691E;*/
a:hover 	{ color: #ff0000; text-decoration: underline;} ?* { color: #006699; text-decoration: underline; }/*{font-size: 105%;}*/

/*a:active { color: purple; }*/




/* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */
	body {
		background-image: none; /*url("usa-flag-c.png"); */
		background-repeat: repeat;
		}

div, table {
		color: #000;
		font-family: "Open Sans", arial, helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 160%;
 		
		}

.title 		{ color: #1F6BA4; font: 23px "PT Sans", arial, sans-serif; font-weight: normal; letter-spacing: -1px; line-height: normal; }

.subtitle 	{ color: #000000; font: 17px "PT Sans", arial, sans-serif; font-weight: bold; line-height: normal; }

.smalltext	{ color: #777777; font: 13px "PT Sans", arial, sans-serif; font-weight: normal; padding-bottom: 5px; line-height: normal; }

.testimonial	{ color: #990000; font-family: "PT Sans", arial, helvetica, sans-serif; font-weight: bold; }

.comment	{ color: #229; font-family: "Lucida Console", Monaco, monospace font-weight: bold; }

.hilite		{ color: #FF0000; }




/* REMOVES MARGINS ON HEADING TAGS (FOR SEO) */

h1, h2, h3, h4	{ margin: 0px 0px 1px 0px; }




/* SERVICES LIST */

.list		{
		font-size: 18px;
		color: #7E5632;
		line-height: normal;
		text-align: left;
		margin-top: 0px;
		margin-bottom: 0px;
		}

.floatlist	{ float: left; width: 50%; min-width: 200px; }

.list li	{ text-indent: 1px; }


/* ACTIVE BUTTON STATE */

.centered-btns_here a, .centered-btns_here a:hover  
            { background-color: #CC0000; border: #CC0000 2px solid; cursor: default; }

/* PAGE & CONTENT HEIGHTS AND WIDTHS & PADDING */

/* NOTE: IF YOU CHANGE THE PAGE WIDTHS EDIT & TEST THE MEDIA QUERIES IN THE media-queries.css */

.pageheight	{ min-height: 750px; }

.pagewrapper	{
		width: 100%;
		min-width: 31px;
		text-align: center;
		margin: 0 auto;
		}

.pagebox	{
		padding: 0px 10px 0px 10px; /* EDIT .pagebox PADDING TO 0 ABOVE FOR FULL WIDTH */
		margin: 0 auto;
   height : auto;
      padding-right:2em;
	  padding-left: 2em;
	  padding-bottom: .5em;	  
   background-color:#000; /*  #fefefe  */
   	 background-image : url(usa-flag-c.jpg); /* background-image : url(us_flag-3.png);  http://freeclipartstore.com/American%20Flag%20Clip%20Art%20Pg%201.htm */
background-repeat : repeat;

		}

#contentbox	{
		max-width: 850px;
		margin: 0 auto;
		padding: 30px 0px 10px 0px;
		}

.content-pad 	{ padding: 0px 35px 10px 15px; }

#left-content 	{
		float: left;
		width: 100%;
		max-width: 555px;
		padding: 0px;
		

		   height : auto;
      padding-right:2em;
	  padding-left: 2em;
	  padding-bottom: .5em;	  
   background-color:#000; /*  #fefefe  */
    border-radius:5px;  
   box-shadow:5px 5px 15px 10px #000 ;
   
		}

/* HOME PAGE WIDTHS */

#contentbox-home  {
		  max-width: 912px; /* establishes the width of the display area */
		  margin: 0 auto;
		border: #000000 1px solid;	/* CHANGE THIS LINE TO 0px TO REMOVE CONTENT BOX BORDER */
		  padding: 30px 0px 15px 0px;
    border-radius:5px;  
   box-shadow:5px 5px 25px 10px #444;  /*box-shadow: horizontalOffset verticalOffset [blur] [spread] color [inset] */			  
		  }

.content-pad-home { padding: 25px 15px 25px 15px; }




/* TEXT AND GRAPHIC HEADER CODE */

#headerdiv	{
		padding: 15px 0px 15px 0px;
		margin: 0px 0px 0px 0px;
		border: #000000 0px solid;
		}

.headercolor	{ background-color: #FFFFFF; }  /* EDIT .pagebox PADDING TO 0 ABOVE FOR FULL WIDTH */

.logo-respond	{
		height: 70px;
		width: 600px;
		max-width: 600px;
		min-width: 280px;
		margin: 0 auto;
		display: block;
		}

/* START TEXT HEADER CODE */

.textlogo	{
		font: normal 30px "Open Sans", arial, sans-serif;
		padding: 4px 0px 6px 0px;
		display: block;
		}

a.textlogo:link, a.textlogo:visited, a.textlogo:active	{ color: #000000; text-decoration: none; }

a.textlogo:hover { color: #000000; text-decoration: none; }




/* INNER AND OUTER BACKGROUNDS */

.outer-background	{
			background-color: #FFFFFF;
			background-image: none;
			background-repeat: repeat;
			background-attachment: fixed;
			}

.inner-background	{
			background-color: #fff;
			border: #000000 0px solid;
			}

/* GALLERY CODE */
.picturetitle         { color: #ff0000; font: 12px "Trebuchet MS", verdana, arial, sans-serif; font-weight: bold; width: 150px; max-width: 600px; height: 160px; }
.picturetext        { color: #111; font: 14px "Trebuchet MS", verdana, arial, sans-serif; text-align : initial; font-weight: justify; width: 175px; max-width: 900px; height: auto; }


/* IMAGE BORDERS, FLOATS AND IMAGE SPACING */

.img-borders	{ border: #000000 1px solid; }

.img-float	{ float: left; margin: 3px 8px 1px 0px; }

.float-item	{ float: left; margin-right: 10px; margin-bottom: 2px; }

.text-nowrap	{ overflow: hidden; min-width: 175px; }

.divclear 	{ height: 1px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }


/* IMAGE BORDERS, FLOATS AND IMAGE SPACING

.img-borders   { border: #000000 1px solid; }

.img-float	{ float: right; margin: 3px 8px 1px 10px; }

.float-item	{ float: right; margin-left: 10px; margin-bottom: 2px; }

.text-nowrap	{ overflow: hidden; min-width: 175px; }


.divclear 	{ height: 1px; clear: both; font-size: 1px; line-height: 1px; padding: 0px; margin: 0px; }
 */



/* PAGE LINES & BORDERS */

.page-splits 	{
		line-height: 1px;
		width: 100%;
		font-size: 1px;
		height: 2px;
		background-color: transparent;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 0px;
		border-top: #CECECE 1px solid;
		}

.splits-xtramargin { margin-top: 30px; margin-bottom: 30px; }

/* LARGE PAGE SPLITS */

.large-splits 	{
		width: 99%;
		line-height: 1px;
		font-size: 1px;
		height: 25px;
		width: 97%;
		background-color: #F1EEED;
		margin: 0 auto;
		padding: 0px;
		border: #CECECE 1px solid;
		    border-radius:5px;  
   box-shadow:5px 5px 25px 10px #444; 
		}

.menu-splits 	{
		width: 99%;
		line-height: 1px;
		font-size: 1px;
		height: 55px;
		width: 97%;
		background-color: #F1EEED;
		margin: 0 auto;
		padding: 0px;
		border: #CECECE 1px solid;
		    border-radius:5px;  
   box-shadow:5px 5px 25px 10px #444; 
		}


/* HOME PAGE */

.homelinks	{ color: #73879C; }

.home-caption	{
		color: #5E7287;
		font: 16px "Open Sans", arial, sans-serif;
		font-weight: normal;
		font-style: normal;
		padding: 10px 0px 20px 0px;
		}




/* HOME JQUERY SLIDESHOW (SEE ALSO responsive-slides.css IN FOLDER JQuery) */

.rslides_container	{
			background-color: #CCCCCC;
			max-width: 900px;
			min-width: 250px;
			text-align: center;
			margin: 0 auto;
			position: relative;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border: #004C76 5px solid;
  		/* CORNER ROUNDING */
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-khtml-border-radius: 4px;
			border-radius: 14px;
					border: #CECECE 1px solid;
		    border-radius:15px;  
   box-shadow:5px 5px 25px 10px #444; 
			}

#homeJQ  .centered-btns_nav	{ display: none; }  /* HIDES HOME ARROWS  changed to class from id 2/4/18*/

/* HOME SLIDESHOW ROUND ACTIVE BUTTON STYLES */

.centered-btns_tabs	{
			width: 100%;
			position: absolute;
			bottom: 10px;
			left: 0px;
			margin: 0 auto;
			text-align: center;
			z-index: 1000;
			background-color: transparent;
			}

/* NORMAL BUTTON STATE */

.centered-btns_tabs a     {
            width: 10px;
            height: 10px;
            background-color: transparent;
            border: transparent 2px solid;
        /* CORNER ROUNDING */
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            margin: 0px 4px 0px 4px;
            }

/* HOVER BUTTON STATE */

.centered-btns_tabs a:hover 
            { background-color: #FFFFFF; border: #FFFFFF 2px solid; }

/* ACTIVE BUTTON STATE */

.centered-btns_here a, .centered-btns_here a:hover  
            { background-color: transparent; border: white 2px solid; cursor: default; }


/* Large Text in a Ball addded 01/18/18 */
.circlemed{
            width: 115px;
            height: 115px;
            margin: 10px;
margin-left: auto;
margin-right: auto;
            text-align:center;
            background-image:url(bkgfabric02.jpg);
			color : #f00;
            /*border: solid 2px #4c2e16; */
            border-radius: 115px;
            box-shadow:0px 0px 50px 0px Lightcoral inset;
			
			
}

 /* sub title added 1/21/18 */
.credit1 {
color : #000;
overflow : hidden;
font-size : 90%;
text-align : center;
width : 60%;
margin-left : auto;
margin-right : auto;
background-color : #fff;
}

/* .subtitlecentervs width : 15%; modified 3/14/18 */
#sourcelogo {
height : 90px;
margin-left : auto;
margin-right : auto;
width : 65%;

}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 1px; /* Place the button at the bottom of the page */
    right: 1px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

.width15 {
    max-width:15%;
    margin: auto;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
}
.width15l {
    max-width:15%;
float : left;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
}
.width15r {
    max-width:15%;
float : right;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
}
.width20 {
    max-width:20%;
    margin: auto;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
	text-align : center;	
}
.width20l {
    max-width:20%;
float : left;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
}
.width20r {
    max-width:20%;
float : right;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
}
.width25 {
    max-width:25%;
    margin: auto;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
	text-align : center;	
}
.width25l {
    max-width:25%;
float : left;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
}
.width25r {
    max-width:25%;
float : right;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
}
.width50 {
    max-width:50%;
    margin: auto;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;	
}
.width50j {
    max-width:50%;
    margin: auto;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
text-align : justify;	
}
.width50l {
    max-width:50%;
float : left;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em
}
.width50r {
    max-width:50%;
float : right;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
}
.width37 {
    max-width:37%;
    margin: auto;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
	text-align : center;	
}

.width37r {
    max-width:37%;
float : right;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
}
.width37rj {
    max-width:37%;
float : right;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
text-align : justify;	
}

.width37l {
    max-width:37%;
float : left;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
}
.width37lj {
    max-width:37%;
float : left;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;
text-align : justify;
}
.width67 {
    max-width:67%;
    margin: auto;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;	
}
.width67j {
    max-width:67%;
    margin: auto;
padding-left : .5%;
padding-right : .5%;
text-align : center;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;	
}
.width67r {
    max-width:67%;
float : right;
padding-left : .2%;
padding-right : .2%;
}

.width75 {
    max-width:75%;
    margin: auto;
padding-left : .5%;
padding-right : .5%;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;	
}
.width75j {
    max-width:75%;
    margin: auto;
padding-left : .5%;
padding-right : .5%;
text-align : center;
font-size : 80%;
font-weight : bold;
line-height : 1.1em;	
}
.width75r {
    max-width:75%;
float : right;
padding-left : .2%;
padding-right : .2%;
}
.width100 {
    width: 100%;
    height: auto;
  }
.width100f {
    width: 100%;
    height: auto;
	font-weight : bold;
	text-align : justify;
  } 
.signedright {
width : 100%;
color : #000000;
font-size : 100%;
float : right;
font-family :  Lucida Handwriting, brush script mt, Zapf-Chancery;
font-style : italic; 
padding-left : 4px;
padding-right : 4px;
margin-right : .1%;
margin-left : 1%;
line-height : 1.1em;
border-bottom : 1px solid #888;
} 
.signedleft {
width : 100%;
color : #000000;
font-size : 100%;
float : left;
font-weight : bold;
font-family :  Lucida Handwriting, brush script mt, Zapf-Chancery;
font-style : italic; 
padding-left : 1%;
padding-right : 1%;
margin-right : 1%;
margin-left : 1%;
line-height : 1.1em;
border-bottom : 0px solid #888;
}   
.subtitlecentervs {
width : 15%;
color : #000000;
font-size : 100%;
font-family : Arial, Helvetica, sans-serif;
margin-left : auto;
margin-right : auto;
line-height : 1.1em;
} 
.subtitleleft {
width : 25%;
color : #000;
font-size : 75%;
float : left;
text-align : justify;
font-family : Arial, Helvetica, sans-serif;
padding-left : 0px;
padding-right : .5%;
margin : .5%;
margin-left : .5%;
line-height : 1em;
}
.subtitleright {
width : 21%;
color : #000;
font-size : 75%;
float : right;
text-align : justify;
font-family : Arial, Helvetica, sans-serif;
padding-left : 0px;
padding-right : .5%;
margin : .5%;
margin-right : .5%;
line-height : 1em;
}

.aside {
background-color : #f8f8ff;
float : left;
width : 25%;
height : auto;
margin : 1.5%;
border : #bbb solid 1px;
padding : 1.5%;
font-size : 85%;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.asideright {
background-color : #f8f8ff;
float : right;
width : 25%;
height : auto;
margin : 1.5%;
border : #bbb solid 1px;
padding : 1.5%;
font-size : 85%;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.asidebox {
background-color : #f8f8ff;
float : right;
width : 100%;
margin : 1.5%;
border : #bbb solid 1px;
padding : 5px;
font-size : 85%;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.asidesmall{
background-color : #f8f8ff;
float : right;
width : 30%;
margin : 0.5%;
border : #bbb solid 1px;
padding : .5%;
font-size : 90%;
font-weight : bold;
line-height : 1.2em;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.aside37{
background-color : #f8f8ff;
float : right;
width : 37%;
margin : 0.5%;
border : #bbb solid 1px;
padding : .5%;
font-size : 90%;
font-weight : bold;
line-height : 1.2em;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.aside37l{
background-color : #f8f8ff;
float : left;
width : 37%;
margin : 0.8%;
border : #bbb solid 1px;
padding : .8%;
font-size : 90%;
font-weight : bold;
line-height : 1.2em;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.aside1 {
background-color : #f8f8ff;
float : right;
width : 100%;
margin : 1.5%;
border : #bbb solid 1px;
padding : 5px;
font-size : 85%;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.aside50 {
background-color : #f8f8ff;
float : right;
width : 50%;
margin : 1.5%;
border : #bbb solid 1px;
padding : 5px;
font-size : 85%;
font-weight : bold;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.aside40 {
background-color : #f8f8ff;
float : right;
width : 40%;
margin : 1.5%;
border : #bbb solid 1px;
padding : 5px;
font-size : 85%;
font-weight : bold;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}

.aside35 {
background-color : #f8f8ff;
float : right;
width : 35%;
margin : 1.5%;
border : #bbb solid 1px;
padding : 5px;
line-height : 1.2em;
font-size : 98%;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ; 
}
.asideleft {
background-color : #f8f8ff;
float : left;
width : 35%;
margin : 3%;
border : #bbb solid 1px;
padding : 5px;
font-size : 85%;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ;
}
.asideleftsmall{
background-color : #f8f8ff;
float : left;
width : 30%;
margin : .5%;
border : #bbb solid 1px;
padding : 5px;
font-size : 70%;
line-height : 1em;
   border-radius:15px;  
   box-shadow:0px 5px 10px 1px tomato  ;
}

.smcomment {
color : #0000ff;
border : #0000ff dotted 4px;
font-size : 80%;
text-align : justify;
width : 80%;
margin-left : auto;
margin-right : auto;
padding : 4px;
   border-radius:15px;  
   box-shadow:5px 5px 10px 1px Tomato  ;
}
.menulist ul ul{
font :  Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding-left : 2px;
list-style-type : none;
width : 90%;
line-height : 1.2em;
text-indent: 1px;
margin-left: 0; padding-left: 0;
font-size : 60%;
}
.menulist li li {
font : Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 2px;
width : 95%;
list-style-type : none;
text-align : left;
line-height : 1.2em;
text-indent: 1px;
font-size : 60%;
margin-left: 0; padding-left: 0;
}
.tablelines table {
margin-left : auto;
margin-right : auto;
font-size : 90%;
font-family : Arial, geneva, helvetica;
width : 95%;
text-align : left;
font-weight : bold;
vertical-align : top;
border : #f5f5dc dotted 0;
border-collapse : collapse;
}
.tablelines td {
font-size : 90%;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #f5f5dc dotted 0;
line-height : 1.2em;
padding : 5px;
text-align : left;
border-collapse : collapse;
}
.tablelines th {
vertical-align : top;
font-family : Arial, geneva, helvetica;
font-size : 90%;
border : #f5f5dc dotted 0;
line-height : 1.2em;
padding : 5px;
text-align : center;
border-collapse : collapse;
}
.largetable table {
margin-left : auto;
margin-right : auto;
font-size : 100%;
font-family : Arial, geneva, helvetica;
width : 98%;
text-align : left;
vertical-align : top;
border : #808080 solid 1px;
border-collapse : collapse;
}
.largetable td {
font-size : 100%;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #808080 solid 1px;
line-height : 1em;
padding : 5px;
text-align : left;
}
.largetable th {
font-size : 100%;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #808080 solid 1px;
line-height : 1em;
padding : 5px;
text-align : center;
}

.aircrafttable table {
margin-left : auto;
margin-right : auto;
font-size : 95%;
font-weight: bold;
font-family : Arial, geneva, helvetica;
width : 98%;
text-align : left;
vertical-align : top;
border : #808080 solid 1px;
border-collapse : collapse;
}
.aircrafttable td {
font-size : 95%;
font-weight: bold;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #808080 solid 1px;
line-height : 15px;
padding : 1px;
text-align : center;
}
.aircrafttable th {
font-size : 95%;
font-weight: bold;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #808080 solid 1px;
line-height : 15px;
padding : 2px;
text-align : center;
}

.picturetable table, tr {
margin-left : auto;
margin-right : auto;
font-size : 90%;
font-family : Arial, geneva, helvetica;
/*text-align : left; */
text-align : justify;
vertical-align : top;
border : solid white 0px;
border-collapse : collapse;
width:100%;
}
.picturetable td {
font-size : 100%;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : solid white 0px;
border-collapse : collapse;
line-height : 1em;
padding : 5px;
/*text-align : left; */
text-align : justify;
width: 150px;
}
.picturetable th {
font-size : 100%;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : solid white 0px;
border-collapse : collapse;
line-height : 1em;
padding : 5px;
text-align : center;
}
.tablesmall table {
margin-left : auto;
margin-right : auto;
font-size : 90%;
font-family : Arial, geneva, helvetica;
width : 65%;
text-align : left;
font-weight : bold;
vertical-align : top;
/* border : #f5f5dc dotted 0; */
border-collapse : collapse;
}
.tablesmall tr, td {
font-size : 90%;
vertical-align : top;
font-family : Arial, geneva, helvetica;
/* border : #f5f5dc dotted 0;*/
line-height : 1.2em;
padding : 5px;
text-align : left;
border-collapse : collapse;
}
.tablesmall tr, th {
vertical-align : top;
font-family : Arial, geneva, helvetica;
font-size : 90%;
/* border : #f5f5dc dotted 0;*/
line-height : 1.2em;
padding : 5px;
text-align : center;
border-collapse : collapse;
}
.tablenorm table {
margin-left : auto;
margin-right : auto;
font-size : 90%;
vertical-align : top;
font-weight : bold;
border : #bbb solid 1px; 
border-collapse : collapse;
width : 95%;
padding : 0.7em;
}
.tablenorm th {
vertical-align : top;
border : #bbb solid 1px;
line-height : 1.5em;
padding : 0.7em;
text-align : center;
border-collapse : collapse;
/*width : 12%;*/
}
.tablenorm td {
vertical-align : top;
border : #bbb solid 1px;
line-height : 1.5em;
padding : 0.7em;
text-align : left;
border-collapse : collapse;
font-weight : bold;
/*width : 88%; */
}

.tablemedium table {
margin-left : auto;
margin-right : auto;
font-size : 90%;
vertical-align : top;
font-weight : bold;
border : #bbb solid 1px; 
border-collapse : collapse;
width : 50%;
padding : 0.7em;
}
.tablemedium th {
vertical-align : top;
border : #bbb solid 1px;
line-height : 1.5em;
padding : 0.7em;
text-align : center;
border-collapse : collapse;
/*width : 12%;*/
}
.tablemedium td {
vertical-align : top;
border : #bbb solid 1px;
line-height : 1.5em;
padding : 0.7em;
text-align : left;
border-collapse : collapse;
font-weight : bold;
/*width : 88%; */
}


.tablesmalllines table {
margin-left : auto;
margin-right : auto;
font-size : normal;
background-color : #fff;
font-family : Arial, geneva, helvetica;
width : 35%;
text-align : left;
font-weight : bold;
vertical-align : top;
border : #f5f5dc dotted 0;
border-collapse : collapse;
}
.tablesmalllines tr, td {
font-size : normal;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #f5f5dc dotted 0;
line-height : 1.2em;
background-color : #fff;
padding : 5px;
text-align : left;
border-collapse : collapse;
}
.tablesmalllines tr, th {
vertical-align : top;
font-family : Arial, geneva, helvetica;
font-size : normal;
border : #f5f5dc dotted 0;
line-height : 1.2em;
background-color : #fff;
padding : 5px;
text-align : center;
border-collapse : collapse;
}

tr.c1 {background color : #00cc00} /* Newest Members */

tr.c2 {background color : #99ffff}  /* Deceased Association Members / Widowed Members */

tr.c3 {
tr.c3 {background color : #ffd700} /* Plank Owner / deceased Plank Owner */

tr.c4 {
tr.c4 {background color : #f0e68c} /* Deceased Plank Owner */

tr.c5 {background color : #ffccff} /* Deceased Association Member & Wife */

td.c1 {background color : #00cc00} /* Newest Members */

td.c2 {background color : #99ffff}  /* Deceased Association Members / Widowed Members */

td.c3 {background color : #ffd700} /* Plank Owner / deceased Plank Owner */

td.c4 {background color : #f0e68c} /* Deceased Plank Owner */
}
td.c5 {background color : #ffccff} /* Deceased Association Member & Wife */
}
tr.c6 {
color : red;
font-size : 100%;
text-align : center;
font-weight : bold;
}
td.c7 {
background-color : #dddddd;
text-align : center;
}
tr.c7 {
background-color : #dddddd;
text-align : center;
}
.cx  {
	font-size : 100%;
	color : red;
	font-weight : bold;
}

.subtitle {
font-variant : small-caps;
font-family : Arial, geneva, helvetica;
color : #000080;
font-size : 100%;
text-align : center;
}
.subtitleblack {
font-variant : small-caps;
font-family : Arial, geneva, helvetica;
color : #000000;
font-size : 100%;
font-weight : bold;
text-align : center;
}

.subtitlered {
font-variant : small-caps;
font-family : Arial, geneva, helvetica;
color : #dd0000;
font-size : 100%;
text-align : center;
}

.imagetable table {
margin-left : auto;
margin-right : auto;
font-size : 95%;
font-weight: bold;
font-family : Arial, geneva, helvetica;
width : 98%;
text-align : left;
vertical-align : top;
border : #FFF solid 1px;
border-collapse : collapse;
column-width : 200px;
}
.imagetable td {
font-size : 95%;
font-weight: bold;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #FFF solid 1px;
line-height : 1em;
padding : 1px;
text-align : left;
column-width : 200px;
}
.imagetable th {
font-size : 95%;
font-weight: bold;
vertical-align : top;
font-family : Arial, geneva, helvetica;
border : #FFF solid 1px;
line-height : 1em;
padding : 1px;
text-align : center;
column-width : 250px;
}
.maillist ol{
font-family : Lucida Console, Monaco, monospace;
font-size : 100%;
padding : 4px;
width : 98%;
list-style-type : none;
text-align : left;
}
.maillist li{
font-family : Lucida Console, Monaco, monospace;
font-size : 100%;
padding : 4px;
width : 98%;
list-style-type : none;
text-align : left;
/* white-space : nowrap; added 01/14/2013 for JTWC 1965 chap 1.*/
}

#pagedate {
color : #191970;
font-weight : bold;
font-size : 80%;
text-align : center;
width : 99%;
margin-right : auto;
margin-left : auto;
 padding: 1%;
}
.buttonnav{
            width: 15%;
            height: 35px;
            margin-bottom: 15px;
			margin-top: 15px;
			padding-top:5px;
			margin-left: 2%;


 text-shadow: 2px 2px 4px #000;

			font-size : 100%;
			font-weight: bold;
            text-align:center;
            background-image:url(bkgfabric02.jpg);
			color : #fff;
            /*border: solid 2px #4c2e16; */
            border-radius: 30px;
            box-shadow:0px 0px 15px 0px Lightcoral inset;
}
.shortline {
border-bottom: 1px solid #bbb;
width : 20%;
float : left;
}
.smalllist ul ul {
font : 8pt Arial, geneva, helvetica;
color : #000;
font-weight : normal;
padding : 10%;
list-style-type : dot;
margin-left : 0.2%;
width : 98%;

}
.smalllist li  li {
font : 8pt Arial, geneva, helvetica;
color : #000;
font-weight : normal;
padding : .2%;
list-style-type : dot;
width : 98%;
}

.boldlargelist ul, ul {
font : 12pt Arial, geneva, helvetica;
color : #000;
line-height : 1.2em;
margin : 1%;
font-weight : normal;
text-align : justify;
}
.boldlargelist li, li {
font : 12pt Arial, geneva, helvetica;
color : #000;
line-height : 1.2em;
font-weight : normal;
text-align : justify;
margin : 1%;
}
.subtitle2 {
color : #000080;
font-size : 80%;
text-align : center;
border-bottom : 1px solid #888;
}
.subtitle1 {
color : #000000;
padding : 1px;
font : 10pt Arial, geneva, helvetica;
font-weight : bold;
margin-left : auto;
margin-right : auto;
text-align : justify;
width : 100%;
float: left;
border-bottom : 0px solid #888;
}


.subtitlecenter {
width : 60%;
color : #000000;
font-size : 80%;
font-family : Arial, Helvetica, sans-serif;
padding-left : 4px;
padding-right : 4px;
margin-left : auto;
margin-right : auto;
line-height : 1.2em;
border-bottom : 1px solid #888;
}
.subtitlecenterlarge {
width : 80%;
color : #000000;
font-size : 100%;
font-family : Arial, Helvetica, sans-serif;
padding-left : 4px;
padding-right : 4px;
margin-left : auto;
margin-right : auto;
line-height : 1.2em;
/*border-bottom : 1px solid #888;*/
}
.subtitleleftlarge {
width : 40%;
color : #000000;
font-size : 80%;
float : left;
font-family : Arial, Helvetica, sans-serif;
padding-left : 0px;
padding-right : 5%;
margin : .1%;
margin-right : 2%;
line-height : 1.2em;
}
.subtitleleftsmall {
width : 15%;
color : #000000;
font-size : 70%;
float : left;
font-family : Arial, Helvetica, sans-serif;
padding-left : 0px;
padding-right : 4px;
margin : 1%;
line-height : 1.2em;
}
.subtitleleftmed {
width : 22%;
color : #000000;
font-size : 70%;
float : left;
font-family : Arial, Helvetica, sans-serif;
/*padding-left : 0px;
padding-right : 4px;*/
padding : 5px;
margin : 1%;
line-height : 1.2em;
}

.featurered {
font-style : italic;
color : #ff0000;
text-align : center;
font-size : 85%;
font-weight : bold;
}
.largered {
color : #ff0000;
text-align : center;
font-size : 120%;
font-weight : bold;
}
.shortline {
border-bottom: 1px solid #bbb;
width : 20%;

float : left;
}
.imageleft	{
		display: block;
		margin: 0px auto 15px auto;
		border: #004C76 5px solid;
font-size : 70%;
float : left;
font-family : Arial, Helvetica, sans-serif;
/*padding-left : 0px;
padding-right : 4px;*/
padding : 5px;
margin : 1%;
line-height : 1.2em;		
  	/* CORNER ROUNDING */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		}
.menux 	{
		color: #fff; 
		height: auto;
		line-height: normal;
		font-size : 90%;
		background-color: #fffae0; /*#155c96  #155596 */
		border-bottom : 1px solid #888;	
		border-top : 1px solid #888;
		margin: 1px auto 0px auto;
		padding: 0px;
margin-left : 5%;
margin-right : 5%;
 /*text-shadow: 2px 2px 4px #000;*/		

  	/* CORNER ROUNDING */
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;		
		}	
/*		
a:link, 
a:visited, { color: #00ff00; text-decoration: none; } #3366FF;  
a:active 	{ color: #800000;} */
 /*
a:visited {Color: #FF8C00;} #D2691E;
a:hover 	{ color: #ff0000; text-decoration: underline;} ?* { color: #006699; text-decoration: underline; }{font-size: 105%;}
*/

/*.menux  a, .menux a:hover  
            { background-color: transparent; border: white 0px solid; cursor: text-decoration: underline; default; Color: #FF8C00;}*/
/*			
.menux  a:link,
.menux  a:visited {Color: #FF8C00; text-decoration: none; white-space: nowrap;}
.menux  a:active 	{ color: #B5D0E7; text-decoration: none; white-space: nowrap; }

*/	

.limageblock36 {
    box-sizing: content-box; 
float: left;	
    height: auto;
   
    border: 0px solid blue;
	font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 4px;
max-width : 36%;
list-style-type : none;
text-align : left;
}
.ltextblock36 {
    box-sizing: content-box; 
float: left;	
    height: auto;
   
    border: 0px solid blue;
	font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 4px;
width : 95%;
list-style-type : none;
margin-left : auto;
margin-right : auto;
text-align : justify;
}
.rimageblock36 {
float: right;	
    height: auto;
   
    border: 0px solid blue;
	font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 4px;
max-width : 36%;
list-style-type : none;
text-align : left;
}
.rtextblock36 {
    box-sizing: content-box; 
float: left;	
    height: auto;
   
    border: 0px solid blue;
	font : 10pt Arial, geneva, helvetica;
color : #000;
font-weight : bold;
padding : 4px;
width : 95%;
list-style-type : none;
margin-left : auto;
margin-right : auto;
text-align : justify;
}

	


/* FOR OPTIONAL HOME PAGE IMAGE */

.homeimage	{ width: 100%; display: block; }

.homeimage-border	{
			max-width: 900px;
			min-width: 250px;
			margin: 0 auto;
			box-sizing: border-box;
			border: #5E7287 5px solid;
  		/* CORNER ROUNDING */
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-khtml-border-radius: 4px;
			border-radius: 4px;
			}




/* RIGHT SIDEBAR */

#sidebar-content 	{
			float: left;
			width: 100%;
			max-width: 280px;
			padding: 0px;
			border-left: #C5CBD4 1px solid;
			}

.sidebar-pad 	  	{ padding: 0px 0px 10px 35px; }

.sidebar-textarea	{
			text-align: left;
			width: 235px;
			margin: 0 auto;
			padding: 0px 0px 10px 0px;
		  	border: solid #CECECE;
		  	border-width: 0px 0px 1px 0px;
		  	/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}

.sidebar-text 	{
		color: #72767F;
		font: 13px "PT Sans", arial, sans-serif;
		text-align: left;
		font-weight: normal;
		line-height: normal;
		}

.sidebar-title	{
		color: #FFFFFF;
		font: 16px "Open Sans", arial, sans-serif;
		font-weight: normal;
		line-height: normal;
		background-color: #5E7287;
		padding: 5px 5px 6px 6px;
		margin: 0px auto 7px auto;
  	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}

.sidebar-image	{
		display: block;
		margin: 0px auto 15px auto;
		border: #004C76 5px solid;
  	/* CORNER ROUNDING */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		}

.side-links	{
		padding: 10px 0px 10px 0px;
		margin: 0px;
		}

.side-links a	{
		font: 15px "PT Sans", arial, sans-serif;
		font-weight: normal;
		line-height: normal;
		display: block;
		padding: 6px 0px 6px 10px;
		border: dashed #38A2C9;
		border-width: 0px 0px 1px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

.side-links a:first-child { border-width: 1px 0px 1px 0px; }




/* FOOTER */

.footer-splits 	{
		color: #FFFFFF;
		height: 15px;
		line-height: normal;
		background-color: #004C76;
		margin: 0px auto 0px auto;
		padding: 0px;
		border: solid #5D8AB1;
		border-width: 8px 0px 0px 0px;
		}

#FooterFRM	{ visibility: visible; }

.footer-frame	{
		display: block;
		width: 100%;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		}

.footer-height	{ height: 350px; }

.footer-page	{
		background-color: #004C76;
		margin: 0px;
		padding: 0px;
		background-image: none;
		}

.footer-page, .footer-page div, .footer-page table { color: #FFFFFF; }

.footer-pad	{ padding: 50px 10px 10px 10px; }

.footer-border	{
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
		/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		}

div.footer-title {
		color: #FFFFFF;
		font: 18px "Open Sans", arial, sans-serif;
		font-weight: normal;
		padding-bottom: 5px;
		margin-bottom: 3px;
		border-bottom: #FFDC97 1px solid;
		}

table.footer-links td 	{
			padding: 5px 30px 5px 30px;
			border-right: #286083 1px solid;
			}

.footer-image		{
			margin: 30px 0px 3px 10px;
			border: #5D8AB1 2px solid;
			}

.footer-image-table	{ margin-left: 20px;}

.footer-links	{ font-size: 14px; line-height: 30px; }

.footer-social	{ width: 180px; padding-left: 10px; }

.footerlinks-1	{ width: 33%; }

.footerlinks-2	{ width: 33%; }

.footerlinks-3	{ width: 33%; }

.html5-icon	{ margin-top: 12px; margin-bottom: 8px; }

.footer-copyright {
		  color: #FFFFFF;
		  font: 12px "PT Sans", arial, sans-serif;
		  font-weight: normal;
		  line-height: normal;
		  padding: 14px 0px 14px 0px;
		  margin: 0px 0px 0px 0px;
		  background-color: #004C76;
		  border: solid #5D8AB1;
		 height: auto;
		  border-width: 1px 0px 0px 0px;
		  /* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
		  }

		  

/* FOOTER LINK COLORS */

body.footer-page a:link, 
body.footer-page a:visited, 
body.footer-page a:active 	{ color: #B5D0E7; text-decoration: none; white-space: nowrap; }

body.footer-page a:hover 	{ color: #FFFFFF; text-decoration: none; white-space: nowrap; }


/* COPYRIGHT LINK COLORS */

div.footer-copyright a:link, 
div.footer-copyright a:visited, 
div.footer-copyright a:active 	{ color: #B5D0E7; text-decoration: none; }

div.footer-copyright a:hover 	{ color: #FFFFFF; text-decoration: underline; }




/* SOCIAL ICONS (SEE ALSO .footer-social ABOVE) */

.socialspace	   { padding-left: 1px; padding-right: 1px; }

.socialRspace	   { width: 0px; }

.socialicon	   { border: #004C76 1px solid; display: block; background-color: #004C76; }

.socialicon:hover  { border: #5D8AB1 1px solid; }

.mobile-social	   { display: none; }




/* CONTACT PAGE CODE */

.contact-pad 			{ padding: 15px 0px 15px 0px; }

.contact-select			{ color: #006699; font-weight: normal; }

.contactform-table		{ margin: 20px 0px 10px 50px; }

table.contactform-table td	{ padding: 1px 0px 1px 0px; }

input[type=submit].submitbutton, input[type=reset].submitbutton 
		{
		color: #FFFFFF;
	       	font: bold 12px arial, sans-serif;
		text-align: center;
		background-color: #004C76;
		-webkit-appearance: none;
		padding: 7px 8px 7px 8px;
		margin: 0px 0px 0px 0px;
		cursor: pointer;
		width: 120px;
        	border: #004C76 1px solid;
  	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}

input[type=submit].submitbutton:hover, input[type=reset].submitbutton:hover 
		{
		color: #FFFFFF;
		background-color: #5E7287;
        	border: #5E7287 1px solid;
		}

.shadeform	{
		font: 13px arial, sans-serif;
		color: #000000;
		background-color: #FFFFFF;
		background-image: url("picts/shadeform.png");
		text-align: left;
		width: 200px;
		border: #8DB1D3 1px solid;
		}

.textarea	{
		font: 13px arial, sans-serif;
		background-color: #FFFFFF;
		color: #000000;
		background-image: url("picts/shadeform.png");
		text-align: left;
		width: 250px;
		height: 150px;
		border: #8DB1D3 1px solid;
		}

.dropdown 	{
		font: 13px arial, sans-serif;
		background-color: #FFFFFF;
		color: #000000;
		width: 225px;
		}




/* CONTACT PAGE GOOGLE MAP & DIRECTIONS */

#map-canvas	{ width: 235px; height: 160px; }


/* CONTACT PAGE GOOGLE DIRECTIONS */

.directions		{ font-size: 12px; font-weight: normal; line-height: normal; padding: 8px 0px 5px 0px; }

.directions .shadeform	{ width: 233px; margin: 0px 0px 5px 0px; }

input[type=submit].directionbutton	{ width: 235px; }


/* OPTIONAL No-Form-contact.htm PAGE */

.no-formmargin	{ margin: 25px 0px 25px 0px; }




/* LINKS PAGE CODE */

table.searcharea td	{ padding: 0px 3px 0px 0px; }

.searcharea		{ margin: 18px 0px 18px 0px; }

.searchform 	{
		color: #000000;
		font: 12px arial, sans-serif;
		text-align: left;
		background-color: #FFFFFF;
		background-image: url("picts/shadeform.png");
		width: 110px;
		border: #8DB1D3 1px solid;
		}

.searchbutton 	{
		color: #FFFFFF;
	       	font: bold 12px arial, sans-serif;
		text-align: center;
		background-color:#5E7287;
		-webkit-appearance: none;
		height: 21px;
		margin-top: 0px;
		cursor: pointer;
		border: #5E7287 1px solid;
  	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}




/* PAYPAL payments.htm PAYMENT PAGE CODE */

.payform 			{ width: 150px; }

input[type=submit].payform 	{ width: 152px; margin-bottom: 10px; }

.payformbox	{
		background-color: #F4F1EE;
		border: #CDC5C0 1px solid;
		}

.paypaltable td	{ vertical-align: middle; padding: 6px 10px 6px 10px; }

.paypalbadge-space	{ padding: 30px 10px 8px 0px; }




/* PDF PAGE */

.pdf-icon	{ margin: 10px 0px 0px 15px; }



/* STAFF PAGE */

.staff-email	{
		color: #CC9900;
		font-family: "PT Sans", arial, sans-serif;
		font-weight: bold;
		line-height: normal;
		margin: 7px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		border-top: #CC9900 1px solid;
		}




/* HIDE MENU AND ITEMS FOR PRINTING */

@media print {
.printhide 	{ display:none; }
.pageheight 	{ min-height: 50px; }
}
@media screen{
.printonly 	{ display:none; }
}




/* START THE CODE FOR THE MENU */

/* EDIT .pagebox PADDING TO 0 ABOVE FOR FULL WIDTH */

#menudiv a		{ outline: none; }

#menudiv		{
			position: relative;
			padding: 0px 0px 0px 0px;
			margin: 0px auto 0px auto;
			border: #000000 solid;
			border-width: 0px 0px 0px 0px;
			}

/* MENU BACKGROUND COLOR & OUTER RADIUS */

#menudiv, #menusub	{
			background-color: #004C76;
  		/* CORNER ROUNDING */
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			-khtml-border-radius: 4px;
			border-radius: 4px;
			}

/* MENU WIDTH, PADDING, FONT FACE & COLOR */

#menusub a 		{
			color: #FFFFFF;
			font-family: "Open Sans", arial, helvetica, sans-serif;
			font-size: 13px;
			font-weight: normal;
			line-height: normal;
			text-decoration: none;
			text-align: center;
			padding: 14px 15px 14px 15px;
			margin: 0px 0px 0px 0px;
			cursor: pointer;
			background-color: transparent;
			display: inline-block;
			border: #999999 solid;
			border-width: 0px 0px 0px 0px;
		/* MENU FADE UP */
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s;
    			*display:inline;	/* For IE */
    			*zoom:1;		/* For IE */
			}


/* BORDERS FIRST MENU LINK */

#menusub a:first-child	{ border-width: 0px 0px 0px 0px; }


/* MENU HOVER COLORS */

#menusub a:hover 
			{
			color: #FFFFFF;
			background-color: #0079C0;
			text-decoration: none;
			}


/* MOBILE MENU ICON - SEE ALSO media-queries.css FOR MORE MOBILE COLORS AND FONTS!! */

#mobile-menu-icon	{ cursor: pointer; display: none; text-align: center; padding: 5px 0px 5px 5px; }

.menu-icon-img		{ display: block; margin: 0px auto 0px 0px; }
/* responsive gallery from W3C 
source div.gallery source https://www.w3schools.com/css/tryit.asp?filename=trycss_image_gallery_responsive 


div.gallery {
    border: 1px solid #ccc;
}
*/


div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}
/*
div.picturetext {
    padding: 10px;
    text-align: justify;
	width: 98%;
}
*/

div.picturetitle         
{ color: #ff0000; font: 12px "Trebuchet MS", verdana, arial, sans-serif; font-weight: bold; width: 98%; height: auto; }
div.picturetext        
{ color: #111; padding: 10px; font: 14px "Trebuchet MS", verdana, arial, sans-serif; text-align : justify; font-weight: initial; width: 98%; height: auto; }


* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 600px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 400px) {
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}