/* yellow #FFCC33 */
/* orange #FF8F00 */
/* dark blue #003366 */

html, body {
	margin: 0;
	border: 0;
	padding: 0;
	background: #fff;
	font-size: 10pt;
}

body,td,input,textarea,div {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
body {
	height: 100%;
}
td {
	font-size: 10pt;
}
a {
	text-decoration: none;
	color: #003366;
}
a:visited {
	color: #003366;
}
a:hover {
	color: red;
}

#bg1 {
	boder: 0;
	width: 100%;
	background-image: url('/left_bg2.gif');
	background-repeat: repeat-y;
	background-position: left top;
	height: 100%;
}
#bg2 {
	height: 100%;
	background-image: url('/right_bg.gif');
	background-repeat: repeat-y;
	background-position: right;
}
#bg3 {
	height: 100%;
	background-image: url('/jostas3.gif');
	background-repeat: repeat-x;
	background-position: 0 16px;
}
#bg4 {
	height: 100%;
	background-image: url('/logo.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

#hold-top {
	padding-left: 120px;
}
#hold-middle {
}
#hold-bottom {
	text-align: center;
	font-size: 9pt;
}

#toptab {
	boder: 0;
	height: 120px;
	width: 100%;
}

#toptab2 {
	width: 100%;
}

#top-main {
	text-align: center;
	padding-bottom: 5px;
}
#top-right {
	width: 240px;
}
#top-date {
	font-size: 8pt;
	padding: 3px 5px;
	text-align: right;
}

#top-bar {
	color: #FFF;
	font-weight: bold;
	padding-left: 10px;
	font-size: 10px;
	background: #003366;
}

#maintab {
	width: 100%;
}
#maintab-left {
	width: 150px;
	padding-top: 25px;
}
#maintab-center {
	padding-top: 25px;
}
#maintab-right {
	width: 240px;
	padding-top: 25px;
}



#main-panel {
	padding: 0 10px;
}
#main-table {
	width: 100%;
}

#content-cell {
}

.right-block {
	margin-bottom: 10px;
	border-bottom: 1px solid #FF8F00;
	background: #fff;
}
.right-block-title {
	font-weight: bold;
	background: url('/sjosta2.gif');
	background-repeat: repeat-x;
	color: #003366;
	font-size: 8pt;
}
.right-block-title span {
	background: #FFF;
	padding: 1px 5px;
	border: 1px solid #FF8F00;
}
.right-block-content {
	padding: 5px;
}
.right-block .block-exit {
	text-align: right;
	font-size: 8pt;
	background: url('/doarr.gif');
	background-repeat: no-repeat;
	background-position: right 6px;
	padding-right: 10px;
	margin-top: 5px;
}

.right-block3 {
	margin-bottom: 10px;
	border-bottom: 1px solid #FFCC33;
	background: #fff;
}
.right-block3-title {
	font-weight: bold;
	background: url('/sjosta2.gif');
	background-repeat: repeat-x;
	color: #003366;
	font-size: 8pt;
}
.right-block3-title span {
	background: #FFCC33;
	padding: 1px 5px;
}
.right-block3-content {
	padding: 5px;
}

.right-block2 {
	margin-bottom: 10px;
	border-bottom: 1px solid #FF8F00;
	background: #fff;
}
.right-block2-title {
	font-weight: bold;
	padding: 1px 5px;
	background: url('/sjosta2.gif');
	background-repeat: repeat-x;
	color: #003366;
	border-bottom: 1px solid #FF8F00;
	font-size: 9pt;
}
.right-block2-content {
	padding: 5px;
}

.xright-block {
	margin-bottom: 10px;
	border-top: 1px solid #FF8F00;
	border-bottom: 1px solid #FF8F00;
}
.xright-block-title {
	font-weight: bold;
	padding: 0 5px;
	background: #FFCC33;
	color: #003366;
	border-bottom: 1px solid #FF8F00;
	font-size: 9pt;
}
.xright-block-content {
	padding: 5px;
}

.lg-menu1 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	border-top: 2px solid #fff;
	margin-top: 10px;
}
.lg-menu1 li {
}
.lg-menu1 li a {
	display: block;
	background: #FFCC33;
	color: #003366;
	border-bottom: 2px solid #FFF;
	font-size: 8pt;
	padding: 1px 3px;
}
.lg-menu1 li a:hover {
	display: block;
	background: #FF8F00;
	color: #003366;
}
.lg-menu1 li.lg-selected1 a {
	background: #FF8F00;
}

.lg-menu2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	padding-bottom: 1px;
}
.lg-menu2 li {
	background: #fff;
	background-image: url('/barr.gif');
	background-repeat: no-repeat;
	background-position: 2px 50%;
	padding-left: 5px;
}
.lg-menu2 li a {
	display: block;
	background: #fff;
	color: #003366;
	font-size: 8pt;
	padding: 0 2px;
	border-bottom: 1px solid #FFCC33;
}
li.lg-selected1 .lg-menu2 a {
	background: #FFF;
}
.lg-menu2 li.lg-selected2 a {
	background: #FFF;
	color: #FF8F00;
}
.lg-menu2 li a:hover {
	background: #FFCC33;
}





