/*
CSS - screen for template: Arena
  By: Onno Brauckmann - hbwConsultants
  http://www.wxly.com.cn
----------------------------------------------*/
body {
background: #EBEBEB;
margin: 0 0 10px 0;
padding: 0px;
font-family: Tahoma, Verdana, sans-serif;
color: #5A5A61;
}

img {
border: 0;
}

h1, h2, h3 {
margin: 0;
padding: 0;
}

#top {
width: 770px;
height: 21px; 
voice-family: "\"}\""; /* IE 5 Box Model Hack */
voice-family:inherit;
width:743px;
background: #fff url(../images/topbg.gif) no-repeat;
padding: 0 13px 0 14px;
margin: 0 auto;
}
	
#container {
width: 770px; 
voice-family: "\"}\""; /* IE 5 Box Model Hack */
voice-family:inherit;
width: 743px;
background: url(../images/container_bg.gif) repeat-y;
padding: 0 13px 0 14px;
margin: 0 auto;
}	

#header {
width: 743px;
height: 89px;
margin: 0;
}

/*Be Nice to opera rule*/
html>body #top,
html>body #footer,
html>body #container {
width:743px;
}

#header #logo {
width: 200px;
height: 89px;
margin: 0;
float: left;
display: inline;
}

#header #logo a {
width: 150px;
height: 0 !important;
background: url(../images/logo_snews.jpg) no-repeat;
display: block;
margin: 15px 0 0 25px;
padding: 46px 0 0 0;
overflow: hidden;
text-indent: -99999px;
}

#header #mastheader {
width: 543px;
height: 89px;
background: url(../images/vseparator.gif) repeat-y;
float: right;
padding: 0;
margin: 0;

}

#header #topnav {
height: 40px;
margin: 0;
display: inline;
list-style: none;
}

#header #topnav li {
display: inline;
margin: 0;
padding: 0;
list-style: none;
}

#header #topnav li a {
display: block;
margin: 0 0 0 6px;
padding: 11px;
float: left;
border-bottom: 4px solid #FFFFFF;
font-size: 12px;
color: #5A5A61;
text-decoration: none;
}

#header #topnav li a:hover {
border-bottom: 4px solid #CB3E0E;
}

#header #tagline {
width: 533px;
height: 0px !important;
background-image: url(../images/tagline.jpg);
clear: both;
margin: 0 10px 0 0;
padding: 49px 0 0 0;
overflow: hidden;
text-indent: -99999px;
}

#content {
width: 543px;
float: right;
font: 0.70em Tahoma, Arial, sans-serif;
}

#box1 {
width: 533px;
height: 204px;
background: url(../images/header.jpg) no-repeat left top #fff;
position: absolute;
left: 0px;
top: 0px;
}

#box1 a {
width: 533px;
height: 204px;
display: block;
text-indent: -99999px;
overflow: hidden;
}	

#box2 {
width: 533px;
height: 119px;
background: url(../images/introbox.jpg) no-repeat left bottom #C9D1DB;
position: absolute;
left: 0;
top: 204px;
padding: 0;
}

#box2 p, #box2 h2{
margin: 7px;
font-size: 1.1em;
color: #fff;
}

#box2 h2 {
font-size: 100%;
}


#sticky {
width: 533px;
height: 323px;
position: relative;
background: #ccc;
}
	

#center {
padding: 30px 25px 10px 0;
font-size: 110%;
letter-spacing: 1px;
}
#center h2{
font-size: 100%;
}
#center a {
color: #CB3E0E;
text-decoration: none;
}
#center a:hover {
text-decoration: underline;
}

.clear {
clear: both;
}
	
#sideBar {
width: 200px;
float: left;
background: url(../images/hseparator.gif) repeat-x;
}

#leftnav {
width: 200px;
height: 274px;
margin: 10px 0 30px 0;
	}

#leftnav ul {
list-style: none;
display: inline;
margin: 0;
}

#leftnav ul li {
display: inline;
margin: 0;
padding: 0;
list-style: none;
}

