@font-face {
    font-family: 'permiansanstypefaceregular';
    src: url('../fonts/PermianSansTypeface-webfont.eot');
    src: url('../fonts/PermianSansTypeface-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PermianSansTypeface-webfont.woff') format('woff'),
         url('../fonts/PermianSansTypeface-webfont.ttf') format('truetype'),
         url('../fonts/PermianSansTypeface-webfont.svg#permiansanstypefaceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'permiansanstypefacebold';
    src: url('../fonts/PermianSansTypeface-Bold-webfont.eot');
    src: url('../fonts/PermianSansTypeface-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PermianSansTypeface-Bold-webfont.woff') format('woff'),
         url('../fonts/PermianSansTypeface-Bold-webfont.ttf') format('truetype'),
         url('../fonts/PermianSansTypeface-Bold-webfont.svg#permiansanstypefacebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'permiansanstypefaceitalic';
    src: url('../fonts/PermianSansTypeface-Italic-webfont.eot');
    src: url('../fonts/PermianSansTypeface-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PermianSansTypeface-Italic-webfont.woff') format('woff'),
         url('../fonts/PermianSansTypeface-Italic-webfont.ttf') format('truetype'),
         url('../fonts/PermianSansTypeface-Italic-webfont.svg#permiansanstypefaceitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { 
  height: 100%;
}

* { 
  margin: 0;
  padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

body { 
  font: normal 1em 'permiansanstypefaceregular', 'Arial', sans-serif;
  background: #e7ece9;
  color: #007e00;
}

p { 
  padding: 5px 0 10px 4px;
  line-height: 1.7em;
}

h1 { 
    font: 'permiansanstypefacebold', 'Arial', sans-serif;
    display: block;
    font-size: 1.8em;
    padding: 5px 0 6px 4px;
    color: #007e00;
}
h2 {
    font: 'permiansanstypefacebold', arial, sans-serif;
    display: block;
    color: #007e00;
    font-size: 1.3em;
    padding: 4px 0 6px 4px;
}

h3 { 
    font: 'permiansanstypefacebold', arial, sans-serif;
    display: block;
    font-size: 1.1em;
    color: #007e00;
    padding: 4px 0 3px 4px;
}

h4 { 
    font: 'permiansanstypefacebold', arial, sans-serif;
    display: block;
    font-size: 1em;
    color: #007e00;
    padding: 4px 0 6px 4px;
}

hr{
height:0px;
border:0 none;
color: #699967;
background-color:#699967;
border-top:1px solid #699967;
margin:3px 0 5px 0;/*useful sometimes*/
}

.content a { 
  outline: none;
 text-decoration: none;
  border-bottom: 1px dotted #006AC3;
  color: #2f5eed;
}

.content a:visited, #sidebar_container a:visited{ 
  outline: none;
 text-decoration: none;
 color: #96C;
}

.content a:hover { 
  outline: none;
text-decoration: none;
 color: #333333;
}

blockquote { 
  margin: 5px 0 10px 0; 
  padding: 15px 4px 7px 3%;
 background: #b7f7ce; /* Show a solid color for older browsers */
  background: -moz-linear-gradient(#fff, #b7f7ce);
  background: -o-linear-gradient(#fff, #b7f7ce);
  background: -webkit-linear-gradient(#fff, #b7f7ce);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 4px;
  border: 1px solid #cccccc;
  border-radius: 14px;
}

blockquote img { 
  margin: 0px 2px 2px 0;
  background-color: #E7F1FF;
  padding: 4px;
  border: 1px solid #529f71;
}

/*working on this bit*/
.moveline { margin-bottom: -0.6em;
  }

.imglink {
   margin-bottom: -0.8em;
 /*used for link buttons*/
}

.nolinkline {
    display: none;
}

img { 
    margin-bottom: -0.5em
}
/*end of this working bit*/

li { 
  list-style-type: circle;
}

.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
}

.center { 
  display: block;
  text-align: center;
  margin: 0;
}

#main, nav, #container, #site_content, footer { 
  margin-left: auto; 
  margin-right: auto;
}

#main {
  max-width: 940px;
  width:100%;
  margin: 3px auto;
  background: transparent;
}

#site_content { 
  width: 100%;
  overflow: hidden;
  margin: 0 auto 0 auto;
  padding: 8px 0 0 0;
} 

.content { 
  float: left;
  text-align:left;
  width: 77%;
  margin: 5px 0 0 0;
}
  
.content ul { 
  margin: 2px 0 0px 0px;
}

.content ul li { 
  list-style-type: none;
  background: url(../images/bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 28px;
  line-height: 1.5em;
}

#sidebar_container { 
  float: right;
  width: 22%;
  margin: 10px 0 0 0;  
}

#sidebar_container p { 
  text-align: center;
  line-height: 1.4em;
  font-size: 0.9em;
  padding: 1px 0px 1px 1px;
}

#sidebar_container a { 
  outline: none;
  text-decoration: none;
  border-bottom: 1px dotted #006AC3;
  color: #2f5eed;
}
#sidebar_container a:hover { 
  outline: none;
  text-decoration: none;
  color: #333333;
} 
.sidebar {
  width: 98%;
  padding: 12px 0px 9px 0px;
  margin: 0 0 17px 0;
  text-align: center;
  background: #b7f7ce;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px;
  border: 1px solid #eee;
  border-radius: 8px 8px 8px 8px;
} 

