* {
	font-family: Verdana;
	font-size:14px;
	letter-spacing: 1px;
	border:0px;
	border-collapse:collapse;
	webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust:none;
}

html,body {
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
}

body {
	background-image:url(../img/background.jpg);
	background-size:cover;
	background-position:center bottom;
	background-attachment:fixed;
}

table td strong{
    font-size: 12px;
}

header {
	width:960px;
	margin:0px auto;
	padding-top:12px;
	padding-top:44px;
	position:relative;
}

        header #mobile{
            display: none;
            position: absolute;
            border-top: 12px double #FFFFFF;
            border-bottom: 4px solid #FFFFFF;
            height: 4px;
            width: 28px;
            right: 20px;
            margin-top: 20px;
            cursor: pointer;
        }

	header nav {
		height:60px;
		width:920px;
		margin-left:40px;
		background-image:url(../img/nav.png);
	}
	
		header nav #logo {
			position:absolute;
			margin-top:-32px;
			margin-left:-40px;
			float:left;
			z-index:4;
		}
		
		header nav ul {
			margin:0px;
			padding:0px;
			text-align:right;
			width:900px;
			padding-top:21px;
		}
		
			header nav ul li {
				display:inline;
				padding:19px 18px;
				margin-left:0px;
				border-top:2px solid rgba(255,255,255,0);
				border-bottom:2px solid rgba(255,255,255,0);
			}
			
			header nav ul li:hover {
				border-top:2px solid rgba(255,255,255,0);
				border-bottom:2px solid rgba(255,255,255,0.5);
			}
			
			header nav ul li.active {
				border-top:2px solid rgba(255,255,255,0);
				border-bottom:2px solid #FFFFFF;
			}
			
				header nav ul li a {
					color:#FFFFFF;
					text-decoration:none;
					text-transform:uppercase;
					font-size:14px;
					line-height:18px;
				}
				
		header nav ul ul {
			position:absolute;
			right:0px;
			background-color:transparent;
			background-image:url(../img/subnav.png);
			width:934px;
			padding:11px;
			margin-top:21px;
			padding-right:20px;
			padding-left:6px;
			display:none;
			z-index:3;
		}
				
			header nav ul ul li {
				position:relative;
				z-index:4;
				padding-top:9px;
				padding-bottom:9px;
				border-top:2px solid rgba(13,26,141,0);
				border-bottom:2px solid rgba(13,26,141,0);
			}
			
				header nav ul ul li:hover {
					border-top:2px solid rgba(13,26,141,0);
					border-bottom:2px solid rgba(13,26,141,0.5);
				}
			
				header nav ul ul li.active {
					border-top:2px solid rgba(0,0,0,0);
					border-bottom:2px solid #0d1a8d;
				}
			
				header nav ul ul li a {
					color:#0d1a8d;
				}
				
		header nav ul li:hover ul,
		header nav ul li.active ul {
			display:block;
		}
				
	header .images {
                display: none;
		-moz-box-shadow:    0px 0px 10px 10px rgba(0,0,0,0.2);
	  	-webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);
	  	box-shadow:         0px 0px 10px 10px rgba(0,0,0,0.2);
	}
				
main {
	width:986px;
	margin:0px auto;
	padding-top:22px;
}

	main section {
		width:493px;
		float:left;
	}

	main section article {
		margin:18px 13px;
		margin-bottom:0px;
		width:467px;
		float:left;
		margin-top:25px;
	}
        
                main section.col{
                    width:960px;
                }
                
                main section.col article {
                    width: 906px;
                }
                
                main section.col article h1 {
                    width: 906px;
                }
                
                main section.col article .box {
                    width: 906px;
                }
	
		main section article .img {
			width:120px;
			margin-top:10px;
			margin-right:10px;
		}
	
		main section article h1 {
			width:411px;
			background-image:url(../img/nav.png);
			font-size:32px;
			line-height:34px;
			font-weight:normal;
			color:#FFFFFF;
			padding:16px 28px;
			padding-bottom:16px;
			margin:0px;
		}
		
		main section article h2 {
			font-size:22px;
			font-weight:normal;
			color:#0d1a8d;
			margin-top:10px;
		}
		
			main section article h2 div {
				font-size:12px;
			}
			
		main section article td h3 {
			font-size:18px;
			font-weight:normal;
			color:#0d1a8d;
			margin-top:20px;
		}
					
		main section article a {
			color:#0d1a8d;
			text-decoration:underline;
		}
		
		main section article a:hover {
			text-decoration:none;
		}
		
		main section article .box {
			padding:14px 28px;
			background-color:#FFFFFF;
			width:411px;
			-moz-box-shadow:    0px 0px 10px 10px rgba(0,0,0,0.2);
		  	-webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);
		  	box-shadow:         0px 0px 10px 10px rgba(0,0,0,0.2);
		}
		
		main section article .box img {
			max-width:100%;
			height:auto !important;
		}
		
		main section article .box ul {
			margin-left:0px;
			padding-left:0px;
		}
		
			main section article .box ul li {
				list-style:none;
				background-image:url(../img/li.png);
				background-repeat:no-repeat;
				background-position:0px 10px;
				padding-left:12px;
			}
		
		main section article .box td {
			vertical-align:top;
			font-size:12px;
			padding-right:10px;
		}
			
			main section article .box td a {
				font-size:12px;
			}
		
		main section article .gallery-box {
			width:436px;
                }
                main section.col article .gallery-box {
			width:924px;
			
		}
		
		main section article .gallery {
			width:192px;
			height:100px;
			margin-right:26px;
                        margin-bottom:10px;
                        margin-top:10px;
			background-size:cover;
			background-position:center center;
			float:left;
		}
                
                main section.col article .gallery {
                        width:205px;
                }
		
		.center {
			width:100%;
			text-align:center;
		}
		
		.hide,
		.less {
			display:none;
		}
		
