html, body {
  height: 100%;
}

body {
  color: #000000;
  font-family: Verdana;
  font-size: 70%;
  line-height: 1em;
  background-color: #B7A393;
}

strong, strong * {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* default styling */

h1,h2,h3 {
  color: #FF6600;
}

h1 {
  font-size: 2em;
  margin-bottom: -0.3em;
  padding-top:0.2em;
}

h2 {
  font-size: 1.6em;
  line-height: 1em;
  margin-bottom: 0.4em;
}

h3 {
  font-size: 1.4em;
  line-height: 1em;
  margin-bottom: 0.5em;
}

h4 {
  font-size: 1.2em;
  line-height: 1.2em;
  margin-bottom: 1em;
  font-weight: bold;
}

h5, h6 { font-weight: bold;}

h5, h6, p, ol, ul {
  font-size: 1em;
  line-height: 1.2em;
  margin-bottom: 1em;
}

.col1 h6 { font-size: 0.85em;}
.col2 h6 { margin-bottom: 0.2em; }

p.big {
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
}

p.grey {
  color: #8B8B8B;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, li a {
  color: #FF6600;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover, li a:hover {
  color: #B7A393;
}

h2 a {
  font-family: "Baskerville", Georgia, Garamond;
  font-size: 1.4em;
  line-height: 1.2em;
}

ul li { 
  background: transparent url(../img/li.gif) no-repeat scroll 0 4px;
  padding-left: 9px;
}

/* site layout */

#outer {height: 100%; width: 720px;  margin: auto; overflow: visible; position: relative;} /* or without overflow */
#middle {position: absolute; top: 50%;} /* for explorer only*/
#inner {position: relative; margin-top: -351px;} /* for explorer only */


#inner {width: 720px; height:702px;}

#watermark, #banner, #menu, #content, #footer {
  position: relative;
}

#banner, #footer {
  background-color: #D5CAC1;
}

#menu, #content {
  background-color: #FFFFFF;
}

#banner, #menu {
  border-bottom: 2px solid #C0AEA0;
}

#watermark {
  height: 5px;
  /*background: transparent url(../img/logo-watermark.gif) no-repeat scroll right 38px;*/
}

#banner {
  height: 285px;
  z-index: 20;
  overflow: visible;
}

#menu {
  height: 44px;

  z-index: 10;
  overflow: visible;
}

#content {
  height: 302px;
}

/*
#footer {
  height: 60px;
  background: #D5CAC1 url(../img/logo-footer.gif) no-repeat scroll left top;
}

#footer h1, #footer h1 a {
  display: block;
  height: 60px;
  width: 230px;
  text-indent: -500em;
}
*/

/* new footer CSS for joze - 30/04/2009 */
#footer ul li  { list-style: none; }

div#footer { width:720px; height:60px; background:url(../img/footer_bg_image.gif) repeat; }
div.footer_links ul {  width:410px; height:20px; position:relative; float:left; margin-top:26px; margin-left:30px; }   
div.footer_links ul li a { text-decoration:none; color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold; } 
#footer ul li { background: none; padding-left: 0; }
#footer ul li.square { background: url(../img/square_orange.gif) left center no-repeat; float:left; padding-right:7px; padding-left:13px; padding-bottom:3px; }
#footer ul li { list-style:none; float:left; padding-right:7px; }

.col1, .col2 {
  float: left;
  height: 302px;
  overflow: auto;
}

.col1.no_scroll {
  overflow: hidden;
}

.col1 {
  width: 530px;
  border-right: 2px solid #C0AEA0;
}

.col1 .inner {
  padding-left: 38px;
  padding-top: 18px;
  padding-right: 18px;
}

.col1 .inner.first {
  height: 220px;
  border-bottom: 2px solid #C0AEA0;
  overflow: auto;
}

.col1 .inner.second {
  height: 50px;
  overflow: auto;
  padding-top: 1em;
}

.col2 {
  width: 188px;
}

.col2 .inner {
  padding-left: 18px;
  padding-top: 18px;
  padding-right: 18px;
}

.col2 p, .col2 ul li, .col2 ol {
  font-size: 0.85em;
  line-height: 1.4em;
}

ul.submenu {  }

ul.submenu li {
  background: none;
  padding: 0;
  font-size: 0.95em;
  margin-bottom: 1em;
}

ul.submenu li ul {
  margin-top: 0.2em;
}

ul.submenu li ul li {
  margin-bottom: 0;
  font-size: 1em;
  
  font-size: 0.85em;
  line-height: 1.4em;
  
}

ul.submenu li.sub, ul.submenu li.sub a {
  color: #000000;
  text-transform: uppercase;
  font-weight: bold;
}

ul.submenu li, ul.submenu li a, ul.submenu li.sub ul li, ul.submenu li.sub ul li a {
  text-transform: none;
  font-weight: bold;
}

