*{
font-family: Gill Sans W01, Arial, sans-serif;} /* was Georgia, "Times New Roman", Times, serif then Tahoma, Geneva, sans-serif then Tahoma, Geneva, sans-serif */
body {
margin: 10px 0px;
/* background-image:url("/../../lowdown/img/lowdownicon.png"); */
/* background-repeat:no-repeat; */
/* background-position:  90% 50%; */
/* background-attachment:fixed; */
background-color:#F5F5F5; /* was #f1f1f1 #d5d5d5; */
/* background: linear-gradient(to bottom right, #A9A9A9 0%, #F8F8F8 100%); */
/* background-color:#B2D732; */
/* max-width:1300px; */
height:auto;
min-height:100%;
/* background-position:center; */
/* background-color:#f8f8ff;/* was Silver then #e2d59e then #f6f6db then darkgrey then */
color:Black;
}
div#header {
width: 100%;
/* background-color:#092834; */
}
div#content {
max-width:100%; /* was 1300px; */
margin: auto;
/* background: linear-gradient(to bottom left, #F8F8F8 0%, #A9A9A9 100%); */
margin-top: 15px;
margin-bottom: 10px;
}
div#footer {
width: 100%;
/* background-color:#092834; */
}
.fixed-ratio-resize { /* basic responsive img */
	max-width: 100%;
	height: auto;
	width: auto\9; /* IE8 */
}
/* automatically resize google maps on different screen */
.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/* Create a Parallax Effect */
.bgimg-top, .bgimg-foot {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* top image (Full height) */
.bgimg-top {
  min-height: 100%;
  opacity: 0.5
}
.bgimg-top:hover {
    opacity: 1;
            }
/* foot image*/
.bgimg-foot {
  min-height: 400px;
  opacity: 0.5
}
.bgimg-foot:hover {
    opacity: 1;
            }

/* scrollmenu) */
div.scrollmenu {
/*    background-color: #F8F8FF; /* Ghost White */
    overflow: auto;
    white-space: nowrap;
}
div.scrollmenu a {
    display: inline-block;
    color: dimgray;
    text-align: center;
    padding: 5px;
    text-decoration: none;
}
div.scrollmenu a:hover {
    background-color: #FAF0E6; /* Linen */
}
.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}
/* wrap */
div#wrap {
/* width: 1020px; /* was 1200px */
/* margin: 0px auto;/* "auto" makes the left and right margins center the wrapper */
max-height: 100%;
}
div#outer {
margin: 10px 0px;
/* margin-top:0px;
/* margin-right:0px;/* was 0 */
/* margin-bottom:0px;
/* margin-left:0px;/* was 10 */
float:left;
width:1020px;
background-color:#b3b3b3; /* was Silver */
border:1px solid LightGrey;
/* border-style: solid;
border-width: 4px;
border-color:lightgrey;
/* border-color:#B8B8B8; */
/* border: solid Gray; /* was Silver */
/* border:3px; */
/* border-style:double; */
/* border-color:#B8B8B8; */
border-radius: 5px; /* rounded corners */
/* border-radius: 50px 140px 50px 20px;/* diferent size rounded corners */
-webkit-border-radius: 5px; /* was 50px 140px 50px 20px; */
-moz-border-radius: 5px; /* was 50px 140px 50px 20px; */
/* border-width:10px; */
-moz-box-shadow: 5px 5px 5px Gray; /* Old Firefox */
box-shadow: 5px 5px 5px Gray; /* was #898989; */
}
div#colour {
float:center;
width:975px;/* was 1000px*/
background-image:url('content/recycledpaper.png');/* background-image was parchment*/
background-color:#e9eee0;/* was #eeece0 */
border-radius: 10px 50px 50px 20px;/* different size rounded corners */
-webkit-border-radius: 10px 50px 50px 20px;
-moz-border-radius: 10px 50px 50px 20px;
-moz-box-shadow: 5px 5px 5px #898989; /* Old Firefox */
box-shadow: 5px 5px 5px #898989;
padding:10px;}
div#scolour {
float:center;
width:975px;/* was 1000px*/
background-image:url('content/recycledpaper.png');/* background-image */
background-color:#e9eee0;/* was #eeece0 */
border-radius: 10px 20px 50px 20px;/* different size rounded corners */
-webkit-border-radius: 10px 20px 50px 20px;
-moz-border-radius: 10px 20px 50px 20px;
-moz-box-shadow: 5px 5px 5px #898989; /* Old Firefox */
box-shadow: 5px 5px 5px #898989;
padding:10px;}
div#middle {
margin: 10px 0px;
/* margin-top:0px;
/* margin-right:0px;/* was 0 */
/* margin-bottom:0px;
/* margin-left:0px;/* was 10 */
float:left;
width:1020px;
height:670px;
background-color:#b3b3b3; /* was Silver */
border:1px solid LightGrey;
/* border-style: solid;
border-width: 4px;
border-color:lightgrey;
/* border-color:#B8B8B8; */
/* border: solid Gray; /* was Silver */
/* border:3px; */
/* border-style:double; */
/* border-color:#B8B8B8; */
border-radius: 5px; /* rounded corners */
/* border-radius: 50px 140px 50px 20px;/* diferent size rounded corners */
-webkit-border-radius: 5px; /* was 50px 140px 50px 20px; */
-moz-border-radius: 5px; /* was 50px 140px 50px 20px; */
/* border-width:10px; */
-moz-box-shadow: 5px 5px 5px Gray; /* Old Firefox */
box-shadow: 5px 5px 5px Gray; /* was #898989; */
}
div#topbottom {
margin: 10px 0px;
/* margin-top:0px;
/* margin-right:0px;/* was 0 */
/* margin-bottom:0px;
/* margin-left:0px;/* was 10 */
float:left;
width:1020px;
background-color:#b3b3b3; /* was Silver */
border:1px solid LightGrey;
/* border-style: solid;
border-width: 4px;
border-color:lightgrey;
/* border-color:#B8B8B8; */
/* border: solid Gray; /* was Silver */
/* border:3px; */
/* border-style:double; */
/* border-color:#B8B8B8; */
border-radius: 5px; /* rounded corners */
/* border-radius: 50px 140px 50px 20px;/* diferent size rounded corners */
-webkit-border-radius: 5px; /* was 50px 140px 50px 20px; */
-moz-border-radius: 5px; /* was 50px 140px 50px 20px; */
/* border-width:10px; */
-moz-box-shadow: 5px 5px 5px Gray; /* Old Firefox */
box-shadow: 5px 5px 5px Gray; /* was #898989; */
}
div#space {
margin: 10px 0px;
/* margin-top:0px;
/* margin-right:0px;/* was 0 */
/* margin-bottom:0px;
/* margin-left:0px;/* was 10 */
float:left;
width:1020px;
height:18px;
/* background-color:Red;/* was Silver then #999999;*/
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
border:1px;
border-color: #999999;/* was solid Silver */
/* border-radius: 20px; /* rounded corners */
/* border-radius: 50px 140px 50px 20px;/* diferent size rounded corners */
/* -webkit-border-radius: 20px; /* was 50px 140px 50px 20px; */
/* -moz-border-radius: 20px; /* was 50px 140px 50px 20px; */
border-width:10px;
}
div#blank {
margin: 0px auto;/* "auto" makes the left and right margins center the wrapper */
background-color:#b3b3b3;
}
.myBox {
/*     margin: 0.5in auto;  */
/*     color: #fff;  */
/*     width: 60%;  */
/*     padding: 20px;  */
/*     text-align: left;  */
/*     background-color: #f00;  */
/*     border: 3px solid #fff; */
    /* Do rounding (native in Opera, Firefox and Safari) */
border-radius: 30px 150px 50px 10px;/* diferent size rounded corners */
-webkit-border-radius: 30px 150px 50px 10px;
-moz-border-radius: 30px 150px 50px 10px;
}
div#left {
float:left;
width:500px;/* was 490px */
/* padding:10px; */
}
div#right {
float:right;
width:510px;
/* padding:10px; */
}
#feature-wrapper img {
width  : 100%;
height : auto;
}
div#cover {
float:right;
width:292px;}
div#maps {
float:right;
width:584px;
align:center;}
div#mapleft {
float:left;
width:416px;
padding:10px;}
div#wideright {
float:right;
width:790px;
padding:10px;}
div#narrowleft {
float:left;
width:190px;
padding:10px;}
div#textleft {
float:left;
width:730px;
padding:10px;}
div#pictureright {
float:right;
width:250px;
padding:10px;}
div#prize {
float:left;
width:416px;
padding:10px;}
div#ex {
float:center;
width:416px;
padding:10px;}
div#cv {
float:right;
width:416px;
padding:10px;}
h1 {
font-size:175%;
color:GhostWhite;/*was white*/
margin:0px 5px;}
h2 {
font-size:100%;/* was 150% */
color:Gray;/* was DimGray */
margin:0px 5px;}/* was 0px 5px */
text-align: left;/* NOTE h2 is LEFT ALIGNED */
h3 {
font-size:100%;
color:Gray;/* was DimGray */
margin:0px 5px;}
h4 {
font-size:150%;
color:GhostWhite;/*was white*/
margin:0px 5px;}
h5 {
font-size:100%;
color:GhostWhite;/*was white*/
margin:0px 5px;}
h6 {
font-size:75%;
color:white;
margin:0px 5px;}
h7 {
font-size:175%;
text-shadow: 5px 5px 5px DimGray;
color:#ffffff;}
p {
margin: 10px;}/* was 0 */
p.first{
font-size:100%;}
p.second{
font-size:125%;
color:Gray;}
p.third{
font-size:75%;}
p.fourth{
font-size:100%;
color:GhostWhite;/*was white*/}
p.fifth{
font-size:125%;
color:Red;}
p.sixth{
font-size:75%;
color:Gray;}
p.seventh{
font-size:150%;
color:Gray;}
p.eighth{
font-size:75%;
color:Red;}
p.ninth{
font-size:75%;/*was 50% */
color:Gray;}
p.tenth{
font-size:100%;
color:Gray;}
p.eleventh{
font-size:75%;/*was 50% */
color:GhostWhite;}
p.lowdown{
font-size:100%;
margin-left: 5px}
p.center {
text-align: center;
}
p.justify {
text-align: justify;
}
p.left {
text-align: left;
}
p.right {
text-align: right;
}
td.tdshows{
border: 1px solid #ffffff;
width: 488px;
padding:5px 10px;}
em {
font-style:normal;
font-size:125%;}
larger {
font-style:normal;
font-size:175%;}
a:link {
text-decoration:none;/*was none */
color:#ffa500;/* Orange */
/*background:#C8C8C8;*/
}
a:hover {
/* text-decoration:none; */
color:Red;
/*background:#b3b3b3;*/
}
a:visited {
text-decoration:none;
color:#ff4500;/* OrangeRed */
}
a.none:link {text-decoration:none;}
a.none:visited {color:DimGray;text-decoration:none;}
a.none:hover {color:DimGray;text-decoration:none;}
div.figure {
display: block; /* from http://www.w3schools.com/css/css_align.asp */
margin: 0 auto; /* from http://www.w3schools.com/css/css_align.asp */
/* float: center; */
/* margin: 0.5em; */
padding: 0.5em;
}
div.figure p {
text-align: center;
/* font-style: italic; */
font-size: small;
text-indent: 0;
}
div.figureleft {
float: left;
margin: 0.5em;
padding: 0.5em;
}
div.figureleft p {
text-align: center;
/* font-style: italic; */
font-size: x-small;
text-indent: 0;
}
div.figureright {
float: right;
margin: 0.5em;
padding: 0.5em;
}
div.figureright p {
text-align: center;
/* font-style: italic; */
font-size: x-small;
text-indent: 0;
}
hr {
border: 0;
width: 80%;
color: #808080;
background-color: #808080;
height: 1px;
}
div#iframe{
margin: 0px;
background-color:#b3b3b3;
border-style:solid;
border-width:0px;
border-color:#b3b3b3;
}
div.polaroid
{
/* width:294px; */
/* padding:10px 10px 20px 10px; */
border:1px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
box-shadow:3px 3px 4px #898989;
}
div#verticaltext {
    /* Rotate div */
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}
div.rotate_left
{
float:left;
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */
transform:rotate(7deg);
}
div.rotate_right
{
float:left;
-ms-transform:rotate(-8deg); /* IE 9 */
-moz-transform:rotate(-8deg); /* Firefox */
-webkit-transform:rotate(-8deg); /* Safari and Chrome */
-o-transform:rotate(-8deg); /* Opera */
transform:rotate(-8deg);
}
OL.withroman { list-style-type: lower-roman }
OL.withalpha { list-style-type: lower-alpha }
.textmiddle {vertical-align:middle;}
.texttop {vertical-align:top;}
.textbaseline {vertical-align:baseline;}
.textbottom {vertical-align:text-bottom;}
abbr[title] {
  text-decoration: none;
}