footer {
	display:block;
	margin:0px auto;
	height:60px;
	width:960px;
	background-image:url(../img/nav.png);
	margin-top:25px;
}

	footer .text {
		padding:22px 38px;
		margin:0px;
		color:#FFFFFF;
	}
        
        footer a{
            text-decoration: none;
            color: #ffffff;
        }
	
@media only screen and (max-width :1023px) {
	header,
	footer {
		width:680px;
	}       
        
                header #mobile{
                        display: block;
                }
                
		header nav {
			width:640px;
		}
		
			header nav ul {
				width:620px;
			}
                        
                        
                        header nav ul{
                            display: none;
                            position: absolute;
                            padding: 0px;
                            margin-left: -40px;
                            top: 103px;
                            width: 680px;
                            z-index: 3;
                            background-color: #0e1b8d;
                        }

                            header nav ul li {
                                    display: block;
                                    margin: 0;
                                    text-align: center;
                            }

                                header nav ul ul {
                                    width:auto;
                                    margin-left: 0px;
                                    padding-right: 6px;
                                    position: static !important;
                                    display:block !important;
                                }
                                
                                header nav ul li, header nav ul li.active, header nav ul li:hover, header nav ul ul li, header nav ul ul li:hover, header nav ul ul li.active {
					border:none;
				}
		
	main {
		width:706px;
	}
	
		main section, main section.col {
			width:680px;
		}
		
			main section article, main section.col article {
				width:680px;
			}
			
                        main section article .gallery-box, main section.col article .gallery-box  {
                                width:680px;
			
                        }
		
                        main section article .gallery, main section.col article .gallery  {
                                width: 190.5px;
                        }
				main section article .box, main section.col article .box,
				main section article h1, main section.col article h1 {
					width:624px;
				}
	
	header .images img {
		max-width:680px;
	}
}

@media only screen and (max-width :720px) {
	main,
	footer,
	header {
		width:480px;
	}
                header #mobile{
                        display: block;
                }
		header .images img {
			max-width:480px;
		}
                
                header nav ul{
                    width: 482px;
                }
                
	
		main section, main section.col {
			width:480px;
			float:left;
		}
	
		main section article, main section.col article {
			margin:18px 0px;
			margin-bottom:0px;
			width:426px;
			float:none;
			margin-top:25px;
		}
                
                        main section article table{
                                width: 100%;
                        }
                
                        main section article .gallery-box, main section.col article .gallery-box {
                                width:452px;
			
                        }
		
                        main section article .gallery, main section.col article .gallery {
                                width: 200px;
                        }
		
			main section article h1, main section.col article h1 {
				width:426px;
				background-image:url(../img/nav.png);
				font-size:32px;
				line-height:14px;
				font-weight:normal;
				color:#FFFFFF;
				padding:22px 28px;
				padding-bottom:26px;
				margin:0px;
			}
			
			main section article .box, main section.col article .box {
				padding:14px 28px;
				width:426px;
			}
			
	header {
		width:480px;
	}
	
		header nav {
			width:440px;
		}
		
			header nav ul {
				display:none;
			}
			
	footer {
		height:auto;
	}
	
		footer span {
			display:block;
		}
		
	body {
		background-image:url(../img/background1.jpg);
		background-color:#617b35;
		background-size:auto;
	}
	
	main section article .box tr {
		display:block;
		margin-bottom:20px;
	}
	
	main section article .box td {
		display:block;
		text-align:center;
	}
	
	main section article td h3 {
		margin-bottom:0px;
		padding-bottom:0px;
	}
}

@media only screen and (max-width :520px) {
	main,
	footer,
	header {
		width:280px;
	}
                header #mobile{
                       display: block;
                }
		header .images img {
			max-width:280px;
		}
	
		main section, main section.col {
			width:280px;
			float:left;
		}
	
		main section article, main section.col article {
			margin:18px 0px;
			margin-bottom:0px;
			width:226px;
			float:none;
			margin-top:25px;
		}
		
			main section article h1, main section.col article h1 {
				width:226px;
				background-image:url(../img/nav.png);
				font-size:30px;
				line-height:34px;
				font-weight:normal;
				color:#FFFFFF;
				padding:22px 27px;
				padding-bottom:26px;
				margin:0px;
			}
			
			main section article .box, main section.col article .box {
				padding:14px 27px;
				width:226px;
			}
                        
                        main section article .gallery-box, main section.col article .gallery-box {
                                width:250px;
			
                        }
		
                        main section article .gallery, main section.col article .gallery  {
                                width: 226px;
                                margin-right: 0px;
                        }
			
	header {
		width:280px;
	}
	
		header nav {
			width:240px;
		}
                        
                        header nav ul{
                            width: 280px;
                        }
			
	footer {
		height:auto;
	}
	
		footer span {
			display:block;
		}
			
	main section article .box tr {
		display:block;
		margin-bottom:20px;
	}
	
	main section article .box td {
		display:block;
		text-align:center;
	}
	
	main section article td h3 {
		margin-bottom:0px;
		padding-bottom:0px;
	}
	
	main section article h2 {
		font-size:18px;
	}
}