/* //////////////// GENERAL INFO ////////////////

Site: CouncilTax.info
Version: 2

//////////////// //////////////// //////////////// */


/* //////////////// STRUCTURE ELEMENTS //////////////// */

* { margin: 0; padding: 0; outline: none; }

.wrapper { margin:0 auto; width:1171px; }
#top { width:100%; height:182px; background:#004578; }
#logo { float:left; width:360px; height:150px; margin-top:25px; }
#logo img { width:288px; }
#menu { float:right; text-align:right; width:811px; }
#mobile-menu, #mobile-menu-options { display:none; }
#bigImage { width:100%; background:#cacaca; overflow:hidden; }
#info { width:100%; padding-top:40px; height:260px; background:#0a5b98; }
#footer-aboutus { float:left; width:370px; margin-right:140px; color:#ffffff; font-size:12px; }
#footer-faq { float:left; width:385px; }
#footer-faq a { color:#8ac53e; text-decoration:none; }
#footer-contact { float:left; width:276px; }
#footer-contact a { color:#8ac53e; text-decoration:none; }
#footer h3 { font-family: 'Oswald', sans-serif; font-weight:normal; font-size:24px; line-height:30px; color:#fefefe; margin-bottom:25px; }
#fmenu { font-family: 'Oswald', sans-serif; width:100%; height:95px; background:#023f6e; text-align:center; border-top:1px solid #033243; line-height:95px; color:#ffffff; }
#fmenu a { text-decoration:none; font-size:14px; color:#ffffff; }
#copyright { width:100%; height:60px; line-height:60px; text-align:center; font-family: 'Oswald', sans-serif; color:#ffffff; font-size:14px; background:#8ac53e; }
#main { margin-top:35px; margin-bottom:35px; width:100%; background:#e8e8e8; }
#main h1 { font-family: 'Oswald', sans-serif; font-size:30px; font-weight:bold; text-align:center; line-height:36px; color:#171c20; padding-top:20px; padding-bottom:20px; text-transform:uppercase; }
.h1-bottom { width:1171px; height:12px; background:url(images/h1-bottom.png); margin-bottom:20px;  }
#main h3 { font-family: 'Oswald', sans-serif; font-size:20px; font-weight:bold; text-align:left; line-height:22px; color:#171c20; text-transform:uppercase; margin-bottom:15px; }
#main a { font-weight:bold; color:#09b815; text-decoration:none; }
#main li { margin-left:30px; }
#resultsLeft { float:left; width:50%; }
#resultsRight { float:left; width:50%; }

/* //////////////// MENU ///////////////////////// */
#menu ul { font-family: 'Oswald', sans-serif; color:#ffffff; margin-top:82px; width:100%; text-align:right; }
#menu ul li { display:inline-table; font-size:20px; height:40px; line-height:40px; font-weight:normal; padding-left:45px; padding-right:45px; position:relative; text-align:left; }
#menu ul li:hover { background:#0a5b98; }
#menu ul li a { color:#ffffff; text-decoration:none; height:40px; }

#menu ul li ul { position:absolute; left:0px; top:40px; background:#0a5b98; z-index:10000; visibility: hidden; padding:0px 0px 10px 0px; text-align:left; width:360px; margin-top:0px; }

