.fixed-nav-bar {
  position: fixed;
  top: -10px;

  max-width: 1250px;

 z-index: 9999;
  width: 100%;
  height: 150px;
  background-color: #fff;
  opacity:1.0;
filter:alpha(opacity=100);
filter: “alpha(opacity=90)”;


}

/* The element at the top of the page right after the fixed navigation bar
   MUST have sufficient top margin or else it will be covered by the bar */
.content {
  margin-top: 190px;

}


small {
	font-size: 12px;
	
}


.nav_red {
color: #DB1C1C;

 
  }




body {

background-image: url('../images/bg.jpg');
background-repeat:no-repeat;
background-position:top;
  font-size: 1em;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  font-family: "Helvetica", Arial,"Lucida Grande",sans-serif;

margin: 0px auto 0px;
max-width: 1250px;
-webkit-font-smoothing: antialiased;

}


td 
{


  
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  font-family: "Helvetica", Arial,"Lucida Grande",sans-serif;
}

.rcorners {
    border-radius: 8px;
    border: 0.5px solid #666;
	background-color:#fff;
  
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 10px;

  
}




img {
	max-width: 100%;
	height: auto;


}



.footer {
  font-size: 13px;


 
  }


  
.logo {
padding-right:20px;

}


.container {
	width: 96%;
	margin: 0px auto;
	position: relative;
	overflow: hidden;

}

.col {
    float: left;
    width: 100%;
	padding-left:15px;
	padding-right:20px;
}


.col1 {
    float: left;
    width: 46%;
	padding-left:15px;
	padding-right:20px;
}


.col1a {
    float: left;
    width: 60%;
	padding-left:15px;
	padding-right:20px;
}


.col2 {
    float: left;
    width: 46%;
	padding-left:15px;
	padding-right:20px;

	

}

.col2a {
    float: left;
    width: 30%;
	padding-left:15px;
	padding-right:20px;

	

}


.col3 {
    float: left;
    width: 30%;
	padding-left:15px;
	padding-right:20px;
padding-top:20px;
}

.col4a {
    float: left;
    width: 30%;
	padding-left:15px;
	padding-right:20px;
	padding-top:20px;


}

.col5 {
    float: left;
    width: 30%;
	padding-left:15px;
	padding-right:10px;
	padding-top:20px;

}




.col4 {
    float: left;
    width: 25%;

	text-align:center;


}




b, strong {
  font-weight: 700; }

pre, textarea {
  overflow: auto; }



div {
  position: relative; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h1 {
  font-size: 2em;
  margin: 0 0 0.4em 0; }

h2 {
  font-size: 1.5em;
  margin: 0 0 0.8em 0; }

h3 {
  font-size: 1.4em;
  margin: 0 0 0.7em 0; }

h4 {
  font-size: 1.3em;
  margin: 0 0 0.6em 0; }

h5 {
  font-size: 1.2em;
  margin: 0 0 0.5em 0; }

h6 {
  font-size: 1.1em;
  margin: 0 0 0.4em 0; }

a {
  color: #DB1C1C;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  font-weight: 500; }

a:focus,
a:hover {
  color: #4c4c4c; }







/* Image alignment & Media
============================================================ */
.aligncenter {
  display: block;
  margin: 0 auto 1em; }

.alignleft {
  display: block;
  margin: 0 auto 1em; }

.alignright {
  display: block;
  margin: 0 auto 1em; }

img,
audio,
video,
canvas {
  max-width: 100%; }

img {
  height: auto; }



/* Micro Clearfix
============================================================ */
.cf:before, .cf:after, .row:before, .row:after {
  content: "";
  display: table; }

.cf:after, .row:after {
  clear: both; }

.cf, .row {
  zoom: 1; }

/* For IE 6/7 (trigger hasLayout) */
/* 12 Column Mobile First Grid
============================================================ */



@media screen and (max-width: 600px) {


.container {
width: 100%;
}


h1, h2, h3, h4, h5, h6 {
  font-weight: bold; 
  font-size: 1.1em;
 
 }

.col1, .col2 {
float: none;
width: 95%;
}
}


@media screen and (max-width: 800px) {


.container {
width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; 
  font-size: 1.1em;
 
 }



.col1, .col2 {
float: none;
width: 95%;
}
}

@media screen and (max-width: 694px) {


.container {
width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; 
  font-size: 1.0em;
 
 }


.col1, .col2 {
float: none;
width: 95%;
}



.fixed-nav-bar {

  top: 0;

  max-width: 100%;

 z-index: 9999;
  width: 100%;
  height: 180px;
  background-color: #fff;
}


}

@media screen and (max-width: 414px) {


.container {
width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; 
  font-size: 1.0em;
 
 }


.col1, .col2 {
float: none;
width: 95%;
}

.col4
{
float: none;
width: 95%;
}

.fixed-nav-bar {

  top: 0;

  max-width: 100%;

 z-index: 9999;
  width: 100%;
  height: 180px;
  background-color: #fff;
}


}


@media screen and (max-width: 375px) {


.container {
width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; 
  font-size: 1.0em;
 
 }


.col1, .col2 {
float: none;
width: 95%;
}

.col4
{
float: none;
width: 95%;
}

.fixed-nav-bar {

  top: 0;

  max-width: 100%;

 z-index: 9999;
  width: 100%;
  height: 180px;
  background-color: #fff;
}


}


@media screen and (max-width: 320px) {


.container {
width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; 
  font-size: 1.0em;
 
 }


.col1, .col2 {
float: none;
width: 95%;
}

.col4
{
float: none;
width: 95%;
}

.fixed-nav-bar {

  top: 0;

  max-width: 100%;

 z-index: 9999;
  width: 100%;
  height: 180px;
  background-color: #fff;
}




}

