/* COMMENTS */

@font-face {
  font-family: 'BlueHighway';
  src: url('webfont/blue-highway-rg.woff2') format('woff2'),
		  url('webfont/blue-highway-rg.woff') format('woff'),
		  url('webfont/blue-highway-rg.eot?#iefix') format('embedded-opentype'),
		  url('webfont/blue-highway-rg.ttf')  format('truetype'),
		  url('webfont/blue-highway-rg.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BlueHighway-Condensed';
  src: url('webfont/blue-highway-cd.woff2') format('woff2'),
		  url('webfont/blue-highway-cd.woff') format('woff'),
		  url('webfont/blue-highway-cd.eot?#iefix') format('embedded-opentype'),
		  url('webfont/blue-highway-cd.ttf')  format('truetype'),
		  url('webfont/blue-highway-cd.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BlueHighway-Bold';
  src: url('webfont/blue-highway-bd.woff2') format('woff2'),
		  url('webfont/blue-highway-bd.woff') format('woff'),
		  url('webfont/blue-highway-bd.eot?#iefix') format('embedded-opentype'),
		  url('webfont/blue-highway-bd.ttf')  format('truetype'),
		  url('webfont/blue-highway-bd.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
/*	font-family: seagull, verdana, arial, sans-serif;	*/
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF; 
	}

* {margin:0; padding:0;}

.screen {
  display: none
  }
/*.print #banner {
	padding-top: 20px
  }	*/

div#logo_and_banner {
  float: none;
  font-size: 100%;
  line-height: normal;
  min-width: 820px	 /* images are 100px + 700px + a bit */
  }
#logo_and_banner object {
	border: none;
	padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
  }
#logo_and_banner #banner {
	padding-top: 20px;
  font-size: 150%;
	font-family: BlueHighway-Condensed;
	line-height: 200px;
  height: 200px;
}
#banner {
	padding: 15px 0px 20px 10px; /* top right bottom left*/
  font-size: 250%;
	font-family: BlueHighway-Condensed;
	vertical-align: middle;
	}
#banner img {
	vertical-align: middle;
	}

div#tab_nav  {
  display: none
  }

div#sub_nav {
  display: none
  }

.instruction {
  display: none
  }

/*border-width: top right bottom left*/

#body_outline {
	float: left;
	width: 100%;
	background-color: white
}
  
div#body_content {
	margin: 10px 40px 10px 40px;
	}
#body_content p {
/*	margin: 10px 50px 10px 50px; */
	padding: 10px 10px 10px 10px
	}
#body_content q {
	font-size: 0.75em;
	font-style: italic;
	}
#SmallPrint p {
	padding: 0.2em 10px 0.2em 10px
	}
#body_content ul {
  list-style: none; /* Remove list bullets */
   margin-left: 0;
   padding-left: 3em;
   text-indent: -1em;
  }
#body_content li:before {
    content: "\0BB"; /* Insert double right arrow */
    padding-right: 1em;
}
#body_content a {
	padding: 1px 3px 1px 3px
  }
#body_content a:hover {
	color: white
	}
#body_bottom {
	width:100%;
	float: left;
	background: url('../graphics/fade_to_white_b.png') top repeat-x;
	height: 55px;
	margin-top: -3px
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #000000;
	padding-bottom: 0.2em;
	margin: 0.25em 0em 0.5em 0em;
	page-break-before: auto;
	page-break-after: avoid;
	font-family: BlueHighway, verdana, arial, sans-serif
	}
h2 {
	font-size: 1.25em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #000000;
	margin: 0.5em 0em 0.25em 0em;
	page-break-before: auto;
	page-break-after: avoid;
	}
h3 {
	font-size: 0.75em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #000000;
	padding: 0.2em 0.75em;
	page-break-before: auto;
	page-break-after: avoid;
	}
.instruction {
	font-size: 0.75em;
	text-align: center;
	font-style: italic
	}
.EmphText {
	font-weight: bold;
	font-size: 1.1em
	}
.ContactDetail {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	color: blue;
	padding: 0em
	}

hr {
		border:none;	
		border-top:1px solid;
/*border-top:1px #FF0000 solid; */
		height: 1px;
		width: 75%;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: auto;
		margin-right: auto;
	}

#main_content acronym { border-bottom:thin dashed black }
#main_content abbr { border-bottom:thin dashed black }
#main_content abbr.initialism {speak : spell-out;}

#map {
	width: 650px;
	margin-left: auto;
	margin-right: auto
}

#WeatherLink {
  display: none
}

table {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 1em;
}

HR.SearchSeparator {
		width: 30em;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto
	}
	
/*	a:link {	  	  	   			*/
/*		color: blue }	  	  	  */
/*	a.search:link {	  	  	  */
/*		color: blue;	  	  	  */
/*		text-decoration: none }	*/
/*	a:visited {	  	  	   		*/
/*		color: purple }	  	  	*/

div#footer {
	float:left;
	width:100%;
	color: #000000
	}
#footer img {
  display: none
	}
.FooterComment {
  display: none
	}
.CopyRight {
	font-size: 50%;
	font-weight: bold;
	text-align: center
	}
.LastModified {
  display: none
	}
.Alert {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #FF0000
	}
.button {
	font-family: verdana, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCOO
	}
.LoginMessage {
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	color: red;
	}
.ButtonLft {
  width: 15em;
  margin: 1em auto 1em auto;
  text-align: center;
  background: url("../graphics/fade_to_white_t.png") -1px repeat-x;
}
.ButtonLft a {
  width: 15em;
  background: url("../graphics/fade_to_white_t.png") -1px repeat-x;	/* needed for IE7 & AOL */
  text-decoration: none;
}
#ButtonRht {
  border: none;
  width: 15em;
  background: url("../graphics/fade_to_white_b.png") 1px repeat-x;
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  font-variant: small-caps;
  cursor: pointer;
}
	
#retailers {
    margin: 0 auto;
    text-align: center;
}  
#retailers  em {
  line-height:1.25em;
  font-weight: bold;
}
a.tooltip img {
  vertical-align: text-top;
  padding: 10px 10px 10px 10px;
  }
a.tooltip {
  outline:none;
  text-decoration:none;
}
a.tooltip em {
  line-height:1.25em;
  font-weight: bold;
}
a.tooltip span {
  display: block;
  text-align: center;
}

.callout {
  display: none;
}	

/*	background-color: #B8A797	*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */
  height: 0;                  /* ensure the period is not visible */
  clear: both;               /* make the container clear the period */
  visibility: hidden;	     /* further ensures the period is not visible */
  }

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */