body
{
width: 100%;
color: #474747;
background: #fff;
font-family: arial, verdana;
font-size: 62.5%;
text-align: left;
position: relative;
text-align: center;
padding: 0;
margin: 0 auto 0 auto;
background: #fff url(/images/bg.jpg) no-repeat center top;
}
* { -webkit-text-size-adjust:none; }

html
{
min-height: 100%;
margin-bottom: 1px;
overflow: -moz-scrollbars-vertical;
overflow-x: auto;
}
img, object, embed
{
border: 0px none;
display: block;
outline: none;
margin: 0;
padding: 0;
}
section, article, nav, aside, footer, menu
{
display: block;
margin: 0;
padding: 0;
}
form
{
margin: 0;
padding: 0;
}
img.imageright
{
float: right;
padding: 0 0 15px 15px;
}
img.imageleft
{
float: left;
padding: 0 15px 15px 0;
}

div.imageleftcaption, div.imagerightcaption
{
float: left;
margin: 0 15px 15px 0;
padding: 10px 10px 5px 10px;
border: 1px solid #777777;
background: #fff;
text-align: center;
}
div.imagerightcaption
{
float: right;
margin: 0 0 15px 15px;
}

a:link, a:visited
{
outline: none;
color: #029f85;
text-decoration: underline;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #000;
text-decoration: underline;
}

hr
{
clear: both;
width: 100%;
height: 1px;
color: #000;
border: 0px none;
border-bottom: 1px dotted #777777;
padding: 15px 0 0 0;
margin: 0 0 15px 0;
line-height: 1em;
}

input
{
outline: none;
}
input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana;
padding: 4px;
border: 0 none;
color: #373737;
outline: none;
}
select
{
padding: 3px;
}

h1, h2, h3, h4, h5
{
padding: 0;
margin: 1em 0 .6em 0;
display: block;
font-size: 1.6em;
line-height: 1.1em;
}
h2{color: #0083a9;}
h2.nomargin, h3.nomargin, h4.nomargin, h5.nomargin{margin-top: 0;}
h3{font-size: 1.4em;}
h4{font-size: 1.3em;}
h5{font-size: 1.2em;}

p
{
padding: 0;
margin: 0 0 .6em 0;
font-size: 1.2em;
line-height: 1.4em;
}
p.intro
{
font-size: 1.3em;
font-weight: bold;
}
p.large
{
font-size: 1.8em;
margin: 0 0 .2em 0;
font-weight: bold;
}
p.margin
{
clear: left;
padding-top: 20px;
}
p small
{
font-size: .9em;
}
p.small
{
font-size: 1em;
}
p.withheroimage
{
width: 100%;
float: left;
margin: 0 0 25px 0;
}

ul, ol
{
margin: 0 0 1.2em 0;
padding: 0 0 0 20px;
}
ol
{
padding: 0 0 0 30px;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.4em;
}
li li
{
font-size: 1em;
}
ul li *, ol li *
{
font-size: 1em;
}

section.content div.welcome .title, aside ul.guidance li, section.content div.harryhelp a.expand
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}
aside ul.guidance li a
{
float: left;
display: block;
text-decoration: none;
}
p.logo
{
position: relative;
padding: 0;
width: 232px;
height: 66px;
margin: 0;
float: left;
}
p.logo img
{
float: left;
}


div.lakesenv
{
width: 993px;
margin: auto;
position: relative;
z-index: 2;
text-align: left;
overflow: hidden;
}
footer div.lakesenv
{
width: 989px;
overflow: visible;
}
body.popup div.lakesenv
{
width: 400px;
}

header
{
position: relative;
z-index: 2;
width: 989px;
padding: 0 2px;
float: right;
height: 86px;
margin: 34px 0 0 0;
}
header p.queenstownwanaka
{
padding: 10px 0 0 0;
margin: 0 0 17px 0;
float: left;
text-align: right;
width: 757px;
color: #fff;
font-size: 1.4em;
font-weight: 300;
}
header p.queenstownwanaka strong
{
font-weight: 700;
}
header p.queenstownwanaka a:link, header p.queenstownwanaka a:visited,
ul.toplinks li a:link, ul.toplinks li a:visited
{
color: #fff;
text-decoration: none;
}
header p.queenstownwanaka a:hover, header p.queenstownwanaka a:active,
ul.toplinks li a:hover, ul.toplinks li a:active
{
color: #000;
text-decoration: none;
}

