/* 
* Colors
* dark blue: #162d50
* light blue: #5599ff
* dark brown: #241c1c
*/

/* 
* Reset Styles
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
/* Removes "crawling ants" */
:focus {
	outline: 0;
}

/* Trick to use HTML5 elements */
#header, #footer, nav, section, article {
 display:block;
}

/*
* General Element Styles 
*/
h1, h2, h3 {
  color: #5599ff;
  font-family: Impact, Charcoal, sans-serif;
  font-weight: normal;
}

a:link, a:visited {
  color: #162d50;
  text-decoration: none;
}

a:hover, a:active {
  color: #5f8dd3;
  text-decoration: none;
}

/* 
* Special Classes 
*/
div.center {
  margin: 0 auto;
  width: 799px;
}

div.column {
  padding: 5px 25px 20px;
}

.disabled {
  background: gray !important;
}

h4.error {
  font-size: 20px;
  padding: 20px 0;
  text-align: center;
}

.errorExplanation {
  color: red !important;
}

.errorExplanation h2 {
  border-bottom: 0 !important;
  color: red !important;
}

/* Used to make #headers with no border under them */
.no-border {
  border-bottom: 2px solid #fff;
  margin-bottom: -2px;
}

.company-logo {
  background: url(/images/ksg3-logo.png) no-repeat;
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: bottom;
  width: 96px;
  height: 31px;
}

/*
* Page Styles 
*/
html, body {
  background: #162d50;
  height: 100%;
  font-family: Helvetica, Arial, sans-serif;
}

div#wrapper {
  height: 100%;
}

/*
* Header Styles 
*/
#header {
  background: url(/images/header-bg.png) no-repeat center center;
}

#header div.center {
  color: #fff;
  height: 198px;
}

/* Search Box */
form#search {
  text-align: right;
  padding-bottom: 20px;
}

form#search label {
  font-size: 18px;
}

form#search input {
  border: 1px solid #666;
  font-size: 18px;
  width: 200px;
}

form#search input + input {
  width: auto;
}

div.pagination {
  text-align: center;
}

/* Hide Google's Search Box */
table.gsc-search-box:first-child {
  display:none;
}

/* Navigation Tabs */
#header ul.tabs {
  float: right;
  list-style-type: none;
  overflow: hidden;
}

#header ul.tabs li {
  background: #fff;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  float: left;
  margin: 0 5px;
}

#header ul.tabs a {
  display: block;
  color: #241c1c;
  padding: 5px 10px;
} 

/* Site Logo and Name */
#logo {
  clear: left;
  display: block;
  float: left;
  padding: 10px 0 0;
}

div#site-name {
  clear: right;
  float: left;
  margin: 0 auto;
  padding: 30px 0 0;
  text-align: right;
  width: 520px;
}

#header h1 a {
  color: #fff;
  display: block;
  font-size: 50px;
  height: 100%;
}

/* Logo Subtitle */
#header h4 {
  text-align: right;
}
#header h4 a {
  color: #fff;
  font-size: 14px;
}


/* 
* Content Styles 
*/
div#content div.center {
  background: #fff;
  min-height: 550px;
  color: #241c1c;
}

/* Headers */
div#content h2, div#content h3, #footer h2, #footer h3 {
  border-bottom: 2px solid #162d50;
}

div#content h2 {
  margin-bottom: 15px;
}

div#content h4 {
  color: #5599ff;
}

/* Paragraphs and Lists */
div#content p, div#content ul {
  margin: 10px 0;
}

div#content ul li {
  list-style-type: none;
  margin: 5px 0;
}

/* Links */
div#content li a, div#content p a {
  text-decoration: underline;
}

/* Forms */
div#content form input[type=text], div#content form textarea {
  width: 300px;
}

/* Categories Dropdown */
div#content form.categories {
  float: left;
}

div#content form.categories select {
  font-size: 18px;
}

/* Featured Items */
div#content div.featured {
  padding: 25px 0;
  overflow: hidden;
}

div#content div.featured img.thumbnail {
  float: left;
  padding: 10px;
  background: #241c1c;
  margin: 0 10px 0 0;
}

div#content div.featured h3 {
  font-family: Helvetica, Arial, sans-serif;
  border: 0;
}


/* Listings */
div#content h2.combined {
  float: left;
}

div#content h2.combined + h3 {
  text-align: right;
  margin-left: 170px;
}

div#content table {
  width: 100%;
  padding: 10px;
}

div#content table td {
  vertical-align: top;
  word-wrap: break-word;
}

div#content table thead td {
  text-align: left;
  font-weight: bold;
}

div#content table.listings {
  clear: both;
}

div#content table.listings td {
  padding: 10px 0;
  text-align: left;
}

/* 
* Footer Styles 
*/
#footer {
  background: #231e21;
}

#footer div.center {
  background: #393131;
  color: #fff;
  min-height: 140px;
}

#footer h2, #footer h3 {
  border-color: #fff;
}

#footer h2 .no-border, #footer h3 .no-border {
  border-color: #393131;
}

/* Categories Table */
#footer table {
  width: 100%;
  border-bottom: 2px solid #fff;
  border-collapse: collapse;
  margin: 15px 0;
}

#footer table td {
  padding: 5px 5px 5px 25px;
}

#footer table tr:first-child + tr td:first-child {
  border-left: 0;
}

#footer table tr:first-child + tr td {
  border-left: 1px solid #fff;
}

#footer table tr:last-child td, #footer table tr.last td {
  padding-bottom: 10px;
}

#footer table a {
  color: #fff;
}

#footer div.center + div.center {
  min-height: 0;
}

/* Sitemap */
#sitemap {
  background: #000;
}

#sitemap div.center {
  background: #111;
}

#sitemap div.center p {
  color: #fff;
  padding: 5px 0;
  text-align: center;
}

#sitemap a {
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
}

/* About Us Page */
.about_us h2 {
  clear: both;
}

.about_us div#google-map {
  float: right; 
  padding: 0 0 5px 5px;
}