/* previewphone.css Created by Nancy Bond for Preview Form for screens like phones 550 or smaller */

body { 
  background-color: #3a4148;   /*dadcdd light gray cccdce medium gray */
  background-image: linear-gradient(#bfc1c2,#b3b6b7,#b3b6b7,#393f46,#3a4148);   /* bfc1c2 b3b6b7 medium light gray; dadcdd light gray; 393f46 New Dark Gray; */
  font-family:      Tahoma, Arial, sans-serif;
  font-size:        14px;
  margin:           auto;
  width:  480px; 
}

#pagerectangle {
	background-color: #ebf4fe;  /* was c8d5e1 Light Blue with gray undertones */    /* ebf4fe Very light baby blue */
	margin: auto;
	width:  480px;  /* was 480px */
}

header {
	text-align:  center;
	width:       100%;
	margin:      auto;
}

/* For the links at top below header banner */
.toplinks {
	background-color: #ffffff;  /* White */
	width: 100%;    /* max-width: 650px; */
	margin: auto;
	padding: 0px 0px 0px 0px;  /* top right bottom left */
	text-align: center;
        color: ffffff;
}

#nav1 {			/* Home */
    display: table-cell;
    background-color: #ffffff;  /* White */
    padding: 2px 15px 4px 10px;  /* top right bottom left */
    vertical-align: middle;
    text-align: center;
    width:   11%
}

#nava {			/* Preview */
    display: table-cell;
    background-color: #ffffff;  /* White */
    padding: 2px 12px 4px 10px;  /* top right bottom left */
    vertical-align: middle;
    text-align: center;
    width:   12.3%
}

#navb {			/* Order */
    display: table-cell;
    background-color: #ffffff;  /* White */
    padding: 2px 15px 4px 15px;  /* top right bottom left */
    vertical-align: middle;
    text-align: center;
    width:   12.3%
}
#navc {			/* Mysteries */
    display: table-cell;
    background-color: #ffffff;  /* White */
    padding: 2px 15px 4px 15px;  /* top right bottom left */
    vertical-align: middle;
    text-align: center;
    width:   15.6%
}
#navd {			/* Minis */
    display: table-cell;
    background-color: #ffffff;  /* White */
    padding: 2px 12px 4px 15px;  /* top right bottom left */
    vertical-align: middle;
    text-align: center;
    width:   12.3%
}

#nave {			/* Christmas */
    display: table-cell;
    background-color: #ffffff;  /* White */
    padding: 2px 15px 4px 15px;  /* top right bottom left */
    vertical-align: middle;
    text-align: center;
    width:   12.3%
}

.navphone {     /* This makes the nav header inline so that span can be used. */
 display: inline;
}

.preview {      /* This hides items like the large header picture. */
  	display: none;
}

.medium {      /* This hides items like the medium 1200 header picture. */
  	display: none;
}

.img1 {
  max-width: 100%;   /* width: 1920px; */
  height: auto;     /* height: 280px; */
  object-fit: cover;
}

                   /* NOT working. */
.center {
  display: inline;
  text-align: center;
  margin-left: 0 auto;
  margin-right: 0 auto;
}

.line {
  display: inline;
  margin-left: auto;
  margin-right: auto;
}

.h1 {
   font-size:      110%;
   color:          #154275; /* Dark Blue like Welcome at top */
  font-weight:   bold;
}

.big {			  /* Very Dark Blue paragraphs at top of page. */
  font-size:     120%;
  color:       #0c2c50; /* 0c2c50 Dark Blue to match bold paragraph words 154275 */
  line-height:   115%;
  text-align:    left;
  font-weight:   normal;
  text-align:    justify;
}

.boldwords {		  /* Dark Blue bold words */
  font-size:     105%;
  color:         #154275;  /* 154275 dark blue of Welcome */
  line-height:   105%;
  text-align:    left;
  font-weight:   bold;
}