ul.toplinks
{
padding: 0;
margin: 0;
float: left;
width: 757px;
list-style-type: none;
}
ul.toplinks li
{
float: right;
padding: 0 0 0 18px;
line-height: 23px;
font-size: 1.2em;
font-weight: 700;
letter-spacing: -.03em;
text-transform: uppercase;
}
.cufon-active ul.toplinks li
{
font-size: 1.3em;
}
ul.toplinks li a
{
float: left;
padding: 0 0 0 30px;
}
ul.toplinks li.fb a
{
background: url(/images/header_fb.gif) no-repeat;
}
ul.toplinks li.tw a
{
background: url(/images/header_tw.gif) no-repeat;
}
ul.toplinks li.signup a
{
padding: 0 0 5px 35px;
background: url(/images/header_signup.gif) no-repeat;
}
ul.toplinks li.tweet, ul.toplinks li.fblike
{
padding: 3px 0 0 0;
}

div.bar
{
position: relative;
width: 989px;
float: left;
padding: 0 2px;
margin: 0;
}
div.bar ul
{
padding: 6px 29px;
margin: 0;
list-style-type: none;
float: left;
width: 931px;
background: url(/images/bar.png);
border-bottom: 1px solid #187871;
}
div.bar ul li
{
font-size: 1em;
vertical-align: middle;
float: left;
color: #fff;
}
div.bar ul li.online
{
float: right;
}
div.bar ul li span.left
{
text-transform: uppercase;
}
div.bar ul li p
{
font-size: 1.2em;
margin: 0;
float: left;
padding: 0 10px 0 0;
}
div.bar ul li p.submit
{
padding: 1px 0 0 0;
}
div.bar ul li p input.input, div.bar ul li p select
{
padding: 2px;
background: #4e7475;
border: 1px solid #5c8c8e;
color: #fff;
width: 170px;
-moz-box-shadow: inset 1px 1px 1px #3e5c5d;
-webkit-box-shadow: inset 1px 1px 1px #3e5c5d;
box-shadow: inset 1px 1px 1px #3e5c5d;
}
div.bar ul li p select
{
width: 176px;
padding: 1px;
}


article
{
position: relative;
z-index: 1;
width: 991px;
float: left;
min-height: 560px;
padding: 18px 0 42px 2px;
margin: 0;
}
article div.content
{
float: left;
width: 949px;
padding: 0 20px 0 20px;
min-height: 580px;
background: url(/images/content.png) repeat-x;
}

article p.section
{
text-transform: uppercase;
font-size: 2.2em;
font-weight: 700;
color: #545353;
}

section h1
{
font-weight: 300;
font-size: 2em;
color: #0083a9;
margin: 0 0 .7em 0;
padding: 0;
float: left;
width: 100%;
line-height: 30px;
letter-spacing: -.03em;
}
.cufon-active section h1
{
font-size: 2.5em;
}
section h1.icon
{
font-size: 3.5em;
float: left;
width: 696px;
padding: 0 0 0 46px;
background: url(/images/h1iconlakesenv.gif) no-repeat 0 3px;
}
.cufon-active section h1.icon
{
font-size: 4em;
}
section h1.iconfaqs
{
background: url(/images/h1iconfaqs.gif) no-repeat 0 3px;
}
section h1.iconinfo
{
background: url(/images/h1iconinfo.gif) no-repeat 0 3px;
}
section h1.iconforms
{
background: url(/images/h1iconforms.gif) no-repeat 0 3px;
}

section.home h1
{
color: #fff;
margin: 0;
font-weight: 700;
font-size: 4em;
}
.cufon-active section.home h1
{
font-size: 6em;
}
section.home h1 span
{
color: #299bbc;
}
section.home p.how
{
float: left;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
color: #fff;
font-size: 2.3em;
letter-spacing: -.03em;
font-weight: 300;
}
.cufon-active section.home p.how
{
font-size: 3.3em;
}


section.home
{
width: 789px;
float: right;
padding: 5px 2px 0 0;
margin: 0;
position: relative;
}
section.content
{
float: right;
width: 742px;
padding: 20px 0 0 0;
}
section.content div.welcome
{
float: left;
width: 100%;
height: 304px;
margin: 0 0 15px 0;
position: relative;
}
section.content div.welcome p, section.content div.welcome h1.title
{
margin: 0;
}
section.content div.welcome p.title, section.content div.welcome h1.title
{
width: 372px;
height: 190px;
top: 76px;
position: absolute;
z-index: 3;
}
section.content div.welcome p.building
{
background: url(/titles/building.gif) no-repeat top right;
}
section.content div.welcome p.resource-management
{
background: url(/titles/resource-management.gif) no-repeat top right;
}
section.content div.welcome p.regulatory
{
background: url(/titles/regulatory.gif) no-repeat top right;
}
section.content div.welcome p.about
{
background: url(/titles/about.gif) no-repeat top right;
}
section.content div.welcome p.careers
{
background: url(/titles/careers.gif) no-repeat top right;
}
section.content div.welcome p.guidance
{
background: url(/titles/guidance.gif) no-repeat top right;
}

