﻿@charset "utf-8";
/* CSS Document */

@face-font
{
	font-family:my first font;
	src:url(../font/BRITANIC.woff);
}


body
{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	background:#FFF;
}
*
{
	margin:0px;
	padding:0px;
	
}
.clr
{
	clear:both;
}
.cont
{
	width:96%;
	margin:auto;
	
}

.wrapper{
			width:980px;
			margin:0px auto;
}







header
{
	width:100%;
}
header img
{
	width:100%;
	float:left;
}
.logo
{
	width:8%;
	float:left;
	margin-bottom:3%;
	margin-top:1%;
}
.logo img
{
	width:100%;
}
.name
{
	width:90%;
	margin-left:2%;
	float:left;
	margin-bottom:3%;
}
.hdg
{
	width:5%;
	float:left;
	position:absolute;
	top:18.65%;
	left:55%;
}
.hdg img
{
	width:100%;
}
.address
{
	width:23%;
	float:left;
	position:absolute;
	top:15%;
	left:61%;
}
.hright
{
	width:22%;
	float:left;
	position:absolute;
	top:18.70%;
	left:78%;
}
.hright img
{
	width:100%;
}
.wel
{
	width:9%;
	float:left;
	position:absolute;
	top:11.8%;
	left:89%;
}
.wel img
{
	width:100%;
}
.wel2
{
	width:6%;
	float:left;
	position:absolute;
	top:21%;
	left:90.7%;
}
.wel2 img
{
	width:100%;
}
/*nav
{
	width:100%;
	background:#1a475e;
}*/
.hd
{
	width:100%;
	background:#000;
	
}
.hd
{
	font-size:10px;
	/*height:22px;*/
	line-height:22px;
	color:#FFF;
}
.hd a
{
	text-decoration:none;
	color:#FFF;
}
.hd a:hover
{
	color:#09C;
}
.hr1
{
	margin-top:5px;
	margin-bottom:5px;
	float:left;
	width:100%;
}
.hr1 hr
{
	margin-bottom:1px; 
}
.what
{
	background:#ca4c20;
	width:980px;
	margin-top:2px;
}









/*#menu
{
	font-size:14px;
}

#menu ul
{
	list-style-type:none;
}
#menu ul li
{
	width:117px;
	height:35px;
	line-height:35px;
	float:left;
	text-align:center;
	position:relative;
	z-index:999;
	
}
#menu ul li a
{
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	z-index:999;
	font-size:15px;
}
#menu ul li a:hover
{
	color:#000;
	background:#09C;
	
	z-index:999;
}
#menu ul ul
{
	position:absolute;
	display:none;
	background:#069;
	z-index:999;
}
#menu ul ul a
{
	color:#FFF;
}
#menu ul li:hover > ul
{
	display:block;
}

#menu ul ul ul
{
	margin-left:117px;
	top:0px;
	z-index:999;
}
#menu ul ul ul ul
{
	margin-left:117px;
	top:0px;
	z-index:999;
}
*/


/*#nav {
	width:88%;
 	background:#FFF;
	float:left;
	margin:auto;
	margin-left:9%;
	
}*/

#nav {
    width: 98%;
    background: #FFF;
    /* z-index: 999; */
    float: left;
    margin: auto;
    margin-left: 1%;
}

#nav li a, #nav li {
 float: left;
  /*z-index:999;*/
}

#nav li {
 list-style: none;
 position: relative;
  /*z-index:999;*/
}

#nav li a {
 padding:8px 7px;
 text-decoration: none;
 color: #FFF;
 background:#ca4c20;
 /*background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px);
 background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929));*/
 border-right: 1px solid #FFF;
 border-left: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
 border-top: 1px solid #FFF;
 border-radius:5px;
 /*z-index:999;*/
 font-size:14px;
 
}

#nav li a:hover {
 background: #2a0d65;
 background: -moz-linear-gradient(top, #11032e, #2a0d65);
 background: -webkit-gradient(linear, left top, left bottom, from(#11032e), to(#2a0d65));
  z-index:999;
}


ul.navulleft {
    left: -100% !important;
}

/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px;
	height: 5px;
	background: black;
	right : 0;
	bottom: 0;
	 /*z-index:999;*/
}

#nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; 
 margin: 0;
  z-index:999;
}

#nav li:hover > ul {
 display: block;
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
  /* for IE6 */
}

#nav li ul li a {
 width: 150px;
 display: block;
  z-index:999;
}

/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
  z-index:999;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
  z-index:999;
}











#text
{
	width:120px;
    padding:4px;
	border:none;
	font-size:12px;
	margin-left:150px;
    margin-top:6px;
	border-bottom-left-radius:3px;
	border-top-left-radius:3px;
}
#bb
{
	  
      font-size:12px;
      padding:4px;
	  border:none;
	  color:#FFF;
	  background:#333;
	  font-weight:bold;
	  cursor:pointer;
	  outline:none;
}
.aaa
{
	
	float:left;
}

