﻿*
{
    margin:0;
    padding:0;
}

body 
{
    margin:0;
    padding:0;
    font:12px 1.5em 150%;
    font-family:Zurich BT;
   background-image:url(../images2018/bg.jpg );
    background-position:left top;
    background-repeat:no-repeat;
    background-color:#6a6761;
    font-size: 87.5%; /* Base font size: 14px */
	
	color:#fff;
}

#wrapper
{
    /*background-image:url(../images/contrans.png);*/
    background-position:left top ;
    background-repeat:repeat;
    background-color:#fff;
    box-shadow:0 5px 12px rgba(0,0,0,0.9);
	width:1024px;
	margin:5px auto;
}

#wrapper #header 
{
    /*background-image:url(../images/head.png);
    background-position:left bottom ;
    background-repeat:no-repeat;*/
    background-color:#fff;
	height:auto;
	width: 1024px;
}

#wrapper #header #logo 
{
    width:100%;
    height:auto;
}

#slider
{
    width:100%;
    height:auto;
    margin-bottom:10px;
    }
    
#nav
{
    clear:both;
    width:100%;
    margin:20px auto;
    margin-bottom:10px;
    box-shadow:0px 4px 10px rgba(0,0,0,0.9)
    }

#wrapper #content 
{
	width:100%;
    height:auto;
    margin-top:20px;
    
    }
    
#wrapper #content #content_left
{
    width:230px;
    height:auto;
    float:right;
    margin-right:24px;
    margin-left:10px;
    }    
    
    
#wrapper #content #content_left #left
{
    width:100%;
    height: auto;
    background-color:#0066ab;
	box-shadow:0px 4px 10px rgba(0,0,0,0.9);
	margin-bottom:25px;
	margin-top:-10px;	
	/*border-radius:0 0px 8px 8px;*/
    }

    
#wrapper #content #content_right
{
    width:720px;
    height:auto;
    float:right;
    color:#fff;
    background-color:#0066ab;
    /*border-radius:0 0px 8px 8px;*/
	box-shadow:0px 4px 10px rgba(0,0,0,0.9);
    margin-bottom:24px;
    margin-right:15px;
    
    }

#wrapper #content #content_left #left img.arrow
{
    padding-left:10px;
    vertical-align:middle;	
    }

#wrapper #content #content_right #middle img
{
    padding-left:10px;
    vertical-align:middle;	
    }


#wrapper #content #column
{
	width:90%;
    height:250px;
    margin:0 auto;
    }
    
#wrapper #content #column
{
    margin-top:50px;
    margin-bottom:50px;
    }

/*#wrapper #content #column #left
{
    background-image:url(../images/contrans.png);
    background-position:left top ;
    background-repeat:repeat;
    background-color:rgba(255,255,255,0.9);
	float: left;
	height:250px;
	width:30%;
	margin-left: 24px;
	margin-right: 22px;
	margin-bottom:10px;
	border-radius:0 0px 8px 8px;
	box-shadow:0px 4px 10px rgba(0,0,0,0.9);
}*/


/*#wrapper #content #column #middle 
{
    background-image:url(../images/contrans.png);
    background-position:left top ;
    background-repeat:repeat;
    background-color:rgba(255,255,255,0.9);
	float: left;
	height:250px;
	width:30%;
	margin-right: 22px;
	margin-bottom: 24px;
	border-radius:0 0px 8px 8px;
	box-shadow:0px 4px 10px rgba(0,0,0,0.9);
	
}*/

/*#wrapper #content #column #right 
{
    background-image:url(../images/contrans.png);
    background-position:left top ;
    background-repeat:repeat;
    background-color:rgba(255,255,255,0.9);
	float: left;
	height:250px;
	width:30%;
	margin-bottom:10px;
	border-radius:0 0px 8px 8px;
	box-shadow:0px 4px 10px rgba(0,0,0,0.9);
}*/

#wrapper #footer
{
    clear: both;
	/*background-image:url(../images/contrans.png);
    background-position:left top ;
    background-repeat:repeat;*/
    background-color:#003f5e;
	height:auto;
	width:100%;
}

#wrapper #footer #sitemap
{
    clear: both;
    width:90%;
    height:100px;
    margin:0 auto;
    }

#wrapper #footer #sitemap ul 
{
    width:auto;
    height:auto;    
    float:left;
    text-decoration:none;
    list-style:none;
    margin:0px;
    margin-top:17px;
    padding:0px;
    }

#wrapper #footer #sitemap ul li
{
    line-height:1.4;
    color:#fff;
    text-transform:uppercase;
    }
    
