/**************************************/
/* Element styles and general classes */
/**************************************/

#overall-container {
  width: 760px;
  margin: 0 auto 0 auto;
}

html {
  background: #fff url(/images/background.gif) repeat-x;
}
body {
  padding: 0;
  margin: 0;
  color: #000;
}
body, textarea {
  font: 70% verdana, serif;
}
form {
  margin: 0;
}
a {
  color: #002885;
  font-weight: bold;
  text-decoration: underline;
}
a img {
  border: 0;
}
p {
  margin: 0 0 1em 0;
  line-height: 1.4em;
}
hr {
  display: none;
}
h1 {
  font-size: 1.3em;
  margin: 0 0 1px 0;
  padding: 5px 0 0 7px;
  height: 23px;
  background-repeat: no-repeat;
}
h2 {
  font-size: 1em;
  margin: 0 0 1em 0;
}
h3 {
  font-size: 0.9em;
  font-style: italic;
  font-weight: normal;
  margin: 0 0 1em 0;
}
.hr-dark {
  height: 1px;
  overflow: hidden;
  margin-bottom: 5px;
  background-image: url(/images/hr_dark.gif);
  background-repeat: repeat-x;
}
.hr-light {
  height: 1px;
  overflow: hidden;
  margin-bottom: 5px;
  background-image: url(/images/hr_light.gif);
  background-repeat: repeat-x;
}

/*****************/
/* Header Styles */
/*****************/

#header {
  height: 79px;
  margin-bottom: 1px;
}
#header-container {
  width: 760px;
}
#header #nk-logo {
  width: 238px;
  float: left;  
  margin: 11px 0 0 0;
}
#link-bar {
  height: 1.5em;
  overflow: hidden;
  padding: 4px 0 0 20px;
  margin-bottom: 1px;
}
#link-bar ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-weight: bold;
}
#link-bar ul li {
  margin-right: 17px;
  float: left;
}
#link-bar ul li.last {
  margin-right: 0;
}
#link-bar a {
  color: #002885;
  text-decoration: none;
}
#link-bar a:hover {
  color: #36c;
}

/**********************/
/* Column definitions */
/**********************/

#main-content {
  clear: both;
  display: inline;
  float: left;
}
#main-content .small {
  width: 507px;
}
#main-content .large {
  width: 740px;
}  
#sidebar {
  float: left;
  margin-left: 8px;
  width: 245px;
}

/******************/
/* Heading styles */
/******************/

#main-content.small h1 {
  width: 500px;  
  background-image: url(/images/header_bar_small.gif);
}
#main-content.large h1 {
  width: 753px;
  background-image: url(/images/header_bar_large.gif);
}  

/******************/
/* Content styles */
/******************/

#content-panel {
  background-color: #d4e3e7;
  padding: 10px;
}
#content-panel:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#content-panel { display: inline-table; }
/* Hides from IE-mac \*/
* html #content-panel { height: 1%; }
#content-panel { display: block; }
/* End hide from IE-mac */
#main-content.small #content-panel {
  width: 487px;
}
#main-content.large #content-panel {
  width: 740px;
}

/******************/
/* Sidebar styles */
/******************/

#sidebar img {
  display: block;
}
#generate-spec {
  margin-bottom: 7px;
}
#latest-news-sidebar {
  width: 245px;
  margin-bottom: 7px;
}
#latest-news-sidebar .content {
  width: 223px;
  padding: 0 10px 0 10px;
  border-left: 1px solid #73868d;
  border-right: 1px solid #73868d;
}
#latest-news-sidebar .content .thumbnail {
  width: 64px;
  float: left;
  margin: 10px 10px 0 0;
  overflow: hidden;
}
#latest-news-sidebar .content p {
  width: 147px;
  float: left;
  line-height: 1.2em;
  margin: 10px 0 0 0;
}
#latest-news-sidebar .content br {
  clear: both;
}
#how-to-find-us-sidebar {
  width: 170px;
  height: 67px;
  background-image: url(/images/how_to_find_us_panel.gif);
  background-repeat: no-repeat;
  padding: 32px 5px 0 70px;
  overflow: hidden;
  margin-bottom: 10px;
}
#how-to-find-us-sidebar p {
  margin: 0 0 3px 0;
  font-size: 0.9em;
  line-height: 1.2em;
}
#how-to-find-us-sidebar img {
  margin: 0 0 0 50px;
}
#factory-tour-sidebar {
  width: 170px;
  height: 67px;
  background-image: url(/images/factory_tour_panel.gif);
  background-repeat: no-repeat;
  padding: 32px 5px 0 70px;
  margin-bottom: 10px;
  overflow: hidden;
}
#factory-tour-sidebar p {
  margin: 0 0 3px 0;
  font-size: 0.9em;
  line-height: 1.2em;
}
#factory-tour-sidebar img {
  margin: 0 0 0 50px;
}
#request-a-brochure-sidebar {
  width: 170px;
  height: 67px;
  background-image: url(/images/request_a_brochure_panel.gif);
  background-repeat: no-repeat;
  padding: 32px 5px 0 70px;
  margin-bottom: 10px;
  overflow: hidden;
}
#request-a-brochure-sidebar p {
  margin: 0 0 3px 0;
  font-size: 0.9em;
  line-height: 1.2em;
}
#request-a-brochure-sidebar img {
  margin: 0 0 0 27px;
}

/*****************/
/* Footer styles */
/*****************/

#footer {
  position: relative;
  top: 1px;
  clear: both;
  width: 759px;
  height: 53px;
  background-image: url(/images/footer_bar.gif);
  background-repeat: no-repeat;
  font-size: 0.7em;
  font-weight: bold;  
}
#footer #copyright {
  width: 250px;
  height: 30px;
  float: left;
  color: #555;
  margin: 22px 0 0 15px;
}
#footer #copyright a {
  text-decoration: none;
}
#footer #images {
  width: 479px;
  height: 47px;
  margin-top: 5px;
  float: left;
}
#images div {
  float: right;
  margin-right: 5px;
}
#images img {
  vertical-align: middle;
  margin-right: 5px;
}
#flash-map {
  float: left;
  margin: 0 15px 15px 0;
}

/**************************/
/* WYSIWYG Editor Classes */
/**************************/

span.wysiwygsmall {
  font-size: 0.8em;
}
span.wysiwygsmallRed {
  font-size: 0.8em;
  color: #f00;
}
span.wysiwygmedium {
  font-size: 1em;
}
span.wysiwygmediumRed {
  font-size: 1em;
  color: #f00;
}
span.wysiwyglarge {
  font-size: 1.2em;
}
span.wysiwyglargeRed {
  font-size: 1.2em;
  color: #f00;
}
span.wysiwygxLarge {
  font-size: 1.6em;
}
span.wysiwygxLargeRed {
  font-size: 1.6em;
  color: #f00;
}