BODY {COLOR: #454141;  FONT-FAMILY:Open Sans, arial, serif; FONT-SIZE: 1.0em; 
FONT-WEIGHT: normal;
font-style:normal;
line-height:1.25em;
FONT-DECORATION: none; background:#E8EFFA; background:#A9847C; background:#BDAAA4; background:#D5C9BB;background-image:url('images/hofback.jpg'); background-size: 100%; background-repeat: no-repeat;
 background-attachment:fixed;
 background-position:top center; }

A:link{color: #DA262E; font-weight: normal; text-decoration: none; }
A:visited{color: #DA262E; font-weight: normal; text-decoration: none;}
A:active{color: #DA262E; font-weight: normal; text-decoration: none;}
A:external{color: #DA262E; font-weight: normal; text-decoration: none;}
A:hover {COLOR: #082783; font-weight: normal;  TEXT-DECORATION: underline;}

A.pagetop:link{color: #082783; font-weight: bold; text-decoration: none; font-size:1.125em; line-height:1.75em; }
A.pagetop:visited{color: #082783; font-weight: bold; text-decoration: none; font-size:1.125em; line-height:1.75em; }
A.pagetop:active{color: #082783; font-weight: bold; text-decoration: none; font-size:1.125em; line-height:1.75em; }
A.pagetop:external{color:#082783; font-weight:bold; text-decoration: none; font-size:1.125em; line-height:1.75em; }
A.pagetop:hover {COLOR: #A80C10; font-weight: bold;  TEXT-DECORATION: underline; font-size:1.125em; line-height:1.75em; }

A.navhead:link{color: #082783; font-size:1em; line-height: 1.2em; font-weight: bold; text-decoration: none;}
A.navhead:visited{color: #082783; font-size:1em; line-height: 1.2em; font-weight: bold; text-decoration: none;}
A.navhead:active{color: #082783; font-size:1em; line-height: 1.2em; font-weight: bold; text-decoration: none;}
A.navhead:external{color: #082783; font-size:1em; line-height: 1.2em; font-weight: bold; text-decoration: none;}
A.navhead:hover {COLOR: #A80C10; font-size:1em; line-height: 1.2em; font-weight: bold;  TEXT-DECORATION: underline;}

A.navhead:link{color: #082783; font-size:1em; line-height: 1.1em; font-weight: bold; text-decoration: none;}
A.navhead:visited{color: #082783; font-size:1em; line-height: 1.1em; font-weight: bold; text-decoration: none;}
A.navhead:active{color: #082783; font-size:1em; line-height: 1.1em; font-weight: bold; text-decoration: none;}
A.navhead:external{color: #082783; font-size:1em; line-height: 1.1em; font-weight: bold; text-decoration: none;}
A.navhead:hover {COLOR: #082783; font-size:1em; line-height: 1.1em; font-weight: bold;  TEXT-DECORATION: underline;}


A.footer:link{color: white; font-size:12px; line-height:16px; font-weight: bold; text-decoration: none;}
A.footer:visited{color: white; font-size:12px; line-height:16px;  font-weight: bold; text-decoration: none;}
A.footer:active{color: white; font-size:12px; line-height:16px;  font-weight: bold; text-decoration: none;}
A.footer:external{color: white; font-size:12px; line-height:16px;  font-weight: bold; text-decoration: none;}
A.footer:hover {COLOR: black; font-size:12px; line-height:16px;  font-weight: bold;  TEXT-DECORATION: none;}

P.footer{COLOR: #ffffff; font-size:14px; line-height:20px; font-weight: bold; font-style:normal;}
P.footerblack{COLOR: #000000; font-size:12px; line-height:20px; font-weight: normal; font-style:normal;}

.pagetopnolink{color: #082783; font-weight: bold; text-decoration: none; font-size:1.125em; line-height:1.75em;}

P{COLOR: #454141;  FONT-FAMILY:Georgia, Cambria, Times New Roman, serif; FONT-SIZE: 1em; 
FONT-WEIGHT: normal;
font-style:normal;
line-height:1.45em;}
P.smallprint{COLOR: #303030; font-size:10px; line-height:13px; font-weight: normal; font-style:normal;}
P.tag{COLOR: #adb7b2; font-size:16px; line-height:22px; font-weight: normal; font-style:normal;}
.pressreleasetitle{COLOR:#0FA6B5; font-size:1.25em; line-height:1.5em; font-weight: bold; font-style:normal;}
.subhead{COLOR:#DA262E; font-size:16px; line-height:22px; font-weight: bold; font-style:normal;}
.greensubhead{COLOR:#5A932C; font-size:16px; line-height:18px; font-weight: bold; font-style:normal;}
.blacksubhead{COLOR:#040404; font-size:14px; line-height:18px; font-weight: normal; font-style:normal;}
.coursehead{COLOR:  #454141; font-size:14px; line-height:18px; font-weight: normal; font-style:normal;}
.subheadtight{COLOR: #57791A; font-size:16px; line-height:16px; font-weight: normal; font-style:normal;}
.redtext{COLOR: #CC0001;  font-weight: normal; font-style:normal; }
.greentext{COLOR: #57791A;  font-weight: normal; font-style:normal; }
.browntext{color: #AE7534;}

#justifythis {
    
    text-align:justify;
}

img.onethird{border:0; width:100%;}

table.tosize{COLOR: #454141; font-size:1em; line-height:1.25em; font-weight: normal; font-style:normal;}

@media screen and (min-width:1369px){ 
TABLE{width:1400px; COLOR: #454141; font-size:1.0em; line-height:1.75em; font-weight: normal; font-style:normal; }
TABLE.inner{width:1000px; COLOR: #454141;  font-weight: normal;  }
table.annuitytable{COLOR: #454141; width:560px; font-size:1em; line-height:1.35em; font-weight: normal; font-style:normal;}
table.tosize{COLOR: #454141; width:125px; font-size:1em; line-height:1.35em; font-weight: normal; font-style:normal;}
.subhead{color: #DA262E; font-size:1.5em; font-weight:bold; line-height:1.6em;}
.redbold{color: #7599D2; font-weight: bold; font-size:1.25em; line-height:1.375em;}
.medbluebold{color: #8A9AC6; font-weight:bold;}
.ffa{color: #85a260; font-weight:bold; font-size:1.25em; line-height:1.5em;}
.any{color: #99B9CF; font-weight:bold; font-size:1.25em; line-height:1.5em;}
.triad{color: #f8281a; font-weight:bold; font-size:1.25em; line-height:1.5em;}
.fairbanks{color: #b61318; font-weight:bold; font-size:1.25em; line-height:1.5em;}
.marysville{color: #1c4489; font-weight:bold; font-size:1.25em; line-height:1.5em;}
.northunion{color: #f26321; font-weight:bold; font-size:1.25em; line-height:1.5em;}
}

@media screen and (min-width:768px) and (max-width:1368px){ 
table{width:100%; font-size:.95em; line-height:1.2em; font-weight: normal; font-style:normal;  }
table.inner{width:98%; font-size:.95em; line-height:1.2em; font-weight: normal; font-style:normal; }
.subhead{color:#DA262E;  font-size:1.25em; font-weight:bold; line-height:1.45em;}
.redbold{color: #7599D2; font-weight: bold; font-size:1.25em; line-height:1.45em;}
.medbluebold{color: #8A9AC6; font-weight:bold;}
} 




@media screen and (min-width:240px) and (max-width:767px){ 
table{width:100%; font-size:0.95em; line-height:1.3em; font-weight: normal; font-style:normal;  }
table.inner{width:98%; font-size:0.95em; line-height:2em; font-weight: normal; font-style:normal; }
.subhead{color:#DA262E; font-size:1.25em; font-weight:normal; line-height:1.5em;}
.redbold{color: #7599D2; font-weight: bold; font-size:1.125em; line-height:1.45em;}
.medbluebold{color: #8A9AC6; font-weight:bold;}
} 


table.tag{COLOR: #7F8F87; font-size:16px; line-height:24px; font-weight: normal; font-style:normal;}
td.tag{COLOR: #7F8F87; font-size:16px; line-height:24px; font-weight: normal; font-style:normal;}
tr.tag{COLOR: #7F8F87; font-size:16px; line-height:24px; font-weight: normal; font-style:normal;}

.bridgeWrapper {
	position: relative;
	padding-bottom: 58%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.bridgeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* global */
bodynonono {
  background-color: rgb(40,40,40);
  color: rgb(100,100,100);
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.3;
}
.wrapper {
  margin: 0 auto;
  padding: 20px;
   padding: 0px;
  max-width: 95%;
  background-color: #fff;
}
h1 {
  font-family: "Lobster", cursive;
  font-size: 2em;
  margin-bottom: 10px;
}
h2 {
color: #8CAB2D;
  font-weight: 700;
  font-weight: 400;
  margin-bottom: 4px;
}

/* grid */
.row {
  margin: 0 -10px;
  
  margin-bottom: 4px;
  
   margin: 0 0px;
}
.row:last-child {
  margin-bottom: 0;
}
[class*="col-"] {
  padding: 4px;
}

@media screen and ( min-width: 600px ) {
  
  .row {
    display: table;
    table-layout: fixed;
    width: 100%;
	  }
  [class*="col-"] {
    display: table-cell;
  }
  
  /* set col widths */
  .col-2-3 {
    width: 66.66%;
  }
  .col-1-2 {
    width: 50%;
  }
  .col-1-3 {
    width: 33.33%;
	
  }
  .col-1-4 {
    width: 25%;
	
  }
  .col-1-8 {
    width: 12.5%;
  }
  .col-1 {
    width: 98%;
  }
  
}