.ban{
		width:980px;
		margin-top:1px;
}


.ban_left p
{
	width:19.6%;
	
	height:36px;
}
.ban_left p a:hover
{
	color:#FFF;
	background:url(../images/hover.png) no-repeat;
}

.ban_left
{
	width:19.6%;
	float:left;
	margin-right:0.2%;
	text-align:center;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}




.ban_left p
{
				
				width:100%;
				margin-top:1px;
}






.ban_left a{
				
				text-align:center;
				text-decoration:none;
				font-size:16px;
				height:36px;
				line-height:36px;
				display:block;
				font-weight:bold;
				color:#000;
				/*-webkit-text-stroke: 1px black;*/
}

/*.ban_left a:hover{
				
				color:#300;
			    font-size:17px;
				font-weight:bold;
}*/





.ban_left2
{
	width:60%;
	float:left;
}


.ban_left2 img
{
	float:left;
}


.ban_left3
{
	width:19.7%;
	float:left;
	height:225px;
    border:1px solid #069;
	margin-left:0.2%;
	/*background:#069;*/
	text-align:center;
	/*background:url(../images/noticeboardbg.gif) 0 0 no-repeat;*/
	background:#069;
	
}


/*.ban_left3 p
{
				width:100%;
				border:1px solid #FFC;
				margin-top:0px;
				font-size:17px;
				height:25px;
				line-height:25px;
				color:#FFF;
	
}*/


.bdy{
		width:980px;
		
		float:left;
}




.bdy1
{
	width:33%;
	/*background:#5664cc;*/
	float:left;
	height:255px;
	background:url(../images/bdy_bg2.png) 0 0 no-repeat;
	
}




.bdy1 p
{
	width:95%;
	text-align:left;
	margin-left:16%;
	color:#600;
	font-weight:bold;
	font-size:16px;
	margin-top:5px;
	margin-bottom:10px;
}





.bdy2
{
	width:33%;
	/*background:#5664cc;*/
	float:left;
	height:255px;
	background:url(../images/bdy_bg2.png) 0 0 no-repeat;
}


.bdy2 p
{
	width:95%;
	text-align:left;
	margin-left:28%;
	color:#600;
	font-weight:bold;
	font-size:16px;
	margin-top:5px;
	margin-bottom:10px;
}







.bdy3
{
	width:33%;
	/*background:#5664cc;*/
	float:left;
	height:255px;
	background:url(../images/bdy_bg2.png) 0 0 no-repeat;
	

}


.bdy3 p
{
	width:95%;
	text-align:left;
	margin-left:32%;
	color:#600;
	font-weight:bold;
	font-size:16px;
	margin-top:5px;
	margin-bottom:10px;
}







.bdyf
{
    width:980px;
	float:left;
	background:#061d49;
}


footer{
	
		width:100%;
		float:left;
		height:50px;
		background:#04122d;
}


footer p{
		color: #999999;
		font-size:14px;
		padding-top:14px;
}


footer p a{
	
		text-decoration:none;
		color: #999999;
		font-size:14px;
}



footer p a:hover{
	
		
		color: #FFFFFF;
		
}



.container {
    
    width:980px;
    float:left;
    padding: 0;
}


.columns {
    width: 220px;
	float:left;
    display: inline;
    margin-left: 10px;
    margin-right:10px;
	margin-top:25px;
}


.columns p {
    width: 220px;
	text-align:left;
	color:#FFF;
	font-size:13px;
}

.columns ul li {
    width: 220px;
	list-style:none;
	border-bottom: 1px solid #666666;
    position: relative;
    padding: 10px 10px 10px 0;
}


.columns ul li a {
   
   	color: #999999;
	font-size:13px;
	text-decoration:none;
	
}

.columns ul li a:hover {
   
   	color: #FFFFFF;
	font-size:13px;
	text-decoration:none;
	
}


.columns ul li:after {
    font-family: "FontAwesome";
    content:url(../images/arr.png);
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 13px;
    color: #999999;
}


.columns ul li:hover:after {
    font-family: "FontAwesome";
    content:url(../images/arr1.png);
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 13px;
    
}


.columns1 {
    width: 220px;
	float:left;
    display: inline;
    margin-left: 10px;
    margin-right:10px;
	margin-top:25px;
}


.columns1 p {
    width: 220px;
	text-align:left;
	color:#FFF;
	font-size:15px;
}

.columns1 ul li {
    width: 220px;
	list-style:none;
	border-bottom: 1px solid #666666;
    position: relative;
    padding: 10px 10px 10px 0;
	color:#999999;
}


.columns1 ul li a {
   
   	color: #999999;
	font-size:13px;
	text-decoration:none;
	
}

.columns1 ul li a:hover {
   
   	color: #FFFFFF;
	font-size:13px;
	text-decoration:none;
	
}