.boldbl {	  /* Smaller Dark Blue to match Darkest Question Box Links */
  font-size:     95%;
  color:         #0c2c50;  /* 0c2c50 Darkest Blue; 154275 dark blue of Welcome */
  line-height:   105%;
  text-align:    left;
  font-weight:   bold;
}

.boldblsmall {		  /* Dark Blue for DT 5,6,7... */
  font-size:     95%;
  color:         #0c2c50;  /* 0c2c50 Darkest Blue; 154275 dark blue of Welcome */
  line-height:   105%;
  text-align:    left;
  font-weight:   normal;
}

.boldblslant {		  /* Dark Blue ITALIC for PLAY NAMES */
  font-size:     95%;
  color:         #0c2c50;  /* 0c2c50 Darkest Blue; 154275 dark blue of Welcome */
  line-height:   105%;
  text-align:    left;
  font-weight:   bold;
  font-style:  italic;
}

.darkwords {	   /* Dark Gray words how to pay */
  font-size:     90%;
  color:         #393a3b; /* 393a3b Dark Gray; 0c2c50 Dark Blue */
  line-height:   140%;
  text-align:    left;
  font-weight:   bold;
}

.boldblquestions {	  /* Dark Blue ITALIC for btm "Please leave any ..." */
  font-size:     95%;
  color:         #0c2c50;  /* 0c2c50 Darkest Blue; 154275 dark blue of Welcome */
  line-height:   160%;
  text-align:    center;
  font-weight:   bold;
  font-style:  italic;
}

.bold {			  /* Bold, black */
  font-size:     95%;
  color:         #000000;
  line-height:   105%;
  text-align:    left;
  font-weight:   bold;
}

.boldgray {	/* Gray words top "Please provide the following contact information:" */
  font-size:     100%;
  color:         #2f3031;  /* 2f3031 Even darker gray; 393a3b Dark gray-blue family; 4d5154 medium gray */
  line-height:   125%;
  text-align:    center;
  font-weight:   bold;
   font-style:  italic;
}

.boldlink {	  /* Hidden: Dark Blue link words at top of page like: Preview, How to Order, ... */
  font-size:     115%;
  color:         #154275;
  line-height:   110%;
  text-align:    center;
  font-weight:   bold;
}

.smallslant {	   /* SMALL Black italics. */
  font-size:     90%;
  color:         #000000;
  line-height:   105%;
  text-align:    left;
  font-style:   italic;
}

.slantred {	     /* Dark RED text italics. */
  font-size:     95%;
  color:         #750b0b; /* 750b0b deep red */
  line-height:   105%;
  text-align:    left;
  font-style:   italic;
}

.smallslantred {	   /* SMALL Dark RED text italics. */
  font-size:     85%;
  color:         #750b0b; /* 750b0b deep red */
  line-height:   105%;
  text-align:    left;
  font-style:   italic;
}

.smallslantblack {	      /* NORMAL Black text italics. */
  font-size:     95%;
  color:         #000000;
  line-height:   120%;
  text-align:    center;
  font-style:   italic;
}

.smallslantbig {		      /* Dark Blue text italics. */
  font-size:     105%;
  color:         #154275; /* was 0c2c50 Dark Blue to match bold paragraph words 154275 */
  line-height:   105%;
  text-align:    left;
  font-style:   italic;
}

.smallslantw {	   /* White italics. */
  font-size:     90%;
  color:         #ffffff;
  line-height:   105%;
  text-align:    left;
  font-style:   italic;
}

.smallslantb {	   /* Blue italics. */
  font-size:     100%;
  color:         #0c2c50; /* Dark Blue from big to match bold paragraph words 154275 */
  line-height:   105%;
  text-align:    left;
  font-style:   italic;
}

.smallslantbl {		      /* VERY DARK blue text italics. */
  font-size:     85%;
  color:         #0e2d50;  /* 0e2d50 VERY DARK blue; */
  line-height:   115%;
  text-align:    left;
  font-style:   italic;
}

