@charset "UTF-8";
@import "layout.css";
/* CSS Document */

/*STRUCTURE*/

#content {
	width: 967px;
	margin: 0;
	padding: 0;
	font-size: 80%;
	line-height: 140%;
}

#content_f{
	float: left;
	margin: 0;
	padding: 0;
}
#content_f_mini{
	float: left;
	width: 528px;
	margin: 0;
	padding: 0 108px 0 108px;
}
#flashcontent{
	float: left;
	margin: 0;
	padding: 0 0 18px 0;
}

#content_l{
	width: 179px;
	float: left;
	margin: 0;
	padding: 0;
}

#content_r{
	color: #333333;
	width: 770px;
	float: right;
	margin: 0;
	padding: 0;
}

.content_967{
	width: 967px;
	float: left;
	margin: 0;
	padding: 0 0 9px 0;
}
#content_bnr{
	width: 967px;
	float: left;
	margin: 12px 0 0 0;
	padding: 0;
}
#bt_top {
	width: 9em;
	margin: 0 0 0 auto;
	padding: 0 0 0 0;
	text-align: right;
	
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
	height: 1px;
	width: 1px;
}

/*PADDING*/

.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.padtop5 { padding-top: 5px;}
.padtop12 { padding-top: 12px;}
.padtop15 { padding-top: 15px;}
.padtop20 { padding-top: 20px;}
.padtop35 { padding-top: 35px;}
.padtop100 { padding-top: 100px;}
.padright10 { padding-right: 10px;}
.padright20 { padding-right: 20px;}
.padbottom12 { padding-bottom: 12px;}

/*ROUND*/

.module {
	border:1px solid #e5e5e5;
	margin: 0 0 9px 0;

	background: url(../img/module_background.gif) repeat-x bottom;

	_background: url(../img/module_background_ie.gif) repeat-x bottom; 

	*background: url(../img/module_background_ie.gif) repeat-x bottom; }
.module2 {
	border:1px solid #e5e5e5;
	margin: 0 0 9px 0;
}

.module_gray {
	border:1px solid #e6e6e6;
	background:#f0f0f0;
	margin: 0 0 9px 0;
}

.tl, .tr, .bl, .br, .bl2, .br2, .tl_gray, .tr_gray, .bl_gray, .br_gray { position:relative; } 

.tl {
	top:-1px;
	left: -1px;
	background-color: transparent;
	background-image: url(../img/tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.tl_gray {
	top:-1px;
	left: -1px;
	background-color: transparent;
	background-image: url(../img/tl_gray.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.tr { background: transparent url(../img/tr.gif) no-repeat top right; right: -2px; }
.bl { background: transparent url(../img/bl.gif) no-repeat bottom left; bottom: -2px; left: -2px; }
.br { background: transparent url(../img/br.gif) no-repeat bottom right; right: -2px; *bottom: 0; }
.bl2 { background: transparent url(../img/bl2.gif) no-repeat bottom left; bottom: -2px; left: -2px; }
.br2 { background: transparent url(../img/br2.gif) no-repeat bottom right; right: -2px; *bottom: 0; }
.tr_gray { background: transparent url(../img/tr_gray.gif) no-repeat top right; right: -2px; }
.bl_gray { background: transparent url(../img/bl_gray.gif) no-repeat bottom left; bottom: -2px; left: -2px; }
.br_gray { background: transparent url(../img/br_gray.gif) no-repeat bottom right; right: -2px; *bottom: 0; }

/* COMMON STYLE */

#content .subttl {
	margin: 0 0 6px 0;
	padding: 0;
	clear: both;
	position: relative;
	left: -1px;
}
#content .heading {
	margin: 0 0 18px 0;
	padding: 0;
}
#content .subheading {
	margin: 0 0 12px 0;
	padding: 0;
}
#content .main{
	margin: 0 0 12px 0;
	padding: 0;
}
#content p{
	margin: 0 0 12px 0;
	padding: 0 0 0 0;
}
#content p.link{
	background:url(../img/ico_link.gif) no-repeat left center;
	padding: 0 0 0 15px;
}
#content p.link a:link{
	text-decoration: none;
}
#content p.link a:hover{
	text-decoration: underline;
}
#bt_top p{
	background:url(../img/arrow_back.gif) no-repeat left center;
	margin: 0;
	padding: 0 0 0 10px;
	position:relative;
}
#bt_top p a:link{	
	text-decoration: none;
}
#bt_top p a:visited{	
	text-decoration: none;
}
#bt_top p a:hover{
	text-decoration: underline;
}
#content ul{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0 0 24px 0;
}
#content li{
	border-bottom: solid 1px #E6E6E6;
	padding: 6px 0 6px 0;
}
#content li.arrow{
	background:url(../img/arrow_link.gif) no-repeat left center;
	padding: 6px 0 6px 9px;
}
#content li.arrow a:link{
	text-decoration: none;
}
#content li.arrow a:hover{
	text-decoration: underline;
}
#content ul.news{
	width: 744px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#content ul.news li{
	float: left;
	padding: 3px 0 6px 0;
}
#content ul.news li a{
	width: 659px;
	display:block;
	float:right;
	text-align: left;
	
}
#content ul.news li span{
	color:#737373;
	width: 70px;
	display: block;
	float: left;
	margin: 0 15px 0 0;
}

/* TEXT COLOUR */

.grey{
	color:#737373;
}
.orange{
	color:#F66013;
}

/*LEFT MENU*/
#menu {
	margin: 0 0 9px 0;
	padding: 0;
	border-bottom: none;
	background: bottom no-repeat #5A5A5A;
}
#menu .tl {
	top:0px;
	left: 0px;
	background-color: transparent;
	background-image: url(../img/menu_tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu .tr { background: transparent url(../img/menu_tr.gif) no-repeat top right; right: 0px; }
#menu .bl { background: transparent url(../img/menu_bl.gif) no-repeat bottom left; bottom: 0px; left: 0px; }
#menu .br { background: transparent url(../img/menu_br.gif) no-repeat bottom right; right: 0px; *bottom: 0; }

#menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position:relative;
	left: 1px;
}
#menu li{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0px;
	line-height: 0px;
}
#content_l .bnr {
	margin: 0 0 9px 0;
	padding: 0;
}