/* 
Name: LivingWorks
URL: http://www.livingworks.net
Version: 1.0

 GLOBAL RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,big,code,del,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline
}

a:focus,a:active,:focus {outline:none}

ul {list-style:none}

table { border-collapse:separate; border-spacing:0}

caption,th,td {font-weight:400; text-align:left}

blockquote:before,blockquote:after,q:before,q:after {content:""}
blockquote {
background:#efefef;
border:1px dashed #ccc;
quotes:"" "";
line-height:1.5em;
margin:10px;
padding:10px 20px;
}

/* MAIN ELEMENTS */
h1 {
border-bottom:1px solid #e2e2e2;
font-size:2em;
font-weight:400;
margin:0 4px;
padding:18px 20px;
text-shadow:1px 1px 0 #fff;
width:900px
}

.index h1 {
border:none;
margin-left:0;
padding-left:0;
width:400px
}

.admin h1 {border:none}

h2 {
background:url(../images/sideNav_a_bg.gif) left bottom repeat-x;
clear:both;
color:#1c5c8d;
font-size:1.8em;
line-height:1.1em;
margin:0 0 10px;
padding-bottom:10px;
}
.admin h2 {background:none}

h3 {
clear:both;
color:#1c5c8d;
font-size:1.4em;
line-height:1.2em;
margin:10px 0
}

h4 {
color:#1c5c8d;
font-size:1em;
font-weight:700;
margin:10px 0 5px
}

p {
color:#2d2c2c;
line-height:1.5em;
margin-bottom:.8em
}

a {
color:#1c5c8d;
text-decoration:underline
}

a:visited {color:#3072a4}

p a {text-decoration:underline}

h3 a,#leftCol a,.forum a,.forum th a,#footer a {text-decoration:none}

.hr {
background:url(../images/sideNav_a_bg.gif) left center repeat-x;
border:none;
clear:both;
height:1px;
margin:0;
padding:20px 0
}

.grey, .grey h3 {color:#999}

/* MAIN STRUCTURE */
body {
background:#edeeef url(../images/body_bg.png) repeat;
font:100% "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
line-height:1
}

html,body,#container {height:100%}

body > #container {height:auto;min-height:100%}

#container {background:url(../images/container_bg.jpg) top center no-repeat}

.inner {
margin:0 auto;
text-align:left;
width:940px
}

#header {font-size:.9em; height:183px}

#main {padding:18px 0 320px; text-align:center}
.index #main {padding:18px 0 270px;}

.admin #main {padding-bottom:83px}

#mainContent {
background:url(../images/mainContent_bottom_bg.png) left bottom no-repeat;
float:left;
font-size:.9em;
padding-bottom:4px
}

.index #mainContent {background:url(../images/mainContent_index_bg.png) 0 340px no-repeat}

#footer {
background:url(../images/footer_bg.gif) repeat;
border-top:1px solid #E1E2E3;
clear:both;
float:left;
margin-top:-290px;
position:relative;
width:100%
}

.admin #footer {margin-top:-64px}

/* HEADER */
#header .inner {
position:relative;
width:960px;
z-index:1000
}

.logo {
background:none;
float:left;
font-size:2em;
height:65px;
margin:50px 0 0 30px;
position:absolute;
width:350px
}

.logo a {
background:url(../images/logos/Livingworks.gif) no-repeat;
height:100%;
position:absolute;
width:100%
}

.altLogo {
clear:both;
float:right;
margin:2px 15px 0 0
}

#header ul {
float:right;
font-size:.9em;
margin:0 0 8px
}

#header ul li,.page li {
display:inline
}

#topNav a {
color:#999;
float:left;
padding:15px 10px;
text-decoration:none
}

#header .login {
background:url(../images/buttons/login_btn_bg.gif) repeat-x;
border:1px solid #e4e4e4;
border-top:none;
display:block;
float:left
}

#header .login a {
border:1px solid #fff;
color:#1c5c8d;
padding:14px 13px
}

.search {
clear:both;
float:right;
margin:12px 0 10px;
position:relative
}

.search .btn {
background:none;
height:28px;
margin:0;
position:absolute;
right:0;
top:0;
width:78px
}

.search input {
background:url(../images/search_input_bg.gif) 0 2px no-repeat;
border:none;
height:27px;
line-height:2.2em;
margin-right:100px;
padding:2px 10px;
width:235px
}