/* //////////////// FORM FIELD /////////////////// */
.formfield { width:140px; height:30px; background:#b6b4b5; border:2px solid #a3a3a3; color:#ffffff; padding-left:5px; padding-right:5px; }
.formarea { width:140px; height:200px; background:#b6b4b5; border:2px solid #a3a3a3; color:#ffffff; padding-left:5px; padding-right:5px; }
.formbutton { padding:0px 30px 0px 30px; height:40px; line-height:40px; font-family: 'Open Sans', sans-serif; font-size:14px; text-transform:uppercase; /* color:#000000; */ text-align:center; border:2px solid #000000; /* background:#b6b4b5; */ background:#023f6e; color:#ffffff; font-weight:bold; border-radius:10px; cursor:pointer; }
.formbutton:hover { background:#0b6bb5; }

/* //////////////// FRONT PAGE /////////////////// */
#bigimage-frontpage { position:relative; background:url(images/bigimage-frontpage.jpg); width:1171px; height:650px; }
#frontpage-text1 { position:absolute; top:162px; font-family: 'Oswald', sans-serif; font-size:36px; color:#ffffff; height:60px; line-height:60px; background:#0a5b98; padding-left:25px; padding-right:25px; }
#frontpage-text2 { position:absolute; top:230px; font-family: 'Oswald', sans-serif; font-size:36px; font-weight:bold; color:#ffffff; height:60px; line-height:60px; background:#8ac53e; padding-left:25px; padding-right:25px; }
#frontpage-text3 { position:absolute; top:318px; width:465px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#ffffff; line-height:20px; }
#frontpage-startnow { position:absolute; top:473px; /* width:128px; */ width:160px; height:48px; /* border:1px solid #ffffff; */ border:none; text-align:center; font-family: 'Oswald', sans-serif; font-size:18px; font-weight:bold; color:#ffffff; line-height:48px; }
#frontpage-startnow a { color:#ffffff; display:block; text-decoration:none; }
.frontpage-box { float:left; width:260px; height:190px; overflow:hidden; margin-right:30px; margin-bottom:30px; }

/* //////////////// COUNCILS ///////////////////// */
.councilName { float:left; width:33%; height:23px; line-height:23px; text-transform: uppercase; }
.councilName.wide { width:50%; }

/* //////////////// GENERAL STYLE //////////////// */

body { font-family: 'Open Sans', sans-serif; font-size:14px; line-height:20px; color: #45484a; background:#f4f4f4; }





@media only screen and (max-width: 800px) {
	
  .wrapper { margin:0 auto; width:95%; overflow:hidden; }
  #top { height:auto; }
  #logo { width:80%; height:auto; }
  #logo img { width:70%; padding-bottom:10px; }
  #menu { display:none; }
  #mobile-menu { float:left; width:20%; display:block; margin-top:30px; font-size:36px; color:#ffffff; font-weight:bold; cursor:pointer; }
  #mobile-menu-options { width:100%; background:#0a5b98; padding-top:20px; padding-bottom:20px; }
  #mobile-menu-options ul { list-style-type:none; }
  #mobile-menu-options ul li { list-style-type:none; width:90%; margin:0 auto; text-transform:uppercase; border-bottom:1px solid #ffffff; font-family: 'Oswald', sans-serif; font-size:16px; line-height:35px; }
  #mobile-menu-options ul li a { color:#ffffff; text-decoration:none; }
  #mobile-menu-options ul li ul li:last-child { border-bottom:none; }
  #main { margin-top:35px; margin-bottom:35px; width:100%; background:#e8e8e8; overflow:hidden; }
  #info { width:100%; padding-top:40px; height:auto; background:#0a5b98; }
  #footer-aboutus { float:left; width:90%; margin: 0 auto; }
  #footer-faq { float:left; width:90%; margin: 0 auto; margin-top:25px; }
  #footer-contact { float:left; width:90%; margin:0 auto; margin-top:25px; margin-bottom:40px; }
  #bigImage img { width:100%; height:auto; }
  #bigimage-frontpage { position:relative; background:url(images/bigimage-frontpage.jpg) no-repeat center center; background-size: cover; width:100%; height:auto; min-height:300px; }
  #frontpage-text1 { position:relative; font-family: 'Oswald', sans-serif; font-size:26px; width:auto; text-align:center; margin:0 auto; color:#ffffff; height:auto; line-height:34px; background:#0a5b98; top:0px; padding:0px; margin-top:20px; }
  #frontpage-text2 { position:relative; top:0px; font-family: 'Oswald', sans-serif; font-size:22px; text-align:center; width:auto; font-weight:normal; color:#ffffff; height:auto; line-height:28px; background:#8ac53e; padding:0px; margin-top:20px; }
  #frontpage-text3 { position:relative; top:0px; width:auto; font-family: 'Open Sans', sans-serif; background:rgba(0, 0, 0, 0.7); width:auto; margin-top:30px; }
  #frontpage-startnow { position:relative; top:0px; width:128px; height:48px; border:1px solid #ffffff; text-align:center; font-family: 'Oswald', sans-serif; font-size:18px; font-weight:bold; color:#ffffff; line-height:48px; margin:0 auto; margin-top:25px; }
  .h1-bottom { width:100%; }
  .councilName { width:100%; height:auto; }
  .councilName.wide { width:100%; height:35px; line-height:35px; }
  #resultsLeft { width:100%; }
  #resultsRight { width:100%; }
  #bigBook { width:100%; }
 
  .accordion-toggle {cursor: pointer;}
  .accordion-content {display: none;}
  .accordion-content.default {display: block;}
  .frontpage-box { float:left; width:90%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:20px; }
	
}