/* 
	# CMS system 2.1
	# Last updated 31 January, 2012 
*/

@import url("custom.css");

body, a {
	font: normal small arial,sans-serif;
	color: #000;
	text-decoration: none;
	}
a {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
body {
	text-align: left;
	overflow:auto;
	background:#092A6D;
	min-width:990px;
	}
body, form {
	margin: 0;
	padding: 0;
	}
img {
	border: none;
	}
select,
input {
	vertical-align: middle;
	}
/*- layout settings -*/
#wrapper{margin:0 auto;}
* html #wrapper{width:100%;}
.thin{
	min-width:990px;
	background:url(/template/img/main-thin-bg.gif) repeat-y 50% 0;
}
.thin #wrapper{width:990px !important;}
.wide{
	min-width:1200px;
	background:url(/template/img/main-wide-bg.gif) repeat-y 50% 0;
}
.wide #wrapper{width:1200px !important;}
.fluide{
	min-width:990px;
	background:url(/template/img/main-thin-bg.gif) repeat-y 50% 0;
}
.fluide #wrapper{width:auto !important;}
.small{font-size:small}
.medium{font-size:medium}
.large{font-size:large}
.border-left{
	padding:0 0 0 20px;
	background:url(/template/img/left-wide-bg.gif) repeat-y;
}
.border-right{
	padding:0 20px 0 0;
	background:url(/template/img/right-wide-bg.gif) repeat-y 100% 0;
}
.content{
	width:100%;
	background:#fff url(/template/img/content-bg.gif) repeat-y 100% 0;
}
/*- header -*/
#header{
	height:206px;
	width:100%;
	position:relative;
	background:url(/template/img/header-bg.gif) repeat-x;
}
#header h1{
	margin:0;
	position:absolute;
	top:57px;
	left:0;
}
#header h1 a{
	display:block;
	width:220px;
	height:90px;
	background:url(/template/img/sj-logo-220x90.gif) no-repeat;
	text-indent:-3000px;
	white-space:nowrap;
	overflow:hidden;
}
#header h1 img{display:none;}
#header .banner728x90{
	position:absolute;
	top:57px;
	right:0;
}
* html #header .banner728x90{
	position:relative;
	float:right;
	clear:both;
	top:33px;
}
#header img.right,
#header img.left{
	position:absolute;
	top:0;
}
#header img.left{left:0;}
html>body #header img.right{right:0;}
* html #header img.right{
	position:static;
	float:right;
}
#header ul#fonts,
#header ul#modes{
	padding:0;
	margin:0;
	position:absolute;
	top:0;
}
#header ul#fonts{right:105px;}
#header ul#modes{right:15px;}
#header ul#fonts li,
#header ul#modes li{
	list-style-type:none;
	float:left;
	padding:8px 6px 0;
}
#header ul#fonts a,
#header ul#modes a{
	display:block;
	width:18px;
	height:12px;
	text-indent:-3000px;
	white-space:nowrap;
	overflow:hidden;
	background:url(/template/img/icon-modes.gif) no-repeat;
}
#header ul li.active{background:url(/template/img/top-arrow.gif) no-repeat 50% 0;}
#header ul #decrease a{background-position:0 0;}
#header ul #default a{background-position:-18px 0;}
#header ul #increase a{background-position:-36px 0;}
#header ul #narrow a{background-position:-54px 0;}
#header ul #wide a{background-position:-72px 0;}
#header ul #fluid a{background-position:-90px 0;}
#header .part-of{
	position:absolute;
	top:0;
	left:15px;
	color:#fff;
	font-size:.8em;
	line-height:24px;
}
#header form{
	position:absolute;
	top:27px;
	left:15px;
	color:#fff;
	font-weight:bold;
	font-size:1em;
	line-height:21px;
}
#header form input.text{
	border-width:1px;
	border-style:solid;
	border-color:#000 #B2B2B2 #B2B2B2 #000;
	width:174px;
	height:14px;
	padding:3px;
	margin-left:5px;
	font: normal 11px/14px arial,sans-serif;
}
#header .rss{
	position:absolute;
	top:31px;
	right:12px;
}
#header .rss a{
	color:#fff;
	font-size:0.85em;
	line-height:14px;
	text-indent:1px;
	display:block;
	float:left;
	margin-right:7px;
}
/*- navigation -*/
#header ul#nav {
	padding:0;
	margin:0 10px;
	background:url(/template/img/top-nav-border.gif) no-repeat;
	position:absolute;
	top:150px;
	left:0px;
	width:100%;
}
#header ul#nav li{
	list-style-type:none;
	float:left;
	height:31px;
	padding:0 16px;
	background:url(/template/img/top-nav-border.gif) no-repeat 100% 0;
}
.medium #header ul#nav li{padding:0 9px;}
.large #header ul#nav li{padding:0 6px;}
#header ul#nav a{
	font: bold 0.9em/31px arial,sans-serif;
	color:#fff;
	display:block;
}
#header ul#nav li.active a,
#header ul#nav li:hover a,
#header ul#nav li.hover a{
	text-decoration:none;
	background:url(/template/img/top-nav-arrow.gif) no-repeat 50% 100%;
}
#header ul#nav li.active li a{background:none !important;}
#header ul#nav li:hover ul a,
#header ul#nav li.hover ul a{background:none;}
#header ul#nav ul li:hover a,
#header ul#nav ul li.hover a{
	text-decoration:underline;
	background:none;
}
#header ul#nav li:hover ul,
#header ul#nav li.hover ul{display:block;z-index:100}
#header ul#nav li.active ul{display:block;}
#header ul#nav ul{
	display:none;
	padding:3px 0;
	margin:0;
	background:none;
	position:absolute;
	left:-10px;
	top:31px;
	width:950px;
}
#header ul#nav ul li{
	list-style-type:none;
	float:left;
	height:19px;
	padding:0 13px;
	background:url(/template/img/top-nav-sub-border.gif) no-repeat 100% 0;
}
#header ul#nav ul a{
	font: 0.9em/19px arial,sans-serif;
	color:#fff;
	display:block;
}