#header #mainNav,#adminNav {
font-size:1em;
font-weight:700;
height:62px;
left:7px;
line-height:15px;
list-style:none;
margin:14px 0 0;
padding:0;
position:absolute;
top:117px;
width:960px
}

#mainNav li {
display:block;
float:left;
padding:0;
text-align:left
}

#mainNav li a {
color:#666;
display:block;
text-decoration:none;
text-shadow:1px 1px 0 #fff
}

#mainNav li a:hover, #mainNav .active a {background:#eaecec url(../images/mainNav_a_hover.gif) no-repeat}

#mainNav li span {
color:#666;
display:block;
margin:0;
padding:18px 20px;
}

#header .dashboardNav li span {padding:18px 19px}

#mainNav li a:hover span, #mainNav .active a span {background:url(../images/mainNav_right_a_hover.gif) top right no-repeat}

#mainNav li a:hover span {color:#f85d10}

#mainNav li ul {
background:url(../images/mainNav_a_hover.gif) no-repeat;
font-size:.85em;
font-weight:400;
left:-9999px;
margin-top:-51px;
position:absolute;
width:204px;
z-index:1000
}

#mainNav li ul li span {
background:url(../images/mainNav_right_a_hover.gif) top right no-repeat;
font-weight:700;
padding:16px;
text-align:center
}

#mainNav ul li {
border-left:1px solid #ced4d7;
border-right:1px solid #ced4d7;
width:125px
}

#mainNav .two ul {width:124px}
#mainNav .two ul .top {width:125px}
#mainNav .two ul li {width:123px}

#mainNav .three {width:auto}
#mainNav .three ul {width:89px}
#mainNav .three ul li {width:90px}

#mainNav .four ul,#mainNav .four ul .top {width:130px}
#mainNav .four ul li {width:128px}

#mainNav .five ul {width:132px}
#mainNav .five ul .top {width:132px}
#mainNav .five ul li {width:130px}

#mainNav .seven ul {width:202px}
#mainNav .seven ul .top {width:202px}
#mainNav .seven ul li {width:200px}

#mainNav li ul li a {
background:none;
height:auto;
line-height:1.3em;
padding:10px
}

#mainNav li:hover ul {display: block}
#mainNav li ul li a:hover {background:#f4f4f4 url(../images/mainNav_border.gif) left bottom repeat-x;color:#f85d10}

#mainNav li ul li {background:#eaecec url(../images/mainNav_border.gif) left bottom repeat-x}

#mainNav li ul .top {
background:none;
border:none;
border-bottom:1px solid #ced4d7;
font-size:1.15em
}

#mainNav li ul .top a {padding:0}


/* MainContent */
.index #main .inner {width:948px}
#main .inner {width:952px}

.index #leftCol {
float:left;
padding:65px 0;
width:320px
}

.index #rightCol {
background:none;
float:left;
padding:40px 0 0 60px;
width:560px
}

#leftCol {
float:left;
padding:30px 30px 30px 0;
width:215px
}

#leftCol h3 {
background:url(../images/sideNav_a_bg.gif) left bottom no-repeat;
color:#333;
padding-bottom:10px;
margin:0;
font-size:1.2em;
}

#leftCol p {margin:.8em 0}

#leftCol ul {
background:url(../images/sideNav_a_bg.gif) left bottom no-repeat;
margin-bottom:20px;
width:200px
}

#content #leftCol ul li {
background:url(../images/sideNav_a_bg.gif) no-repeat;
display:block;
line-height:1.2em;
padding:1em 0 1em 0;
width:200px
}

#content #leftCol .sideNav li {
background:none;
line-height:1.2em;
padding:0;
width:210px
}

#leftCol .sideNav li a {
background:url(../images/sideNav_a_bg.gif) left bottom no-repeat;
display:block;
font-size:.9em;
line-height:1.2em;
padding:13px 0;
text-decoration:none;
width:200px
}

#leftCol .sideNav li p {margin:10px 0 0 0; float:left}
#content #leftCol .sideNav li ul {background:none;float:left;margin-bottom:13px}
#content #leftCol .sideNav li li a {float:left;padding:5px 0 13px 0;width:100px}

#leftCol .hr {padding:10px 0}

#content #leftCol .sideNav .active {background:url(../images/leftCol_active_bottom.gif) left bottom no-repeat}

#leftCol .sideNav .active a {
background:url(../images/leftCol_active_top.gif) left top no-repeat;
border:none;
color:#2d2c2c;
padding-left:10px
}