#content-title {
	margin-bottom: 20px;
}
#title-path {
	padding-left: 30px;
	background-position: bottom;
}
#title-path a, #title-path span {
	font-size: 8pt;
	color: #777;
}
#title-path img {
	margin-bottom: 2px;
}
#title-path a:hover {
	color: red;
}
#title-out {
}
#title-title {
	font-weight: bold;
	font-size: 11pt;
	color: #003366;
	background: #f4f4f4;
}
#title-title span {
	padding: 0 30px;
	background-image: url('/ocross.gif');
	background-repeat: no-repeat;
	background-position: 7px 50%;
}
#title-actions {
	text-align: right;
}



.grey-block {
	background: #f4f4f4;
	margin: 20px 0;
	padding: 5px;
}
.grey-block .title {
	font-weight: bold;
	color: #FF8F00;
}

.half-block {
}
.half-block .title {
	background: #FF8F00;
	margin-bottom: 5px;
}
.half-block .title span {
	background: #003366;
	padding: 1px 3px;
	color: #fff;
	font-weight: bold;
}

.half-block2 {
}
.half-block2 .title {
	background: #FFCC33;
	margin-bottom: 5px;
}
.half-block2 .title span {
	background: #FF8F00;
	padding: 1px 3px;
	color: #fff;
	font-weight: bold;
}

.half-block3 {
}
.half-block3 .title {
	border-bottom: 2px solid #FF8F00;
	margin-bottom: 5px;
}
.half-block3 .title span {
	background: #003366;
	padding: 1px 5px;
	color: #fff;
	font-weight: bold;
	font-size: 8pt;
}

.content-div {
	padding-bottom: 10px;
}

.news-events {
	width: 100%;
	margin: 10px 0;
}
.ne-left {
	width: 50%;
	padding-right: 5px;
}
.ne-right {
	width: 50%;
	padding-left: 5px;
}

.last-news {
}
.last-news .ln-category {
	background: #F4F4F4;
	margin: 10px 0;
	font-weight: bold;
	color: #FF8F00;
	padding: 0 3px;
	font-size: 8pt;
	border-bottom: 1px solid #FF8F00;
}
.last-news .ln-article {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #FF8F00;
}

.last-news .ln-title {
	font-weight: bold;
	margin-bottom: 5px;
}
.last-news .ln-title span {
}
.last-news .ln-annotation {
	padding-left: 10px;
}
.last-news .ln-read {
	text-align: right;
	font-size: 8pt;
	background: url('/doarr.gif');
	background-repeat: no-repeat;
	background-position: right 6px;
	padding-right: 10px;
}
.last-news .ln-simple {
	background-image: url('/barr.gif');
	background-repeat: no-repeat;
	background-position: 2px 7px;
	padding-left: 10px;
	margin-bottom: 2px;
	font-size: 9pt;
}
.ln-comments {
	border-bottom: 1px solid #fff;
	font-size: 8pt;
	color: #FF8F00;
}
span.ln-comments {
	border-bottom: 1px solid #fff;
	margin-left: 5px;
}

.next-events {
}
.next-events .ne-category {
	background: #F4F4F4;
	margin: 10px 0;
	font-weight: bold;
	color: #FF8F00;
	padding: 0 3px;
	font-size: 8pt;
	border-bottom: 1px solid #FF8F00;
}
.next-events .ne-event {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #FF8F00;
}
.next-events .ne-title {
	font-weight: bold;
	margin-bottom: 3px;
}
.next-events span.ne-title {
}
.next-events .ne-time {
	font-size: 7pt;
	color: #555;
	padding-right: 3px;
	border-right: 1px solid #FF8F00;
	margin-right: 3px;
}
.next-events .ne-location {
	padding-left: 10px;
	font-size: 7pt;
}
.next-events .ne-annotation {
	padding-left: 10px;
}
.next-events .ln-read {
	text-align: right;
	font-size: 8pt;
	background: url('/doarr.gif');
	background-repeat: no-repeat;
	background-position: right 6px;
	padding-right: 10px;
}

.lg-article {
}
.lg-article .lg-info {
	border-left: 5px solid #f4f4f4;
	color: #FF8F00;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 8pt;
}
.lg-article .lg-annotation {
	border-left: 5px solid #f4f4f4;
	padding-left: 10px;
}
.lg-article .lg-content {
	margin-top: 15px;
	padding-left: 5px;
}

.lgim-popup-image .lgim-title {
	text-align: center;
	font-weight: bold;
	color: #FF8F00;
}
.lgim-popup-image .lgim-description {
	text-align: center;
	margin-top: 5px;
}