/*- footer -*/
#footer{
	height:83px;
	width:100%;
	position:relative;
	background:url(/template/img/footer-bg.gif) repeat-x;
	clear:both;
}
#footer form{
	position:absolute;
	color:#fff;
	font-weight:bold;
	font-size:1em;
	line-height:21px;
}
#footer form.search{
	top:2px;
	left:15px;
}
#footer form.search input.text{
	border-width:1px;
	border-style:solid;
	border-color:#000 #B2B2B2 #B2B2B2 #000;
	width:174px;
	height:14px;
	padding:3px;
	margin-left:5px;
	font: normal 11px/14px arial,sans-serif;
}
#footer form.visit{
	top:34px;
	right:4px;
}
#footer form.visit select{
	width:174px;
	margin-left:5px;
	font: normal 11px arial,sans-serif;
}
html>body #footer form.visit select{
	position:relative;
	margin-top:-3px;
}
#footer .rss{
	position:absolute;
	top:6px;
	right:12px;
}
#footer .rss a{
	color:#fff;
	font-size:0.85em;
	line-height:14px;
	text-indent:1px;
	display:block;
	float:left;
	margin-right:7px;
}
#footer img.right,
#footer img.left{
	position:absolute;
	bottom:0;
}
#footer img.left{left:0;}
html>body #footer img.right{right:0;}
* html #footer img.right{
	position:static;
	float:right;
	margin-top:59px;
}

