/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1, .sIFR-active h2 {
    font-family: Verdana;
    visibility: hidden;
    font-size: 48px;
  }
  
  .sIFR-active h3 {
    font-family: Verdana;
    visibility: hidden;
    font-size: 36px;
  }
}

                                         
* {
font-family:Georgia, "Times New Roman", Times, serif;
}

ol {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

fieldset {
	border: none;
	padding-left: 0px;
	margin-left: 0px;
}



body {
padding:0;
margin:0;
background-image:url(/images/bg.jpg);
background-repeat:repeat;
}

div#container {
width:963px;
}

div#header {
width:963px;
height:243px;
float:left;
background-image:url(/images/header.png);
background-repeat:no-repeat;
behavior:url(/iepngfix.htc);
}

div#nav {
width:963px;
height:31px;
float:left;
background-image:url(/images/navBg.png);
background-repeat:no-repeat;
behavior:url(/iepngfix.htc);
}

div#mainContent, body.tinymce {
width:963px;
float:left;
background-image:url(/images/contentBg.jpg);
text-align:justify;
padding:0 0 10px 0;
}

div#leftCol, body.tinymce {
width:620px;
float:left;
padding:15px 50px 0 20px;
}

div#rightCol, body#rightCol.tinymce {
width:245px;
float:left;
padding:15px 0 0 0;
color:#645b4c;
font-size:12px;
}

body#rightCol.tinymce {
background-position:310px 0;
padding:15px 10px 0 35px;
}

div.block {
width:245px;
float:left;
padding:0 0 35px 0;
}

div#footer {
width:963px;
height:31px;
float:left;
background-image:url(/images/navBg.png);
background-repeat:no-repeat;
behavior:url(/iepngfix.htc);
}

div#copyright {
float:left;
width:400px;
color:#e2a600;
font-size:12px;
font-weight:700;
text-align:left;
padding:7px 0 0 20px;
}

div#norex {
width:400px;
float:right;
text-align:right;
padding:7px 20px 0 0;
}

div#norex a {
color:#e2a600;
font-weight:700;
font-size:12px;
text-decoration:none;
}

div#norex a:hover {
color:#ece7df;
}

p {
color:#645b4c;
font-size:14px;
}

div#rightCol p {
font-size:12px;
}

h1 {
padding:10px 0 10px 0;
margin:0;
font-family:Georgia, "Times New Roman", serif;
font-size:26px;
color:#577a38;
}

h2 {
padding:10px 0 10px 0;
margin:0;
font-family:Georgia, "Times New Roman", serif;
font-size:24px;
color:#80411f;
}

h3 {
padding:10px 0 10px 0;
margin:0;
font-family:Georgia, "Times New Roman", serif;
font-size:21px;
color:#577a38;
}

h4 {
padding:10px 0 10px 0;
margin:0;
font-family:Georgia, "Times New Roman", serif;
font-size:18px;
color:#80411f;
}

h5 {
padding:10px 0 10px 0;
margin:0;
font-family:Georgia, "Times New Roman", serif;
font-size:16px;
color:#577a38;
}

h6 {
padding:10px 0 10px 0;
margin:0;
font-family:Georgia, "Times New Roman", serif;
font-size:14px;
color:#80411f;
}

ul {
padding:0 0 0 30px;
margin:0;
color:#645b4c;
list-style-image:url(/images/bullet.jpg);
}

ul li {
padding:0 0 5px 0;
font-size:14px;
line-height:14px;
}

ol {
padding:0 0 0 30px;
margin:0;
color:#645b4c;
}

a {
font-size:14px;
color:#577a38;
text-decoration:none;
font-weight:700;
}

a:hover {
text-decoration:underline;
color:#80411f;
}

input.inputField {
width:245px;
}

/* Guestbook */
div#form_container{
    padding:20px 0 20px 7px;
}

div#form_container form div input {
clear:left;
}

div.form_label_container {
    float: left;
    width: 80px;
    color:#547735;
font-weight:700;
    font-size:14px;
text-align:left;
}