.smallslantgray {		      /* Gray bold italic */
  font-size:     85%;
  color:         #7a7b7b;  /* 393a3b Dark gray in blue family; 4d5154 medium gray */
  line-height:   115%;
  text-align:    left;
  font-style:   italic;
  font-weight:   bold;
}

/* WHITE Links - NO underline - found at middle of page */
a.light:link, a.light:visited, a.light:active {
  font-size:     100%;
  color:         #ffffff;   /* white */
  text-align:    center;
  vertical-align: middle;
  line-height:   1;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:   none;  
}

a.light:hover {
  color:            #C8DFF8;  /* C8DFF8 Pale Blue */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    none;
}

/* Pale Blue Links - NO underline - Btm Copyright */
a.pale:link, a.pale:visited, a.pale:active {
  font-size:     100%;
  color:         #5687bc;  /* 5687bc Light Blue */
  text-align:    center;
  vertical-align: middle;
  line-height:   1;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:   none;  
}

a.pale:hover {
  color:            #94b5d8;  /* 94b5d8 Pale Blue */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    none;
}

/* WHITE Links - with UNDERLINE */
a.white:link, a.white:visited, a.white:active {
  font-size:     100%;
  color:         #ffffff;   /* white */
  text-align:    center;
  vertical-align: middle;
  line-height:   1;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:   thin dotted #FFFFFF;  
}

a.white:hover {
  color:            #C8DFF8;  /* C8DFF8 Pale Blue */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    thin dotted #C8DFF8;
}

/* Small Header BLUE Links - TOP page above Header - NO underline - Hover Black */
a.hdrbl:link, a.hdrbl:visited, a.hdrbl:active {
  font-size:     90%;
  color:         #1E5593;   /* Header Blue color NOT white */
  text-align:    center;
  vertical-align: middle;
  line-height:   1;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:   none;  
}

a.hdrbl:hover {
  color:            #000000;  /* Black */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    none;
}

/* BIG Header BLUE Links - NO underline - Hover in Medium Gray */
a.headblueno:link, a.headblueno:visited, a.headblueno:active {
  font-size:     105%;
  color:         #1E5593;  /* 1E5593 Header blue; 154275 Dark Blue */
  text-align:    left;
  line-height:   160%;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:   none;
}

a.headblueno:hover {
  color:            #9fa2a5;  /* 9fa2a5 Lighter medium gray; 515355 Medium Gray */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    none;
}

/* BIG Darkest BLUE Links - NO underline - Hover in Black */
a.darkno:link, a.darkno:visited, a.darkno:active {
  font-size:     105%;
  color:         #0c2c50;  /* 0c2c50 Darkest Blue; 262323 Almost Black */
  text-align:    left;
  line-height:   160%;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:   none;
}

a.darkno:hover {
  color:            #000000;  /* Black   */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    none;
}

/* No underline on Darkest Blue - Almost Black Links to go with BIG wording */
a.dark:link, a.dark:visited, a.dark:active {
  font-size:     100%;
  color:         #0c2c50;  /* 0c2c50 Darkest Blue; 262323 Almost Black */
  text-align:    left;
  line-height:   130%;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:   thin dotted #0c2c50;
}

a.dark:hover {
  color:            #1E5593;  /* 1E5593 Header blue */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    thin dotted #1E5593;
}

/* BIG Black Links - with Underline - Hover in white */
a.black:link, a.black:visited, a.black:active {
  font-size:     105%;
  color:         #0c2c50;  /* 0c2c50 Darkest Blue; 262323 Almost Black */
  text-align:    left;
  line-height:   140%;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:   thin dotted #000000;
}

a.black:hover {
  color:            #ffffff;  /* White */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    thin dotted #000000;
}