#footer ul.nav {
	padding:0;
	margin:0 6px;
	width:auto;
	position:absolute;
	top:30px;
	left:0px;
}
#footer ul.nav li{
	list-style-type:none;
	float:left;
	height:29px;
	padding:0 10px;
	background:url(/template/img/footer-nav-border.gif) no-repeat 100% 50%;
}
#footer ul.nav li.last{background:none;}
#footer ul.nav a{
	font: bold 0.9em/29px arial,sans-serif;
	color:#fff;
	display:block;
}
#footer .copy{
	position:absolute;
	top:59px;
	left:15px;
	color:#fff;
	font-size:.8em;
	line-height:24px;
}
/*- main content -*/
.content-holder{
	margin: 0 324px 0 7px;
	height:1150px 
}
.content-holder.three{margin: 0 324px 0 142px;}
#main{
	width:100%;
	padding:8px 0;
	float:left;
	position:relative;
}
.content-bg{
	background:url(/template/img/content-bg.gif) repeat-y 134px 0;
	overflow:hidden;
	width:100%;
}
#main .adv-column{
	float:right;
	position:relative;
	right:-320px;
	text-align:center;
	margin-left:-317px;
	margin-bottom:-1100px;
	width:300px;
}
* html #main .adv-column{right:-320px;}
.three #main .adv-column{margin-bottom:0 !important;}
#main .adv-column2{
	float:left;
	position:relative;
	left:-135px;
	text-align:center;
	margin-right:-135px;
	width:120px;
}
#main .adv-column2 a,
#main .adv-column a{
	display:block;
	margin:0 auto 10px;
}
#main .breaking-news{
	background:#4B759E;
	width:100%;
	float:left;
	height:26px;
}
#main .breaking-news span{
	float:left;
	font: bold 1.3em/26px arial,sans-serif;
	color:#fff;
	padding:0 3px 0 5px;
}
#main .breaking-news #TICKER a,
#main .breaking-news #TICKER{
	font: bold 1.15em arial,sans-serif;
	color:#fff;
	padding: 0 5px;
	margin-right:15px;
	overflow:hidden;
	margin-left:10px;
	width:70%;
}
#main .breaking-news #TICKER b{
	padding:0 15px;
	margin:0 5px;
	background:#FA0;
}
#main .breaking-news #TICKER em{
	color:#C0C0C0;
	font-weight:normal;
	font-style:normal;
}
#main h2{
	color:#fff;
	font: bold 1.15em arial,sans-serif;
	text-transform:uppercase;
	margin:3px 0;
	text-align:left;
	background:#000;
	border-bottom:5px solid #CBCBCB;
	width:100%;
}
#main h2 span{
	display:block;
	padding:5px;
	border-bottom:1px solid #fff;
}
#main h3{
	color:#000;
	font: bold 1.4em/1em arial,sans-serif;
	letter-spacing:-0.05em;
	margin:0;
	clear:both;
	text-align:left;
	padding:5px 0 0;
}
#main h2 span span{
	float:right;
	font: 0.8em/1.4em arial,sans-serif;
	padding:0 5px 0 0;
	display:block;
	border:none;
}
#main h2 span a{
	color:#fff;
	font: 0.8em/1.4em arial,sans-serif;
	text-transform:none;
	margin:0 3px;
}

#main p{
	margin: 0;
	clear: both;
	text-align: left;
	font: 1.1em/1.3em arial,sans-serif;
	display: table;
}

* html #main p{height:0;}
#main p a{
	font-weight:bold;
	letter-spacing:0;
	color:#8CB0D3;
}
#main .block{
	float:left;
	width:33%;
	margin-right:1%;
	text-align:center;
	padding:5px 0 10px;
}
* html #main .block{width:32.79%;}
#main .right-col{
	float:right;
	margin:0;
	width:32%;
}
* html #main .right-col{width:31.9%;}
#main .col2{
	width:67%;
	margin:0;
}
* html #main .col2{width:66.9%;}
#main .block h2{margin-top:0;width:auto;}
#main .col2 h3{font-size:1.55em;}
.thin #main .block{
	width:200px !important;
	margin-right:9px !important;
}
.thin #main .col2{
	width:410px !important;
	margin-right:0 !important;
}
.thin #main .right-col{margin:0 !important;}
#main .clear{
	clear:both;
	font-size:1px;
	line-height:1px;
}
#main .row{
	width:100%;
	float:left;
}
#main .row span{
	color:#AEADAD;
	float:left;
	font-size:0.8em;
}
#main .row .block{
	width:48.9%;
	margin-right:1%;
}
* html #main .row .block{width:47.9%;}
.thin #main .row .block{
	width:300px !important;
	margin-right:5px !important;
}
.three #main .row .block{width:100% !important;}
#main .row .block img{
	float:left;
	margin-right:10px;
}
#main .row .block h3,
#main .row .block p{
	clear:none;
	padding:0;
}
#main .row .block h3{font: bold 1.2em  arial,sans-serif;}
#main .row .block p{font: 0.8em  arial,sans-serif;}
#main .row .block p a{font: bold 1.05em  arial,sans-serif;}
.three #main .row .block p{font: 0.85em  arial,sans-serif;}
.three #main .row .block p a{font: bold 1em  arial,sans-serif;}
#main .banners{
	margin:0 auto 10px;
	width:595px;
	padding:5px;
