@charset "utf-8";

/* code from - <!-- https://www.thesitewizard.com/css/mobile-ready-two-column-layout.shtml */
@media all and (min-width: 630px) {
  /* two column code */
  #container {
    display: flex ;
    align-items: stretch ;
    flex-flow: row wrap ;
	background-color: AliceBlue /* #FF9 - light yellow, #FF9 -strong yellow, #FFC; - pale yellow */
  }
  #navbar {
    order: 1 ;
    width: 13%;
	background-color: AliceBlue  /*  #FFF white, #d5d5d5 dark gray */
	font-size: 95%;
	padding : 5px ;
  }
  #gap {	   /* added to get 'margin' */
    order: 2 ;
    width: 3%;
  }
  #content {
    order: 3 ;
    width: 82% ;
  }
  #right-gap {
    order: 4 ;
    width: 1%;
  }
}
@media all and (max-width: 629px) {
  /* one column code */
  #container {
    display: flex ;
    align-items: stretch ;
    flex-flow: column wrap ;
	background-color: AliceBlue ; 
  }
  #navbar {
    order: 2 ;
    width: 100%;
	background-color: AliceBlue; /* strong yellow - `#d5d5d5` is  dark gray */
  }
  #content {
    order: 1 ;
    width: 100% ;
	background-color: AliceBlue; 
  }
} 

/* end of : code from - <!-- https://www.thesitewizard.com/css/mobile-ready-two-column-layout.shtml */

/* code from my_styles_2014 with references to Divs removed */
a:link {color: blue;text-decoration: none}
a:visited {color: blue;text-decoration: none}
a:active {text-decoration: none}
a:hover {color: gray;text-decoration: underline}
a img {border: none; } 

body  {
	color: #000;   /* 000 == black, 00C == blue */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	/*background-color: #FFF;   /* white */
}

.toprow {color:blue; font-family: Bradley Hand ITC, cursive; }

.footer {color:blue; font-family: "Arial", cursive; font-size: 90%; }

.paypalFooter{color:blue;font-family:Arial;font-size:70%}

.copyright {color:gray;font-family: "Comic Sans MS", cursive; font-size: 80%; }

.smallPrint_black{color:black;font-family:Arial;font-size:70%}

.SullivanLinks {
	font-size: 90%;
}

.myborders {
    border-radius:5px;
}

/* -- following code from http://www.somacon.com/ -- */
table.myTable {
	border-width: thin;
	border-spacing: 2px;
	border-style: outset;
	border-color: black;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.0pt;
	}
table.myTable th {
	border-width: thin;
	padding: 2px;
	border-style: inset;
	border-color: black;
	background-color: #FFCC00;
}
table.myTable td {
	border-width: thin;
	padding: 2px;
	border-style: inset;
	border-color: black;
}

/* probably from copied from WF website  */
.contactform {
	BORDER-RIGHT: rgb(200,200,200) 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: rgb(200,200,200) 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 2em 0px 0px; BORDER-LEFT: rgb(200,200,200) 1px solid; WIDTH: 450px; PADDING-TOP: 10px; BORDER-BOTTOM: rgb(200,200,200) 1px solid; BACKGROUND-COLOR: rgb(240,240,240)
}
.contactform LABEL.left {
	FONT-SIZE: 100%; FLOAT: left; MARGIN: 0px; WIDTH: 100px
}
.contactform SELECT.combo {
	BORDER-RIGHT: rgb(200,200,200) 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: rgb(200,200,200) 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 90%; PADDING-BOTTOM: 2px; BORDER-LEFT: rgb(200,200,200) 1px solid; WIDTH: 175px; PADDING-TOP: 2px; BORDER-BOTTOM: rgb(200,200,200) 1px solid
}
.contactform INPUT.field {
	BORDER-RIGHT: rgb(200,200,200) 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: rgb(200,200,200) 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 90%; PADDING-BOTTOM: 2px; BORDER-LEFT: rgb(200,200,200) 1px solid; WIDTH: 275px; PADDING-TOP: 2px; BORDER-BOTTOM: rgb(200,200,200) 1px solid
}
.contactform P {
	FONT-SIZE: 90%
}

.contactform LEGEND {
	color:blue
}