#leftnav ul li a {
display: block;
margin: 0;
padding: 4px 0 4px 30px;
border-bottom: 1px solid #FFFFFF;
}

#leftnav ul li a:hover {
border-bottom: 1px solid #DDD;
}

#leftnav li a {
font: 13px Verdana, Arial, Helvetica, sans-serif;
color: #5A5A61;
text-decoration: none;
}

#leftnav li a:hover {
color: #CB3E0E;
}

#links {
position: absolute;
left: 0;
top: 257px;
}

#left {
width: 165px;
margin:0;
background: url(../images/hseparator.gif) repeat-x;
padding: 30px 15px 0 20px;
font: 0.70em Tahoma, Arial, sans-serif;
text-align: justify;
}

#left h2 {
font-size: 100%;
margin: 25px 0 0 0;
border-top: 1px solid black;
border-right: 1px solid black;
padding: 2px 0 0 0;
}

#left p {
padding: 0 2px 0 0;
}

#left a {
color: #5A5A61;
text-decoration: underline;
}

#left a:hover {
text-decoration: none;
}

#left .searchbox {
width: 130px;
margin: 0 0 0 -20px;
padding: 0;
}

#left ul {
list-style: none;
display: inline;
margin: 0;
}

#left ul li {
display: inline;
margin: 0;
padding: 0;
list-style: none;
}
#left ul li a {
display: block;
margin: 0;
padding: 2px 0;
}
#left li a {
color: #5A5A61;
text-decoration: none;
}

#left li a:hover {
text-decoration: underline;
}

#footer {
width: 770px; 
height: 25px;
background: #ebebeb url(../images/footerbg.gif) no-repeat;
voice-family: "\"}\""; /* IE 5 Box Model Hack */
voice-family:inherit;
width: 743px;
padding: 0 13px 0 14px;
margin: 0 auto;		
}

#footer #footnotes {
clear: both;
width: 770px;
margin: 10px 0 0 -14px;
padding: 0;
position: absolute;
}

#footer #footnotes  p {
width: 760px;
margin: 10px 0 0 10px;
padding: 10px;
text-align: left;
font-size: 0.75em;
color: #999;
}

#footer #footnotes a {
color: #4F4F4F;
text-decoration: none;
}

#footer #footnotes a:hover {
text-decoration: underline;
}

/* ================ sNews ================== */

form.search {
padding: 0; 
margin: 0; 
}
form {
padding: 0 0 0 18px;
}

fieldset {
border: 1px solid #d6d6d6;
}

textarea.text { 
height: 150px; 
width: 90%; 
border: 1px solid #ccc; 
background: #fff; 
color: #000;
}

textarea.text:hover { 
border: 1px solid #d6d6d6; 
background: #FFFFF4; 
color: #000;
}

input.field { 
border: 1px solid #ccc; 
background-color: #FFFFFF; 
width: 200px; 
color: #000;
height:15px;
}

input.field:hover { 
border: 1px solid #d6d6d6; 
background: #FFFFF4; 
color: #000;
}

input.text { 
margin: 0; 
width: 88px;
border: 1px solid #d6d6d6; 
background: #FFF;
color: #000; 
height:15px;
}

input.text:hover { 
border: 1px solid #ccc; 
}

input.searchbutton { 
margin: 0; 
font-size: 100%; 
font-family: Arial, Sans-serif; 
border: none; 
background: #86909C; 
color: #fff; 
padding: 1px; 
font-weight: bold; 
}

.date { 
color: #ccc; 
background: #FFFFFF;
text-align: right; 
margin: 4px 0 5px 0; 
padding: 0.4em 0 0 0; 
border-top: 1px solid #d6d6d6;
}

input.button { 
background: #FFFFF4; 
color: #808080;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.comments { 
padding: 10px 10px 8px 10px; 
margin: 0 0 7px 0; 
background: #f8f8f8; 
color: #000;
}

.commentsbox { 
padding: 8px 0 10px 10px; 
margin: 0 0 10px 0; 
background: #EBEBEB; 
color: #000;
}