section.content div.welcome div.welcomeimages
{
width: 100%;
position: absolute;
z-index: 1;
}
section.content div.welcome div.welcomeimages img
{
position: absolute;
}
section.content div.welcome div.overlay
{
position: absolute;
z-index: 2;
width: 100%;
height: 304px;
background: url(/images/welcome.png) no-repeat;
}

section.content div.inner
{
float: left;
width: 742px;
padding: 15px 0 0 0;
}
section.content div.inner div.left
{
float: left;
width: 520px;
}
section.content div.inner div.right
{
float: right;
width: 200px;
}
section.content div.inner ul.button
{
list-style-type: none;
padding: 0;
margin: 0 0 16px 0;
float: left;
width: 200px;
}

section.content div.vacancies
{
width: 100%;
float: left;
margin: 10px 0 15px 0;
}
section.content div.vacancies h2
{
float: left;
width: 679px;
background: #f0f0f0 url(/images/careerslakesenv.gif) no-repeat 15px center;
padding: 12px 15px 11px 48px;
margin: 0 0 8px 0;
font-size: 1em;
border-bottom: 1px solid #d1d1d1;
}
section.content div.left div.vacancies h2
{
width: 457px;
}
section.content div.vacancies h2 span.position
{
color: #029f85;
font-size: 1.4em;
float: left;
}
section.content div.vacancies h2 span.date
{
color: #777;
font-size: 1.2em;
float: right;
}
section.content div.vacanciesinner
{
float: left;
width: 505px;
padding: 0 0 0 15px;
}
section.content div.vacanciesinnerthin
{
width: 455px;
}
section.content div.vacanciesinner ul.apply
{
float: right;
padding: 0 0 5px 5px;
margin: 0;
list-style-type: none;
}
section.content div.vacanciesinner ul.apply li
{
font-weight: bold;
text-transform: uppercase;
}
section.content div.vacanciesinner ul.apply li, section.content div.vacanciesinner ul.apply li a
{
float: left;
background: #027f75 url(/images/careersapply.png) repeat-x;
}
section.content div.vacanciesinner ul.apply li a
{
padding: 4px 12px;
}
section.content div.vacanciesinner ul.apply li a:link, section.content div.vacanciesinner ul.apply li a:visited
{
color: #fff;
text-decoration: none;
}
section.content div.vacanciesinner ul.apply li a:hover, section.content div.vacanciesinner ul.apply li a:active
{
color: #fff;
text-decoration: none;
background-position: bottom left;
}


section.content div.vacanciesright
{
width: 252px;
float: right;
}

section.content h2.forms
{
float: left;
width: 716px;
font-size: 1.7em;
padding: 0 0 0 28px;
background: url(/images/h2iconforms.gif) no-repeat center left;
}
section.content h2.faqs
{
float: left;
width: 716px;
font-size: 1.7em;
padding: 0 0 0 28px;
background: url(/images/h2iconfaqs.gif) no-repeat center left;
}
section.content ol.faqs, section.content ul.faqs, section.content ul.forms
{
float: left;
width: 716px;
padding: 0 0 0 28px;
margin: 0 0 5px 0;
}
section.content ul.faqs
{
list-style-type: none;
}
section.content ul.faqs, section.content ul.forms
{
padding-bottom: 15px;
border-bottom: 1px solid #bababa;
}
section.content ul.forms
{
margin-bottom: 15px;
}
section.content ul.forms li
{
color: #029f85;
}
section.content ul.forms li span
{
color: #474747;
}
section.content ul.forms li small
{
font-size: .9em;
}
section.content ol.faqsplain
{
float: left;
width: 716px;
padding: 0;
margin: 0 0 20px 28px;
}
section.content div.faqs
{
margin: 0px 0 0 0;
padding: 15px 22px 10px 22px;
float: left;
width: 698px;
}
section.content div.faqsactive
{
border-top: 1px solid #b6b6b6;
border-bottom: 1px solid #d8d8d8;
padding: 14px 22px 9px 22px;
background: #f0f0f0 url(/images/faqs.png) repeat-x;
}
section.content div.faqs h2
{
font-size: 1.4em;
margin-top: 0;
}
section.content div.faqs ul.top
{
list-style-type: none;
float: right;
margin: 0;
padding: 0;
}

section.content p.searchresult
{
margin: 0 0 7px 0;
padding: 7px 0;
float: left;
width: 100%;
border-top: 1px solid #b6b6b6;
}
section.content p.searchresult strong.highlight
{
color: #029f85;
}


