@import url("//fonts.googleapis.com/css?family=Open+Sans");

@import url("site200.css?a=1");
@import url("site576.css?a=1"); 
@import url("site768.css?a=1");
@import url("site992.css?a=1");
@import url("site1200.css?a=1");


html, body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    overflow: auto !important;
	xborder: 3px solid red;
}


.header-top{
    margin: 0px!important;
    padding: 0px!important;
    width: 100%;
    height: 28px;
    background: #0a4a22;
	xdisplay:block;

}
.header {
display:block;
    font-size: 20px; 
    background: #006e2e;
    background: -moz-linear-gradient(top, #006e2e 0%, #094a21 100%);
    background: -webkit-linear-gradient(top, #006e2e 0%,#094a21 100%);
    background: linear-gradient(to bottom, #006e2e 0%,#094a21 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#094a21',GradientType=0 );
    Xborder-bottom: 3px solid #cdcf65;
    background-color: #156b1e;
    background-image: linear-gradient(141deg, #194e1e 0%, #268731 70%, #40a11c 100%);
    background-position: center center;
    background-size: cover;
    color: #fff;
    position: relative;
    z-index: 3;
    height: 175px; 169px;
	Xwidth:100%;
}

.header_title {
    color: #ffffff;
    margin: 0 auto;
	position:relative;
	xborder:1px solid red;
}

.header_logo_link,
.header_logo_link:hover{
text-decoration:none;
}

.header_logo {
    color: #ffffff;
    width: 200px; 180px;
    xoverflow: inherit;
    xmargin-top: -47px;
}

.header_logo .text1 {
       Xfont: bold 27px "Segoe UI Light";
        
       Xfont-family: 'Open Sans';
       Xfont-size:16.8px;
        
        Xcolor: #ffffff;
        Xtext-align: center;
        
        
        box-sizing:border-box;
		color:rgb(255, 255, 255);
		cursor:pointer;
		xdisplay:block;
		font-family:"Open Sans";
		font-size:16.8px;
		font-variant-caps:small-caps;
		font-variant-east-asian:normal;
		font-variant-ligatures:normal;
		font-variant-numeric:normal;
		font-weight:300;
		height:25px;
		line-height:25.2px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding-left:3px;
		text-rendering:optimizespeed;
		text-size-adjust:100%;
		Xwidth:1150px;
		-webkit-font-smoothing:antialiased;
}

.header_logo .text2 {
        Xfont: normal 16px "Segoe UI Light";
        Xfont-family: 'Open Sans';

        Xcolor: #ffffff;
        text-align: center;
        Xborder-top: solid 1px #FFFFFF;
        Xborder-bottom: solid 1px #FFFFFF;
        Xpadding: 3px 0px 3px 0px;
        
        box-sizing:border-box;
		color:rgb(255, 255, 255);
		cursor:pointer;
		display:inline;
		font-family:"Open Sans";
		Xfont-size:40px;
		font-weight:800;
		height:auto;
		xline-height:40px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		text-rendering:optimizelegibility;
		text-size-adjust:100%;
		width:auto;
		-webkit-font-smoothing:antialiased;
    }
   


.header_logo .text3{

box-sizing:border-box;
color:rgb(255, 255, 255);
cursor:pointer;
display:block;
font-family:"Open Sans";
font-size:12px;
font-weight:500;
height:18px;
line-height:18px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-top:10px;
min-height:0px;
text-indent:3px;
text-rendering:optimizespeed;
text-size-adjust:100%;
text-transform:uppercase;

/*width:1150px;*/

-webkit-font-smoothing:antialiased;
}




.MainContentBox {
    width: 100%;
    min-height: 500px;
}

.pageTitle {
margin-top:10px;
color:#333333;
font-size:35px;

}




/***************************************************/

.carousel {
    width: 100%;
    min-height: 345px;
    height: 345px;
    display: block;
    overflow: hidden;
    overflow-x: auto;
    position: relative;
    margin: 0 auto;
    border: 1px solid #E8E8E8;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,f2f2f2+100 */
    background: #fcfcfc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2', GradientType=0);
    /* IE6-9 */
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .2em;
    font: normal 14px "Segoe UI Light";
}

    .carousel .MainTitle {
        font-size: 22px;
        font-weight: bold;
        color: #0e3b4d;
        text-decoration: underline;
    }

    .carousel .Title {
        /*
		font-size: 18px;
        font-weight: bold;
        color: #333333;
        margin-top: 10px;
        padding-left: 20px;
		*/
		margin-top:10px;
		color:#333333;
		font-size:35px;
    }

    .carousel .Date {
        font-size: 14px;
        font-weight: normal;
        color: #333333;
        padding-left: 20px;
    }

    .carousel .Text {
        font-size: 17px;
        font-weight: normal;
        color: #333333;
        margin-top: 30px;
        padding-left: 40px;
		margin-right:40px;
        font: normal 15px verdana, arial;
    }

@media (max-width: 768px) {
    .carousel {
        padding: 5px
    }

        .carousel .MainTitle {
            font-size: 20px;
            padding-left: 8px;
        }

        .carousel .Title {
            font-size: 17px;
            padding-left: 8px;
        }

        .carousel .Date {
            font-size: 12px;
            padding-left: 8px;
        }

        .carousel .Text {
            font-size: 15px;
            padding-left: 8px;
            margin-top: 8px;
        }
}

.carousel-control-prev,
.carousel-control-next {
    width: 25px;
}


/***************************************************/

.BannerMenu {
}

    .BannerMenu a {
        filter: alpha(opacity=75);
        opacity: 0.75;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
    }

        .BannerMenu a:hover {
            zoom: 1;
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transition: opacity .15s ease-in-out;
            -moz-transition: .15s ease-in-out;
            -o-transition: opacity .15s ease-in-out;
            transition: opacity .15s ease-in-out;
        }

        .BannerMenu a img {
            border: 1px solid #E8E8E8;
        }


/*************************************************************************************************************************************/

.footer {
    display: block;
    position: relative;
    bottom: 0px; 
    width: 100%;
    height: 100px;
    overflow: hidden;
    xborder-bottom: 3px solid #cdcf65;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004163+0,002038+100 */
    xbackground: #004163;
    xbackground: -moz-linear-gradient(top, #004163 0%, #002038 100%);
    xbackground: -webkit-linear-gradient(top, #004163 0%, #002038 100%);
    xbackground: linear-gradient(to bottom, #004163 0%, #002038 100%);
    xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004163', endColorstr='#002038', GradientType=0);

	

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006e2e+0,094a21+100 */
	background: #006e2e; /* Old browsers */
	background: -moz-linear-gradient(top,  #006e2e 0%, #094a21 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #006e2e 0%,#094a21 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #006e2e 0%,#094a21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#094a21',GradientType=0 ); /* IE6-9 */
	
	
	
	background: #006e2e;
    background: -moz-linear-gradient(top, #006e2e 0%, #094a21 100%);
    background: -webkit-linear-gradient(top, #006e2e 0%,#094a21 100%);
    background: linear-gradient(to bottom, #006e2e 0%,#094a21 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#094a21',GradientType=0 );
    Xborder-bottom: 3px solid #cdcf65;
    background-color: #156b1e;
    background-image: linear-gradient(141deg, #194e1e 0%, #268731 70%, #40a11c 100%);
    background-position: center center;
    background-size: cover;
	
}

.footer_title {
    width: 99.5%;
    text-align: center;
    font: normal 12px "Segoe UI Symbol";
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 40px;
}

/*.navbar-nav{

}

.navbar-nav li a{
font-size:12px!important;
color:#FFFFFF!important;
}*/


.button-green{
  font:bold 16px "Trebuchet MS"!important;
 
   background-color: #4CAF50!important; /* Green */
  border: none!important;
  color: white!important;
  padding: 10px 32px!important;
  text-align: center!important;
  text-decoration: none!important;
  display: inline-block!important;
  
    border-radius: 4px!important;
	height:auto!important;
}

.button-small{
  font:bold 13px "Trebuchet MS"!important;
 
   background-color: #4CAF50!important; /* Green */
  border: none!important;
  color: white!important;
  padding: 10px 20px!important;
  text-align: center!important;
  text-decoration: none!important;
  display: inline-block!important;
  
    border-radius: 4px!important;
	height:auto!important;
}


.button-green:hover{
background-color:#008000!important;
}
input[type=button]:disabled,
input[type=submit]:disabled, 
input[type=reset]:disabled
button:disabled,
button[disabled]{
  border: 1px solid #999999!important;
  background-color: #cccccc!important;
  color:#999999!important;
  xbackground-color:#008000!important;
}

.button-blue{
   background-color:#003366!important; /* Green */
}

.button-red{
   background-color:#CC0000!important; /* Green */
}

.button-blue:hover{
background-color:#003399!important;
}

.ErrorMessage{
background:#FFF2F2; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2F2', endColorstr='#f9b9b9'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFF2F2), to(#f9b9b9)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fee4e4,  #eac3c3); /* for firefox 3.6+ */
background: -o-linear-gradient(top,  #fee4e4 0%,  #eac3c3 100%);
background: -ms-linear-gradient(top,  #fee4e4 0%,  #eac3c3 100%);
background: linear-gradient(top,  #fee4e4 0%,  #eac3c3 100%);

border:1px solid #b69292; #FF3C3C;
text-align:left;
color:#555555;

font:bold 18px "Trebuchet MS";
width:80%;
margin:0 auto;
padding:30px;
text-align:center;
}

.WarningMessage{
background:#FFFFCC; /* for non-css3 browsers */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFCC', endColorstr='#e8e8ba'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFCC), to(#e8e8ba)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #FFFFCC,  #e8e8ba); /* for firefox 3.6+ */
background: -o-linear-gradient(top,  #FFFFCC 0%,  #e8e8ba 100%);
background: -ms-linear-gradient(top,  #FFFFCC 0%,  #e8e8ba 100%);
background: linear-gradient(top,  #FFFFCC 0%,  #e8e8ba 100%);


border:1px solid #f0c000; #FFCC00;
text-align:left;
color:#555555;
xtext-shadow:1px 1px 0px #ffffff;


text-align:left;
color:#555555;

font:bold 18px "Trebuchet MS";
width:80%;
margin:0 auto;
padding:30px;
text-align:center;
}


.ErrorMessage{
margin-top:50px;
width:0 auto;

padding:50px 20px 50px 10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffe8+0,d6dbbf+100;Wax+3D+%231 */
background: linear-gradient(to bottom,  #feffe8 0%,#d6dbbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius:3px;
border:1px solid #CCCCCC;
font:bold 14px "Trebuchet MS";

}