div.form_label_container label {
width:350px;
float:left;
}

textarea.comment_form {
    width: 400px;
    height: 75px;
}

div#comment_container {
    padding-top: 20px;
}

div.posted_details {
    color:#645b4c;
    font-size:11px;
}

div.posted_details a {
font-size:11px;
}

div.comment_display {
    padding-left: 10px;
    color:#547735;
    font-size:16px;
}
/*UPLOAD PHOTO FORM*/

div#leftCol form {
padding:10px 0 0 0;
}

div#leftCol form label {
font-weight:700;
color:#577a38;
float:left;
width:100px;
font-size:12px;
}

div#leftCol form input#name,input#email,input#file {
width:190px;
}

div#leftCol form input {
margin:0 0 6px 0;
}

div#leftCol form textarea#comment {
padding:5px;
font-size:12px;
width:183px;
}

/*END UPLOAD PHOTO FORM*/


/*GUESTBOOK ALIGNMENT*/

form#GuestBook_addedit input#guestbook_captcha {
margin-left:100px!important;
display:inline;
float:left;
_margin-left:0!important;
}

form#GuestBook_addedit input#guestbook_submit {
clear:left;
float:left;
margin:0 0 0 100px!important;
_margin:0!important;
}

form#GuestBook_addedit fieldset.hidden ol li.reqnote {
float:left;
clear:left;
margin:0;
padding:0;
}

form#GuestBook_addedit ol li div.element {
_width:500px;
_float:left;
_clear:left;
}

form#GuestBook_addedit ol li label.element {
_float:left;
_width:120px!important;
_clear:left!important;
}

form#GuestBook_addedit ol li input#guestbook_name,form#GuestBook_addedit ol li input#guestbook_email,form#GuestBook_addedit ol li input#guestbook_comment {
_float:left!important;
}

form#GuestBook_addedit div.error {
float:left;
}

form#GuestBook_addedit div.error input#guestbook_captcha {
margin-left:0!important;
}










#navUl, #navUl ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
}
ul#navUl {
width:950px;
height:31px;
}
#navUl li.menuDivider {
  width:1px;
  height:31px;
font-size:16px;
font-weight:100;
color:#e2a600;
line-height:29px;
padding:0 3px 0 0;
}
#navUl a {
  display: block;
  font-family:Georgia, "Times New Roman", serif;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  color:#e2a600;
  line-height:31px;
text-transform:uppercase;
}
#navUl a:hover {
color:#f0eda8;
}
#navUl li { /* all list items */
  float:left;
height:100%;
line-height:100%;
display:block;
padding:0;
margin:0;
}
#navUl li a {
  padding: 0 7px;
  line-height:31px;
}
#navUl li ul{ /* second-level lists */
  position:absolute;
  background:#190c06;
  width: 14em;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  text-align:left;
}

#navUl li ul li {
  display: block;
  clear: left;
  width: 100%;
  border-bottom:1px dotted #e2a600;
line-height:31px;
padding:0;
margin:0;
}

#navUl li ul li a {
display:block;
  font-size:11px;
  line-height:31px;
color:#e2a600;
text-transform:none;
font-weight:700;
font-family:Georgia, "Times New Roman", serif;
}

#navUl li ul ul { /* third-and-above-level lists */
  margin: -1em 0 0 10em;
}

#navUl li:hover ul ul, #navUl li:hover ul ul ul, #navUl li.sfhover ul ul, #navUl li.sfhover ul ul ul {
  left: -999em;
}

#navUl li:hover ul, #navUl li li:hover ul, #navUl li li li:hover ul, #navUl li.sfhover ul, #navUl li li.sfhover ul, #navUl li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}

#navUl li ul li:hover, #navUl li ul li.sfhover {
  background-image:none;
}

#navUl li ul li a:hover {
  color:#fff;
  background-image:none;
  background:#577a38;
}

#navUl li ul li ul li {
  top:0;
}