@charset "utf-8";
body { margin:0; padding:0; background: none; width:100%; background: #FFF;}
html { padding:0; margin:0;}
.clr {clear:both; padding:0;}
.bg1 { width:90%; clear:both; border-top:1px dashed #cebf94; padding:0 20px; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; background: url(images/bg.jpg) top repeat-x; }

/* header */
.header { width:1024px; margin:0 auto; padding:0;}
/*search*/
.search { width:300px; height:50px; float:right; margin:0; padding:0;}
.search p { float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#858585;}

.navigation { width:994px; height:94px; margin:0 auto; padding:0; background: url(images/logo_bg.gif) no-repeat;}
.logo { width:182px; height:51px; margin:4px 0 0 4px; padding:0; float:left;}
/* menu */
.menu { width:634px; margin:0 0 0 0; padding:0 0 0 0 ; float: right;}
.menu ul { float:left; margin:0; padding:0; list-style:none;}
.menu li { float:left; margin:0; padding:4px 0 0 0; font:bold 12px Arial, Helvetica, sans-serif; color:#a6a6a6; float:left;}
.menu a { line-height:16px; float:left; font: normal 11px Tahoma, Geneva, sans-serif; color:#383838; margin:0; padding:0; text-decoration:none;}
.menu a span { padding:0;}
.menu a:hover { color:#fff;}
.menu a:hover span {color:#fff; }
.menu a.active { color:#fff;}
.menu a.active span {}

/* header_text */
.header_text { margin:5px auto; width:988px; height:320px; padding:0;}
.header_text strong { display:block; margin:-250px 490px 0 60px; color:#a1e2e6; font:normal 12px Arial, Helvetica, sans-serif; line-height:16px;}
.header_text span { display:block; color:#FFF; font:normal 32px Verdana, Geneva, sans-serif; letter-spacing:-2px; line-height:36px; padding:0 0 10px 0;}
/*content*/
.content { width:980px; margin:5px auto 5px auto; padding:10px 0; border:1px solid #6a6a6a; background:#000;}
.content h2 { font:normal 24px Arial, Helvetica, sans-serif; color:#f3f4f4; padding:15px 0 20px 50px; margin:0;}
.content p { font:normal 11px Arial, Helvetica, sans-serif; color:#fff;}
.content a { font:normal 11px Tahoma, Geneva, sans-serif; color:#fff; text-decoration:none; border: 0px;}
.content a:hover { font:normal 11px Tahoma, Geneva, sans-serif; color:#999; text-decoration:none;}
.content p a { float:right;}
.content .Ser { float:left; width:275px; margin:0; padding:10px 20px;}
.content .Ser ul { width:250px; margin:0 auto; padding:0; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; list-style:none;}
.content .Ser li { background:url(images/bg_ul_li.jpg) left no-repeat; padding:2px 0 2px 30px; margin:0;}
.content .Ser h2 a{ font: normal 18px  Arial, Helvetica, sans-serif; color:#fff;}
.content .Ser h2 a:hover { font: normal 18px  Arial, Helvetica, sans-serif; color:#999;}
.content .Ser h2 { background:url(images/h2_Serv.jpg) left no-repeat; font: normal 18px  Arial, Helvetica, sans-serif;}
.content .What   {float:left; width:275px; border-left:1px  solid #e7181f; margin:0; padding:10px 20px;}
.content .What  h2 a{ font: normal 18px  Arial, Helvetica, sans-serif; color: #fff;}
.content .What  h2 a:hover { font: normal 18px  Arial, Helvetica, sans-serif; color: #999;}
.content .What  h2 { background:url(images/h2_Serv.jpg) left no-repeat; font: normal 18px  Arial, Helvetica, sans-serif;}
.content .Feed {float:right; width:275px; border-left:1px  solid #e7181f; margin:0; padding:10px 20px;}
.content .Feed h2 a{ font: normal 18px  Arial, Helvetica, sans-serif; color:#fff;}
.content .Feed h2 a:hover { font: normal 18px  Arial, Helvetica, sans-serif; color:#999;}
.content .Feed h2{ background:url(images/h2_Feed.jpg) left no-repeat; font: normal 18px  Arial, Helvetica, sans-serif;}
/* body */
.body { width:994px; margin:10px auto; padding:0; background: url(images/body_bg.jpg) top repeat-y;}
.body h2 { font: normal 26px  Arial, Helvetica, sans-serif; color:#990b01; padding:10px 0 5px 10px; margin:0; border-bottom:1px  solid #cccccc;}
.body h3 { font: normal 24px  Arial, Helvetica, sans-serif; color:#3a3c3c; padding:10px 0 5px 10px; margin:0; border-bottom:1px  solid #cccccc;}
.body p {font:normal 11px  Arial, Helvetica, sans-serif; color:#6f6f6f; padding: 5px 5px; margin:0;}
.body span { color:#baa271; font:bold 11px Georgia, "Times New Roman", Times, serif;}
.body a { color:#d34600; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; border: 0px;}
.body img { float:left; margin:0; padding:0; }
/*main_body*/
.main_body { width:540px; padding:0 20px; margin:10px 0 0 20px; float:left; border-left:1px  solid #ebebeb;}
.main_body ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
.main_body p { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.main_body em { font:italic bold  12px Arial, Helvetica, sans-serif; color:#4e4e4e; float:right;}
.main_body li {padding:5px 0; margin:0;}
.main_body ul { width:300px; font: normal 11px Arial, Helvetica, sans-serif; color:#181818; list-style:none; padding:0; margin:0 auto;}
.main_body li { background:url(images/ul_li_bg.gif) left no-repeat; padding:0 0 0 30px; margin:0;}
.main_body .blog { background:#f1f1f1; border:1px solid #dbdbdb;}
.main_body .blog img { float:left; margin:20px; padding:0;}
.main_body a {font:bold 11px Arial, Helvetica, sans-serif; color:#990b01; margin:0; padding:5px; text-decoration: underline; border: 0px;}
.main_body img { padding:0; margin:10px 15px 10px 15px; border:none;}
.main_body .More { background:#baa271; float:right; width:80px; text-align:center;  padding:5px 8px; margin:0 0 10px 0;}
.main_body .More a { font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-align:center;}
/*Services*/
.Services { width:640px; padding:0 20px; margin:10px 0 0 20px; float:left;}
.Services ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
.Services p { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.Services em { font:italic bold  12px Arial, Helvetica, sans-serif; color:#4e4e4e; float:right;}
.Services li {padding:5px 0; margin:0;}
.Services ul { width:300px; font: normal 11px Arial, Helvetica, sans-serif; color:#181818; list-style:none; padding:0; margin:0 auto;}
.Services li { background:url(images/ul_li_bg.gif) left no-repeat; padding:0 0 0 30px; margin:0;}
.Services .blog { background:#f1f1f1; border:1px solid #dbdbdb;}
.Services .blog img { float:left; margin:20px; padding:0;}
.Services a {font:bold 11px Arial, Helvetica, sans-serif; color:#990b01; margin:0; padding:5px; text-decoration: underline; border: 0px;}
.Services img { padding:0; margin:10px 15px 10px 15px; border:none;}


/*center*/
.center { width:670px; padding:0 20px; margin:0 auto;}
.center ul { font:normal 12px Arial, Helvetica, sans-serif; color:#3a3c3c; padding:5px 0; margin:0;}
.center p { font:normal 12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.center em { font:italic bold  12px Arial, Helvetica, sans-serif; color:#4e4e4e; float:right;}
.center li {padding:5px 0; margin:0;}
.center ul { width:300px; font: normal 11px Arial, Helvetica, sans-serif; color:#181818; list-style:none; padding:0; margin:0 auto;}
.center li { background:url(images/ul_li_bg.gif) left no-repeat; padding:0 0 0 30px; margin:0;}
.center .blog { background:#f1f1f1; border:1px solid #dbdbdb;}
.center .blog img { float:left; margin:20px; padding:0;}
.center a {font:bold 11px Arial, Helvetica, sans-serif; color:#990b01; margin:0; padding:5px; text-decoration: underline; border: 0px;}
.center img { padding:0; margin:10px 15px 10px 15px; border:none;}


/* News*/
.News {padding:0 20px; margin:10px 0 0 20px !important; margin:10px 0 0 10px; width:330px; float:left;}
.News p { font:normal 11px Arial, Helvetica, sans-serif; color:#666666;}
.News a { color:#666666; text-decoration:none; border: 0px;}
.News .data { float:left; font:normal 14px  Arial, Helvetica, sans-serif; color:#2c2c2c; background:#e5e5e5; text-align:center; margin:10px 10px 0 10px; padding:5px 10px;}
.News .title { float:right; font: bold 14px Arial, Helvetica, sans-serif; color:#239dae; margin:10px 10px 0 10px; padding:5px 0;}
/*Syb*/
.Syb {padding:0 20px; margin:30px 0 0 20px; width:180px; float:left;}
.Syb ul { padding:0; margin:0;}
.Syb li { border-bottom: 1px solid #e3e3e3; list-style:none; background:url(images/Sub_li.jpg) left no-repeat; padding:3px 0 2px 30px; margin:0; border: 0px;}
.Syb a { font:normal 11px Arial, Helvetica, sans-serif; color:#3a3c3c; text-decoration:none;}
.Syb a:hover { color:#990b01; text-decoration:underline;}
/*Contact_Info*/
.Contact_Info {padding:0 20px; margin:10px 0 0 20px; width:300px; float:left;}
.Contact_Info p { font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.Contact_Info a { color:#990b01; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; border: 0px;}
/*Contact*/
.Contact { width:547px; padding:0 20px; margin:5px 0 5px 0; float:left;}
/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#151515; border:1px solid #000; color:#FFF; float:left;}
/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px   Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}
/* footer */
.footer { text-align:left; width:936px; margin:5px auto 5px auto; padding:10px 0;font: normal 12px Arial, Helvetica, sans-serif; color:#333;}
.footer a {font: normal  Arial, Helvetica, sans-serif; color:#333;}



#nav, #nav ul{
margin:0 0 0 0;
padding:0 0 0 0 ;
list-style-type:none;
list-style-position:outside;
position:relative;
height:99px;


font-size:12px;
}



#nav a{
display:block;
padding:0px;
border: 0px;
color:#fff;
text-decoration:none;
background-color:#000;
}

#nav a:hover{
background-color:#fff;
color:#000;
border: 0px;
}

#nav li{
float:left;
position:relative;

}

#nav ul {
position:absolute;
display:none;
width:150px;
top:91px;
background-color:#000;
}

#nav li ul a{
width:140px;
height:auto;
float:left;
padding: 5px;

}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


.loginlabel{
font:14px   Arial, Helvetica, sans-serif; color:#fff;
}

.login a{ color:#fff;



}

.login a:hover{ color:#999;


}

.body {
width: 988px;
background-color: #fff;

}

#register form table, #inside table {
	border-collapse: collapse;
	margin: 1em 0;
	font: 11px helvetica, arial;
width: 980px;
margin: 0 auto;
background-color: #fff;

}

#register form th, #register form td, #inside th, #inside td {
		border: 3px solid #e3e3e3;
		padding: 12px;
		margin: 0;

}

#register form th.row {
	background-color: #333;
	text-align: left;
	font-weight: bold;
	color: white;
	text-trans#register form: uppercase;
}


#register form th {
	text-align: right;
	font-weight: normal;
	width: 220px;
	
}



#register form label input {
	margin-left: 3px
}

#register form label.radio {
	margin-right: 3px;
	margin-left: 0;
}

#register form input{
	width: 200px;
	margin-right: 3px;
}

#register form textarea {
	width: 300px;
	height: 100px
}

#register form input.abel clone {
	width: 100px
}

#register form label.radio input, #register form label.checkbox input {
	width: auto
}

#register form label.checkbox {
	width: 180px;
	float:left
}

#postcode, #grade {
	width: 4em
}

#agree {
	margin-left: 248px;
}

#register form .submit {
 background-color: #cc0000;
text-align: center
}

#register form .submit input {
 width: auto;
 font-size: 16px
 
}

#slideshow {
    position:relative;
    height:320px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.inner {
 margin:0 20px;
 background-color: white;
 font: 12px Helvetica, arial;
 padding: 20px;
}

.inner h1 {
 margin-top: 0;
}

i {
	color:#666;
	font-size:0.6em;
	text-decoration:none;
	font-style: normal;
	font-variant: normal;
}
i a {
	color:#666;
	text-decoration:none;
	
}
a span {
	display: none;
}
a:hover span {
	display: block;
	position: absolute;
	width: 180px;
	z-index: 10;
	color: #999;
	font-size:0.85em;
	text-decoration:none;
	text-decoration: none;
	left: 50%;
}