#wrapper #footer #sitemap ul li a
 {
     text-decoration:none;
     color:#fff;
     font-weight:600;
     }
     
#wrapper #footer #sitemap ul li a:hover
 {
     color:#dcad67;
     }  


#wrapper #footer #endfooter 
{
    background:#0066ab; /* Old browsers */
		
		background-image:-moz-linear-gradient(top,#0066ab 0%,#0066ab 100%);
		/*background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#003f5e),color-stop(100%,#003f5e));
		background-image:-webkit-linear-gradient(top,#003f5e 0%,#003f5e 100%);*/
		background-image:-o-linear-gradient(top,#0066ab 0%,#0066ab 100%);
		background-image:-ms-linear-gradient(top,#003f5e 0%,#003f5e 100%);
		background-image:linear-gradient(top,#003f5e 0%,#003f5e 100%);
	height:45px;
	width: 1024px;
	padding-top:5px;
}

img{
	max-width:100%;
	height:auto;
}

.logodiv
{
    width:1024px;
    height:auto;
    float:left;
    
        
    }
 .headeroneimg
 {
     width:1024px;
     height:auto;
     float:left;
     margin-top:20px;
     } 
.clear
{
    clear:both;
    }



#midcot
{
    width:100%;
    height:auto;
    }

#midcot img
{
    float:left;
    margin-left:10px;
    margin-top:-3px;
    box-shadow:1px 2px 5px rgba(0,0,0,0.9);   
    }

#midcot h1
{
    background-image:url(../images/contrans.png);
    background-position:left;
    background-repeat:no-repeat;
    background-color:#AD5A37;    
    text-shadow:0 2px 0 rgba(0,0,0,0.4);
    font:Verdana 1.5em 150%;
    color:#FFF;
    font-size:21px;
    margin-left:0px;
    margin-bottom:10px;
    margin-top:10px;
    line-height:1.7;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    box-shadow:0px 4px 10px rgba(0,0,0,0.9);
    
    }

h3
{
    margin-left:20px;
    font-size:15px;
    color:#e5097f;
    font-weight:700;
    }
    
.patch
{
    background-color:#f0faf9;
    width:94%;
    margin:0 auto;
    padding-top:10px;
    padding-bottom:20px;    
    }
    
    
#content_right table
{
    margin:0 auto;
    width:90%;
    height:auto;
    }
     
table.event h3
{
    font-size:17px;
    color:#fff;
    font-weight:700;
    margin:0;
    padding:0;
    }

table.event h3
{
    border-bottom:1px solid #fff;
    padding-bottom:5px;
    margin-bottom:10px;
}

table.event img
{
    margin-bottom:15px;
    }

table.p a
{
    text-decoration:none;
    color:#000;
    }
    
table.p a:hover
{
    color:#234983;
    }


h2
{
    /*background-image:url(../images/contrans.png);
    background-position:left;
    background-repeat:no-repeat;
    background-color:#AD5A37;
    box-shadow:0px 4px 10px rgba(0,0,0,0.9);*/
    color:#;
    font-size:20px;
    line-height:1.5;
    margin-left:10px;
    margin-top:10px;
    }
    
.border
{
    margin-left:10px;
    right: -3px;
  height: 3px;
  margin-bottom:6px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, #d2ab57, to(transparent));
  background-image: -webkit-linear-gradient(left, #d2ab57, transparent);
  background-image: -moz-linear-gradient(left, #d2ab57, transparent);
  background-image: -o-linear-gradient(left, #d2ab57, transparent);
    }
    
#wrapper #content #column #left img, #wrapper #content #column #middle img, #wrapper #content #column #right img
{
    padding-left:10px;
    vertical-align:middle;
    }


span
{
    margin-left:10px;
    padding-left:0px;
    padding-right:0;
    margin-top:4px;
    padding-bottom:4px;        
    }

#span
{
    margin-right:35px;
    padding-right:3px;
    padding-right:05px;
    margin-top:4px;
    padding-bottom:4px;
        
    }
    
    
.span 
{
    padding-left:10px;
    padding-right:10px;
    color:#000;
    text-shadow:0 2px 0 rgba(255,255,255,0.3); 
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.2), #fff, rgba(0,0,0,0.2)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(0,0,0,0.2), #fff, rgba(0,0,0,0.2)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,rgba(0,0,0,0.2), #fff, rgba(0,0,0,0.2)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(0,0,0,0.2), #fff, rgba(0,0,0,0.2)); /* Standard syntax (must be last) */
    }
p
{
    font-family:Calibri;
    font-size:16px;
    text-align:justify;
    line-height:1.4em;
    margin-left:20px;
    margin-right:30px;
    margin-bottom:15px;
    }
    
ul> li
{
    
  
  /*  margin-left:50px;
    margin-right:20px;*/
   
    list-style:none;
    }
  

    
.img_box{
	/*background-image:url(../images/contrans.png);
    background-position:left top ;
    background-repeat:repeat;
    background-color:rgba(233,196,162,0.9);
box-shadow:0px 4px 10px rgba(0,0,0,0.9);*/
	margin-bottom:5px;
	margin-top:0px;
	padding:0;	}

.img_box img{
	margin-bottom:20px;
	padding:0;
	height:auto;
	max-width:90%;
}
	
.form
{
    padding-bottom:20px;
    }
	
.form a
{
    text-decoration:none;
    color:#000;
    font-weight:bold;
    }

.form a:hover
{
    color:#234983;
    font-weight:bold;
    }
    
.p p, .p h3
{
    text-align:left;
    margin:0;
    margin-left:10px;
    padding:0;
    }

.p1 p, .p1 h3
{
    text-align:center;
    margin:0;
    margin-left:10px;
    padding:0;
    }
        
.Bottom_L{
		width:700px;
		float:left;
		margin-right:24px;
		}
		
.Bottom_L p {
		margin:0;
		padding-top:10px;
		padding-left:320px;		
		color:#fff;
		}
		
.Bottom_R{
		width:500px;
		float:left;
		}
		
.Bottom_R p{
		text-align:right;
		padding:7px;
		margin:0;
		color:#fff;
		}
		
#wrapper #footer .Bottom_R a img {
	width:32px;
	height:30px;
	margin:0px;
	padding-left:5px;	
	float:right;}


	

/*@media only screen and (max-width: 1024px){
body{
	background-color:#00F;}	

	
#wrapper{
	width:98%;
	margin:2% auto;
}

#wrapper #header {
	background-color: #CCC;
	height: 150px;
	width:100%;
	margin-bottom:2%;
}

#wrapper #content {
	background-color: #CCC;
	float: left;
	height: 300px;
	width:61%;
	margin-right:2%;
}

#wrapper #sidebar {
	background-color: #CCC;
	float: left;
	height: 300px;
	width:37%;
	margin-bottom:2%;
}

#wrapper #footer {
	background-color: #CCC;
	clear: both;
	height: 100px;
	width:100%;
}		
		}
		
@media only screen and (max-width: 480px){
body{
	background-color:#F00;}		

#wrapper{
	width:98%;
	margin:2% auto;
}

#wrapper #header {
	background-color: #CCC;
	height: 150px;
	width:100%;
	margin-bottom:2%;
}

#wrapper #content, #wrapper #sidebar{
	width:100%;
	display:block;
	margin-bottom:2%;
}

#wrapper #footer {
	background-color: #CCC;
	clear: both;
	height: 100px;
	width:100%;
}		

#logo{
	display:none;
	}

#header{
	background:#;
	height:50px;}

#wrapper #header .menu li {
	display:block;
	margin-bottom:1px;
	list-style-type: none;
}
}*/



#testme{
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#DCE5F0;
	background-repeat:no-repeat;
	padding:10px;
	border:2px solid #234983;
}
#testme table
{
    width:100%;
    }
#testme table td{
	height:auto;
	margin:0;
	padding:0;
	}
	
#testme table td img
{
    padding:0;
    margin:0;
    }

#testme h3
{
    font-size:15px;
	color:#000;
	text-align:left;
	padding:0;
	margin:0;
	text-shadow:none;
	margin-bottom:10px;
	font-family:'Zurich BT', Verdana, Geneva, sans-serif;
	} 
	
#testme h3 span
{
    background:none;
    margin:0;
    padding:0;
    
    }      

#testme p
{
    font-family:'Zurich BT', Verdana, Geneva, sans-serif;
    font-size:13px;
    line-height:1.5;
	color:#000;
	margin:0;
	margin-bottom:10px;
	}  
	
	
.catcenter
{
    width:680px;
    height:auto;
    float:left;
    background-color:#f3f0d0;
    }	
.catpage
{
    width:680px;
    height:auto;
    float:left;
    overflow:hidden;
    background-color:#d6d1b8;
    margin-left:20px;
    }	
    
    
 a:link {
color: # e5097f;
text-decoration:none;
}	
/* mouse over link */
a:hover {
    color: #5d571e;
    text-decoration:none;
}

/* selected link */
a:active 
{
    text-decoration:none;
    color: #f5a953;
}