section.content div.halfleft, section.content div.halfright
{
float: left;
width: 360px;
margin: -6px 0 0 0;
}
section.content div.halfright
{
float: right;
}

section.content div.harryhelp
{
width: 100%;
float: left;
margin: 13px 0 0 0;
height: 122px;
overflow: hidden;
position: relative;
z-index: 1;
background: #f0f0f0 url(/images/harryhelp.png) repeat-y;
}
section.content div.harrycover
{
float: left;
position: relative;
z-index: 2;
width: 742px;
height: 15px;
margin: -15px 0 0 0;
background: url(/images/harrycover.png) no-repeat;
}
section.content div.harrycoverwide
{
background: url(/images/harrycoverwide.png) no-repeat;
}
section.content div.harryhelpwide
{
background: #f0f0f0;
}
section.content div.harryhelp a.expand
{
float: right;
width: 69px;
height: 19px;
background: url(/images/expand.gif) no-repeat top right;
margin: 0 0 0 0;
position: relative;
z-index: 2;
}
section.content div.harryhelp a.expand:hover
{
background-position: bottom right;
}
section.content div.harryhelp a.expandactive
{
background-position: top left;
}
section.content div.harryhelp a.expandactive:hover
{
background-position: bottom left;
}

section.content div.harryhelpleft
{
width: 388px;
padding: 22px 22px 15px 97px;
float: left;
background: url(/images/harryhelpleft.png) no-repeat;
}
section.content div.harryhelpwide div.harryhelpleft
{
width: 623px;
}
section.content div.harryhelp h2
{
margin: 0 0 .4em 0;
font-weight: 300;
font-size: 2em;
color: #595959;
}
.cufon-active section.content div.harryhelp h2
{
font-size: 2.5em;
}
section.content div.harryhelpright
{
width: 195px;
padding: 22px 20px 15px 20px;
float: right;
color: #fff;
background: url(/images/harryhelpright.png) repeat-x;
}
section.content div.harryhelpright h3
{
color: #fff;
font-size: 1.3em;
margin: 0 0 .6em 0;
}
section.content div.harryhelpright a:link, section.content div.harryhelpright a:visited
{
color: #fff;
}
section.content div.harryhelpright a:hover, section.content div.harryhelpright a:active
{
color: #000;
}


section.content div.inner ul.button li
{
line-height: 1.5em;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
}
section.content div.inner ul.button li, section.content div.inner ul.button li a
{
float: left;
text-align: center;
background: url(/images/button.gif) repeat-x;
}
section.content div.inner ul.button li a
{
width: 186px;
padding: 7px;
}
section.content div.inner ul.button li a:link, section.content div.inner ul.button li a:visited,
section.content div.inner ul.button li a:hover, section.content div.inner ul.button li a:active
{
color: #fff;
text-decoration: none;
}
section.content div.inner ul.button li a:hover, section.content div.inner ul.button li a:active
{
background-position: bottom left;
}



