@charset "utf-8";
/* CSS Document */
html, body{
	width:100%;
	height:100%;
	line-height:19px;
	margin:0;
	padding:0;
	background-color:#222;
}

table {
	
	
	border:none;
	 border-collapse: collapse;

}
h2 span{
	position:absolute;
	left:-1000px;
}
h2 {
	font-family:Calibri, Verdana, Geneva, sans-serif;
	/*width:600px;*/
	background-repeat:no-repeat; height:38px;
}
.info {
	background-color:#AEB0FF;
	border:1px solid #009;
	padding:20px;
}
.mainmenu{
	position:relative;
	background-color:#ccc;
	margin-bottom:19px;
height:28px;
margin:0;
}
.mainmenu li{
	float:left;
}
.mainmenu li:HOVER{

}
.right{
	float:right !important;
}
.left{
	float:left !important;
}
.mainmenu li a{
	display:block;
	padding-left:20px; padding-right:20px;
	height:24px;
	padding-top:4px;
	text-decoration:none;
}
.mainmenu li.active{
	background-image: url(/sucu/display/images/common/menu_arrow.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	
}
.news_item{
	padding:20px;
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
}
.news_item .title{
	font-size:16px;
	font-weight:bold;
}
.news_item .news_info{
	font-size:12px;
	color:#999;
}
input[type="text"],input[type="password"], textarea {
	width:400px;
}
body{
	position:relative;
	/*background-image: url(/sucu/display/images/common/bg.jpg);*/
	background-repeat: repeat-x;
	font-family:Calibri,Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
.box {	
		/*background-color: #c5c9c3;
		border:1px solid #54644F;*/
		width: 265px;
		margin-bottom:19px;
}
.box .content, .box .title{
	padding:5px;
}
.box .title{
	/* background-color: #c5c9c3;
	background-image: url(/sucu/display/images/common/boxtitle.jpg);
  background-repeat:repeat-x;*/
  
}
 
.right{
	float:right !important;
}

#bar {
	position:relative;
	
	display:none;
	width:100%;
	
	color: #667f5d;
	background-color: #d6edcd;
}
#bar > div{
	
	text-align:right;
}
#bar > div, #banner #banner-centre, #content, .light-strip > div{
	margin:0 auto;
	
}
.box.wide{
	width:685px; 
	min-height:448px;
}

#banner{
	height: 147px;
    background-image: url(/sucu/display/images/common/topbannerloop.jpg);
		background-repeat: repeat-x;
		margin-bottom:19px;
		background-position:center top;
			min-width:980px;
}

#footing{
font-size:12px;
	color:#fff;
	text-align:center;
}
#footing a{
 color: #ccc;
}
#banner-centre{
	 background-image: url(/sucu/display/images/common/hometitle.png);
	 width:1024px;
	 height:110px;
	 background-repeat:no-repeat;
	 position:relative;
	 padding:0;
	 overflow:hidden;
	 background-position:center;
}
.dark-strip{
	background-color:#374532;
	height:7px;
	width:100%;
		min-width:980px;
}
.light-strip{
	background-color:#66805D;
	height:28px;
	width:100%;
	min-width:980px;
}

h1 span{
	position:absolute;
	left:-100000px
}
#body {
width:980px;
margin:0 auto;
}
#header {
	background-color:#fff;
}
#header .caption {
	font-style:italic;
	font-size:11px;
	float:right;
}
#header .caption .caps {
	font-size:24px;
	
}

h1{
	margin-top:0px;
	margin-bottom:0px;
	
	background-image:url(/sucu/display/images/common/logo.jpg);
	background-repeat:no-repeat;
	height:77px;
	width:393px;
	
}
#article  {
	background-color:#FFF;
}
#article .text{
	padding:20px;
}
a{
	color:#1D221A;
}
#article-right{
	/*float:right;*/
	
}
#article-left{
	/*float:left;*/
}
td{
	vertical-align:top;
}
#article-right, #article-left{
	height:100%;
	position:relative;
	
	padding:10px;
	width:265px;
}
.very-small{
	font-size:12px;
}
.menu{
	list-style:none;
	padding-left:0;
}
.menu li {
	margin-bottom:10px;
}
.odd{
	background-color:#E6E6E6;
}
a img{
	border:0;
}
h3{
	margin-top:0;
}
.error{
	border: 1px solid #f00;
	background: #f99;
	padding: 5px;
	margin-bottom:19px;
}
.warn {
	border:1px solid #F90;
	background-color:#FF9;
}
.center-table tr td{
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	margin:0;
	padding-bottom:19px;
	padding-top:19px;
}
.center-table tr th{
	text-align:left;
}
.center-table {
	margin-bottom:19px;
}


/* BOX */

.csc {
  background-color : #fff ;
  position:relative;
  padding:20px;
  margin-bottom:19px;
}

.tl, .tr, .bl, .br {
  position : absolute;
  width : 14px;
  height : 14px;  /* corner images are 40x40 */
  display : block;
  background:transparent;
  background : transparent url(../images/common/box_corner.png) no-repeat;
}

.tl {
  top : 0;
  
  background-position:0 -30px;
  left : 0;
}

.tr {
  top : 0;
  right : 0;
}

.bl {
  background-position:0 -45px;
  bottom : 0;
  left : 0;
}

.br {
  background-position:0 -15px;
  right : 0;
  bottom : 0;
}