ul.submenu li ul li a, ul.submenu li.act ul li a, ul.submenu li.sub ul li a {
  color: #FF6600;
}

ul.submenu li ul li a:hover {
  color: #B7A393;
}

ul.submenu li.act a, ul.submenu li ul li.act a {
  color: #000000;
}

div.franklin {
  height: 250px;
  background: transparent url(../img/franklin-quote.gif) no-repeat scroll bottom left;
  text-indent: -100em;
}

#splash {
  width: 720px;
  height: 720px;
}

#splash_link,
#flash_link {
  display: block;
  width: 100%;
  padding: 50px 0;
  text-align: center;
  color: #FFF;
}

#splash_link {
	font-size: 25pt;
	line-height: 20pt;
}

#watermark.splash {
  background-image: none;
}

/* dropdown menu */
ul#dropdown {
  position: relative;
  height: 20px;
  padding: 12px 0;
  margin-left: 38px;
  margin-bottom: 0;
}

ul#dropdown li {
  background: none;
  padding: 0;

  display: block;
  float: left;
  margin-right: 16px;
  
  font-family: Garamond;
  font-size: 16px;
  line-height: 20px;
}

ul#dropdown li ul {
  position: absolute;
  background-color: #FFFFFF;
  cursor: auto;
  
  padding-left: 5px;
  padding-right: 20px;
  
  z-index: 10;
  
  /*
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
  */
  
  display: none;
}

ul#dropdown li ul li {
  color: #B7A393;
  height: auto;
  padding-top: 0;
  display: block;
  float: none;
  margin: 0;
  font-family: Arial;
  font-size: 12px;
}

ul#dropdown li ul li a {
  color: #B7A393;
}

ul#dropdown li ul li a:hover {
  color: #000000;
}

ul#dropdown li.active ul {
  display: block;
}


/* typo3 stuff */

.mailform div.field {
  margin-bottom: .5em;
  clear: both;
}

.mailform div.field label,
.mailform div.field input.input,
.mailform div.field select.select,
.mailform div.field p.radiogroup,
.mailform div.field fieldset,
.mailform div.field textarea.text {
  float: left;
}

.mailform div.field label {
  width: 180px;
}

.mailform div.field input.input,
.mailform div.field select.select,
.mailform div.field textarea.text {
  width: 240px;
}

.mailform div.field fieldset legend {
  display: none;
}

.mailform div.field fieldset label,
.mailform div.field fieldset input {
  float: none;
}

.mailform div.field textarea.text {
  height: 100px;
}

.required label {
  color: red;
}


strong.tx-indexedsearch-redMarkup {
  color: #FA0505;
  font-weight: bold;
}

.search-browse {
  text-align: center;
  margin-bottom: 1em;
}

.search-browse a {
  text-decoration: none;
  color: #FA0505;
}

.search-browse a:hover {
  text-decoration: underline;
}

.searchbox form {
  border: 2px solid #6DB33F;
  padding: 1em;
  margin-bottom: 1em;
}

.searchbox-form {
  float: left;
}

.searchbox-form  label,
.searchbox-form input/*,
.search-submit input*/ {
  font-size: 1.4em;
  line-height: 1.3em;
}

.searchbox-form input {
  border:1px solid #666666;
  padding-left: .5em;
  width: 300px;
}

.search-submit {
  float: left;
  margin-left: 1em;
}

.search-submit input {
  width: auto;
}

.tx-indexedsearch-whatis {
  display: none;
}

h3.search, h3.search a {
  color: #3D860D;
  margin-bottom: 0.1em;
}

.teaser-small {
  /*border: 8px solid #E2E2E2;*/
  margin-bottom: 16px;
}

.teaser-small .img {
  float: left;
  padding-bottom:10px;
  width: 120px;
  overflow: hidden;
}

.teaser-small .txt {
  margin-left: 130px;
  /*padding: 8px;*/
}

.teaser-small h1, .teaser-small h2, .teaser-small h3, .teaser-small h4, .teaser-small h5, .teaser-small p { padding-bottom: 0; margin-bottom: 0;}
.teaser-small p { padding-top: 0.5em; }


/* utility classes */

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.cl { clear: left; }
.cr { clear: right; }

.ta_r { text-align: right !important; }
.ta_l { text-align: left !important; }
.ta_c, .align-center { text-align: center !important; }

.mb_0 { margin-bottom: 0 !important; }
.mt_0 { margin-top: 0 !important; }

.mb_1 { margin-bottom: 1em !important; }
.mt_1 { margin-top: 1em !important; }

.lower { text-transform: lowercase; }

.w_half { width: 50%; }
.red { color: #FF3333;}
.green { color: #339933; }
.orange {color: #FF6600;}
.black {color :#000000;}
#blank, #splash_flash { height: 100%; width: 100%; }

.hidden { display: none !important; }