div.side
{
position: absolute;
width: 170px;
margin: 20px 0 0 0;
}
aside
{
float: left;
width: 170px;
}
aside h2
{
margin-top: 0;
text-transform: uppercase;
font-size: 1.6em;
font-weight: 500;
}
aside ul.guidance
{
padding: 6px 0;
list-style-type: none;
margin: 0 0 16px 0;
float: left;
width: 100%;
border-bottom: 1px solid #bababa;
}
aside ul.guidance li, aside ul.guidance li a
{
width: 170px;
height: 60px;
}
aside ul.guidance li a
{
background: url(/images/guidance.png) no-repeat;
}
aside ul.guidance li a:hover, aside ul.guidance li a:active
{
background-position: bottom left;
}
aside.home h2
{
color: #fff;
font-size: 2em;
font-weight: 300;
}
aside div.updates, section.content div.inner div.updates
{
float: left;
width: 100%;
padding: 77px 0 0 0;
}
section.content div.inner div.updates
{
width: 168px;
padding: 10px 16px;
margin: 0 0 10px 0;
background: #fff url(/images/updates.png) repeat-x;
}
aside div.updates h2, section.content div.inner div.updates h2
{
padding: 0 0 3px 0;
font-size: 1.8em;
margin-top: 0;
color: #000;
border-bottom: 1px solid #bababa;
}
section.content div.inner div.updates h2
{
text-transform: uppercase;
font-weight: 300;
color: #00948a;
}
aside div.updates h3, section.content div.inner div.updates h3
{
font-size: 1.2em;
}
section.content div.inner div.updates h3
{
color: #5a5a5a;
}
aside div.updates p, section.content div.inner div.updates p
{
font-size: 1.1em;
margin: 0 0 .4em 0;
}
aside ul.quicklinks, aside ul.recently
{
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}
aside ul.recently
{
padding: 0 0 10px 0;
margin: 0 0 16px 0;
border-bottom: 1px solid #bababa;
}
aside ul.recently li
{
float: left;
width: 100%;
font-size: 1.2em;
line-height: 1.3em;
margin: 0 0 4px 0;
}
aside ul.quicklinks li
{
float: left;
width: 100%;
margin: 0 0 4px 0;
}
aside ul.quicklinks li a
{
float: left;
padding: 2px 0 2px 25px;
}
aside ul li a:link, aside ul li a:visited
{
color: #545353;
text-decoration: none;
}
aside ul li a:hover, aside ul li a:active
{
color: #000;
text-decoration: none;
}
aside.home ul.quicklinks li a:link, aside.home ul.quicklinks li a:visited
{
color: #fff;
text-decoration: none;
}
aside.home ul.quicklinks li a:hover, aside.home ul.quicklinks li a:active
{
color: #000;
text-decoration: none;
}
aside ul.quicklinks li.contacts a{background: url(/images/ql_contacts.png) no-repeat center left;}
aside ul.quicklinks li.dp a{background: url(/images/ql_dp.png) no-repeat center left;}
aside ul.quicklinks li.faqs a{background: url(/images/ql_faqs.png) no-repeat center left;}
aside ul.quicklinks li.feedback a{background: url(/images/ql_feedback.png) no-repeat center left;}
aside ul.quicklinks li.forms a{background: url(/images/ql_forms.png) no-repeat center left;}
aside ul.quicklinks li.gis a{background: url(/images/ql_gis.png) no-repeat center left;}
aside ul.quicklinks li.glossary a{background: url(/images/ql_glossary.png) no-repeat center left;}
aside ul.quicklinks li.qldc a{background: url(/images/ql_qldc.png) no-repeat center left;}
aside ul.quicklinks li.dogs a{background: url(/images/ql_dogs.png) no-repeat center left;}
aside ul.quicklinks li.corp a{background: url(/images/ql_corp.png) no-repeat center left;}
aside.home ul.quicklinks li.contacts a{background: url(/images/qlhome_contacts.png) no-repeat center left;}
aside.home ul.quicklinks li.dp a{background: url(/images/qlhome_dp.png) no-repeat center left;}
aside.home ul.quicklinks li.faqs a{background: url(/images/qlhome_faqs.png) no-repeat center left;}
aside.home ul.quicklinks li.feedback a{background: url(/images/qlhome_feedback.png) no-repeat center left;}
aside.home ul.quicklinks li.forms a{background: url(/images/qlhome_forms.png) no-repeat center left;}
aside.home ul.quicklinks li.gis a{background: url(/images/qlhome_gis.png) no-repeat center left;}
aside.home ul.quicklinks li.glossary a{background: url(/images/qlhome_glossary.png) no-repeat center left;}
aside.home ul.quicklinks li.qldc a{background: url(/images/qlhome_qldc.png) no-repeat center left;}
aside.home ul.quicklinks li.dogs a{background: url(/images/qlhome_dogs.png) no-repeat center left;}
aside.home ul.quicklinks li.corp a{background: url(/images/qlhome_corp.png) no-repeat center left;}



section.home div.text
{
padding: 10px 0 0 0;
}
section.home div.text p
{
font-size: 1.1em;
}
section.home div.panels, section.home div.text
{
float: left;
width: 789px;
}
section.home div.panel
{
float: left;
width: 383px;
min-height: 163px;
border: 2px solid #fff;
margin: 0 0 15px 0;
background: #d7d7d7 url(/images/panel.png) repeat-x;
-moz-box-shadow: 1px 1px 1px #888;
-webkit-box-shadow: 1px 1px 1px #888;
box-shadow: 1px 1px 1px #888;
}
section.home div.panel div.panelimages
{
float: left;
width: 169px;
position: relative;
z-index: 1;
}
section.home div.panel div.panelimages p
{
margin: 0;
}
section.home div.panel div.panelimages img
{
position: absolute;
}
section.home div.panel div.panelinner
{
float: right;
width: 194px;
padding: 16px 20px 0 0;
position: relative;
z-index: 2;
}
section.home div.panel h2
{
float: left;
line-height: 20px;
width: 194px;
padding: 0 0 0 26px;
margin: 0 0 11px -26px;
color: #000;
font-size: 2.5em;
font-weight: 300;
background: url(/images/panelicon.png) no-repeat 0 2px;
}
section.home div.panel h2.rm
{
margin-bottom: 4px;
}
section.home div.panel h2.guide
{
margin: 0 0 4px 0;
padding: 0;
background: none;
}
section.home div.panel h2 a:link, section.home div.panel h2 a:visited
{
color: #000;
text-decoration: none;
}
section.home div.panel h2 a:hover, section.home div.panel h2 a:active
{
color: #029f85;
text-decoration: none;
}
section.home div.panel p.select
{
float: left;
width: 180px;
padding: 7px;
background: #bababa url(/images/panelselect.png) repeat-x;
}
section.home div.panel p.select select
{
padding: 1px;
background: #fff;
border: 1px solid #fff;
color: #474747;
width: 180px;
-moz-box-shadow: inset 1px 1px 1px #cbcbcb;
-webkit-box-shadow: inset 1px 1px 1px #cbcbcb;
box-shadow: inset 1px 1px 1px #cbcbcb;
}
section.home div.panel p.eg
{
font-style: italic;
margin: 0;
line-height: 1.3em;
font-family: "Palatino Linotype", "Book Antiqua",Palatino,Times, "Times New Roman", serif;
}
section.home div.panelright
{
float: right;
}


