body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.err {	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red;
}

.container {
width: 100%;
margin-right: auto;
margin-left: auto;
background-color: #f8f8f8;

color: #FFF;
height:auto;
}

.headerbg{
width:100%;
background-image:url(../images/background.jpg);
}

.header{
width:80%;
margin:auto;

}
.logo{
width:45%;
float:left;
padding:15px;
}
.donate{
width:50%;
float:right;
text-align:right;
}
.menu{
width:80%;
clear:both;
margin:auto;
}

.animation{
width:80%;
padding:0px;
background-color:#FFFFFF;
margin:auto;
border: 2px solid;
    border-radius: 15px;
}
.animation img{
width:100%;
}

.sloganbg{
text-align:center;
width:100%;
background-color:#f2f2f2;
background-image:url(../images/bg1.jpg);
background-position:center;
background-repeat:repeat;
padding:10PX 0px;
}
@font-face {
    font-family: myFirstFont;
    src: url(Geo706bc.ttf);
}

.slogan{
font-family:myFirstFont;
font-size:35px;
margin-bottom:15px;
line-height:normal;
padding:25px 0px 0px 0px;
text-transform:uppercase;
text-align:center;
color:#fff;}

.sloganbg1{
background-image:url(../images/bg1.jpg);
background-color:#333;
height:40px;
}
.top{
width:100%; height:px; background-color:#333333;
}
.topmenu{
width:80%; height:0PX; margin:auto;
}
.chat{
width:auto; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; margin-top:12px; font-size:12px; float:right;
}
.chat a{
 color:#CCCCCC; text-decoration:none;
}
.chat a:hover{
color:#FF6600;
}
.contact{
width:auto; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; margin-right:20px; font-size:12px; margin-top:12px; float:right;
}
.contact a{
color:#CCCCCC;
}
.contact a:hover{
color:#FFF;
}
.help{
width:auto; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; margin-right:20px; font-size:12px; margin-top:12px; float:right;
}
.help a{
color:#CCCCCC;
}
.help a:hover{
color:#FFF;
}
.help{
width:auto; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; margin-right:20px; font-size:12px; margin-top:12px; float:right;
}
.helpline{
width:auto; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; float:left; font-size:12px; margin-top:12px;
}
.arrow{
text-align:center;
}
.col1{
width:23%; 
float:left;
margin-left:14px;
background-color:#e1e1e1; 
border: 1px solid #CCCCCC;
border-radius: 8px;
}
@font-face{
font-family: my;
src: url(Geo706bc.ttf);
}

.title{
font-family:my;
font-size:28px;
color:#555;
line-height:normal;
text-transform:uppercase;
text-align:center;
padding-top:5px;
}

.col1_desc{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:18px;
text-align:center;
padding: 15px 10px 15px 10px;
}
.col1_desc img{
width:100%;
}

.content{
width:100%;
height:400px;
margin:auto;
padding-top:15PX;
}
.leftcol{
width:75%;
float:left;
background-color:F2F2F2;
padding:5px;
}
.rightcol{
width:22%;
float:left;
background-color:#CCCCCC;
padding-left:5px;
}

.ser_title{
width:100%;
margin-top:0px;
margin-left:0px;
padding-top:20px;
color:#660033;
font-family:Arial, Helvetica, sans-serif;
font-size: 23px;
}
.ser{
width:100%;
margin-top:9px;
line-height:25px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
.icon{
float:left;

}
.ctitle{
font-family:myFirstFont;
font-size:25px;
color:#0099CC;
margin-bottom:15px;
}
.company{
font-family:myFirstFont;
font-size:25px;
color:#0099CC;
margin-bottom:15px;
}

.overview{
width:100%;
float:left;
}
.{
width:25%;
float:left;
margin-right:5px;
}
.image img{
width:100%;
}

.helpimage{
width:15%;
float:left;
margin-right:5px;
}
.helpimage img{
width:100%;
float:left;
}
.rightcol1{
float:left;
width:90%;
background-color:#fff;

padding:10px;
}
.form{
float:left;
width:50%;
padding:10px;
margin-top:10px;
height:auto;
}
.heads{
width:30%;
float:left;
}

.fields{
line-height:20px;
font-size:12px;
margin-top:5px;

list-style:inside;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}

.txtfields{
list-style:inside;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
.input{
float:left;
}

.contact{
width:30%;
  font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; margin-right:20px; font-size:12px; margin-top:12px; float:right;
}
.contact a{
color:#CCCCCC;
}
.contact a:hover{
color:#FFF;
}
.footer_social{
 font-family:Arial, Helvetica, sans-serif; color:#000; margin-top:12px; font-size:12px; float:right;
}

.companydesc{
width:96%;
float:left;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.orgdesc{
width:95%;
float:left;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.calendar{
width:95%;
margin:auto;
}
.month{
width:95%;
background-color:#0066FF;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
padding:6px;
text-align:center;
}
.day{
width:13%;
padding:3px;
float:left;
border-right:#333333 1px inset;
background-color:#990000;
text-align:center;
}
.dates{
width:13%;
height:155px;
padding:3px;
border-right:#999 1px solid;
background-color:#F5F5F5;
float:left;
}
.date{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#CCCCCC;
color:#000000;
}
.event{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
.time{
font-weight:bold;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.button{ display:inline-block; color:#363c39; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:40px; float:right; padding:0 15px; text-decoration:none; background:#CCCCCC;}

.button:hover{ background:#000; color:#fff}

.text{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
margin-bottom:10px;
line-height:20px;
}

.services{
width:100%;
clear:both;
margin-top:25px;
padding-top:15px;
background-color:#fff;
height:200px;

}
.stp1{ width:30%; float:left; margin-left:12px; background:url(images/st1.png); background-position:center; background-repeat:no-repeat;}
.stp2{ width:30%; float:left; margin-left:20px; background:url(images/st1.png); background-position:center; background-repeat:no-repeat;}
.stp3{ width:30%; float:left; margin-left:20px; background:url(images/st1.png); background-position:center; background-repeat:no-repeat;}

.ste1img{padding:10px; background-color:#FFFFFF; margin:auto; text-align:center;}
.ste1img img{width:100%;}
.step1desc{font-family:Arial, Helvetica, sans-serif; color:#222; font-size:12px; text-align:center; padding:8px 8px 8px 8px;}

.keywords{
width:80%;
margin:auto;
}

.heading{
font-family:my;
font-size:28px;
color:#555;
line-height:normal;
text-transform:uppercase;
margin-bottom:6px;
padding-top:5px;
}



.bottom{
width:100%;
clear:both;
margin:auto;
background-color:#000000;
background-image:url(../images/bg1.jpg);
background-position:center;
background-repeat:repeat;
}

.footer{
width:80%;
clear:both;
margin:auto;
}

.fotr-bg{ background:#0099CC; repeat-x; width:960px; height:100px; margin-top:0px; padding:0px; margin-left:auto; margin-right:auto;}
.fotr-dwn{ background:url(../images/fotr-dwn.jpg) no-repeat top; width:980px; height:10px;}

.ftr-lft{ width:65%; float:left;}
.ftr-rgt{ width:35%; float:right;}

.footer-menu {padding:10px 0 10px 0px;}
.footer-menu ul{list-style:none; }
.footer-menu ul li{padding:0px 8px; float:left; margin:0; font:normal 11px/10px Arial, Helvetica, sans-serif; border-right:1px solid #565656; color:#565656;}
.footer-menu ul li a{ color:#666; text-decoration:none;}
.footer-menu ul li a:hover{ color:#660033; text-decoration:none;}
.cpyryt{ font:normal 11px/18px Arial, Helvetica, sans-serif; color:#fff; padding:0px 0 0px 100px; margin-top:10px;}
.cpyryt strong{ color:#fff;}
.cpyryt a{ color:#fff;}
.cpyryt a:hover{ color:#999;}


@media all and (max-width: 1280px){
.header{
width:90%;
margin:auto;
}
.logo{
width:30%;
float:left;
text-align:center;
}
.donate{
width:50%;
float:right;
text-align:right;
}
.menu{
width:90%;
clear:both;
margin:auto;
}
.animation{
width:90%;
padding:0px;
background-color:#FFFFFF;
margin:auto;
}
.animation img{
width:100%;
}
}
@media all and (max-width: 1024px){
.header{
width:90%;
margin:auto;
}
.logo{
width:30%;
float:left;
text-align:center;
}
.donate{
width:50%;
float:right;
text-align:right;
}
.menu{
width:90%;
clear:both;
margin:auto;
}
.animation{
width:90%;
padding:0px;
background-color:#FFFFFF;
margin:auto;
}
.animation img{
width:100%;
}
.slogan{
font-family:myFirstFont;
font-size:30px;
margin-bottom:20px;
padding-top:25px;
text-transform:uppercase;
text-align:center;
color:#FFFFFF;
}
.sloganbg1{
background-image:url(../images/bg1.jpg);
height:30px;
}


.overview{
width:100%;
float:left;
}
.image{
width:100%;
float:left;
}
.image img{
width:100%;
}
.companydesc{
width:100%;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
.content{
width:80%;
}
.leftcol{
width:100%;
float:left;
background-color:F6F6F6;
padding:5px;

}
.rightcol{
width:100%;
background-color:#F3F3F3;
margin:auto;

}
.ser_title{
width:100%;
margin-top:0px;
padding-top:20px;
color:#660033;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: 23px;
}
.ser{
width:100%;
margin-top:9px;
text-align:center;
line-height:20px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
.stp1{ width:30%; float:left; margin-left:12px; background:url(images/st1.png); background-position:center; background-repeat:no-repeat;}
.stp2{ width:30%; float:left; margin-left:10px; background:url(images/st1.png); background-position:center; background-repeat:no-repeat;}
.stp3{ width:30%; float:left; margin-left:20px; background:url(images/st1.png); background-position:center; background-repeat:no-repeat;}

.company{
width:50%;
text-align:center;
margin:auto;
font-family:myFirstFont;
font-size:25px;
color:#0099CC;
margin-bottom:15px;
}

.text{
width:100%;
margin:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
margin-bottom:10px;
line-height:20px;
}

.calendar{
width:100%;
margin:auto;
}
.month{
width:96%;
background-color:#0066FF;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
padding:3px;
text-align:center;
}
.day{
width:13%;
padding:3px;
float:left;
border-right:#333333 1px inset;
background-color:#990000;
text-align:center;
}
.dates{
width:13%;
height:155px;
padding:3px;
border-right:#999 1px solid;
background-color:#F5F5F5;
float:left;
}
.date{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#CCCCCC;
color:#000000;
}
.event{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
.time{
font-weight:bold;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
}

@media all and (max-width: 700px){
.donate{
width:100%;
text-align:center;
}
.topmeny{
height:auto;
}
.sloganbg1{
height:85px;

}
.logo{
width:80%;
}
.logo img{
width:80%;
}

.day{
width:12%;
padding:4px;
float:left;
border-right:#333333 1px inset;
background-color:#990000;
text-align:center;
}
.dates{
width:12%;
height:155px;
padding:4px;
border-right:#999 1px solid;
background-color:#F5F5F5;
float:left;
}
.menu{
width:80%;
margin:auto;
}
.image{
width:75%;
float:left;
}
.image img{
width:100%;
}

}