/* BOTTOM Black Links - Preview and Order Forms - BOTTOM of page in 3 boxes */
a.bottom:link, a.bottom:visited, a.bottom:active {
  font-size:     90%;
  color:         #000000;
  line-height:   115%;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:    thin dotted #000000;
}

a.bottom:hover {
  color:            #465463; /* Very Dark Gray from Header Blue */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    thin dotted #465463;
}

/* Light BLUE Links for Footer - Hover white */
a.blue:link, a.blue:visited, a.blue:active {
  font-size:     95%;
  color:         #c8d5e1;  /* Light Blue with gray undertones */
  text-align:    left;
  line-height:   105%;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:    thin dotted #c8d5e1;  /* Light Blue with gray undertones */
}

a.blue:hover {
  color:            #ffffff;  /* White */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    thin dotted #676869;  /* Gray */
}

/* Nancy Bond Creations Link Link at BOTTOM; Darkest Green Leaf and darker in Logo */
a.green:link, a.green:visited, a.green:active {
  font-size:     105%;
  color:         #0b2f15;  /* Dark Green */
  text-align:    center;
  line-height:   115%;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:    thin dotted #0b2f15;  
}

a.green:hover {
  color:            #639270;  /* Light Green */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    thin dotted #639270;
}

/* Darker Purple from Theater for Church Curtain Link at BOTTOM */
a.purple:link, a.purple:visited, a.purple:active {
  font-size:     90%;
  color:         #420441;   /* Darker Purple from Theater for Church Curtain 5f015e is curtain color */
  text-align:    center;
  line-height:   105%;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:    thin dotted #420441;  
}

a.purple:hover {
  color:            #735773;  /* Light Purple */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    thin dotted #735773;
}

/* Deep Aqua Blue from Peacock for Etsy Link at BOTTOM */
a.deepblue:link, a.deepblue:visited, a.deepblue:active {
  font-size:     90%;
  color:         #185764;   /* Deep Aqua Blue from Peacock */
  text-align:    center;
  line-height:   105%;
  font-weight:   bold;
  text-decoration: none;
  border-bottom:    thin dotted #185764;  
}

a.deepblue:hover {
  color:            #447c88;  /* Light Aqua Blue */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    thin dotted #447c88;
}

/* Light gray line for image links at bottom */
a.gray:link, a.gray:visited, a.gray:hover, a.gray:active {
    text-decoration: none;
    border-bottom:   thin dotted #d7dce2;  /* 55626d Dark gray; d7dce2 light gray */
  }

/* No line for image links */
a.none:link, a.none:visited, a.none:hover, a.none:active {
    text-decoration: none;
    border-bottom:   none;
  }

#opening {
	background-color: #ebf4fe;  /* 393f46 New Dark Gray; c8d5e1 Light Blue with gray undertones */
	width: 100%;                 /* was 450px */
	margin: auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

 /* Padding around wording middle: Select up to 3 ... */
.padded {     
	padding: 0px 0px 2px 0px;  /* top right bottom left */
}

/* Padding around wording at top: Please provide contact info... */
.padding {
	padding: 0px 2px 5px 2px;  /* top right bottom left */
        text-align: center;
    line-height:   170%;
}
 
.tablecontents {
	display: table;
        margin: auto;
}

.tablerow {
	display: table-row;
}

.border {
	border:1px solid #54626b;
}

                       /* row containing banner */
#coltop2 {
    display: table-cell;
    background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
    padding: 1px 0px 0px 0px;  /* top right bottom left */
    vertical-align: top;
    text-align: center;
}

.tablefield {
	display: table-row;
}

           /* What the user sees to request input. */
.fieldref {
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     0px 5px 8px 0px;  /* top right bottom left */
  vertical-align: top;
  text-align: right;
}

.fieldspace {          /* The field lined up to left */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     0px 0px 8px 0px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
}

.singlefield {
  display: table;
  text-align: left;
}

.longfieldref {       /* Have you ever ordered before? ONLY words using this */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     10px 5px 20px 8px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
}

