*{margin:0;padding:0}
.clear:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear {display: inline-block;}
* html .clear {height: 1%;clear:both}
.clear {display: block}
*>.clear{overflow:hidden}


img,fieldset{border:0}
body{margin: 0px; padding: 0px;background-color: #D1E8CC;}
a{color:#3b378a;text-decoration:none}
a:hover{text-decoration:underline}


h1 {color: #FFBA00}
h2{padding-top:20px; padding-left:10px;}

#pages{width:1024px;height:auto !important;min-height:100%;height:100%; margin:0 auto; padding: 0px;  background-color: #D1E8CC; font-family; arial, tahoma, verdana; font-size: 12pt;  position: relative; }

#top {width: 1024px; height: 368px;  background-image: url('img/sky.jpg'); background-position: top left; background-repeat: no-repeat;font-family; arial, tahoma, verdana; font-size: 21px; color: white;}

#green {width: 1024px; height: 368px;  background-image: url('img/green.jpg'); background-position: bottom left; background-repeat: no-repeat;}

#logo {left: 125px; top: 60px; position: relative; width: 770px; height: 64px; font-weight: 700}

#logo div {float: left; width: 390px}

#logo img {margin-left: 100px; border: none; width: 264px; height: 57px; float: left}

#slogan {position: relative; left: 205px; top: 70px; width: 1600px; font-size: 20px; font-family: verdana, tahoma;  font-weight: 700; height: 170px;  text-align: center; border: 1px solid red;}

#slogan1 {position: absolute; left: 122px; top: 290px; padding: 0px; width: 780px; height: 60px;  font-size: 46px;  text-align: center; font-weight: 700}

#content {width: 990px;height:auto !important;min-height:100%;height:100%; margin:0 auto;  padding-left: 15px; padding-right: 15px; text-align: center;  }

.titl {font-size: 90%; color: black;}


#content1 {width: 990px;height:auto !important;min-height:100%;height:100%; margin:0 auto;  padding-left: 15px; padding-right: 15px; text-align: center;  }



#content0 {width: 750px; float:none;font-weight:700;padding-left: 15px; padding-right: 15px; text-align: justify!important; color: black; font-size: 16px; font-family: arial,tahoma,verdana}

#content0 h1,h3 {font-size: 18px; color: #103C10; margin: 10px; text-align:center}


#main {width: 780px;  margin-top: 7px; margin-right: 0px; margin:0 auto; text-align: center;  color: black; }

#main p {text-align: left; margin-top: 5px; margin-bottom: 5px; margin-left: 0px;  text-indent: 0px}

#main img {border: none; margin-top: 15px; margin-bottom: 5px;}

#column {width: 250px; height: auto; float: left; margin-top: 10px; margin-right: 4px; margin-left: 3px; margin-bottom: 10px;  }

.lefter {margin-right: 0px}

#number1, #number2, #number3 {width: 250px; height: 88px;text-align: left; background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px;}

#number1 { background-image: url('img/1.jpg');}

#number2 { background-image: url('img/2.jpg');}

#number3 { background-image: url('img/3.jpg');}

.smalltext {font-family; arial, tahoma, verdana; font-size: 12px; color: white; padding: 10px; text-align: left; width: 130px; height: 60px;}

.button {width: 242px; height: 49px; margin-top: 10px; padding-top: 8px; text-align: center; color: white; font-size: 19px; font-weight: 700; background-image: url('img/button.jpg'); background-position: top left; background-repeat: no-repeat}

.button a{text-decoration: none; color: white; text-transform: uppercase}

.button a:hover {text-decoration: underline;}

#footer {width: 780px; height: 90px; margin:0 auto; background: url('img/footer.jpg') top left no-repeat; font-size: 16px; color: white; font-weight: 700; }

#footer div {padding: 25px}

#footer1 {width: 100%; height: 90px; margin:0 auto; text-align: center; background: url('img/footer1.jpg') top left repeat-x; font-size: 18px; color: white; font-weight: 700; }

#footer1 div {padding: 25px}

#footer1 a{text-decoration: none; color: white; text-transform: uppercase}

#footer1 a:hover {text-decoration: underline;}


.top_but{padding-top:0;padding-left:1px;}