.sidebar h3 { 
  font-size: 1.2em;
  color: #007e00;
  font: 'permiansanstypefacebold', arial, sans-serif;
  text-align: center;
  padding: 0 0 5px 0;
  font-weight: bold;
}
.sidebar h4 { 
  font-size: 1em;
  line-height: 1.4em;
  color: #007e00;
  font: 'permiansanstypefacebold', arial, sans-serif;
  text-align: center;
  padding: 0 0 3px 0;
  font-weight: bold;
}

.sidebar_item, .content_item { 
  padding: 15px 0;
}

.sidebar p { 
  padding: 0 4px 0 5px;
}

.sidebar img {
	background-color: #E7F1FF;
	padding: 4px;
       margin: 1px 0 4px 0;
	border: 1px solid #529f71;
}

/*Removes link line from advert boxes*/
.sidebar p.advert img, .content p.advert img {
	margin-bottom: -9px;
}
/*End*/

p.smallprint {
  font: 0.75em 'permiansanstypefaceregular', arial, sans-serif;
  padding: 0 0 10px 4px;
  margin: 2px 0 6px 0;
  line-height: 1.2em;
  color: #007e00;
}
.smallprint {
  font: 'permiansanstypefaceregular', arial, sans-serif;
    font-size: 0.75em;
  padding: 0 0 10px 4px;
  margin: 2px 0 6px 0;
  line-height: 1.2em;
  color: #718c74;
}
#footer { 
  clear: both;
  width: 100%;
  padding: 5px 0 2px 0;
  text-align: center;
}
#footer p { 
  font-size: 0.85em;
  line-height: 1.6em;
}

#footer a { 
  color: #007e00;
  text-decoration: none;
}

#footer a:visited { 
  color: #96C;
}
#footer a:hover { 
  color: #222;
  text-decoration: underline;
}

#footer h3 { 
   padding: 15px 0 0px 4px;
}

/* main menu styles */
#nav {
    display:inline-block;
    text-align:left;
    width:100%;
    margin:0px auto;
    padding:0;
    background: #b7f7ce; /* Show a solid color for older browsers */
  background: -moz-linear-gradient(#fff, #b7f7ce);
  background: -o-linear-gradient(#fff, #b7f7ce);
  background: -webkit-linear-gradient(#fff, #b7f7ce);
   border-radius:0px 0px 10px 10px; /*some css3*/
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-radius:0px 0px 10px 10px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
   display: inline-block; 
  margin: 0; 
  padding: 6px 1px 6px 17px;
  line-height: 1.5em;
}

#nav a {
  text-decoration: none;
  color: #007e00;
}

#nav img {
    margin: 0 0 -2px 0;
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    color:#e10000;
    border-top:0px solid #f8f8f8;
}

.myRespAd img { 
      max-width: 100%;
	height: auto;
}
.menu-trigger {
	display: none;
}

@media screen and (max-width: 820px) {
#nav li {
	display: none;
}
.menu-trigger {
	display: block;
	padding: 6px 20px 2px 5px;
	text-align:right;
	cursor:pointer;
       background-color: #b7f7ce;
}

div.nav-expanded {
	display: block;
}
}

@media screen and (max-width: 679px) {


#nav li {
	display: none;
}
.menu-trigger {
	display: block;
	padding: 6px 20px 2px 5px;
	text-align:right;
	cursor:pointer;
       background-color: #b7f7ce;
}

div.nav-expanded {
	display: block;
}

.content { 
  float: left;
  text-align:left;
  width: 99%;
  margin: 5px 0 0 0;
  font-size: 110%;
}
#sidebar_container {
  float: left;
  width: 100%;
  margin-left: 0px;
}
p.smallprint, .smallprint {
  font: 0.7em 'permiansanstypefaceregular', arial, sans-serif;
}

.notmobiles{
	display: none;
}
}

@media screen and (max-width: 475px) {

#nav li {
	display: none;
}
.menu-trigger {
	display: block;
	padding: 6px 20px 2px 5px;
	text-align: right;
	cursor: pointer;
       background-color: #b7f7ce;	
}
div.nav-expanded {
	display: block;
}

.content { 
  float: left;
  text-align:left;
  width: 99%;
  margin: 5px 0 0 0;
  font-size: 110%;
}
#sidebar_container {
  float: left;
  width: 100%;
  margin-left: 0px; 
}

h1 { 
    font-size: 1.5em;
}
h2 {
    font-size: 1.2em;
}

p.smallprint, .smallprint {
  font: 0.7em 'permiansanstypefaceregular', arial, sans-serif;
}

.notmobiles{
	display: none;
}
}