/*  Alternate Webkit Theme 04 V2.1 (responsive)
(C) 2015 Alternate Tools
-----------------------------------------------------

File:         theme.css
Description:  Main page CSS stylesheet

*/


/*  Custom fonts
-----------------------------------------------------*/
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), local('Ubuntu'), url(theme_files/Ubuntu.woff) format('woff');
}

/* Format for the body of the website
-------------------------------------------------------------------------------
*/
body
{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-family: Ubuntu,Tahoma,sans-serif;
  color: #0C0C0C;
  font-size: 16px;
  background-color: #ABAB00;
}

/* Format for the upper div containers
-------------------------------------------------------------------------------
*/
.div_upper
{
  width: 100%;
  height: 100px;
  background-color: #FFFFFF;
}
.div_upper_container
{
  width: 1000px;
  height: 100px;
}
.div_upper_logo
{
  padding-top: 12px;
// padding-top: 0px;
  text-align: right;
  float: left;
  cursor: pointer;
}
.div_upper_navi
{
  padding-top: 70px;
// padding-top: 80px;
  padding-left: 30px;
  text-align: left;
  font-family: Ubuntu,Tahoma,sans-serif;
  float: left;
}
.div_upper_space
{
  height: 12px;
  width: 100%;
  background-color: #00331A;
  font-size: 4px;
}