.radyesno {		/* Radial button "Have you ever ordered before?" ONLY field using this */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     7px 0px 20px 0px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
  font-weight:   bold;
}

.wordspay {       /* How will you pay? ONLY words using this */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     10px 5px 0px 3px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
}

.radhow {		/* Radial field Answer "How will you pay?" ONLY field using this */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     3px 0px 0px 0px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
  font-weight:   bold;
}

.wordshear {       /* Words "How did you hear about these plays?" ONLY words using this */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     15px 5px 7px 6px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
}

.drophear {	/* Dropdown "How did you hear about these plays?" ONLY field using this */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     15px 0px 7px 8px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
  font-weight:   bold;
}

.performance {       /* Words: Number of Performances: ONLY words using this */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     3px 5px 4px 6px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
}

.dropperformances {		/* Dropdown option Number of Perfomances ONLY field using this */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     3px 0px 10px 3px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
}

.playlist {    <!-- TABLE has listing of scripts to select -->
  display: table;
  text-align: left;
}

.checkbox {		/* Checkbox in front of the play */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     3px 0px 2px 4px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
}

.playname {	      /* Name of full length play to select */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     0px 0px 2px 3px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
}

.mininame {	      /* Name of mini mystery or Christmas to select */
  display: table-cell;
  max-width:   450px;
  background-color: #ebf4fe;  /* ebf4fe Lighter baby blue */
  font-size:   105%;
  padding:     5px 0px 2px 3px;  /* top right bottom left */
  vertical-align: top;
  text-align: left;
}

                         /* 5 columns for the navigation links before descriptions */
.wide {			
	font-size:     90%;
	line-height:   10%;
	max-width: 550px;  
	background-color: #393f46;  /* 393f46 New Dark Gray; 454444 Dark Gray; was c8dff8 Light baby blue */
        margin: auto;
	padding: 0px 0px 0px 0px;  /* top right bottom left */
	text-align: center;
	word-spacing: 5px;
}

#col0link {
    display: table-cell;
    background-color: #393f46;  /* 393f46 New Dark Gray; 454444 Dark Gray; was c8dff8 Light baby blue */
    padding: 0px 10px 2px 5px;  /* top right bottom left */
    vertical-align: top;
    text-align: center;
}

#col1link {
    display: table-cell;
    background-color: #393f46;  /* 393f46 New Dark Gray; 454444 Dark Gray; was c8dff8 Light baby blue */
    padding: 0px 10px 2px 5px;  /* top right bottom left */
    vertical-align: top;
    text-align: center;
}
#col2link {
    display: table-cell;
    background-color: #393f46;  /* 393f46 New Dark Gray; 454444 Dark Gray; was c8dff8 Light baby blue */
    padding: 0px 10px 2px 5px;  /* top right bottom left */
    vertical-align: top;
    text-align: center;
}
#col3link {
    display: table-cell;
    background-color: #393f46;  /* 393f46 New Dark Gray; 454444 Dark Gray; was c8dff8 Light baby blue */
    padding: 0px 10px 2px 5px;  /* top right bottom left */
    vertical-align: top;
    text-align: center;
}

#col4link {
    display: table-cell;
    background-color: #393f46;  /* 393f46 New Dark Gray; 454444 Dark Gray; was c8dff8 Light baby blue */
    padding: 0px 5px 2px 5px;  /* top right bottom left */
    vertical-align: top;
    text-align: center;
}

                            /* Question Boxes */
.wording {
	background-color: #dadcdd;  /* dadcdd light gray; cccdce medium gray; c8d5e1 Light Blue with gray undertones */
	width: 450px;                 /* was 100% */
	margin: auto;
	padding: 0px 0px 0px 0px;
	text-align: justify;
}

#enclosure {
	background-color: #ebf4fe;  /* Very light baby blue; c8dff8 Light baby blue; cccdce Medium gray; was d7dce2 Light gray */
	max-width: 550px;
	margin: auto;
	padding: 6px 0px 0px 0px; /* top right bottom left */
}

