html, body, #page {
  background:#92aa61 url(/images/layout/bg.png);
  color:#000;
  
  margin:0;
  padding:0;
}
body {
  margin:250px 0 0 0;
}
#page {
  font-size:0.75em;
}
/* LAYOUT */
.wrap {
  margin:0 auto;
  
  width:950px;
  min-width:950px;
}
/* HEADER */
#header {
  width:100%;
  min-width:950px;
  
  margin:0;
  padding:0;

  height:250px;
  background:#2d3913 url(/images/rotation/1.jpg) center top no-repeat;
  
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:50;
}

#header div.wrap {
  position:relative;
}
/* TITLE */
#header h1 {
  width:424px;
  height:41px;
  
  position:absolute;
  top:20px;
  left:0;
  z-index:10;
  
  display:block;
  
  background:transparent url(/images/layout/title.png) top left no-repeat;
}
  #header h1 a {
    width:424px;
    height:41px;

    margin:0;
    padding:0;

    display:block;

    text-indent:-9999px;
  }
/* QUICK LINKS */
#header ul#quick_links {
  position:absolute;
  top:20px;
  right:0;
  z-index:10;
  
  display:block;
}
#header ul#quick_links li {
  height:41px;
  
  margin:0 7px;
  padding:0;
  
  display:block;
  float:left;
}
#header ul#quick_links li a {
  line-height:41px;
  color:#fffbc2;
  text-decoration:none;
  text-shadow:#000 0 1px 0;
  font-size:0.8em;
        font-weight:bold;
}
#header ul#quick_links li a:hover {
  color:#fff;
}
#header ul#quick_links li a img {
  margin:0 1px 3px 0;
  vertical-align:middle;
}
/* NAVIGATION */
#nav {
  width:100%;
  min-width:950px;
  
  background:transparent url(../images/layout/nav_bg.png) top left repeat-x;
  
  position:absolute;
  top:200px;
  z-index:20;

  font-size:12px;
}
  #nav ul {  
    width:930px;
    min-width:auto;
    height:50px;
    
    background:none;
    color:#fffbc2;
  
    margin:0 auto;
    padding:0;
  
    display:block;
  }
    #nav ul li {
      height:50px;
  
      margin:0;
      padding:0;
  
        position:relative;
      display:block;
      float:left;
    }
    #nav ul li.contact { margin-right:0 }
      #nav ul li a {
        margin:0;
        padding:0 20px;
        
        display:block;
        
        text-shadow:#000 0 1px 0;
        text-decoration:none;
        font-weight:bold;
        color:#fffbc2;
        font-size:14px;
        line-height:50px;
      }
      #nav ul li:hover a, #nav ul li a:hover { color:#fff; background:transparent url(../images/layout/nav_bg.png) top left repeat-x; }
      #nav ul li ul {
        min-width:200px;
        width:250px;
        height:auto;
        
        position:absolute;
        top:50px;
        left:0;
        
        background:transparent url(../images/layout/sub_nav_bg.png) repeat;
        display:none;
        
        -webkit-border-bottom-left-radius:4px;
        -webkit-border-bottom-right-radius:4px;
        -moz-border-radius-bottomleft:4px;
        -moz-border-radius-bottomright:4px;
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        
        -webkit-box-shadow:rgba(0,0,0,0.3) 0 8px 8px;
        -moz-box-shadow:rgba(0,0,0,0.3) 0 8px 8px;
        box-shadow:rgba(0,0,0,0.3) 0 8px 8px;
      }
      #nav ul li.contact ul { width:200px; right:0; left:auto }
      #nav ul li:hover ul { display:block }
        #nav ul li ul li { height:auto; margin:0; clear:both; float:none; line-height:20px }
        #nav ul li ul li:last-child a {
          -webkit-border-bottom-left-radius:4px;
          -webkit-border-bottom-right-radius:4px;
          -moz-border-radius-bottomleft:4px;
          -moz-border-radius-bottomright:4px;
          border-bottom-left-radius:4px;
          border-bottom-right-radius:4px;
        }
          #nav ul li ul li a {
            margin:0;
            padding:5px 10px;
            border-bottom:1px solid #131806;
            
            line-height:20px;
            font-size:12px;
          }
          #nav ul li:hover ul li a { color:#fffbc2; background:transparent }
          #nav ul li ul li:hover a, #nav ul li ul li a:hover { color:#fff; background:transparent url(../images/layout/sub_nav_bg.png) repeat }