#leftCol.text .sideNav .active a {background:url(../images/leftCol_active_top2.gif) left top no-repeat}
#content #leftCol.text .sideNav .active {background:url(../images/leftCol_active_bottom2.gif) left bottom no-repeat}

#leftCol .ad {
border:none;
float:left;
margin:0 0 10px 4px
}

#rightCol {
background:url(../images/rightCol_bg.jpg) no-repeat;
float:left;
font-size:.95em;
padding:27px 0 20px 40px;
width:600px
}

.full #rightCol {background:none;width:860px}

#rightCol ul {margin:5px 0 20px}

#rightCol img {margin:10px}

#rightCol .noStyle {
background:none;
border:none;
padding:0;
margin:0;
}

#content {
background:url(../images/mainContent_middle_bg.png) repeat-y;
margin-bottom:4px;
padding:0 4px 20px 30px;
width:915px
}

.index #content {
background:url(../images/content_index_bg.png) 350px 355px no-repeat;
margin:0;
padding:0;
width:950px
}

.full #content {padding:0 4px 20px; width:944px}

#content ul li {
background:url(../images/bullet.gif) 15px 14px no-repeat;
padding:.6em 0 .6em 2.5em;
line-height:1.5em;
}

#content ol li {
padding:.6em 0 .6em 0;
line-height:1.2em;
margin-left:2.5em
}

/* LOGIN */
.login h1 {width:290px}

.login #main {padding-bottom:290px}

.login #container {background:url(../images/container_login_bg.jpg) top center no-repeat}

.login #content {
background:url(../images/mainContent_login_middle_bg.png) repeat-y;
float:left;
padding:0;
width:auto
}

.login .inner #mainContent {
background:none;
margin-bottom:10px;
padding:0
}

.loginForum {float:left; padding:20px 30px}

.login .bottom {
background:url(../images/mainContent_login_bottom_bg.png) left bottom no-repeat;
float:left;
margin-bottom:0;
padding:0 30px 15px;
position:relative;
width:280px
}

.login .bottom input {
float:left;
margin:2px 0;
padding-top:15px
}

.login #leftCol { padding:0; width:340px}

.login #main .inner {width:342px}

label {
display:block;
font-size:.9em;
margin:15px 0 5px
}

.login #leftCol a {
border:none;
float:right;
padding-top:23px;
text-decoration:underline;
width:auto
}

.input,.inputL, .inputS {
background:url(../images/input_left_bg.gif) center left no-repeat;
border:none;
display:block;
font-size:1em;
margin:0;
width:273px
}

.input input,.inputL input, .inputS input {
background:url(../images/input_right_bg.gif) center right no-repeat;
border:none;
padding:8px;
width:260px
}

.inputL {width:403px}
.inputL input {width:390px}
.inputS {margin-right:10px;width:140px}
.inputS input {width:129px}

.textArea {
background:url(../images/textarea_top_bg.png) left 1px no-repeat;
float:left;
padding:0 0 0 0;
}

.textArea textarea {
background:url(../images/textarea_bottom.png) left bottom no-repeat;
border:none;
padding:7px;
padding-bottom:23px;
float:left;
margin:0;
width:580px;
}

/* NEWS */
.news,#rightCol .news {
border-bottom:1px solid #fff;
border-top:1px solid #ccc;
float:left;
margin:0 0 10px
}

#content .news li {
background:none;
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
float:left;
padding:10px 10px 10px 5px;
width:585px
}

.index #content .news li {width:542px}

.full .news {
background:#fff;
border:none;
margin-bottom:0;
width:940px
}

.full .news li {
float:left;
padding:5px 20px 15px;
width:850px
}

.full #slider .news li {
padding:10px 20px;
width:900px
}

.news h3 {clear:none; margin-top:10px; font-size:1.25em;}

#content .news .odd,.sTable .odd td, .pTable .odd td {background:#ecebeb}