section.content div.inner div.fbfull
{
float: left;
width: 100%;
border-top: 1px dotted #777777;
margin: 8px 0 0 0;
padding: 8px 0 0 0;
}
section.content div.inner div.fbfull img.img
{
float: left;
padding: 0 10px 10px 0;
}


section.content div.address
{
position: absolute;
width: 120px;
background: url(/images/address.png);
color: #ffffff;
padding: 10px;
}
section.content div.address a:link, section.content div.address a:visited
{
color: #fff;
}
section.content div.address a:hover, section.content div.address a:active
{
color: #000;
}


div.popup
{
width: 666px;
color: #000;
float: left;
text-align: left;
padding: 19px;
border: 1px dashed #000;
background: #f3e6c2;
}
div.popup img
{
float: right;
padding: 0 20px 20px;
}
div.popup h2
{
font-size: 1.4em;
margin-top: 0;
text-transform: uppercase;
}
div.popup h3
{
color: #000;
text-transform: uppercase;
font-size: 1.2em;
}
div.popup a:link, div.popup a:visited
{
color: #000;
text-decoration: underline;
}
div.popup a:hover, div.popup a:active
{
color: #ff0000;
text-decoration: underline;
}


section.content div.blog
{
width: 742px;
float: left;
margin: 10px 0 25px 0;
padding: 0 0 8px 0;
}
section.content div.blog div.comment
{
width: 710px;
float: left;
margin: 0 0 5px 0;
padding: 16px;
background: #f0f0f0 url(/images/form.png) repeat-x;
border-top: 1px solid #b6b6b6;
border-bottom: 1px solid #d8d8d8;
}
section.content div.blog h2, section.content div.blog h3
{
margin-top: 0;
}
section.content div.blog div.images
{
width: 742px;
float: left;
margin: 0 0 10px 0;
min-height: 415px;
}
section.content div.blog div.loading
{
background: url(/images/loading.gif) no-repeat 509px 0;
}
section.content div.blog div.images div.image
{
width: 525px;
float: left;
}
section.content div.blog div.images div.image p
{
font-size: 1.1em;
margin: 0;
font-style: italic;
line-height: 25px;
}
section.content div.blog ul.images
{
float: right;
width: 180px;
padding: 0;
margin: 0;
list-style-type: none;
}
section.content div.blog ul.images li
{
float: left;
width: 87px;
padding: 0 0 3px 3px;
}
section.content div.blog ul.images li img
{
float: left;
}
section.content div.blog ul.images li a.active img
{
-moz-opacity: 0.50;
opacity:0.50;
}

section.content div.blog p.meta
{
border-top: 1px dotted #777777;
font-size: 1.1em;
width: 100%;
float: left;
padding: 8px 0 0 0;
margin: 8px 0 0 0;
}
section.content div.blog div.comment p.meta
{
border-top: 1px dotted #777777;
}


section.content ul.gallery
{
width: 764px;
float: left;
list-style-type: none;
padding: 0;
margin: 0 -22px 22px 0;
}
section.content ul.gallery li
{
float: left;
width: 169px;
padding: 0 22px 0 0;
font-size: 1em;
}
section.content ul.gallery li img
{
float: left;
border: 1px solid #777777;
margin: 0 0 4px 0;
}