.lg-messages {
	margin-bottom: 10px;
	font-weight: bold;
	border: 1px solid green;
	color: green;
	padding: 5px;
	background: #FFCC33;
}
.lg-errors {
	margin-bottom: 10px;
	font-weight: bold;
	border: 1px solid red;
	padding: 5px;
	background: #FFCC33;
	color: red;
}
.sidelist-item {
	font-size: 8pt;
	border-bottom: 1px dotted #FFCC33;
	padding: 2px 0;
}

.lgtxt-left {
	text-align: left;
}
.lgtxt-right {
	text-align: right;
}
.lgtxt-center {
	text-align: center;
}

h1.lgtxt {
	font-size: 13pt;
	border-bottom: 1px solid #FF8F00;
}
h2.lgtxt {
	color: #FF8F00;
	font-size: 12pt;
}
h3.lgtxt {
	font-size: 11pt;
	border-bottom: 1px dotted #FFCC33;
}
h4.lgtxt {
}
h5.lgtxt {
}
h6.lgtxt {
}
table.lgtxt {
	border: 1px solid silver;
	width: 100%;
}

div.lgtxt {
	margin-bottom: 20px;
}
div.lgtxt-last {
	margin-bottom: 0;
}

div.lgtxt-block {
}
div.lgtxt-grey {
	background: #f4f4f4;
	margin: 5px 0;
	padding: 5px;
}

tr.lgtxt-header {
	background: #FFCC33;
}
tr.lgtxt-even {
	background: #F4F4F4;
}


.comments-list {
	border-top: 1px dotted #FFCC33;
	padding-top: 3px;
}
.comments-list .i-item {
	padding-bottom: 3px;
	margin-bottom: 3px;
	border-bottom: 1px dotted #FFCC33;
}
.comments-list .i-head {
}
.comments-list .i-body {
	padding-left: 10px;
}
.comments-list .i-name {
	color: #FF8F00;
}
.comments-list .i-time {
	font-size: 8pt;
	color: silver;
}
.comments-list-pager {
	background: #f4f4f4;
}

.comments-form {
	margin-top: 20px;
	background: #f4f4f4;
	padding: 3px;
	width: 400px;
}
.comments-form input, .comments-form textarea {
	border: 1px solid #FFCC33;
}
.comments-form div.f-submit {
	text-align: right;
	padding: 5px 0;
	float: right;
}
.comments-form input.f-submit {
	background: #FFCC33;
	border: 0;
	padding: 0 10px;
}
.comments-form input.f-hover {
	background: #FF8F00;
}	
.comments-form textarea {
	width: 100%;
}
.comments-form input, .comments-form textarea {
	font-size: 10pt;
}

.comments-form .f-title {
	margin-bottom: 10px;
	color: #FF8F00;
}
.comments-form .f-number {
	font-size: 8pt;
}
.comments-form .f-number span {
	color: red;
}
.comments-form .f-link {
	float: left;
	display: inline;
    margin-top: 5px;
}
.comments-form form {
	padding: 0;
	margin: 0;
}
.comments-form .f-footer {
	clear: both;
	font-size: 8pt;
}

#lgim-popup-image {
	width: 100%;
	text-align: center;
}
#lgim-popup-image #lgim-image {
	padding: 5px;
}
#lgim-popup-image #lgim-title {
	font-weight: bold;
}

.lg-content img {
	padding: 5px;
}
.lg-annotation img {
	padding: 5px;
}

.news-arch-nav {
	border-top: 1px dotted #FFCC33;
	border-bottom: 1px dotted #FFCC33;
	width: 300px;
	position: relative;
	left: 50%;
	margin-left: -150px;
}
.news-arch-nav a {
	font-size: 8pt;
}
.news-arch-nav .x-left {
	width: 40%;
	float: left;
	text-align: right;
	background-image: url('/arr-l.gif');
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 10px;
	margin-right: 3px;
}
.news-arch-nav .x-right {
	width: 40%;
	float: left;
	background-image: url('/arr-r.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 10px;
	margin-left: 3px;
}
.news-arch-cal {
	background: #fff;
	padding: 0 0 3px 3px;
}

div.news-cal {
}
.news-cal table.x-title {
	border: 1px solid #FF8F00;
	background: #fff;
}
.news-cal .xPrev a {
	margin-left: 2px;
}
.news-cal .xNext a {
	margin-right: 2px;
}
.news-cal .x-title .xTitle {
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
}

.news-cal div.x-days {
	background: #f4f4f4;
	padding: 10px;
	border: 1px dotted #FFCC33;
}
.news-cal .x-days a {
	font-size: 8pt;
}

.news-cal .x-days td.xSelected {
	background: #FFCC33;
}
.news-cal .x-days .xOther a {
	font-size: 70%;
}
.news-cal .x-days .xToday {
	font-weight: bold;
}

#search {
	text-align: right;
}

#search-field {
	width: 150px !important;
	width: 148px;
	border: 1px solid #FF8F00;
}

#search-button {
	width: 50px;
	border: 0;
	background: #FFCC33;
	acolor: #FF8F00;
	font-weight: bold;
	font-size: 70%;
}


.image_gallery {
	width: 100%;
}
.image_gallery td {
	padding: 5px;
	text-align: center;
}