@import "reset.css";

/*----------------------------------------*/
/*---------- Groundrules -----------*/
/*----------------------------------------*/
html, body {height: 100%; width: 100%;text-align:left;}
html {background: #3c8100 url(../images/maingradient.jpg) repeat-x;}
body {font: normal 62.5%/1em Arial, Verdana, sans-serif; color: #666; background: transparent;}

p, ul, ol, table, blockquote {margin: 0 0 1em; /*font: normal 1em/1.2em Arial, Verdana, sans-serif;*/}

h1 {font: bold 2.8em/1em Arial, Verdana, sans-serif; margin: 0 0 .2em; color: #5bb200; letter-spacing: -1.5px;}
h2 {font: bold 2.8em/1em Arial, Verdana, sans-serif; margin: 0 0 .2em; color: #5bb200; letter-spacing: -1.5px;}
h3 {font: bold 2.7em/1em Arial, Verdana, sans-serif; margin: 0 0 .2em; color: #5bb200; letter-spacing: -1.5px;}
h4 {font: normal 1.5em/1em Arial, Verdana, sans-serif;  margin: 0 0 .666em;}
#mainContent h3 {letter-spacing: -1px;}

textarea {font: normal 1em/1.2em Arial, Verdana, sans-serif;}

table {font: normal 1em/1.2em Arial, Tahoma, Verdana, sans-serif;}

img {display: block;}
a img {border: none;}

table tr td img {display: inline;}

a:link, a:visited {text-decoration: none; color: #666;}
a:hover, a:active {text-decoration: none; color: #333;}	


h3, h3 a:link, h3 a:visited {text-decoration: none;  color: #5bb200;}

input {font-size: 12px;}

strong {font-weight: bold;}

.clear {clear:both;	height:1px;	overflow:hidden; line-height:1%; font-size:0px;	margin-bottom:-1px;}

.left {float: left;}
.right {float: right;}
.center {margin: 0 auto;}

.break {clear: both;}

p.ingress {font-weight: bold;}

blockquote {font-size: 1.5em; letter-spacing: -1px; padding: 0 0 0 40px; background: url(../images/blockQuotes_start.gif) no-repeat; font-style: italic; margin: 0 0 12px;}
blockquote p {font-style: italic; margin: 0 0 12px;}
blockquote cite {font-style: normal;}

.string {background: #FFF url(../images/inputShadow.gif) repeat-x left top; border: 1px solid #666;}

/*----------------------------------------*/
/*---------------- Layout ----------------*/
/*----------------------------------------*/
body.pink .topTeaser {background: url(../images/divider_pink.png) no-repeat left bottom;}
body.lightgreen .topTeaser {background: url(../images/divider_lightgreen.png) no-repeat left bottom;}
body.green .topTeaser {background: url(../images/divider_green.png) no-repeat left bottom;}
body.darkgreen .topTeaser {background: url(../images/divider_darkgreen.png) no-repeat left bottom;}
body.yellow .topTeaser {background: url(../images/divider_yellow.png) no-repeat left bottom;}
body.orange .topTeaser {background: url(../images/divider_orange.png) no-repeat left bottom;}
body.blue .topTeaser {background: url(../images/divider_blue.png) no-repeat left bottom;}

form.png_bg {width: 100%; background: transparent url(../images/wrapperShadow.png) repeat-y center top;}	
#mainWrapper { width: 958px; font: normal 1.2em/1.2em Lucida Sans, Arial, Verdana, sans-serif; background: #FFF; margin: 0 auto; padding: 0 20px; min-height: 100%;}
#header {padding: 32px 0 0;}
#header .layoutBlock {border: none; padding: 0; margin: 0; overflow: hidden;}
#header .column1 {width: 310px; padding: 0 0 10px; position: relative;}
#header .column1 h1 {width: 141px; height: 35px; margin: 44px 0 0 45px; line-height: 35px; font-size: 1.5em;}
#header .column1 h1 a {display: block; position: relative; color: #3d8400;}
#header .column1 h1 a img {position: absolute; top: 0; left: 0;}
#header .column2 {width: 510px; padding: 0 0 10px;}
#header .column2 img {display: block; margin: 0;}

.newsBlogg p a:link {text-decoration: none; color: #407f08;border-bottom:1px dotted #407f08;}
.newsBlogg p a:visited {text-decoration: none; color: #407f08;border-bottom:1px dotted #366c07;}

#topmenu {clear: both; background: #418500 url(../images/topMenu.png) no-repeat; margin: 0 -3px; /*height: 38px; line-height: 38px;*/}
#topmenu ul {height: auto !important; height: 38px; min-height: 1%; overflow: auto; margin: 0;}
#topmenu ul li {display: block; float: left;}
#topmenu ul li a {display: block; float: left; height: 38px; line-height: 38px; color: #FFF; font-family: Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif; font-size: 1.1em;}
#topmenu ul li a:hover {background: url(../images/topmenuStates.png) no-repeat right -168px;}
#topmenu ul li a span {display: block; float: left; height: 38px; line-height: 38px; padding: 0 20px; cursor: pointer;}
#topmenu ul li a.selected {background: url(../images/topmenuStates.png) no-repeat right -112px; padding: 0 6px 0 0;}
#topmenu ul li a.selected span {background: url(../images/topmenuStates.png) no-repeat left -112px; padding: 0 14px 0 20px;}
#topmenu ul li.item1 a span {padding-left: 32px;}
#topmenu ul li.item1 a:hover span {background: url(../images/topmenuStates.png) no-repeat left -56px;} 
#topmenu ul li.item1 a.selected span {background: url(../images/topmenuStates.png) no-repeat left top; padding-left: 32px;}
/*#topmenu ul li.item9 {float: right;}
#topmenu ul li.item9 a {padding-right: 40px;}
#topmenu ul li.item9 a.selected {background: url(../images/topMenu_selected_right.png) no-repeat right top;}*/
#contentWrapper {overflow: hidden; padding: 12px 0 0;}

.layoutBlock, .bannerarea, .topTeaser {clear: both; width: 100%; overflow: auto;}
.topTeaser {padding: 0 0 22px;}
.topTeaser h2 {padding: 21px 0 0 18px;}
.topTeaser p {padding: 0 0 0 18px;}
.topTeaser img.left {margin: 0 32px 0 0;}
.topTeaser .imgAndNavContainer {position: relative; height: 202px; overflow: hidden; display: block;}
.topTeaser .imgAndNavContainer.right {margin: 0 0 0 32px;}
.topTeaser .imgAndNavContainer .subNavContainer {background: url(../images/subnavcontainer.png); position: absolute; top: 0; left: 0; z-index: 10; height: 100%;}
.topTeaser .imgAndNavContainer .subNavContainer .breadcrumb {display: block; position: absolute; bottom: 14px; left: 20px; font-size: 29px; line-height: 1em; letter-spacing: -2px; font-weight: bold; color: #FFF; opacity: .1;}


.topTeaser .imgAndNavContainer .subNavContainer.wide {background: url(../images/subnavcontainerWide.png); position: absolute; top: 0; left: 0; z-index: 10; height: 100%; width:auto;}
.topTeaser .imgAndNavContainer .subNavContainer.wide ul {width:auto;}

.li_container .clear {width: 0px;}
ul.subNav {font-family: Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif; padding: 18px 20px 0; float: left; width: 190px;}
ul.li_cont2 {padding-left: 0;}
ul.subNav li {display: block; /*float: left;*/ margin: 0 0 3px 0;}
ul.subNav li a, ul.subNav li a:visited {color: #FFF;}
ul.subNav li a.selected, ul.subNav li a:visited.selected, ul.subNav li a:hover {color: #58ac02;}
ul.subNav li a.selected2, ul.subNav li a:visited.selected2, ul.subNav li a:hover {color: #58ac19;}

ul.subNav_lv2 {font-family: Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif; padding: 18px 20px 0;}
ul.subNav_lv2 li {display: block; margin: 0 0 3px 0;}
ul.subNav_lv2 li a, ul.subNav_lv2 li a:visited {color: #ccc;}
ul.subNav_lv2 li a.selected, ul.subNav_lv2 li a:visited.selected, ul.subNav_lv2 li a:hover {color: #58ac02;}
ul.subNav_lv2 {background: url(../images/thirdLevelDivider.png) no-repeat 0 12px;}

.column1, .column2 {float: left; width: 50%; overflow: auto;}
.layoutBlock {/*border-top: 1px solid #c5d79d;*/}

.layout1 {padding: 18px 0 0;}
.layout1 .column1 {width: 310px;}
.layout1 .column2 {width: 627px; float: right;}

.layout1 .teaser {height: 86px; overflow: hidden; padding: 0 0 12px; border-bottom: 1px solid #ddeecc; margin: 0 0 11px;}
.layout1 .teaser.last {border-bottom: none; margin: 0;}
.layout1 .teaser img {display: block; float: left; margin-right: 19px;}
.layout1 .teaser h3 {padding-top: 6px; margin: 0 0 .05em; letter-spacing: -2px;}
.layout1 .teaser p {margin-bottom: 0;}
.layout1 .teaser div.date {display: block; float: right; background: url(../images/datebox.png) no-repeat; width: 59px; height: 60px; text-align: center; color: #3b3b3b; margin: 9px 17px 8px 6px;}
.layout1 .teaser div.date .date {display: block; font: bold 30px/1em Arial, Helvetica, sans-serif; letter-spacing: -3px; padding: 6px 0 0; margin-left: -4px;}

.layout2 {padding: 14px 0 0;}
.layout2 .column1 {width: 520px;}
.layout2 .column2 {width: 422px; float: right; padding: 4px 0 0;}
.layout2 .teaser {border-bottom: none; margin: 0 0 11px; line-height: 1.05em;}
.layout2 .teaser img {display: block; float: left; margin-right: 11px;}
.layout2 .teaser h3 {padding-top: 0; margin: 0 0 .05em; letter-spacing: -1px; font-size: 1.7em;}
.layout2 .teaser p {margin-bottom: 0; height: auto !important; height: 1%; min-height: 1%; overflow: hidden; font-size: .9em;}
.layout2 .teaser div.date {display: block; float: right; background: url(../images/datebox_small.png) no-repeat; width: 41px; height: 43px; text-align: center; color: #3b3b3b; margin: 1px 10px 8px 6px !important; margin: 1px 5px 8px 6px;}
.layout2 .teaser div.date .date {display:block; font: bold 18px/1em Arial,Helvetica,sans-serif; letter-spacing:-3px; margin-left:-4px; padding:6px 0 0;}
.layout2 .teaser div.date .month {display:block; font-size:10px; margin-top:-2px;}

.layout3 {padding: 14px 0 0;}
.layout3 .column1 {width: 600px; padding: 0;}
.layout3 .column2 {width: 310px; float: right; padding: 21px 16px 0 0;}
.layout3 .statement {margin:0 0 13px;}
.layout3 .campaignWrapper {padding: 25px 0 0;}

ul.newsBlogg {padding: 0;}
div.newsBlogg {padding: 15px 0 8px 18px;}
.bloggItem {border-bottom: 1px solid #ddeecc; height: auto !important; height: 1%; min-height: 1%; overflow: auto; margin: 0 0 6px; padding: 15px 0 8px 18px;}
.newsBlogg h1 {font-size: 2.65em; margin: 0 0 9px;}
.newsBlogg h1 a, .newsBlogg h1 a:visited {color: #5BB200;}
.newsBlogg img {margin: 0 0 13px;}
.newsBlogg .infoWrapper {float: right; width: 60px; margin: -2px 12px 6px 0;}
* html .newsBlogg .infoWrapper {float: right; width: 60px; margin: -2px 6px 6px 0;}
.newsBlogg div.date {display: block; float: right; background: url(../images/datebox.png) no-repeat; width: 59px; height: 60px; text-align: center; color: #3b3b3b; margin: 0 0 12px 0;}
.newsBlogg div.date .date {display: block; font: bold 30px/1em Arial, Helvetica, sans-serif; letter-spacing: -3px; padding: 8px 0 0; margin-left: -4px;}
.newsBlogg div.date .month {font-size: 10px; margin-top: -2px; display: block;}
.newsBlogg div.commentsAmount {background: url(../images/comments.png) no-repeat; float: right; width: 48px; height: 42px; color: #FFF; font: bold 18px/34px Arial, Helvetica, sans-serif; text-align: center; clear: both; padding: 0 6px 0 0;}
.newsBlogg p {width: 500px;}
.newsBlogg div.commentsAmount a,.newsBlogg div.commentsAmount a:visited {color: #FFF;}
.newsBlogg .pager {text-align: center;}
.newsBlogg .pager ul {display:table; margin:0 auto; padding: 20px 0; white-space:nowrap; font-size: 1.1em;}
.newsBlogg .pager ul li {display:table-cell;}
.newsBlogg .pager ul li.back, .newsBlogg .pager ul li.forward {text-indent: -9999px;}
.newsBlogg .pager ul li a {padding: 0 2px;}
.newsBlogg .pager ul li strong {padding: 0 4px;}
.newsBlogg .pager ul li.back a {display: block; width: 11px; height: 12px; background: url(../images/arrowBack.png) no-repeat left 2px;}
.newsBlogg .pager ul li.forward a {display: block; width: 11px; height: 12px; background: url(../images/arrowForward.png) no-repeat right 2px;}
.newsBlogg .pager ul li strong {font-size: 1.2em;}

.comments {border-top: 1px solid #ddeecc; padding: 21px 0 0;}
.comments h2 {font-size: 1.7em; margin: 0 18px 21px;}
.comments ul {padding: 0 0 21px; margin: 0;}
.comments li {height: auto !important; height: 1%; min-height: 1%; overflow: auto; margin: 0 0 6px;}
.comments li .author {float: left; text-align: right; background: url(../images/commentArrow.png) no-repeat right 14px; color: #5BB200; width: 111px; padding: 12px 17px 0 0;}
.comments li .author span {display: block; font-size: 10px;}
.comments li .author span.name {font-size: 1.2em;}
.comments li .comment {float: left; background: #d2dc7e; padding: 14px 14px 0; width: 325px; color: #353535;}

.comments fieldset {padding: 0 0 16px; border-top: 1px solid #ddeecc; padding: 20px 0 0;}
.comments .field {height: auto !important; height: 1%; min-height: 1%; overflow: auto; margin: 0 0 6px;}
.comments .buttons {padding: 0 0 20px 128px;}
.comments .field label {float: left; text-align: right; color: #5BB200; width: 111px; padding: 6px 17px 0 0; font-size: 1.2em; font-weight: bold;}
.comments .field input {background: #EEE url(../images/input.png) no-repeat; width: 344px; height: 20px; border: none; display: block; float: left; padding: 4px;}
.comments .field input.btn {background: #d2dc7e url(../images/commentBtn.png) no-repeat left top; width: 142px; border: none; padding: 0; cursor: pointer; color: #353535; font: normal 13px/1em Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif; height: 31px;}
.comments .field textarea {background: #EEE url(../images/textarea.png) no-repeat; width: 344px; height: 124px; border: none; display: block; float: left; padding: 4px;}

.statement {margin: 0 0 20px;}
.statement td {padding: 0 0 0 16px; height: 102px; vertical-align: middle;}
.statement h3 {font-size: 1.6em; line-height: 1.3em; letter-spacing: -.5px;}

/*ul.subNav {height: auto !important; height: 1%; min-height: 1%; overflow: auto; border-bottom: 1px solid #ddeecc; padding-bottom: 13px; font-size: 1.2em; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 18px;}
ul.subNav li {display: block; float: left; margin: 0 8px 0 0;}
ul.subNav li a, ul.subNav li a:visited {color: #5bb200;}
ul.subNav li a.selected, ul.subNav li a:hover {color: #3e6514;}*/

.article {padding: 0 10px 0 30px;}
.article p {}
.article span.arrow {background:transparent url(../images/greenArrow.png) no-repeat scroll left 0;font-size:16px;margin-left:10px;padding:0 0 0 16px;}
ul.newsBlogg {}
ul.newsBlogg li {}

.bottomTeasers {padding: 30px 0 12px; border-top: 1px solid #c5d79d;}
.bottomTeasers .teaser {padding: 0 0 0 12px;}
.bottomTeasers .teaser h3 {font: bold 2.1em/1em Arial, Verdana, sans-serif; margin: 0 0 .4em;}
.bottomTeasers .teaser p {padding: 0 24px 0 10px; text-align: justify;}

.campaignWrapper {height: auto !important; height: 1%; min-height: 1%; overflow: auto; border-top: 1px solid #e0edd3;}
.campaignWrapper .campaign {float: left; width: 200px; padding: 8px 5px 8px 6px;}
.layout1 .campaignWrapper {padding-top: 18px;}
.layout1 .campaignWrapper .campaign, .layout3 .campaignWrapper .campaign {width: 148px; padding: 8px 2px 8px 5px;}
.layout1 .campaignWrapper .campaign p, .layout3 .campaignWrapper .campaign p {padding: 12px 8px 0 11px; margin: 0;}
.layout2 .campaignWrapper {font-size: .9em; line-height: 1.05em;}
.layout2 .campaignWrapper .campaign img {display: block; margin-right: 6px;}
.layout2 .campaignWrapper .campaign p {padding: 8px 0 0;}


.bannerarea {width: 958px; border-top: 1px solid #c5d79d; padding: 19px 0 20px; overflow: hidden;}
.bannerarea .container {width: 970px;}
.bannerWrapper {float: left; margin: 0 5px 0 0;}

#footer {border-top: 1px solid #c5d79d; padding: 32px 0; text-align: center;}



/*----------------------------------------*/
/*--------------- LoginBox ---------------*/
/*----------------------------------------*/
div.LoginBoxContent div.LogoutToolItemDiv a.LogoutToolIcon {left:0;position:relative;top:0;width:20px;}
	/* --- Klasser som styr loginboxen som visas då man klickar på låsikonen --- */
div.LoginBox{background-color:#FFFFFF;border:1px solid #BDA47B;color:#242424;}
div.LogoutTitle{height: 30px;}
div.LogoutTitle h2{letter-spacing:0.1px; font-family:Lucida Sans Unicode,Helvetica Neue,Arial,sans-serif;font-size:14px;margin:0;margin-bottom:5px;}
.LoginBoxTextBox{float:left;width: 174px;margin-bottom: 5px;font-family: Arial, Tahoma, sans-serif;font-size: 12px;color: #242424;}
.LoginMessage{float:left;color: #990000;	}
#LoginButtonDiv{float:right;text-align:right;padding-top:10px;}
#LoginButtonDiv input{font-size:11px;}
#ForgotPasswordDiv{float:left;}
#ForgotPasswordDiv a, #ForgotPasswordDiv a:hover, #ForgotPasswordDiv a:active, #ForgotPasswordDiv a:visited{color:black;}
.LoginInputTitle{float:left;}
#LoginFailedMessageDiv{float:left;}
.loginButton{font-family: Lucida Sans Unicode,Helvetica Neue,Arial,sans-serif;font-size: 11px;}
div.LoginBoxTop{float:left;width: 204px;height: 15px;}
div.LoginBoxCloseIcon{float: right;height: 15px;margin:2px;margin-top:2px;}
div.LoginBoxContent{float:left;width: 180px;height: auto;padding: 0px 12px 10px 12px;}

    div.LoginBoxContent div.LogoutToolItemDiv a.LogoutToolIcon, div.LoginBoxContent div.LogoutToolItemDiv a.LogoutToolLink, div.LoginBoxContent div#ForgotPasswordDiv a{ background:none;text-indent:0px;height:auto;width:auto;line-height:0px;float:none;color: #242424;color: #000;}
    div.LoginBoxContent div#ForgotPasswordDiv a{left:0;line-height:20px;top:6px;}
@import "reset.css";

/*----------------------------------------*/
/*---------- Groundrules -----------*/
/*----------------------------------------*/
html, body {height: 100%; width: 100%;}
html {background: #3c8100 url(../images/maingradient.jpg) repeat-x;}
body {font: normal 62.5%/1em Arial, Verdana, sans-serif; color: #666; background: transparent;}

p, ul, ol, table, blockquote {margin: 0 0 1em; /*font: normal 1em/1.2em Arial, Verdana, sans-serif;*/}

h1 {font: bold 2.8em/1em Arial, Verdana, sans-serif; margin: 0 0 .2em; color: #5bb200; letter-spacing: -1.5px;}
h2 {font: bold 2.8em/1em Arial, Verdana, sans-serif; margin: 0 0 .2em; color: #5bb200; letter-spacing: -1.5px;}
h3 {font: bold 2.7em/1em Arial, Verdana, sans-serif; margin: 0 0 .2em; color: #5bb200; letter-spacing: -1.5px;}
h4 {font: normal 1.5em/1em Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif;  margin: 0 0 .4em; color: #316800; letter-spacing: -1px;}
#mainContent h3 {letter-spacing: -1px;}

textarea {font: normal 1em/1.2em Arial, Verdana, sans-serif;}

table {font: normal 1em/1.2em Arial, Tahoma, Verdana, sans-serif;}

img {display: block;}
a img {border: none;}

table tr td img {display: inline;}

a:link, a:visited {text-decoration: none; color: #666;}
a:hover, a:active {text-decoration: none; color: #333;}	
h3, h3 a:link, h3 a:visited {text-decoration: none;  color: #5bb200;}

input {font-size: 12px;}

strong {font-weight: bold;}

.clear {clear:both;	height:1px;	overflow:hidden; line-height:1%; font-size:0px;	margin-bottom:-1px;}

.left {float: left;}
.right {float: right;}
.center {margin: 0 auto;}

.break {clear: both;}

p.ingress {font-weight: bold;}

blockquote {font-size: 1.5em; letter-spacing: -1px; padding: 0 0 0 40px; background: url(../images/blockQuotes_start.gif) no-repeat; font-style: italic; margin: 0 0 12px;}
blockquote p {font-style: italic; margin: 0 0 12px;}
blockquote cite {font-style: normal;}

.string {background: #FFF url(../images/inputShadow.gif) repeat-x left top; border: 1px solid #666;}

/*----------------------------------------*/
/*---------------- Layout ----------------*/
/*----------------------------------------*/
body.pink .topTeaser {background: url(../images/divider_pink.png) no-repeat left bottom;}
body.lightgreen .topTeaser {background: url(../images/divider_lightgreen.png) no-repeat left bottom;}
body.green .topTeaser {background: url(../images/divider_green.png) no-repeat left bottom;}
body.darkgreen .topTeaser {background: url(../images/divider_darkgreen.png) no-repeat left bottom;}
body.yellow .topTeaser {background: url(../images/divider_yellow.png) no-repeat left bottom;}
body.orange .topTeaser {background: url(../images/divider_orange.png) no-repeat left bottom;}
body.blue .topTeaser {background: url(../images/divider_blue.png) no-repeat left bottom;}

form.png_bg {width: 100%; background: transparent url(../images/wrapperShadow.png) repeat-y center top;}	
#SkipNavigationDiv {display: none;}
#mainWrapper { width: 958px; font: normal 1.2em/1.2em Lucida Sans, Arial, Verdana, sans-serif; background: #FFF; margin: 0 auto; padding: 0 20px; min-height: 100%;}
#header {padding: 32px 0 0;}
#header .layoutBlock {border: none; padding: 0; margin: 0; overflow: auto; height: auto!important; height: 152px; min-height:152px;}
/*#header .column1 {width: 310px; padding: 0 0 10px; position: relative;}
#header .column1 h1 {width: 141px; height: 35px; margin: 44px 0 0 45px; line-height: 35px; font-size: 1.5em;}
#header .column1 h1 a {display: block; position: relative; color: #3d8400;}
#header .column1 h1 a img {position: absolute; top: 0; left: 0;}
#header .column2 {width: 620px; padding: 0 0 10px; height: 127px;}
#header .column2 a {}
#header .column2 img {display: block; margin: 0;}
#header .column3 {width: 28px; float: left; height: 137px; position: relative; background: #F00; display: none;}
#header .column3 .LoginIcon {position: absolute; right:0; bottom: 0;}*/ 

#topmenu {clear: both; background: #418500 url(../images/topMenu.png) no-repeat; margin: 0 -3px; /*height: 38px; line-height: 38px;*/}
#topmenu ul {height: auto !important; height: 38px; min-height: 1%; overflow: auto; margin: 0;}
#topmenu ul li {display: block; float: left;}
#topmenu ul li a {display: block; float: left; height: 38px; line-height: 38px; color: #FFF; font-family: Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif; font-size: 1.1em;}
#topmenu ul li a:hover {background: url(../images/topmenuStates.png) no-repeat right -168px;}
#topmenu ul li a span {display: block; float: left; height: 38px; line-height: 38px; padding: 0 20px; cursor: pointer;}
#topmenu ul li a.selected {background: url(../images/topmenuStates.png) no-repeat right -112px; padding: 0 6px 0 0;}
#topmenu ul li a.selected span {background: url(../images/topmenuStates.png) no-repeat left -112px; padding: 0 14px 0 20px;}
#topmenu ul li.item1 a span {padding-left: 32px;}
#topmenu ul li.item1 a:hover span {background: url(../images/topmenuStates.png) no-repeat left -56px;} 
#topmenu ul li.item1 a.selected span {background: url(../images/topmenuStates.png) no-repeat left top; padding-left: 32px;}
/*#topmenu ul li.item9 {float: right;}
#topmenu ul li.item9 a {padding-right: 40px;}
#topmenu ul li.item9 a.selected {background: url(../images/topMenu_selected_right.png) no-repeat right top;}*/
#contentWrapper {overflow: hidden; padding: 12px 0 0;}

.layoutBlock, .bannerarea, .topTeaser {clear: both; width: 100%; overflow: auto;}
.topTeaser {padding: 0 0 16px;}
.topTeaser h2 {padding: 21px 0 0 18px; font-size: 2.4em; margin: 0 0 13px; height: auto !important; height: 1%; min-height: 1%; overflow: hidden;}
.topTeaser p {padding: 0 0 0 18px; height: auto !important; height: 1%; min-height: 1%; overflow: hidden;}
.topTeaser img.left {margin: 0 0 0 0;}
.topTeaser .imgAndNavContainer {position: relative; height: 202px; overflow: hidden; display: block;}
.topTeaser .imgAndNavContainer.right {margin:0 18px 0 32px;}
.topTeaser .imgAndNavContainer .subNavContainer {background: url(../images/subnavcontainer.png) repeat-y; position: absolute; top: 0; left: 0; z-index: 10; width: 251px; height: 100%;}
.topTeaser .imgAndNavContainer .subNavContainer .breadcrumb {display: block; position: absolute; bottom: 14px; left: 20px; font-size: 29px; line-height: 1em; letter-spacing: -2px; font-weight: bold; color: #FFF; opacity: .1;
}
.topTeaser p a {color: #407f08; border-bottom: 1px dotted #407f08;}
.topTeaser p a:visited {color: #366c07; border-bottom: 1px dotted #366c07;}

ul.subNav {font-family:Lucida Sans Unicode,Helvetica Neue,Arial,sans-serif;padding:19px 20px 0; position: relative; z-index: 100;}
ul.subNav li {display:block;margin:0 0 4px;}
ul.subNav li a, ul.subNav li a:visited {color: #FFF;}
ul.subNav li a.selected, ul.subNav li a:visited.selected, ul.subNav li a:hover {color: #58ac02;}

ul.subNav_lv2 {font-family: Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif; padding: 18px 20px 0;}
ul.subNav_lv2 li {display: block; margin: 0 0 3px 0;}
ul.subNav_lv2 li a, ul.subNav_lv2 li a:visited {color: #ccc;}
ul.subNav_lv2 li a.selected, ul.subNav_lv2 li a:visited.selected, ul.subNav_lv2 li a:hover {color: #58ac02;}
ul.subNav_lv2 {background: url(../images/thirdLevelDivider.png) no-repeat 0 12px;}

.column1, .column2 {float: left; width: 45%; overflow: auto;}


.layout1 {padding: 18px 0 0;}
.layout1 .column1 {width: 310px; position: relative; top: -3px;}
.layout1 .column2 {width: 627px; float: right;}

.layout1 .teaser {/*height: 86px;*/ height: auto !important; height: 1%; min-height: 1%; overflow: hidden; padding: 0 0 12px; border-bottom: 1px solid #ddeecc; margin: 0 0 11px;}
.layout1 .teaser.last {border-bottom: none; margin: 0;}
.layout1 .teaser img {display: block; float: left; margin-right: 19px;}
.layout1 .teaser h3 {font-size:2.1em;letter-spacing:-2px;margin:0 0 0.05em;padding-top:6px;}

.layout1 .teaser p {margin-bottom: 0; height: auto !important; height: 1%; min-height: 1%; overflow: hidden;}
.layout1 .teaser div.date {display: block; float: right; background: url(../images/datebox.png) no-repeat; width: 59px; height: 60px; text-align: center; color: #3b3b3b; margin: 9px 17px 8px 6px;}
.layout1 .teaser div.date .date {display: block; font: bold 30px/1em Arial, Helvetica, sans-serif; letter-spacing: -3px; padding: 6px 0 0; margin-left: -4px;}

.layout2 {padding: 14px 0 0;}
.layout2 .column1 {width: 520px;}
.layout2 .column2 {width: 422px; float: right; padding: 6px 0 0;}
.layout2 .teaser {border-bottom: none; margin: 0 0 11px; line-height: 1.05em; overflow: hidden;}
.layout2 .teaser img {display: block; float: left; margin-right: 11px;}
.layout2 .teaser h3 {padding-top: 0; margin: 0 0 .05em; letter-spacing: -1px; font-size: 1.4em;}
.layout2 .teaser p {margin-bottom: 0; height: auto !important; height: 1%; min-height: 1%; overflow: hidden; font-size: .9em;}
.layout2 .teaser div.date {display: block; float: right; background: url(../images/datebox_small.png) no-repeat; width: 41px; height: 43px; text-align: center; color: #3b3b3b; margin: 1px 10px 8px 6px !important; margin: 1px 5px 8px 6px;}
.layout2 .teaser div.date .date {display:block; font: bold 18px/1em Arial,Helvetica,sans-serif; letter-spacing:-3px; margin-left:-4px; padding:6px 0 0;}
.layout2 .teaser div.date .month {display:block; font-size:10px; margin-top:-2px;}

.layout3 {padding: 14px 0 0;}
.layout3 .column1 {width: 600px; padding: 0;}
.layout3 .column2 {width: 310px; float: right; padding: 21px 16px 0 0;}
.layout3 .statement {margin:0 0 13px;}
.layout3 .campaignWrapper {padding: 25px 0 0;}

ul.newsBlogg {padding: 0;}
div.newsBlogg {padding: 15px 0 8px 18px;overflow:auto;}
.bloggItem {border-bottom: 1px solid #ddeecc; height: auto !important; height: 1%; min-height: 1%; overflow: auto; margin: 0 0 6px; padding: 15px 0 8px 18px;}
.newsBlogg h1 {font-size: 2.2em; margin: 0 0 9px;}
.newsBlogg h1 a, .newsBlogg h1 a:visited {color: #5BB200;}
.newsBlogg img {margin: 0 0 13px;}
.newsBlogg .infoWrapper {float: right; width: 60px; margin: -2px 12px 6px 0;}
* html .newsBlogg .infoWrapper {float: right; width: 60px; margin: -2px 6px 6px 0;}
.newsBlogg div.date {display: block; float: right; background: url(../images/datebox.png) no-repeat; width: 59px; height: 60px; text-align: center; color: #3b3b3b; margin: 0 0 12px 0;}
.newsBlogg div.date .date {display: block; font: bold 30px/1em Arial, Helvetica, sans-serif; letter-spacing: -3px; padding: 8px 0 0; margin-left: -4px;}
.newsBlogg div.date .month {font-size: 10px; margin-top: -2px; display: block;}
.newsBlogg div.commentsAmount {background: url(../images/comments.png) no-repeat; float: right; width: 48px; height: 42px; color: #FFF; font: bold 18px/34px Arial, Helvetica, sans-serif; text-align: center; clear: both; padding: 0 6px 0 0;}
.newsBlogg p {padding-left:10px;width:480px;}
.newsBlogg p.intro {font-weight:bold;}
.newsBlogg div.commentsAmount a,.newsBlogg div.commentsAmount a:visited {color: #FFF;}
.PagingContainer {text-align: center;height:35px;Padding-top:15px;}
.PagingContainer .selected {padding: 0 2px;font-size: 1.3em;position:relative;top:1px;}
.PagingContainer .back {display: inline; }
.PagingContainer .forward {display: inline; }
.PagingContainer a {display: inline-block; font-size: 15px; font-weight: bold; line-height: 1.2em; color: #5BB200;}
.PagingContainer a.SelectedPagingItem {border: 1px solid #5BB200; padding-left: 2px; padding-right: 2px;}
.PagingContainer a.UnselectedPagingItem:hover {text-decoration: underline;}

.comments {border-top: 1px solid #ddeecc; padding: 21px 0 0;}
.comments h2 {font-size: 1.7em; margin: 0 18px 21px;}
.comments ul {padding: 0 0 21px; margin: 0;}
.comments li {height: auto !important; height: 1%; min-height: 1%; overflow: auto; margin: 0 0 6px;}
.comments li .author {float: left; text-align: right; background: url(../images/commentArrow.png) no-repeat right 14px; color: #5BB200; width: 186px; padding: 12px 17px 0 0;}
.comments li .author span {display: block; font-size: 10px;}
.comments li .author span.name {font-size: 1.2em;}
.comments li .comment {float: left; background: #d2dc7e; padding: 14px 14px 0; width: 325px; color: #353535;}

.comments fieldset {padding: 0 0 16px; border-top: 1px solid #ddeecc; padding: 20px 0 0;}
.comments .field {height: auto !important; height: 1%; min-height: 1%; overflow: auto; margin: 0 0 6px;}
.comments .buttons {padding: 0 0 20px 128px;}
.comments .field label {float: left; text-align: right; color: #5BB200; width: 111px; padding: 6px 17px 0 0; font-size: 1.2em; font-weight: bold;}
.comments .field input {background: #EEE url(../images/input.png) no-repeat; width: 344px; height: 20px; border: none; display: block; float: left; padding: 4px;}
.comments .field input.btn {background: #d2dc7e;width: 142px; border: none; padding: 0; cursor: pointer; color: #353535; font: normal 13px/1em Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif; height: 31px;}
.comments .field textarea {background: #EEE url(../images/textarea.png) no-repeat; width: 344px; height: 124px; border: none; display: block; float: left; padding: 4px;}

.statement {margin: 0 0 20px;}
.statement td {padding: 0 0 0 16px; height: 102px; vertical-align: middle;}
.statement h3 {font-size: 1.6em; line-height: 1.3em; letter-spacing: -.5px;}

/*ul.subNav {height: auto !important; height: 1%; min-height: 1%; overflow: auto; border-bottom: 1px solid #ddeecc; padding-bottom: 13px; font-size: 1.2em; letter-spacing: -1px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-left: 18px;}
ul.subNav li {display: block; float: left; margin: 0 8px 0 0;}
ul.subNav li a, ul.subNav li a:visited {color: #5bb200;}
ul.subNav li a.selected, ul.subNav li a:hover {color: #3e6514;}*/

.article {padding: 10px 10px 0 30px;}
.article p {padding-left:10px; width:470px; margin: 0 0 1.4em;padding: 0 0 1px;}
.article h1 {font: bold 1.6em/1.2em Arial, Verdana, sans-serif; margin: 0 0 .2em; color: #5B8F00; letter-spacing: -1.5px; height: auto !important; height: 1%; min-height: 1%; overflow: hidden; line-height:1.2em;}
.article h1 span {display: block; float: left;}
.article h1 span.parent{color:#5BB200; padding: 0 10px 0 0;}
.article h1 span.arrow { background:transparent url(../images/greenArrow.png) no-repeat left 5px; font-size:0.8em; margin-left:0; padding:0 4px 0 0; text-indent:-9999px; width:10px;}
.article a {color: #407f08; border-bottom: 1px dotted #407f08;}
.article a:visited {color: #366c07; border-bottom: 1px dotted #366c07;}


ul.newsBlogg {}
ul.newsBlogg li {}

.bottomTeasers {padding: 30px 0 12px; border-top: 1px solid #c5d79d;}
.bottomTeasers .teaser {padding: 0 0 0 12px;}
.bottomTeasers .teaser h3 {font: bold 2.1em/1em Arial, Verdana, sans-serif; margin: 0 0 .4em;}
.bottomTeasers .teaser p {padding: 0 24px 0 10px; text-align: justify;}

.campaignWrapper {height: auto !important; height: 1%; min-height: 1%; overflow: auto; border-top: 1px solid #e0edd3;}
.campaignWrapper .campaign {float: left; width: 200px; padding: 8px 5px 8px 0;}
.layout1 .campaignWrapper {padding-top: 18px;}
.layout1 .column1 .campaignWrapper {padding-top: 8px; border-top: none;}
.layout1 .campaignWrapper .campaign, .layout3 .campaignWrapper .campaign {width: 152px; padding: 8px 0 8px 3px;}
.layout1 .campaignWrapper .campaign p, .layout3 .campaignWrapper .campaign p {padding: 6px 8px 0 11px; margin: 0;}
.layout2 .campaignWrapper {font-size: .9em; line-height: 1.05em;}
.layout2 .campaignWrapper .campaign img {display: block; margin:0 0 6px;}
.layout2 .campaignWrapper .campaign p {padding: 8px 0 0;}

.campaign p a {color: #407f08; border-bottom: 1px dotted #407f08;}
.campaign p a:visited {color: #366c07; border-bottom: 1px dotted #366c07;}



.bannerarea {width: 958px; border-top: 1px solid #c5d79d; padding: 19px 0 20px; overflow: hidden;}
.bannerarea .container {width: 970px;}
.bannerWrapper {float: left; margin: 0 5px 0 0;}

#footer {border-top: 1px solid #c5d79d; padding: 32px 0; text-align: center;}

/*---- Sökning ------------------------------*/
/*#header .search{height: 28px; width: 768px; position: relative; z-index: 2;margin-top:-29px;}
#header .search{line-height:2.78em;height:2.78em;float:right;}
#header p {font-size:1.6em;font-weight:bold;float:left;margin:0;padding:0 0 0 10px;}
#header p a {color:#18293b;}
#header p a strong{}
#header p a img {display: none;}

#header .search {position: relative; float: right; display: block; margin: 4px 5px 0 0; padding: 0 0 0; height: auto !important; height: 1%; min-height: 1%; overflow: auto;}
#header .search fieldset {border: none;}
#header .search fieldset legend {display: none;}
#header .search fieldset label {display: none;}
#header .search fieldset input.searchString {margin: 1px 5px 0 0; font-size: 1em; padding: 0; border: 1px solid; height: 16px; background: url("../images/searchinput.gif") no-repeat; display: block; float: left; padding: 4px 4px 0;width:195px;}
#header .search fieldset select option {}
#header .search fieldset input.search_button {height: 21px; width: 49px; padding: 0; background: transparent url("../images/searchButton.gif") no-repeat; border: none; outline: 0; cursor: pointer; display: block; float: left;margin:0;}*/
/*---- Sökning - distrikt och utbildning ----*/
ol.findAssociation {padding: 0 30px;}
ol.findAssociation h3 {font: normal 22px Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif; padding: 34px 0 .5em;}
ol.findAssociation h3 span {font-size: 16px; background: url(../images/greenArrow.png) no-repeat left 5px; padding: 0 0 0 14px; margin-left: 6px;}
ol.findAssociation li {height: auto !important; height: 1%; min-height: 1%;}
ol.findAssociation li.firstStep h3 {color: #3e6514; font: bold 19px Arial, Helvetica, sans-serif; margin: 0 0 20px; padding: 0;}
ol.findAssociation li.firstStep {background: url(../images/stepIndicator_step1.png) no-repeat right 12px;}
ol.findAssociation .content {height: auto !important; height: 1%; min-height: 1%; overflow: auto; position: relative; padding: 15px 0;float:none;width:auto;}
ol.findAssociation .mapContainer {display: block; float: left; width: 267px; height: 628px; position: relative;margin:10px 0 0 0;}
ol.findAssociation li.firstStep .searchRelatedText {display: block; float: left; width: 180px; padding: 0 13px 0 0;}
ol.findAssociation li.firstStep .mapContainer select {position: absolute; top: 340px; right: 0;}
ol.findAssociation li.secondStep {background: url(../images/stepIndicator_step2.png) no-repeat right top;}
ol.findAssociation li.thirdStep {background: url(../images/stepIndicator_step3.png) no-repeat right top;}
ol.findAssociation li dl {font-size: 11px; padding: 0 0 6px;}
ol.findAssociation li dt {font-weight: bold; display: block; float: left; width: 60px; clear: left; padding: 0 0 6px;}
ol.findAssociation li dd {padding: 0 0 6px 60px;}
ol.findAssociation li dd a, ol.findAssociation li dd a:visited {color: #5db211;}

.findEducation, .findOrganisation, .findEvent, .createEvent, .viewEvent {padding: 0 30px;}
.searchview .viewEvent {padding: 18px 30px 18px 45px;}
.findEducation h2, .findOrganisation h2, .findEvent h2, .viewEvent h2 {font-size: 19px; color: #3e6514; padding: 0 0 20px;}
.findEducation fieldset, .findOrganisation fieldset, .findEvent fieldset {background: url(../images/searchEducationBottom.png) no-repeat left bottom; color: #FFF; width: 459px; padding: 0 0 30px; margin: 0 auto 20px;}
.findEducation fieldset p, .findOrganisation fieldset p, .findEvent fieldset p {background: url(../images/searchEducationTop.png) no-repeat; text-align: center; padding: 30px 0 20px; font: bold 14px Helvetica, Arial, sans-serif; letter-spacing: -1px;}
.findEducation fieldset .field, .findOrganisation fieldset .field, .findEvent fieldset .field {padding: 0 0 10px; text-align: center;}
.findEducation fieldset .field select, .findOrganisation fieldset .field select, .findEvent fieldset .field select{font-size:13px;width:260px;}
.findEducation li, .findOrganisation li, .findEvent li {border-bottom: 1px solid #C5D79D; padding: 18px 15px;}
.findEducation li h3, .findOrganisation li h3 {font: normal 16px Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif; color: #4c9401; margin: 0 0 8px;}
.findEvent li h3, .viewEvent h3 {font: normal 22px Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif; color: #4c9401; margin: 0 0 8px;}
.findEducation li p, .findOrganisation li p, .findEvent li p {padding: 0 0 0 8px;}
.findEducation li a, .findOrganisation li a, .findEvent li a {display: block; font: normal 16px Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif; color: #4c9401;}
 

.column1 fieldset.findEducation, .column1 fieldset.findOrganisation, .column1 fieldset.findEvent {background: url(../images/findEduSmall.png) no-repeat left bottom; color: #FFF; width: 305px; height: 126px; margin: 0 auto; padding: 0;}
.column1 fieldset.findEducation p, .column1 fieldset.findOrganisation p, .column1 fieldset.findEvent p {text-align: center; padding: 24px 0 10px; font: bold 14px Helvetica, Arial, sans-serif; margin: 0; letter-spacing: -1px;}
.column1 fieldset.findEducation .field, .column1 fieldset.findOrganisation .field, .column1 fieldset.findEvent .field {padding: 14px 0 0 20px; text-align: center; display: block; float: left;}
.column1 fieldset.findEducation .btn_field, .column1 fieldset.findOrganisation .btn_field, .column1 fieldset.findEvent .btn_field {padding: 0 20px 0 0; text-align: center; display: block; float: right;}
.column1 fieldset.findEducation .btn_field input, .column1 fieldset.findOrganisation .btn_field input, .column1 fieldset.findEvent .btn_field input {display: block; float: left; width: 50px; height: 50px; border: none; color: #FFF; background: url(../images/findBtn.png) no-repeat; font: normal 1.5em Arial, Helvetica, sans-serif; padding: 0 0 4px; cursor: pointer;}
.column1 fieldset.findEducation .field select, .column1 fieldset.findOrganisation .field select, .column1 fieldset.findEvent .field select {font-size:13px;width:200px;}

.createEvent {border: 1px solid #E0EDD3; border-right: none; border-left: none; padding-top: 1em; margin: 6px 0 1em;}
.createEvent table table {margin: 0;}
.createEvent td {vertical-align: middle;}
.createEvent td[align="center"] {font-size: 15px; font-weight: bold; padding: 0 0 4px; color: #5BB200;}
.createEvent label {display: block; float: left; padding: 0 10px 0 0; width: 100px;}
.createEvent fieldset textarea, .createEvent input[type="text"], .createEvent input[type="password"] {border: 1px solid #999; padding: 4px; margin: 0 0 4px; width: 160px;}
.createEvent input[type="submit"] {background: #111; border-radius: 2px; -moz-border-radius: 2px; color: #FFF; border: 1px solid #111; padding: 3px 6px; cursor: pointer; margin: 4px 0 0;
                                   background: -moz-linear-gradient (-90deg, #FFF, #333 50%, #000); background: -moz-linear-gradient(-90deg, #444, #111, #000);}
.createEvent fieldset .buttons {clear: both;}
.createEvent fieldset .field, .viewEvent li {display:block;padding: 0 0 8px;overflow:hidden;}
/*.createEvent fieldset label {padding:2px 10px 0 0;width:125px;}*/
.viewEvent li label {padding:0 10px 0 0;width:125px;}
.createEvent fieldset div, .createEvent fieldset label, .viewEvent li label, .viewEvent li .info  {display:block;float:left;overflow:hidden;}



/*----------------------------------------*/
/*--------------- gallery ---------------*/
/*----------------------------------------*/


.galleryContainer {padding: 10px 10px 0 25px;overflow:hidden;}
.galleryContainer p {padding-left:10px; width:555px; margin: 0 0 1.4em;padding: 0 0 1px;}
.galleryContainer h1 {font: bold 1.6em/1.2em Arial, Verdana, sans-serif; margin: 0 0 .2em; color: #5B8F00; letter-spacing: -1.5px; height: auto !important; height: 1%; min-height: 1%; overflow: hidden; line-height:1.2em;}
.galleryContainer h1 span {display: block; float: left;}
.galleryContainer h1 span.parent{color:#5BB200; padding: 0 10px 0 0;}
.galleryContainer h1 span.arrow { background:transparent url(../images/greenArrow.png) no-repeat left 5px; font-size:0.8em; margin-left:0; padding:0 4px 0 0; text-indent:-9999px; width:10px;}
.galleryContainer a {color: #407f08; border-bottom: 1px dotted #407f08;}
.galleryContainer a:visited {color: #366c07; border-bottom: 1px dotted #366c07;}

.galleryContainer a.nodecoration {color: #407f08;}
.galleryContainer a.nodecoration:visited {color: #366c07;}


/*----------------------------------------*/
/*--------------- LoginBox ---------------*/
/*----------------------------------------*/
div.LoginBoxContent div.LogoutToolItemDiv a.LogoutToolIcon {left:0;position:relative;top:0;width:20px;}
	/* --- Klasser som styr loginboxen som visas då man klickar på låsikonen --- */

div.LoginBox{background-color:#FFFFFF;border:1px solid #BDA47B;color:#242424;}
div.LogoutTitle{height: 30px;}
div.LogoutTitle h2{letter-spacing:0.1px; font-family:Lucida Sans Unicode,Helvetica Neue,Arial,sans-serif;font-size:14px;margin:0;margin-bottom:5px;}
.LoginBoxTextBox{float:left;width: 174px;margin-bottom: 5px;font-family: Arial, Tahoma, sans-serif;font-size: 12px;color: #242424;}
.LoginMessage{float:left;color: #990000;	}
#LoginButtonDiv{float:right;text-align:right;padding-top:10px;}
#LoginButtonDiv input{font-size:11px;}
#ForgotPasswordDiv{float:left;}
#ForgotPasswordDiv a, #ForgotPasswordDiv a:hover, #ForgotPasswordDiv a:active, #ForgotPasswordDiv a:visited{color:black;}
.LoginInputTitle{float:left;}
#LoginFailedMessageDiv{float:left;}
.loginButton{font-family: Lucida Sans Unicode,Helvetica Neue,Arial,sans-serif;font-size: 11px;}
div.LoginBoxTop{float:left;width: 204px;height: 15px;}
div.LoginBoxCloseIcon{float: right;height: 15px;margin:2px;margin-top:2px;}
div.LoginBoxContent{float:left;width: 180px;height: auto;padding: 0px 12px 10px 12px;}

    div.LoginBoxContent div.LogoutToolItemDiv a.LogoutToolIcon, div.LoginBoxContent div.LogoutToolItemDiv a.LogoutToolLink, div.LoginBoxContent div#ForgotPasswordDiv a{ background:none;text-indent:0px;height:auto;width:auto;line-height:0px;float:none;color: #242424;color: #000;}
    div.LoginBoxContent div#ForgotPasswordDiv a{left:0;line-height:20px;top:6px;}
    div.LoginBoxContent div.LogoutToolItemDiv a.LogoutToolIcon{left:0;position:relative;top:0;width:20px;}
    div.LoginBoxContent div.LogoutToolItemDiv a.LogoutToolLink{bottom:27px;display:block;font-size:1.1em;height:16px;letter-spacing:0;line-height:16px;text-indent:25px;padding-top:9px;}

div.LoginIcon img{height:auto !important;width:auto !important;}



.findOrg_button2{font-size:11px;width:40px;}

#moreInfoResult p {text-align:center;margin:1em 0 0;}

.bottomTeasers .column1, .bottomTeasers .column2 {width: 50%;}
.bottomTeasers .teaser p {text-align: left;}


.bottomTeasers .teaser p a {color: #407f08; border-bottom: 1px dotted #407f08;}
.bottomTeasers .teaser p a:visited {color: #366c07; border-bottom: 1px dotted #366c07;}


.article table p{width:auto;}

.article table {margin-left: 8px;}
.article table td {padding: 2px 2px;}

/*----------------------------------------*/
/*-------------- Search ------------------*/
/*----------------------------------------*/
.searchBar {background: url(../images/searchBar.png) no-repeat left top; margin: 0 -2px 0 -1px; height: auto !important; height: 1%; min-height: 1%; overflow: hidden;}
.searchBar p {display: block; float: left; padding: 10px 0 0 28px; margin: 0; font-size: 1.2em;}
.searchBar .search {display: block; float: right; padding: 6px 0px 4px 0;}
.searchBar .searchString {border: none; height: 19px; width: 136px; background: url(../images/searchBox.png) no-repeat; display: block; float: left; margin: 0 4px 0 0; padding: 2px 3px 0;}
.searchBar .search_button,#SearchArea .search_button {border: none; height: 21px; width: 47px; background: url(../images/searchBtn.png) no-repeat; color: #FFF; display: block; float: left; margin: 0; padding: 0 0 4px;}
#SearchArea .searchString {border: none; height: 19px; width: 245px; background: url(../images/searchBoxWide.png) no-repeat; display: block; float: left; margin: 0 4px 0 0; padding: 2px 3px 0;}

.searchBar span{float:left;padding:4px 2px 0 0;}



/*----------------------------------------*/
/*-------------- Other -------------------*/
/*----------------------------------------*/
div.mainLogo{padding:0 0 5px 0;}
    div.mainLogo a{color:#3c8100;}