.news td {border-bottom:1px solid #ccc; border-collapse:collapse}

.news .odd img,.sTable img {border:1px solid #ccc; padding:4px}

.photo,.news .date,.news .photo {
background:url(../images/date_bg.gif) left bottom no-repeat;
color:#666;
float:left;
font-size:.8em;
margin:0 20px 10px 0;
padding:10px;
position:relative;
text-align:center
}

.news .photo {background:url(../images/photo_bg.gif) left bottom no-repeat; padding-top:0}

.full .news .date {float:none}

.photo img {border:none}

.full .news td .date {background:url(../images/date_search_bg.gif) left bottom no-repeat}

.news td .date {margin-left:15px}

.news td p {margin-right:15px}

.news .odd .date {background:url(../images/date_odd_bg.gif) left bottom no-repeat}

.index .news .date {background:url(../images/date_index_bg.gif) left bottom no-repeat; text-shadow:1px 1px 0 #fff}

.news .day {display:block;font-size:1.7em}

.news p strong,.sTable p strong {font-weight:700}

.news li p {margin-left:70px;position:relative}

.news.training li h2 {clear:none}

.news.training li p {margin-left:0}

.button,.buttonBlue,.buttonOrange {
background:url(../images/buttons/button_left_bg.png) top left no-repeat;
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
margin:10px 0 20px;
padding-bottom:2px;
text-decoration:none;
text-shadow:1px 1px 0 #fff
}

.index .button {background:url(../images/buttons/button_index_left_bg.png) top left no-repeat}

.index .button span {background:url(../images/buttons/button_index_right_bg.png) top right no-repeat}

.buttonBlue,.buttonOrange {
background:url(../images/buttons/button_blue_left_bg.png) top left no-repeat;
color:#fff;
margin-right:30px;
text-shadow:1px 1px 0 #2b6897
}

.buttonOrange {
background:url(../images/buttons/button_orange_left_bg.png) top left no-repeat;
text-shadow:1px 1px 0 #d8590c
}

.button span,.buttonBlue span,.buttonOrange span {
background:url(../images/buttons/button_right_bg.png) top right no-repeat;
display:block;
line-height:28px;
padding:0 13px
}

.buttonBlue span {
background:url(../images/buttons/button_blue_right_bg.png) top right no-repeat;
line-height:31px
}

.buttonOrange span {
background:url(../images/buttons/button_orange_right_bg.png) top right no-repeat;
line-height:31px
}

.buttonBlue:hover,.buttonOrange:hover {
color:#fff;
text-decoration:underline
}

/* BREADCRUMBS */
#rightCol .bread {
background:url(../images/rightCol_bg.jpg) no-repeat;
border-bottom:1px solid #ccc;
float:left;
font-size:.9em;
margin:-27px 0 30px -40px;
width:640px
}

* html #rightCol .bread {
margin:-30px 0 0 -20px
}

#content .bread li {
background:none;
float:left;
padding:10px 5px
}

#content .bread li a {
background:url(../images/bread_li_bg.gif) right center no-repeat;
padding:10px 15px 10px 5px;
text-decoration:none
}

/* TABLES */
.simple td {
border:none;
padding:0 20px 0 0;
vertical-align:bottom
}

.sTable,pTable,.forum {
border-bottom:1px solid #ccc;
border-collapse:collapse;
}

.forum {
border:1px solid #ccc;
text-align:center;
width:890px
}

.pTable {
background:url(../images/pTable_bg.gif) 0 75px repeat-x;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
font-size:.9em;
margin-bottom:20px;
text-shadow:1px 1px 0 #fff;
}

.pTable th {
background:url(../images/pTable_th_bg.gif) left bottom repeat-x;
border-left:1px solid #ccc;
color:#333;
padding:0;
font-weight:bold;
text-align:center;
vertical-align:middle;
}

.pTable th img {padding:0 10px}

.sTable,.pTable td,.sTable td,th {
border-bottom:1px solid #ccc;
padding:10px;
vertical-align:top
}

