/* 
    AUTHOR: Dieter Randolph
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; }
html { 
  height: 100%
}
body { 
  height: 100%;
  font: 62.5% Helvetica, sans-serif;
  text-align: left;
  background-color: #f4f4f4;
  color: #000;  
}
a { outline: none; }
a img { border: none; }
a:link, a:visited {
  color: #0364af;
}
a:hover {
  color: #f90;
}

img.thumbnail {
  height: 50px;
}

.black { color: #000; }
.white { color: #fff; }
.dark_grey { color: #333; }
.medium_grey { color: #666; }
.light_grey { color: #7f7f7f; }
.foreground_grey { color: #f6f6f6; }
.background_grey { color: #f4f4f4; }
.blue { color: #0364af; }
.orange { color: #f90; }

/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.noshow { display: none; }
.column {
  float: left;
  height: auto !important;
}
.big_column {
  width: 65%;
  line-height: 1.3;
}
.small_column {
  width: 25%;
  font-size: 95%;
  line-height: 1.2;
}
div.calloutbox {
  background: #f90 url(../images/page_elements/callout_corner.jpg) no-repeat 100% 0;
  padding: 25px;
  margin: 1em;
  font-weight: bold;
}
div.calloutbox p {
  padding-left: 1em !important;
}
div.calloutbox a:hover {
  color: #fff;
}
label {
  font-weight: bold;
  font-size: 110%;
}
input, select, textarea {
  width: 70%;
}
input.search_submit, input.form_submit {
  font-size: 170%;
  font-weight: bold;
}
/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#container {
  min-height: 100%;
  width: 87.9em;
  margin: 0;
  text-align: left;
  background-color: #fff;
  background: #fff url(../images/page_elements/back_shadow.jpg) repeat-y 100% 0;
}
#container_inner {
  font-size: 120%;
}
#header {
  padding: 1em;
  margin-right: 33px;
  background: transparent url(../images/page_elements/downtown_panorama.jpg) no-repeat 100% 50%;
}
#navigation {
  margin-right: 2em;
  background: transparent url(../images/page_elements/main_nav_back.jpg) repeat-x 0 0;
}
#navigation ul {
  list-style-type: none;
}
#navigation ul li {
  display: block;
  float: left;
  line-height: 40px;
  font-size: 110%;
  font-weight: bold;
  color: #ccc;
}
#navigation ul li.list_spacer {
  background: transparent url(../images/page_elements/main_nav_spacer.jpg) repeat-x 0 0;
  width: 1px;
}
#navigation ul li.list_cap {
  background: transparent url(../images/page_elements/main_nav_corner.jpg) no-repeat 0 0;
  float: right;
  width: 6px;
}
#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li span {
  display: block;
  padding: 0 1.5em;
}
#navigation ul li a:link, #navigation ul li a:visited {
  text-decoration: none;
  color: #ccc;
  background: transparent url(../images/page_elements/main_nav_back.jpg) repeat-x 0 0;
}
#navigation ul li a:hover, #navigation ul li span {
  color: #fff;
}
#navigation ul li a:hover {
}
#navigation ul li span {
  background: transparent url(../images/page_elements/main_nav_active.jpg) repeat-x 0 0;
}
#main_column {
  width: 61%;
  background: #fff url(../images/page_elements/fore_shadow.jpg) repeat-y 0 0;
}
#main_column p, #sub_column p, #main_column ul, #sub_column ul {
  padding: .5em 1em .5em 2em;
  line-height: 1.4;
}
#main_column ul, #sub_column ul {
  list-style-type: none;
}
#main_column ul li, #sub_column ul li {
  background: transparent url(../images/page_elements/bullet.jpg) no-repeat 0 3px;
  padding: 0 0 1em 12px;
}
#main_column h1, #main_column h2, #main_column h3 {
  margin-top: 2em;
  background: transparent url(../images/page_elements/header_back.jpg) no-repeat 100% 0;
  line-height: 32px;
  padding-left: 1em;
}
#sub_column h1, #sub_column h2, #sub_column h3 {
  padding: .5em .25em .25em .5em;
} 
#sub_column {
  width: 37%;
  background-color: #f6f6f6;
}
p.search_result, ul.search_result, div.search_result {
  display: block;
  clear: left;
  border-bottom: 1px solid #f90;
  margin: 0 2em 0 0;
}
div.search_result {
  padding-bottom: 1em;
}
a.thumbnail, img.full_size {
  float: left;
  margin-right: 1em;
}
#footer {
  font-size: 90%;
}
#footer p {
  font-family: verdana, geneva, kalimati, sans-serif;
  color: #0364af;
}
#footer_inner {
  padding: 1em 3em 1em 1em;
}
#footer_nav {
  margin-right: 2em;
  background: transparent url(../images/page_elements/sub_nav_back.jpg) repeat-x 0 0;
}
#footer_nav ul {
  list-style-type: none;
}
#footer_nav ul li {
  display: block;
  float: left;
  line-height: 34px;
  font-size: 100%;
  font-weight: bold;
  color: #ccc;
}
#footer_nav ul li.list_spacer {
  background: transparent url(../images/page_elements/sub_nav_spacer.jpg) repeat-x 0 0;
  width: 2px;
}
#footer_nav ul li.list_cap {
  background: transparent url(../images/page_elements/sub_nav_corner.jpg) no-repeat 0 0;
  float: right;
  width: 6px;
}
#footer_nav ul li a:link, #footer_nav ul li a:visited, #footer_nav ul li span {
  display: block;
  padding: 0 1em;
}
#footer_nav ul li a:link, #footer_nav ul li a:visited {
  text-decoration: none;
  color: #ccc;
  background: transparent url(../images/page_elements/sub_nav_back.jpg) repeat-x 0 0;
}
#footer_nav ul li a:hover, #footer_nav ul li span {
  color: #fff;
}
#footer_nav ul li a:hover {
}
#footer_nav ul li span {
}

/* END STRUCTURE */