#closing {
	background-color: #ebf4fe;  /* Very light baby blue; c8dff8 Light baby blue; cccdce Medium gray; was d7dce2 Light gray */
	width: 450px;
	margin: auto;
	padding: 0px 0px 0px 0px;
}

#colbtm1 {
    display: table-cell;
    background-color: #ebf4fe;  /* Very light baby blue; c8dff8 Light baby blue; cccdce Medium gray; was d7dce2 Light gray */
    padding: 0px 2px 0px 4px;  /* top right bottom left */
    vertical-align: middle;
    text-align: center;
    width:   20%
}

#colbtm2 {
    display: table-cell;
    background-color: #ebf4fe;  /* Very light baby blue; c8dff8 Light baby blue; cccdce Medium gray; was d7dce2 Light gray */
    padding: 0px 5px 0px 5px;  /* top right bottom left */
    text-align: center;
    line-height:   200%;
    font-weight:   bold;
    vertical-align: middle;
    width:   60%
}
#colbtm3 {
    display: none;
    background-color: #ebf4fe;  /* Very light baby blue; c8dff8 Light baby blue; cccdce Medium gray; was d7dce2 Light gray */
    padding: 0px 5px 0px 4px;  /* top right bottom left */
    vertical-align: middle;
    text-align: center;
    line-height:   150%;
    width:   0%
}
#colbtm4 {
    display: none;
    background-color: #ebf4fe;  /* Very light baby blue; c8dff8 Light baby blue; cccdce Medium gray; was d7dce2 Light gray */
    padding: 0px 0px 0px 0px;  /* top right bottom left */
    vertical-align: top;
    text-align: center;
}

#colbtm5 {
    display: table-cell;
    background-color: #ebf4fe;  /* Very light baby blue; c8dff8 Light baby blue; cccdce Medium gray; was d7dce2 Light gray */
    padding: 0px 0px 0px 0px;  /* top right bottom left */
    vertical-align: middle;
    text-align: right;
    width:   20%
}


footer {
  background-color: #223a51;
  color:            #c8d5e1;   /* Light Blue with gray undertones */
  text-align:       center;
  padding:          5px 0px 5px 0px;  /* top right bottom left */
  margin:           auto;
  font-size:        90%;
  max-width:        550px;
  line-height:      1.5;
}


                  /* thick1 is used for headings in closing row but NOT on phone */
.thick1 {
   font-size:     90%; 
   color:         #474444;  /* Dark Gray */
   text-align:    center;
   line-height:   1.1;
   font-weight:   bold;
}

                  /* thick2 is used for heading of the body */
.thick2 {
   font-size:     110%; 
   color:         #154275;  /* Darker Welcome blue */
   text-align:    center;
   line-height:   1.1;
   font-weight:   bold;
}

                          /* Used in closing gray box for video and Email not link which are NOT on phone */
.italicsm {
   font-size:     80%; 
   color:         #474444;  /* Dark Gray */
   text-align:    center;
   line-height:   80%;
   font-style:    italic;
}

                          /* Used in footer */
.italicsmblue {
   font-size:     100%; 
   color:         #c8d5e1;  /* light blue */
   text-align:    center;
   line-height:   90%;
   font-style:    italic;
}


/* No line for image links */
a.none:link, a.none:visited, a.none.hover, a.none:active {
    text-decoration: none;
    border-bottom:   none;
  }


a:link {
  color:            #154275; /* Dark Blue like Welcome at top */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    thin dotted #154275;
}

a:hover {
  color:            #ffffff;   /* White */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    thin dotted #ffffff;
}
a:visited {
  color:            #1E5593;   /* Slightly lighter Dark Blue Header Color */
  font-weight:   bold;
  text-decoration:  none;
  border-bottom:    thin dotted #1E5593;
}