.full .sTable td {background:#fff}

.pTable td {border-left:1px solid #ccc}

.admin .sTable img {border:none; padding:2px}

.sTable td {padding:15px; line-height:1.4em}

.news th {padding:20px 20px 0}

.sTable th {color:#1c5c8d; font-weight:700}

.small {font-size:.9em}

.forum th {
background:#246393 url(../images/forum_th_bg.gif) repeat-x;
border-right:1px solid #85adcb;
border-bottom:1px solid #ccc;
border-collapse:collapse;
color:#fff;
font-weight:700
}

.forum td {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:15px
}

.forum .title {text-align:left; width:60%}

.forum.min .title {text-align:left; width:40%}

.forum .sideCol {width:25%}

.forum .sideCol img {
border:1px solid #dedede;
display:block;
margin:10px 0;
padding:5px
}

.forum .sideCol p {font-size:.85em; line-height:1.2em}

.forum .sticky {background:url(../images/sticky_bg.gif) 7px 13px no-repeat; padding-left:30px}

.forum .locked {background:#e2e2e2 url(../images/lock.gif) 7px 13px no-repeat; color:#8d8d8d}

.forum .locked:hover {background:#e2e2e2 url(../images/lock.gif) 7px 13px no-repeat}

.forum .locked .title {padding-left:30px}

/* PAGINATION */
.page {clear:both; padding:10px 0}

.full .page {padding:10px 30px}

#content .page li {
background:none;
float:left;
margin-right:5px;
padding:0
}

.page li a {
color:#2d2c2c;
float:left;
padding:5px 7px;
text-decoration:none
}

#content .page .active {background:url(../images/page_left_bg.gif) left center no-repeat}

.page .active a {background:url(../images/page_right_bg.gif) right center no-repeat}

/* COMMON */
.fltLeft {float:left}

.fltRight {float:right}

.btn {background:url(../images/buttons/btn_left.png)}

.search .btn:active {margin-top:1px}

.readMore,.backToMap {
background:url(../images/buttons/read_more_btn.gif) no-repeat;
display:block;
height:26px;
margin-top:10px;
text-indent:-9999px;
width:97px
}

.backToMap {
background:url(../images/backToMap_bg.png) no-repeat;
display:block;
height:43px;
margin:0 0 15px;
text-indent:-9999px;
width:212px
}

/* FOOTER */
#foot .inner {
background:url(../images/foot_inner_bg.png) right 2px no-repeat;
padding:20px 0 3px
}

#siteMap {
background:#f5f5f6;
font-size:1.1em;
height:100%;
margin:0 auto;
padding-top:15px;
width:960px
}

#siteMap .inner {
background:url(../images/logos/Livingworks_footer_logo.png) 340px 130px no-repeat;
float:left
}

#siteMap .inner div {
float:left;
font-size:.8em;
width:70px
}

#siteMap .inner .two,#siteMap .inner .two li {padding-right:5px;width:195px}

#siteMap .inner .three {width:105px}

#siteMap .inner .four {width:115px}

#siteMap .inner .five,#siteMap .inner .five li {width:105px}

#siteMap .inner .six {width:130px}

#siteMap .inner .seven,#siteMap .inner .seven li {width:210px}

#siteMap div a {color:#7d7d7d}

div.tabs > div {background:#fff;clear:both;padding-top:10px}
div.tabs > div p {margin:10px 20px}
#second {background-color: #0f0}
#third {background-color: #00f}
.waste {min-height: 1000px}

#footer ul {
float:left;
line-height:1.2em;
padding:4px 0 15px
}

#footer ul li {
font-size:.8em;
line-height:15px;
padding-bottom:6px
}

#footer ul a {color:#7d7d7d; padding:0}

#foot {
background:#3c3c3c url(../images/foot_bg.gif) repeat-x;
clear:both;
color:#999;
min-width:945px;
text-shadow:1px 1px 0 #000
}

#foot p,#foot li a {
color:#999;
float:left;
font-size:.9em
}

#foot .inner ul {
float:right;
font-size:1.2em;
height:auto;
line-height:.8em;
margin:0
}

#foot ul li {display:block; float:left}

#foot ul li a {font-weight:400; padding:0 0 0 20px}

.addthis_button img { float:left; margin-right:8px}

/* FOOTER CLEARFIX */
.clear {clear:both}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden
}

/* Hides from IE-mac \*/
* html .clearfix {
height:1%
}

a:hover,.orange,.page a:hover,#footer a:hover {
color:#f85d10
}

#mainNav li:hover ul,#mainNav li:hover ul,#mainNav li.sfhover ul {
left:auto
}

#mainNav li ul .top a:hover,#leftCol .sideNav .aboveActive a,.index .news .odd {
background:none
}

.news .month,.clearfix {
display:block
}

.index .button:active,.readMore:active,.backToMap:active {
margin-top:11px
}

.buttonOrange:visited,.buttonBlue:visited,.forum th a,.forum th a:visited {
color:#fff
}

.readMore:hover,.backToMap:hover {
background-position:bottom
}


/* CUSTOM RADIO/CHECKBOXES */
.checkbox, .radio {
width: 25px;
height: 20px;
padding: 0 5px;
margin:15px 0 0 10px;
background: url(../images/checkbox.gif) no-repeat;
display: block;
clear: left;
float: left;
}

.select {
position: absolute;
width: 158px;
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
overflow: hidden;
}

.error {
background:#f6e4e4;
color:#bf1c1c;
padding:4px
}

.error label {background: url(../images/admin/error.gif) 0 1px no-repeat; padding:2px 0 2px 22px}