section.content table
{
float: left;
width: 100%;
table-layout: fixed;
margin: 5px 0 15px 0;
}
section.content table.lostfounddogs td img
{
float: right;
}
section.content table td, section.content table th
{
padding: 3px;
font-size: 1.1em;
vertical-align: top;
text-align: left;
}
section.content table.tablefancy td, section.content table.tablefancy th
{
font-size: 1.2em;
}
section.content table.tablecenter td, section.content table.tablecenter th
{
text-align: center;
}
section.content table.tablecenter td img
{
display: inline;
}
section.content table td.tablecellcenter, section.content table th.tablecellcenter
{
text-align: center;
}
section.content table td.tablecellleft, section.content table th.tablecellleft
{
text-align: left;
}
section.content table td.tablecellright, section.content table th.tablecellright
{
text-align: right;
}
section.content table td *, section.content table th *
{
font-size: 1em;
margin: 0;
}
section.content table td.tablecellbig, section.content table th.tablecellbig
{
font-size: 1.4em;
font-weight: bold;
}
section.content table th.tablecellfield
{
width: 140px;
}
section.content table td.tablecellbig small
{
font-size: .8em;
font-weight: normal;
}
section.content table th
{
font-weight: bold;
background: #0083a9;
color: #fff;
}
section.content table tr.hoverable:hover td, section.content table tr.hoverable:hover th
{
background: #f5f5f5;
}
section.content table td, section.content table th
{
padding: 5px;
border-bottom: 1px dotted #777777;
}

section.content div.archive
{
float: right;
width: 450px;
}
section.content div.archive p.url span
{
font-size: .05em;
line-height: .05em;
}
section.content div.archive h2.forms, section.content div.archive ul.forms
{
width: 422px;
}

section.content h2.links
{
float: left;
width: 100%;
}
section.content ul.links
{
float: left;
width: 756px;
margin: 0 -18px 18px 0;
padding: 0;
list-style-type: none;
}
section.content ul.links li
{
float: left;
width: 234px;
padding: 0 18px 0 0;
margin: .2em 0 .2em 0;
}
section.content ul.links li span
{
font-size: .05em;
line-height: .05em;
}
section.content ul.links li a:link, section.content ul.links li a:visited
{
color: #315994;
text-decoration: none;
}
section.content ul.links li a:link strong, section.content ul.links li a:visited strong
{
color: #000;
}
section.content ul.links li a:hover, section.content ul.links li a:active
{
text-decoration: underline;
color: #543019;
}
section.content ul.links li a:hover strong, section.content ul.links li a:active strong
{
text-decoration: underline;
color: #000;
}



/* ######## Form Stuff ######## */

div.form
{
float: left;
width: 710px;
padding: 16px;
margin: 0 0 15px 0;
background: #f0f0f0 url(/images/form.png) repeat-x;
border-top: 1px solid #b6b6b6;
border-bottom: 1px solid #d8d8d8;
}
div.formmedium
{
width: 458px;
}
div.formthin
{
width: 220px;
}
div.form span.left
{
float: left;
width: 180px;
}
div.form div.formblock
{
width: 100%;
float: left;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
border-top: 6px solid #029f85;
}
div.formleft
{
width: 220px;
float: left;
}
div.formright
{
width: 220px;
float: right;
}
div.formwide
{
float: right;
width: 465px;
}
div.form h2
{
margin-top: 0;
}
div.form div.fool, div.form div.hide, div.form span.hide
{
display: none;
}
div.form div.left
{
float: left;
width: 220px;
}
div.form div.right
{
float: right;
width: 220px;
}
div.form div.show
{
display: block;
}
div.form span.show
{
display: inline;
}
div.form div.gap
{
float: left;
width: 100%;
padding: 15px 0 0 0;
}
div.form form
{
float: left;
width: 100%;
}
div.form p
{
width: 100%;
float: left;
}
div.form p.submit
{
padding: 10px 0 0 0;
margin: 0;
}
div.form p.submit input
{
vertical-align: middle;
}
div.form p.submit input.submit
{
float: right;
height: 18px;
}
div.form p.info
{
margin: 6px 0 6px 0;
font-size: 1em;
}
div.form p.field
{
margin: 0 0 5px 0;
padding: 0;
}
div.form p.field input.input, div.form p.field textarea, div.form p.field select
{
margin: 0;
font-size: 1em;
width: 210px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #fff;
background: #fff;
box-shadow:inset 2px 2px 5px #999;
color: #777;
}
div.form p.field input.auto
{
width: auto;
}
div.form p.field input.date
{
width: 150px;
}
div.form p.field textarea
{
height: 107px;
}
div.form p.field textarea.less
{
height: 57px;
}
div.form p.field textarea.more
{
height: 157px;
}
div.form p.field textarea.wide, div.form p.field input.wide
{
width: 455px;
}
div.form p.field textarea.widemedium, div.form p.field input.widemedium
{
width: 448px;
}
div.form p.field textarea.wider, div.form p.field input.wider
{
width: 416px;
}
div.form p.field textarea.low
{
height: 30px;
}
div.form p.field input.alert, div.form p.field select.alert, div.form p.field textarea.alert
{
border: 1px solid #ff0000;
}

