/* CSS Document */

@font-face {
        font-family: "Fertigo";
        src:url(../images/font/fertigo.otf);
}

body{ margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; }
.border{ border:#F96 solid thin;}
.headernav{ margin:auto auto 5px auto; padding:5px; width:auto; color:#FC0; }

.headernav span ul{list-style-type:none; margin:15px 0px 0px 0px; padding:0px; float:right; border:none;}

.headernav span ul li {display:inline; margin:3px auto; padding:3px 0px; color:#000; }
.headernav span ul li a img{ display:inline; margin:3px auto; padding:3px 0px; color:#000; text-decoration:none; opacity:0.3; }
.headernav span ul li a img:hover,.headernav span ul li a:hover{ text-decoration:none; border:none; margin:3px auto; padding:3px 0px;  opacity:0.9;}

.nav_menu {  margin:5px auto; padding:15px; font-size:18px; font-family:Fertigo; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#306199+0,7db9e8+100 */
background: #306199; /* Old browsers */
background: -moz-linear-gradient(top,  #306199 0%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#306199), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #306199 0%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306199', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.nav_menu ul{ list-style-type:none; margin:0px; padding:0px;}
.nav_menu ul li{display:inline; margin:5px 0px; padding:21px 0px; color:#FFF; position:relative; }
.nav_menu ul li a{text-decoration:none; margin:5px 0px; padding:21px 57px; color:#FFF; text-align:center;}
.nav_menu ul li a:hover{ color:#FFF; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#406999+0,449fe5+98 */
background: #406999; /* Old browsers */
background: -moz-linear-gradient(top,  #406999 0%, #449fe5 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#406999), color-stop(98%,#449fe5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #406999 0%,#449fe5 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #406999 0%,#449fe5 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #406999 0%,#449fe5 98%); /* IE10+ */
background: linear-gradient(to bottom,  #406999 0%,#449fe5 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406999', endColorstr='#449fe5',GradientType=0 ); /* IE6-9 */
 margin:5px 0px; padding:17px 60px;}

.nav_menu ul li:hover > ul{ display:block; margin:0px; }

.nav_menu ul li > ul
{
    position: absolute;
    top: 59px;
    left: 0px;
    width: 180px;
    list-style: none;
    padding: 0;
    margin:auto;
    display: none;	
	color:#FFF;	
	z-index:999;
	height:auto;
	text-align:left;
	border-color:none;
	border:none;
	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#306199+0,7db9e8+100 */
background: #306199; /* Old browsers */
background: -moz-linear-gradient(top,  #306199 0%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#306199), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #306199 0%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306199', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
-webkit-transition:ease-in-out 150ms linear;
}

.nav_menu ul li > ul li
{
    position: relative;
    height: auto;
	line-height:21px;
	font-size:14px;
	margin:5px auto;
	padding:0px 3px; 
	float:left;
	display:block;
	color:#FFF;	 
}

.nav_menu ul li > ul li a { display:block; color:#FFF; margin:5px auto; padding:2px 3px;}
.nav_menu ul li > ul li a:hover { color:#F63; border:none; margin:5px auto; padding:2px 3px;}

nav ul{list-style-type:none; margin:12px 0px 0px 8px; padding:0px; font-size:12px;}

nav ul li{ display:inline; margin:5px 3px; padding:7px 4px; position:relative; color:#FFF; }
nav ul li a{ text-decoration:none; margin:5px 3px; padding:7px 4px; color:#FFF; }
nav ul li a:hover{ text-decoration:none; margin:5px 3px; padding:7px 4px; color:#F90; }

.height{ margin:auto;}

.content {margin:5px auto; padding:5px;}
.content h1{ font-size:18px; line-height:21px; color:#ffffff; background:linear-gradient(to bottom, #306199 0%,#7db9e8 100%); font-family:Fertigo; padding:15px 10px; margin:10px auto 5px auto; }
.content p{line-height:21px; margin:5px 10px; text-align:justify; padding:2px; color:#000; font-size:14px;  font-family:"Bookman Old Style";}

.content h2{ font-size:16px; line-height:21px; color:#BB3B19; font-family:Fertigo; padding:3px 0px; margin:12px auto 5px auto; font-family:Fertigo;}
.content h3{font-size:14px; line-height:15px; color:#000; font-family:Fertigo; padding:3px 0px; margin:5px auto; font-family:"Bookman Old Style"; }
.content h4{font-size:12px; line-height:15px; color:#000; font-family:Fertigo; padding:3px 0px; margin:5px auto;}

.content_ul{ list-style-type:disc; margin:5px 15px; padding:5px; font-size:14px; font-family:"Bookman Old Style";}
.content_ul li{ margin:3px 5px; padding:3px; color:#000;}
.content_ul li a{ text-decoration:none; margin:3px 5px; padding:3px; color:#000;}

.news{ background-color:#F1F1F1; margin:12px auto auto auto; padding:10px; font-size:12px; color:#000; font-family:"Bookman Old Style";}
.news ul{ list-style-type:none; margin:0px; padding:0px; font-size:12px;}
.news li{ display:block; margin:0px auto; padding:15px 0px; border-bottom:3px dotted #DCDCDC; color:#F60;}
.news img{ margin:auto; float:left;}
.news div{ padding:5px;}
.news div a{ text-decoration:none; margin:0px auto; padding:15px 3px; color:#f60;}
.news div a:hover{text-decoration:none; margin:0px auto; padding:15px 3px; color:#77C4D3;}

.box{ background-color:#fff; margin:50px auto auto auto; padding:3px; }

.box span{ float:left; margin:auto;}

.box h1{color:#000; font-weight:bold; margin:0px; padding:2px; text-decoration:none; font-size:22px; line-height:21px;}

.content p,.box p,.footer p{ line-height:21px; margin:5px; text-align:justify; padding:2px; color:#000; font-size:14px;  font-family:"Bookman Old Style";}

.box p a,.box p a:hover{ text-decoration:none; margin:3px; color:#BB3B19; font-size:14px;}

.pathrunner{ margin:10px; padding:5px; }
.pathrunner a{ text-decoration:none; margin:5px; color:#09F;}


.footer{ border-top:2px solid #CCC; margin:5px auto 0px auto; padding:0px; font-family:"Bookman Old Style"; background-color:#F1F1F1;}
.footer h1{color:#BB3B19; margin:35px auto 15px auto; padding:2px; line-height:21px; font-size:21px; font-family:Fertigo; }
.list_menu { list-style-type:disc; font-size:13px; margin:0px 20px; padding:0px;}
.list_menu li{ color:#000; margin:3px 0px; padding:0px; }
.list_menu li a{ text-decoration:none; margin:3px 0px; padding:0px; color:#000;}

.list_menu li a:hover{color:#BF401E;}

.footer_menu { margin:30px auto 0px auto; border-top:2px solid #CCC; padding:15px; }
.footer_menu ul{ list-style-type:none; margin:0px; padding:0px; text-align:right;}
.footer_menu ul li{display:inline; margin:5px 0px; padding:21px 0px; color:#797979; position:relative; }
.footer_menu ul li a{text-decoration:none; margin:5px 0px; padding:21px 25px 0px 25px; font-size:14px; color:#797979; text-align:center;}
.footer_menu ul li a:hover{text-decoration:none; margin:5px 0px; padding:21px 25px 0px 25px; font-size:14px; color:#BB3B19;text-align:center;}


.socicon{ list-style-type:none; margin:0px; padding:0px;}
.socicon li{ display:inline; margin:auto;}
.socicon li a img{ display:inline; text-decoration:none; margin:3px 2px; padding:2px;}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	
	.nav_menu {  margin:5px auto; padding:15px; font-size:18px; font-family:Fertigo; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#306199+0,7db9e8+100 */
background: #306199; /* Old browsers */
background: -moz-linear-gradient(top,  #306199 0%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#306199), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #306199 0%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306199', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.nav_menu ul{ list-style-type:none; margin:0px; padding:0px;}
.nav_menu ul li{display:inline; margin:5px 0px; padding:21px 0px; color:#FFF; position:relative; }
.nav_menu ul li a{text-decoration:none; margin:5px 0px; padding:21px 40px; color:#FFF; text-align:center;}
.nav_menu ul li a:hover{ color:#FFF; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#406999+0,449fe5+98 */
background: #406999; /* Old browsers */
background: -moz-linear-gradient(top,  #406999 0%, #449fe5 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#406999), color-stop(98%,#449fe5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #406999 0%,#449fe5 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #406999 0%,#449fe5 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #406999 0%,#449fe5 98%); /* IE10+ */
background: linear-gradient(to bottom,  #406999 0%,#449fe5 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406999', endColorstr='#449fe5',GradientType=0 ); /* IE6-9 */
 margin:5px 0px; padding:17px 40px;}

.nav_menu ul li:hover > ul{ display:block; margin:0px; }

.nav_menu ul li > ul
{
    position: absolute;
    top: 59px;
    left: 0px;
    width: 180px;
    list-style: none;
    padding: 0;
    margin:auto;
    display: none;	
	color:#FFF;	
	z-index:999;
	height:auto;
	text-align:left;
	border-color:none;
	border:none;
	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#306199+0,7db9e8+100 */
background: #306199; /* Old browsers */
background: -moz-linear-gradient(top,  #306199 0%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#306199), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #306199 0%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #306199 0%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306199', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
-webkit-transition:ease-in-out 150ms linear;
}

.nav_menu ul li > ul li
{
    position: relative;
    height: auto;
	line-height:21px;
	font-size:14px;
	margin:5px auto;
	padding:0px 3px; 
	float:left;
	display:block;
	color:#FFF;	 
}

.nav_menu ul li > ul li a { display:block; color:#FFF; margin:5px auto; padding:2px 3px;}
.nav_menu ul li > ul li a:hover { color:#F63; border:none; margin:5px auto; padding:2px 3px;}


}
@media screen and (min-width: 0px) and (max-width: 767px) {
	
.height{ margin:0px auto auto auto;}

.footer_menu { margin:5px auto; }

.footer_menu ul{ list-style-type:none; margin:0px; padding:0px; text-align:left;}
.footer_menu ul li{display:inline-block; margin:5px 0px; padding:0px; color:#F93; position:relative; }
.footer_menu ul li a{text-decoration:none; margin:5px 0px; padding:5px; font-size:13px; color:#F93; border:none; }
.footer_menu ul li a:hover{text-decoration:none; margin:5px 0px; padding:5px; font-size:13px; color:#900; border:none; }
}