/* CONTENT */
#content {
  width:720px;
  
  margin:0 0 10px 0;
  padding:4em 20px 0 20px;
  
  display:block;
  float:left;
  position:relative;
  
  font-size:0.75em;
  
  background:transparent url(/images/layout/content_bg.png) top left repeat-y;
}
#content #second_nav {
  width:740px;
  height:1em;
  
  margin:0;
  padding:1em 0;
  border-bottom:1px solid #e1daae;
  
  position:absolute;
  top:0;
  left:10px;

  list-style:none;
  background:#fffceb;
}
#content #second_nav li {
  margin:0 0 0 1em;
  padding:0;
  
  display:block;
  float:left;
  color:#9b9047;
}
#content #second_nav li a {
  border:0;
}
#content #bottom {
  width:760px;
  height:20px;
  
  position:absolute;
  bottom:-20px;
  left:0;
  
  background:transparent url(/images/layout/content_bottom.png) top left no-repeat;
}
#sidebar {
  width:180px;
  
  margin:0 10px 0 0;
  padding:10px 0 0 0;
  
  float:right;
  
  font-size:0.8em;
  color:#fffbc2;
}
#footer {
  width:740px;
  
  margin:0;
  padding:10px;
  
  clear:left;
  float:left;
  
  font-size:0.7em;
  font-weight:bold;
  color:#fffbc2;
  text-shadow:#000 0 0 2px;
}
/* TYPOGRAPHY */
#container h2, #container h2 a, #container h3, #container h3 a, #container h4, #container h4 a, #container p.h2, #container p.h2 a, #container p.h3, #container p.h3 a, #container p.h4, #container p.h4 a {
  color:#044119;
  
  font-family:'Helvetica Neue', Helvetica, Arial, Verdana;
  font-style:italic;
  font-weight:bold;
  text-shadow:#fff 0 0 1px;
  text-decoration:none;
  overflow:hidden;
}
#container .h2 { font-size:18px !important }
#container .h3 { font-size:15px !important }
#container h2 img {
  vertical-align:middle;
  margin:0 0.3em 0.3em 0;
}
#content h3, #content h3 a, #content p.h3, #content p.h3 a {
  color:#10652a;
}

#content p { margin:0 0 20px; padding:0; vertical-align:top }
#content p img, #content video, #content object { margin:0; padding:4px; border:1px solid #ccc; background:#fff }
#content video, #content object { display:block }
  #content p img[align=left], #content p img[style*='float:left'],
  #content video[align=left], #content video[style*='float:left'],
  #content object[align=left], #content object[style*='float:left'] { margin-bottom:20px; margin-right:20px }
  #content p img[align=right], #content p img[style*='float:right'],
  #content video[align=right], #content video[style*='float:right'],
  #content object[align=right], #content object[style*='float:right'] { margin-bottom:20px; margin-left:20px }
#content p a:hover img { border-color:#aaa }

#content p a, #content li a {
  color:#10652a;
  font-weight:bold;
  text-decoration:none;
  border-bottom:1px dotted #333;
}
#content p a:hover, #content li a:hover {
  color:#333;
  border-bottom:1px solid #000;
}
#content p strong, #content p em { line-height:inherit }
#content ul, #content ol {
        margin:0 0 20px 10px;
        padding:0 0 0 5px;
	list-style:circle outside;
}
#content ol { list-style:decimal outside; margin-left:20px }
#content li { padding:0 }
#content li, #content td, #content th { line-height:1.5 }
  #content li ul, #content li ol, #content li li { margin-bottom:0 }
#content table { margin:0 0 20px }

#content blockquote {
	margin:10px 0;
	padding:10px 10px 10px 68px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;

	display:block;
	clear:both;

	background:#f7f7f7 url(../images/layout/quotes.png) 10px 10px no-repeat;
	font-weight:normal;
}
  #content blockquote p { margin-bottom:0 }
  #content blockquote strong,
  #content blockquote em,
  #content blockquote cite { text-align:right; display:block; clear:both; font-weight:bold }
  #content strong, #content em, #content a { line-height:inherit }