div.form p.field select
{
width: 220px;
}
div.form p.field select.right
{
width: 130px;
}
div.form p.field input.right
{
width: 120px;
}
div.form p.field input.short
{
width: 60px;
}
div.form p.field select.auto
{
width: auto;
}
div.form span.star
{
color: #ff0000;
font-weight: bold;
}
div.form p.field input#verify
{
width: 60px;
}
div.form p.field img
{
display: inline;
vertical-align: top;
padding-left: 3px;
}

div.status
{
background: #ff0000;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid #ff0000;
width: 708px;
margin: 0 0 10px 0;
float: left;
}
div.formthin div.status
{
width: 218px;
}
div.formmedium div.status
{
width: 456px;
}
div.status p
{
width: 698px;
float: left;
padding: 3px 5px;
margin: 0;
color: #fff;
font-weight: bold;
}
div.formthin div.status p
{
width: 208px;
}
div.formmedium div.status p
{
width: 446px;
}
div.status ul
{
width: 678px;
float: left;
padding: 3px 5px 3px 25px;
background: #fff;
color: #ff0000;
margin: 0;
}
div.formthin div.status ul
{
width: 188px;
}
div.formmedium div.status ul
{
width: 426px;
}
div.form p.field span.small
{
line-height: 1em;
font-size: .9em;
}
div.status p a:link, div.status p a:visited
{
color: #000;
}
div.status p a:hover, div.status p a:active
{
color: #fff;
}

form.loading, div.loading
{
background: url(/images/loading.gif) no-repeat top right;
}

/* ######## END Form Stuff ######## */

footer
{
position: relative;
z-index: 3;
background: url(/images/footer.png) repeat-x;
float: left;
width: 100%;
min-height: 150px;
padding: 32px 0 0 0;
margin: -32px 0 0 0;
color: #737373;
}

footer ul.barfooter
{
padding: 5px 15px;
margin: 0 0 15px 0;
list-style-type: none;
float: left;
width: 959px;
background: #fff url(/images/barfooter.png) repeat-x;
border-top: 1px solid #bababa;
border-bottom: 1px solid #bababa;
}
footer ul.barfooter li
{
float: left;
line-height: 1.1em;
font-size: 1.1em;
padding: 0 0 0 15px;
}
footer ul.barfooter li
{
padding: 0 8px;
margin: 4px 0 4px 0;
border-left: 1px solid #737373;
}
footer ul.barfooter li.qtn
{
border-left: 0 none;
padding-left: 0;
}
footer ul.barfooter li strong
{
color: #0083a9;
}
footer ul.barfooter li a
{
font-weight: bold;
white-space: nowrap;
}
footer ul.barfooter li.fb, footer ul.barfooter li.tw, footer ul.barfooter li.email, footer ul.barfooter li.print
{
float: right;
border-left: 0 none;
line-height: 19px;
margin: 0;
}
footer ul.barfooter li.fb a
{
float: left;
padding: 0 0 0 25px;
background: url(/images/barfooter_fb.png) no-repeat;
}
footer ul.barfooter li.tw a
{
float: left;
padding: 0 0 0 25px;
background: url(/images/barfooter_tw.png) no-repeat;
}
footer ul.barfooter li.email a
{
float: left;
padding: 0 0 0 25px;
background: url(/images/barfooter_email.gif) no-repeat;
}
footer ul.barfooter li.print a
{
float: left;
padding: 0 0 0 27px;
background: url(/images/barfooter_print.gif) no-repeat;
}

footer ul.links
{
width: 480px;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
footer ul.links li
{
float: left;
width: 150px;
padding: 0 10px 0 0;
}
footer ul.linksright
{
float: right;
width: auto;
}
footer ul.linksright li
{
width: auto;
float: none;
text-align: right;
padding: 0;
}
footer ul.links li a
{
font-weight: bold;
}
footer a:link, footer a:visited
{
color: #737373;
text-decoration: none;
}
footer a:hover, footer a:active
{
color: #000;
text-decoration: none;
}


#fb-root
{
margin: -20px 0 0 0;
overflow: hidden;
float: left;
width: 1px;
}

#tooltip
{
position:absolute;
padding:5px 7px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display:none;
margin: 0;
font-weight: bold;
}


/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}


/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 181px;
	height: 56px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 818px;
	height: 56px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 123px;
	height: 56px;
}