/* Format for the middle div containers
-------------------------------------------------------------------------------
*/
.div_middle
{
  width: 100%;
  min-height: 400px;
// height: 400px;
  background-color: #FBF9FD;
  background: url('theme_images/site_background.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.div_middle_container
{
  width: 1000px;
  text-align: left;
  background-color: #FFFDC8;
}
.div_middle_title
{
  padding-top: 20px;
  margin-left: 30px;
  font-size: 25px;
  font-weight: bold;
  color: #00331A;
}
.div_middle_content
{
  margin-top: 10px;
  margin-left: 20px;
  padding-bottom: 10px;
  width: 950px;
  min-height: 400px;
// height: 400px;
}

/* Format for the footer div containers
-------------------------------------------------------------------------------
*/
.div_footer_space
{
  height: 1px;
  width: 100%;
  background-color: #CCCC00;
  font-size: 4px;
}
.div_footer_space2
{
  height: 1px;
  width: 100%;
  background-color: #BBBB00;
  font-size: 4px;
}
.div_footer_space3
{
  height: 1px;
  width: 100%;
  background-color: #AAAAAA00;
  font-size: 4px;
}
.div_footer
{
  width: 1000px;
  height: 90px;
  text-align: left;
}
.div_footer_navi
{
  width: 500px;
  margin-top: 10px;
  margin-left: 20px;
  float: left;
  color: #FCFCFC;
  font-family: Ubuntu,Tahoma,sans-serif;
  font-size: 16px;
}
.div_footer_copyright
{
  width: 350px;
  margin-top: 50px;
  margin-left: 30px;
  float: left;
  text-align: right;
  font-family: Ubuntu,Tahoma,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #ECECDC;
}

/* Navigation formats
-------------------------------------------------------------------------------
*/
a:link, a:visited
{
  color: #0C2E8D;
}
a:hover, a:active
{
  color: #0C2E8D;
}

a.navi_top:link, a.navi_top:visited
{
  color: #FCFCFC;
  background-color: #00331A;
  font-family: Ubuntu,Tahoma,sans-serif;
  font-size: 16px;
  text-decoration: none;
  float: left;
  display: block;
  margin-top: 2px;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 2px;
  padding-top: 3px;
  padding-bottom: 2px;
  height: 25px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  width: 118px;
//  width: 120px;
}
a.navi_top:hover, a.navi_top:active
{
  color: #FCFCFC;
  background-color: #004824;
  font-family: Ubuntu,Tahoma,sans-serif;
  font-size: 16px;
  text-decoration: underline;
  float: left;
  display: block;
  margin-top: 2px;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 2px;
  padding-top: 3px;
  padding-bottom: 2px;
  height: 25px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  width: 118px;
//  width: 120px;
}
a.navi_top_active:link, a.navi_top_active:visited
{
  color: #FCFCFC;
  background-color: #00793D;
  font-family: Ubuntu,Tahoma,sans-serif;
  font-size: 16px;
  text-decoration: none;
  float: left;
  display: block;
  margin-top: 2px;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 2px;
  padding-top: 3px;
  padding-bottom: 2px;
  height: 25px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  width: 118px;
//  width: 120px;
}
a.navi_top_active:hover, a.navi_top_active:active
{
  color: #FCFCFC;
  background-color: #004824;
  font-family: Ubuntu,Tahoma,sans-serif;
  font-size: 16px;
  text-decoration: underline;
  float: left;
  display: block;
  margin-top: 2px;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 2px;
  padding-top: 3px;
  padding-bottom: 2px;
  height: 25px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  width: 118px;
//  width: 120px;
}

a.navi_bottom:link, a.navi_bottom:visited
{
  color: #FCFCFC;
  font-family: Ubuntu,Tahoma,sans-serif;
  font-size: 16px;
  text-align:center;
  text-decoration: none;
  
  float: left;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 19px;
  padding-right: 19px;
  margin-top: 2px;
  height: 25px;
}
a.navi_bottom:hover, a.navi_bottom:active
{
  color: #FCFCFC;
  font-family: Ubuntu,Tahoma,sans-serif;
  font-size: 16px;
  text-align:center;
  text-decoration: underline;
  text-align:center;
  float: left;
  display: block;
  background-color: #BBBB00;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 2px;
  padding-left: 19px;
  padding-right: 19px;
  height: 25px;
}
.span_navi_bottom_space
{
  float: left;
}

/* General format for other html elements
-------------------------------------------------------------------------------
*/
p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
{
  font-family: Ubuntu,Tahoma,sans-serif;
  color: #0C0C0C;
  font-size: 16px;
}
img
{
  border: 0;
}
input
{
  font-family: Ubuntu,Tahoma,sans-serif;
  color: #0C0C0C;
  font-size: 16px;
}
input:hover
{
  font-family: Ubuntu,Tahoma,sans-serif;
  color: #0C0C0C;
  font-size: 16px;
}
/* Size on small devices... (responsive)
-------------------------------------------------------------------------------
*/
@media only screen and (min-width: 150px) and (max-width: 600px)
{
  body
  {
	margin: 0 auto;
  }
  .div_upper_container
  {
	width: 100%;
	height: auto;
  }
  .div_upper_logo
  {
	width: 100%;
    padding-top: 12px;
    text-align: left;
    float: left;
  }
  .div_upper_logo img
  {
	width: 80%;
	height: auto;
	margin-left: 10%;
	margin-right: 10%;
  }
  .div_upper_navi
  {
	width: 98%;
	height: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1%;
    padding-right: 1%;
    background-color: #FFFFFF;
  }
  .div_upper_space
  {
	float: left;
  }
  .div_middle
  {
    width: 100%;
    min-height: auto;
    float: left;
  }
  .div_middle_container
  {
    width: 100%;
    float: left;
  }
  .div_middle_title
  {
    padding-top: 20px;
    margin-left: 2%;
    margin-right: 1%;
    width: 97%;
	float: left;
  }
  .div_middle_content
  {
    margin-top: 10px;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
    min-height: auto;
    float: left;
  }
  .div_middle_content img
  {
	width: 80%;
	height: auto;
  }
  .div_middle_content iframe
  {
	width: 95%;
  }
  .div_footer_space, .div_footer_space2, .div_footer_space3
  {
	float: left;
  }
  .div_footer
  {
    width: 100%;
	height: auto;
	float: left;
  }
  .div_footer_navi
  {
    width: 100%;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
  }
  .div_footer_copyright
  {
    width: 98%;
    margin-top: 2px;
    margin-left: 1%;
    maring-right: 1%;
    float: left;
  }
  a.navi_top:link, a.navi_top:visited, a.navi_top:hover, a.navi_top:active, a.navi_top_active:link, a.navi_top_active:visited, a.navi_top_active:hover, a.navi_top_active:active
  {
    margin-top: 2px;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    width: 98%;
    height: 24px;
  }
  /* Site input elements
  -------------------------------------------------------------------------------
  */
  .contact_name, .contact_email, .contact_message
  {
    width: 75%;
  }
  .form_input, .form_textinput
  {
    width: 75%;
  }
  .guestbook_title, .guestbook_name, .guestbook_email, .guestbook_text
  {
    width: 75%;
  }
  .site_search_term
  {
    width: 75%;
  }
  .newsletter_email
  {
    width: 75%;
  }
  .youtube_iframe
  {
	width: 85%;
  }
  .iframe
  {
	width: 85%;
  }
  .img
  {
	width: 85%;
	height: auto;
  }
}