#content div.image_with_caption {
  width:auto;
  border:1px solid #ccc;
  padding:4px 4px 24px;
  
  position:relative;
}
#content div.image_with_caption span {
  width:inherit;
  height:16px;
  
  display:block;
  clear:both;
  
  margin:0;
  padding:0;
  
  font-size:0.8em;
  line-height:16px;
  color:#666;
  overflow:hidden;
  
  position:absolute;
  bottom:4px;
  left:4px;
}
#content table {
  width:720px;
  
  border:0;
  padding:0;
  margin:0;
}
#content table tr {
  border-bottom:1px solid #666;
}
#content table tr th {
  background:#044119;
  color:#fff;
  
  padding:1em 0.25em;
  
  font-weight:bold;
  font-size:1.2em;
  line-height:1.5em;
}
#content table tr td {
  background:#fff;
  color:#333;
  
  padding:0.25em 0.5em;
  font-size:1em;
  line-height:1.5em;
}
#content table tr td.first {
  background:#eee;
  color:#000;

  font-weight:bold;
}
#content form {
  margin:0;
  padding:0;
}
#content form input, #content form textarea {
  display:block;
  clear:left;
  
  font-size:1em;
  font-family:inherit;
}
#content form div.row {
  padding:1em 0 0 0;
}
#content form label {
  display:block;
  font-weight:bold;
  padding-bottom:0.5em;
}
#content form .hide {
  display:none;
}
#content .comment {
  padding:2em 1em 0 1em;
  
  font-size:0.9em;
  background-color:#eee;
  border-bottom:1px dotted #ccc;
  
  position:relative;
}
#content .comment .author, #content .comment .datetime {
  display:block;
  
  position:absolute;
  top:0;
  left:1em;
  
  font-weight:bold;
}
#content .comment .datetime {
  left:auto;
  right:1em;
}
#comments { clear:both }
#sidebar {
  width:180px;
}
#sidebar h2 {
  clear:both;
  color:#fffbc2;
  text-shadow:#000 0 1px 1px;
}
#sidebar p {
  color:#fff;
  text-shadow:#000 0 1px 1px;
}
#sidebar p.advert { margin: 20px 0; clear:both }
#sidebar p strong {
  color:#fffbc2;
}
#sidebar p a {
  color:#fff;
  text-decoration:none;
}
#sidebar p a:hover {
  color:#fffbc2;
}
#sidebar .news_container {
  margin:0 0 10px 0;
}
#sidebar .news_container a {
  margin:0.5em 0;
  padding:0 0 0 2em;
  
  display:block;
  clear:both;

  background:transparent url(/images/icons/16/41.png) center left no-repeat;
  color:#000;
  text-decoration:none;
  text-shadow:#d8eea8 0 0 3px;
  font-weight:bold;
}
#sidebar .news_container a:hover {
  color:#fffbc2;
  text-shadow:#000 0 0 3px;
}
#sidebar .news_container a span {
  display:block;
  clear:left;
  font-size:0.8em;
  font-weight:normal;
  line-height:1.6em;
}
#sidebar .weather_container {
  width:170px;

  padding:1px;
  
  background:#fff;
  color:#000;
  border:1px solid #6b7b49;
}
#sidebar .weather_container .weather_item {
  width:33px;
  
  border-left:1px solid #6b7b49;
  
  display:block;
  float:left;
}
#sidebar .weather_container .weather_item.wi_3 {
  width:56px;
}
#sidebar .weather_container .weather_item:hover {
  background:#eee;
  cursor:pointer;
}
#sidebar .weather_container .weather_item:first-child {
  width:34px;
  border-left:0;
}
#sidebar .weather_container .weather_item.wi_3:first-child {
  width:56px;
}
#sidebar .weather_container .weather_item span {
  width:33px;
  
  border-top:1px solid #6b7b49;
  
  display:block;
  clear:both;
  
  font-size:0.7em;
  text-align:center;
}
#sidebar .weather_container .weather_item.wi_3 span {
  width:56px;
}
#sidebar .weather_container .weather_item:first-child span {
  width:34px;
}
#sidebar .weather_container .weather_item.wi_3:first-child span {
  width:56px;
}
#sidebar .weather_container .weather_item span.symbol {
  margin:4px 0;
  border-top:0;
}
#sidebar .weather_container .weather_item span.name {
  padding:3px 0;
  font-weight:bold;
  font-size:0.8em;
}
#sidebar .weather_container .weather_item span.temp, #sidebar .weather_container .weather_item span.time {
  padding:3px 0;
}
#sidebar .weather_container .weather_item span.day {
  background:#fffde0;
  color:#000;
}
#sidebar .weather_container .weather_item:hover span.day {
  background:#fffbba;
}
#sidebar .weather_container .weather_item span.night {
  background:#0a272b;
  color:#fff;
}
#sidebar .weather_container .weather_item:hover span.night {
  background:#000;
}
#sidebar .weather_source {
  font-size:0.8em;
  line-height:1.5em;
  text-align:right;
  color:#fffbc2;
  margin:0 10px 10px 0;
}
#sidebar .weather_source a {
  color:#fffbc2;
}
#sidebar .photo_container {
  margin:0 0 10px 0;
}
#sidebar .photo_container a {
  width:50px;
  height:50px;
  
  margin:3px 6px 3px 0;
  padding:1px;
  
  background:#fff;
  border:1px solid #6b7b49;
  
  display:block;
  float:left;
}
#sidebar .video_container {
  width:170px;
  
  margin:0 0 10px 0;
  padding:1px;
  
  background:#fff;
  color:#000;
  border:1px solid #6b7b49;
}
#sidebar form {
  margin-bottom:2em;
}
#sidebar label {
  display:block;
  clear:both;
  
  margin:0.5em 0;
  
  text-shadow:#000 0 1px 1px;
  font-weight:bold;
}
#sidebar input {
  width:170px;
}
#sidebar #checker { display:none }
#sidebar input[type=text] {
  width:170px;
  padding:4px;
  border:1px solid #aaa;
  border-top-color:#999;
  background:#fff;
  font-size:12px;
  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#sidebar input[type=submit] { width:auto; margin:1em 0; float:right; }

/* Safari Optimisations */
#sidebar h2 { -webkit-text-stroke:1px transparent }
@media only screen and (max-device-width:480px) { #sidebar h2 { -webkit-text-stroke:0 black } }