/*	background:#B9B9B9;*/
	overflow:hidden;
	clear:both;
}
#main .banners .left{float:left;}
#main .banners .right{float:right;}
#main .more a{
	background:#B9B9B9;
	text-align:center;
	width:100%;
	display:block;
	font: bold 1.2em/1.7em  arial,sans-serif;
	float:left;
	color:#fff;
}
#main .pages{
	background:#B9B9B9;
	text-align:center;
	display:block;
	padding:0 5px;
	clear:both;
	text-align:left;
	font: bold 1.15em/1.7em  arial,sans-serif;
	color:#fff;
}
#main .pages a{
	font: bold 1em arial,sans-serif;
	color:#fff;
	margin:0 3px;
}
#main .pages a.active{color:#898989;}
.article #main h3{
	clear:none;
	font: bold 1.7em arial,sans-serif;
	letter-spacing:0;
	margin:0 5px;
}
.article #main p{
	clear:none;
	margin:0 5px 20px;
	white-space:normal;
}
.article #main p.sign{
	letter-spacing:0;
	font: 0.85em arial,sans-serif;
}
.article #main .illustration{
	float:right;
	display:table;
	width:245px;
	margin-left:15px;
}
.article #main .illustration h3{
	color:#fff;
	font: bold 0.85em arial,sans-serif;
	text-transform:uppercase;
	margin:3px 0;
	text-align:left;
	padding:5px 5px 13px;
	background:#000 url(/template/img/h2-news-border.gif) repeat-x 0 100%;
}
.article #main .illustration p{
	font: 0.7em arial,sans-serif;
	clear:both;
	margin:5px 5px 10px;
	letter-spacing:0.2em !important;
	white-space:normal;
}
.article #main .illustration a{
	font: bold 0.9em/1.5em arial,sans-serif;
	display:block;
	color:#DB0A0A;
	letter-spacing:0.1em;
	margin:0 5px;
}
.article #main .links{padding-bottom:15px;}
.article #main .links p{margin-bottom:0;}
.article #main .comments p{
	font: 0.9em arial,sans-serif;
	letter-spacing:0;
	margin:5px 5px 10px;
}
.article #main .comments p span{color:#DE2020;}
.article #main form{
	padding:0 0 10px;
	width:100%;
}
.article #main form p{
	font: 0.9em arial,sans-serif;
	letter-spacing:0.05em;
	margin:5px 5px 10px;
}
.article #main form .left-block{
	float:left;
	width:70px;
	padding:5px 0 5px 5px;
	font: bold 0.9em/1.25em arial,sans-serif;
}
.article #main form .right-block{
	float:left;
	width:400px;
	font: bold 0.9em arial,sans-serif;
	padding:5px 0;
}
.article #main form .right-block span{padding-left:3px;}
.article #main form textarea,
.article #main form input.text{
	border:1px solid #7F9DB9;
	font: 11px/14px arial,sans-serif;
	padding:2px 3px 1px;
}
.article #main form input.text{height:17px;}
.article #main form textarea,
.article #main form input.title{width:380px;}
.article #main form input.pass{width:140px;}
.article #main form textarea{
	height:150px;
	overflow:auto;
}
.article #main form .right-block img{
	border:1px solid #000;
	margin-right:5px;
}
.article #main form .right-block a img{border:none;}
.article #main form p.note{
	clear:both;
	float:left;
	font: 0.7em arial,sans-serif;
	letter-spacing:0.1em;
	margin:5px 5px 10px;
	width:100%;
}
* html .article #main form p.note{margin-left:3px;}