@charset "utf-8";

/*******************************/
/*           HTML tags         */
/*******************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin:0;
	padding:0;
}
div, h1, h2, h3, h4, h5 {margin:0; padding:0;}
td, th {text-align:left; vertical-align:top; font-size:12px;}
a {
	color:#666699;
	text-decoration:none;
}
a:hover {
	color:#BF2F56;
}
h1 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #495677;
}
h2 {
	text-transform: uppercase;
	color: #4F6A73;
	margin-bottom: 20px;
	font-size: 13px;
}
h5 {
	font-size: 11px;
	font-weight:bold;
}

/*******************************/
/*           wraps         */
/*******************************/
.wrap0 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
}
.wrap0 .wraphanger {
	height: 1px;
}
.wrap0 .wrapbanner {
	background-image: url(../layout/top_banner.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 120px;
}
.wrap0 .wrapbanner2 {background-color: #e5ebed;}
.wrap0 .wrapcontent {
	background-color: #eaeeef;
	padding-top:10px;
}
.wrap0 .wrapcredits {
	background-image: url(../layout/back_bottom_credits.jpg);
	background-repeat: repeat-y;
	background-position: left;
	height: 14px;
	background-color:#ef7200;
	text-align: right;
	padding: 1px 20px 2px 20px;
	font-size: 10px;
	line-height: 10px;
}
	
.wrap0 .wrapcredits a {
	color: #F7BA83;
	text-decoration: none;
}
.wrap0 .wrapcredits a:hover{
	color: #FFFFFF;
}
.creditsleft {
	display:inline;
	margin-right: 100px;
}
.wrap0 .wrapcredits .creditsleft a {
	color: #000000;
}
.wrap0 .wrapcredits .creditsleft a:hover {
	color: #ffffff;
}

/*******************************/
/*           containers         */
/*******************************/
.hanglogo {
	height: 148px;
	width: 187px;
	margin-top: 0px;
	margin-left: 356px;
	position: absolute;
	z-index: 100;
}
.menu1box {
	margin-top: 98px;
	position: absolute;
	z-index: 100;
}


.textcontent {
	margin-right: 30px;
	margin-left: 30px;
}
.textgrey {width:100%;}
.textgrey .colpics {
	width: 270px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ABABAB;
	padding-top: 10px;
}
.textgrey .colpics img:first-child {
	margin-right: 10px;
}
.textgrey .coltext {
	padding-left: 15px;
	font-size: 11px;
	color: #4F6A73;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6A6A6;
}

.textgrey .coltext  p {
	margin-top: 15px;
}

.totop {
	font-size: 11px;
	color: #9DB0B5;
	font-weight: normal;
	font-style: italic;
	text-align: right;
	display:inline-block;
	margin-left:40px;
}
.more {
	font-size: 10px;
	color: #AEAEAE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
	padding-left: 10px;
}
.whitewborder {
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #A4A4A4;
}
.linkmedia, .linkmedia11 {
	font-size: 10px;
	color: #5B666C;
	text-decoration: none;
}
.linkmedia11 {
	font-size: 11px;
}
.sub1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4E5E7E;
}
.smalldate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #6D8992;
	padding: 0px;
}
.topattention {
	color: #6666CC;
	width: 100%;
}
.topattention td {font-size: 11px;}
.topattention td:first-child {padding-right:20px;}

#classes td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4A5978;
	margin: 0px;
	padding:5px;
}
#classes form {
	margin: 0px;
	padding: 0px;
}
#classes #Submit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #5C6A86;
	background-color: #DCE0E9;
	margin: 1px;
	padding: 2px;
	border: 1px solid #65728D;
	height: 30px;
	width: 70px;
	line-height: 10px;
}
/*   colours    */
.class0 {
	color: #5B666C;
}

.class1 {
	color: #FF6464;
}
.class2 {
	color: #6699CC;
}
.class3 {
	color: #F2A400;
}
.class4 {
	color: #009999;
}
.class5 {
	color: #663399;
}
.class6 {
	color: #8ACC00;
}
.class7 {
	color: #CC33CC;
}
.class8 {

	color: #BAC811;
}
.class9 {

	color: #0487BF;
}