@charset "utf-8";

/* (c) 2009 RokSet Oy ----------------------------------------------------------- */

/* Eric Meyer reset: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
----------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; padding: 0; margin: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* Clearing and other cadgets.
----------------------------------------------------------- */

.clearfix:after, .FormItem:after, .CheckWrap:after, .Checks:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .FormItem, .CheckWrap, .Checks { display: inline-block; }
/* IE-mac \*/ .clearfix, .FormItem, .CheckWrap, .Checks { display: block; } /* IE-mac */
.clear { clear: both; }
.HiddenInput, .hide, .hidden { display: none; }


/* ----- PAGE SETUP ----- */

html { height:100%; }

body { min-height: 101%; margin: 0; padding: 0; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; font-size: 0.8125em; color: #333; line-height: 130%; }

.inxNavigationWrapper {
	margin-bottom: 0.5em; 
	border-bottom: 1px solid #ccc;}

.NavigationLinks {
	display: inline;
	line-height: 16px;
	font-size: 12px;
	position: relative;
	left: -17px;
	border-bottom: 1px solid #ccc;
}

.NavigationLinks li {
	width: 196px;
	display: inline;
	padding: 2px;
	padding-left: 17px;
}

.NavigationLinks .navSelected {
	background: #507b36;
	padding-right: 12px;
}


a:link, a:visited { color: #5e7c49; text-decoration: none; border-bottom: 1px solid #ccc; }
a:hover, a:active { border-bottom: 1px solid #5e7c49; }

.NavigationLinks li a, .NavigationLinks li a:link, .NavigationLinks li a:visited { text-decoration: none; border-bottom: none; color: black; }
.NavigationLinks li a:hover, .NavigationLinks li a:active { color: #5e7c49; }
.NavigationLinks .navSelected a, .NavigationLinks .navSelected a:link, .NavigationLinks .navSelected a:visited { color: #fff; }
.NavigationLinks .navSelected a:hover, .NavigationLinks .navSelected a:active { color: #c5f0a6; }

.topImg { }

.content {
	margin: 0;
	width: 660px;
	float: left;
	background: #fff;
}

.columnContainer2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	/* background:#ffa7a7; column 2 background colour */
}
.columnContainer1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	/* background:#fff689; /* column 1 background colour */
}
.col1 {
	float:left;
	width:46%;
	position:relative;
	left:332px;
	overflow:hidden;
}
.col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}

.floatedBodyContent { float: right; }

.floatedBanners { display: none; }

.quickJump { width: 700px; }
.quickJump a, .quickJump a:visited, .quickJump a:link, .quickJump a:hover, .quickJump a:visited { border:0; }
.quickJump img { margin-left: 2px; margin-top: 20px; margin-bottom: 12px; }

.byline { color: #888; text-align: center; width: 30%; margin-left: auto; margin-right: auto; margin-top: 1.4em; clear: both; }
.byline p { margin-bottom: 1em; }
.byline a:link, .byline a:visited, .byline a { color: #888; text-decoration: none; border: 0; }
.byline p a:hover, .byline p a:active { color: #000; }

div.content p.byline { text-align: left; margin-left:0; margin-right:0; position: relative; top: -18px; color: #666; text-transform: uppercase; margin-bottom: 0; }
	

.inxMainWrapper {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	overflow: hidden;
	}

h1,h2,h3 { font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; color: #5e7c49; }

h1 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-indent: -1000px;
	width: 118px;
	height: 55px;
	background-image: url('../images/rabc_logo_118.png');
	}

h2 { font-size: 2em; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; }
	
h3 {
	line-height: 120%;
	font-size: 1.3em;
	margin-top:0.5em;
	margin-bottom:1em;
}
	
.inxWrapper {
	padding-left: 16px;
	padding-right: 16px;
}

.content p {
	margin-bottom: 0.75em;
}

.inlineRssIcon { width:32px; height:32px; position: relative; top: 6px; margin-right: 8px; border:0; }
.linkIcon:link, .linkIcon:hover, .linkIcon:visited { border: 0; }

/* --- LOGIN --- */

.loginForm { display: none; }

.genericText { height: 11px; font-size: 11px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; }

input.flatButton { height: 16px; width: 70px; font-size:12px; font-family: Georgia, 'Times New Roman', Times, serif; color:#333333; background-color:#e7e7e7; border-style:solid; border-color:#999999; border-width:1px; }

.inxAccountLinks {
	float: right;
	list-style: none;
	display: inline;
}

.AcctRegisterLink {
	float: left;
	width: 110px;
}

.inxAccountLinks li, .inxBreadcrumb li, .inxSearchBox li {
	display: inline;
}

.loginForm { margin-top: 10px; }

/* --- SOMISTEITA --- */

.inxBreadcrumb {
	font-size: 0.95em;
	margin-top: 1em;
}

.authorLine {
	font-size: 0.7em;
	color: #5e5e5e;
}

.newsArticle {
	margin-bottom: 2em;
}

hr {
	border: 0;
	padding:0;
	margin: 1em 0;
	width: 100%;
	height: 27px;
	text-indent: -1500px;
	background: transparent url('../images/hr.png') 0 0 no-repeat;
}

.recentArticlesList {
	margin-bottom: 2.5em;
}

.content ul li {
	list-style: disc inside;
}

.recentArticlesList li {
	list-style: disc inside;
}

.recentArticlesList li .authorLine {
	padding-left: 1.2em;
}

/* --- FOOTER --- */


.footer, .footerColumn { display: none; }

/* --- ARTICLE CONTENT TYPES --- */

div.article p { text-align: justify; font-size: 0.92em; }

div p.deck { font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; font-style: italic; margin-bottom: 1.8em; font-size: 1em; }

div p.pullquote { text-align: justify; line-height: 120%; float: right; width: 15em; font-size: 1.5em; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; font-style: italic; margin-left: 1em; margin-top: 0; margin-bottom: 0.5em; margin-right:0; padding:0; }

abbr { border-bottom: 1px dotted #666; }

p + h3 { margin-top: 1.5em; }
p.deck + hr { position: relative; top: -12px; }

img.articleInlineImage { float: left; margin-right: 12px; margin-bottom: 16px; }

ul.relatedItems {
	margin-left: 9em;
}

.masthead { margin-top: 1em; font-size: 11px; text-indent: 0; margin-left: 0; padding-left: 0; line-height: 110%; }
.masthead ul { width: 34%; }
.masthead ul li { list-style: none outside; text-indent: 0; margin-left: 0; padding-left: 0; }
.mastheadContact { float: right; }
.mastheadImage { float: right; margin-left: 12px; margin-right: 12px; width: 25%; text-align: center; }
.mastheadImage img { width: 100px; height: 40px; margin-left: auto; margin-right: auto; }

table.contactPageTable { line-height: 1.4em; border:0; font-size: 0.9em; }
.contactPageTable td { width: 45%; }
table tr.contactPageTableSectionLast { height: 30px; }
.contactTableLabel { font-weight: bold; padding-right: 24px; }
sup { vertical-align: super; line-height: 0; font-size: 0.8em; }
.municipalityCrest img { height: 67px; width: 60px; margin-bottom: 1em; }

a.linkButton:link, a.linkButton, a.linkButton:visited { display: block; margin:0; text-align: center; background: #507b36; color: #fff; padding-top: 4px; padding-bottom: 4px; border: 1px solid black; }