body {
	margin-top:0px;
	background-color:#EBEFEE;
	margin-bottom:0px;
	background-image:url(../images/bg-body.jpg);
	margin-bottom:0px;
	
}
#main {
	width: 900px;
	height: auto;
	background-color: #EFF0EF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
	margin-right: auto;
	margin-left: auto;
}

#top {
	background-image:url(../images/bg-top.png);
	width: 900px;height: 30px;background-color:#007C10;line-height:30px;
	 letter-spacing: 1px;        
	font-size:13px;color:#FFF; font-family:Arial, Helvetica, sans-serif; text-align:right; text-height:8px; font-weight:normal;



}
#phone {width: 880px;height: 30px;float:left;margin-top: 0PX;padding-right:50px;
}



#logo-menu {
        width: 900px;
	height: 85px;
	background-color:#016B2D;
	background-image:url(../images/1-bg-menu.png);
}
#logo{
	width:277px;
	height:78px;
     
	background-color:#016B2D;
	float:left;
        Arial:font-family,  Helvetica, sans-serif;color:#036; 
        font-size: 13px;font-weight: bold;text-shadow: 1px 0px 0px #FFF;

}
#menu {
	margin-left:0px;
	width:580px;
	height:55px;


	float:left;
	font-size:11px;
	text-align:justify;
        padding-top:20px;
        margin-right:0px;
        padding-right:0px;
        margin-top: 0PX;

}
#shadow { width:900px;
	   height:24px;
}
#about {
	width: 840px;
	height: auto;
	background-color: #FFF;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #666;
	border-radius: 1em 1em 0em 0em;
	padding:40px;
	text-align:justify;
	font-size:14px
}



#image_box1 {
	width:250px;
	height:200px;
	line-height:22px;
	background-color:#FFF;
	border: 0px solid #39C;
	border-radius: 5px 5px 5px 5px;
	float:left;
	margin-left: 0px;
	margin-top:10px;
	font-size:16px;
	
	text-align:justify;
}
#image_box2  {
	width:250px;
	height:200px;
	line-height:22px;
	background-color:#FFF;
	border: 0px solid #39C;
	border-radius: 5px 5px 5px 5px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	font-size:16px;
	

	text-align:justify;
}



#box1 {
	width:800px;
	height:auto;
	line-height:22px;
	background-color:#FFF;
	border: 2px solid #39C;
	border-radius: 1em 1em 1em 1em;
	float:left;
	margin-left: 30px;
	font-size:14px;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
	text-align:left;
}
#estighfaar {
	width:515px;
	height:auto;
	line-height:22px;
	background-color:#FFF;
	border: 2px solid #39C;
	border-radius: 1em 1em 1em 1em;
	float:left;
	margin-left: 30px;
	font-size:14px;
	padding-left:15px;
	padding-right:15px;
	padding-top:20px;
	text-align:left;

}

#marqueecontainer{
position: relative;
width: 240px; /*marquee width */
height: 250px; /*marquee height */ font-family:Arial, Helvetica, sans-serif; color:#000066;
background-color: white;
overflow: hidden;
border: 1px solid  #CCCCCC; border-top: 1px solid  #ffffff; margin-top:-1px; font-weight:bold;

padding: 0px;
padding-left: 0px;
}
a {font-weight:bold;} a:hover{font-weight:bold;}

#sidebar {
	width:250px;
	height: auto;
	line-height:22px;
	background-color:#FFF;
	border: 2px solid #39C;
	border-radius: 1em 1em 5px 5px;
	float:left;
	margin-left: 15px;
	font-size:14px;
	padding:10px;
	text-align:justify;
}
#registerform {
	 width:40%;	 height:auto;	 background-color:#F0F0F0;	border: 2px solid #1885A2;	border-radius:  1em 1em 0em 0em;	padding:2em 2em 2em 2em;	float:left; 	margin-right: 10px;	margin-left: 10px;
}
#registerform1 {
	 width:200px;	 height:auto;	 background-color:#F0F0F0;	border: 2px solid #1885A2;	border-radius:  1em 1em 0em 0em;	padding:2em 2em 2em 2em;	float:left; 	margin-right: auto;	margin-left: auto;
}

.form {
	width: 100%;	background-color:#FFF;	height:30px;	font-size:15px
}
.form:hover {
    background: #CBF7CC;
	}


.textarea {
	width:100%;	height:100px;	background-color:#FFF;
}
.textarea:hover {
    background: #CBF7CC;	
 }
.button {    
	background: #1885A2;    	width:150px;
	height: 40px;border: none;    padding: 5px 15px 5px 15px;    color: #FFF;
	font-weight:bold;
}
.button:hover {
    background: #06F;
}

#co-footer {
	width: 900px;
	height:20px;
	line-height:40px;
	clear:both;
}
#footer {
	width: auto;
	height:40px;
	line-height:40px;
	clear:both;
	text-align:center;
	background-color:#036;
	margin-right: auto;
	margin-left: auto;
	color:#FFF;
}


@media screen and (max-width: 768px) {
  
#main {
	margin-bottom:0px;
	width: 100%;
	height: auto;
	background-color:#FFF;
	border-color: #666;

}
#top{
width: 100%;;
	height: 30px;
	line-height:30px;
	clear:both;
	text-align:center;
	background-color:#036;
	margin-right: auto;
	margin-left: auto;
	color:#FFF;




}
#phone{
    float: left;
    font-size: 14px;
    height: 0;
    line-height: 18px;
    margin-top: 5px;
	height: 0px;
    width: 100%;
	text-align:center;
	background-color: #EFF0EF;

}
#logo-menu {
        width: 100%;
	height: 85px;
        background-image: url(bg-menu.png);
	border-right-width: 0px;
        background-color:#FFF;
	margin-right: auto;
	margin-left: auto;

}
#logo{
	width:100%;
height:85px;
	border: 0px solid #39C;
	float:left;
	margin-left: 0px;
	line-height:5px;
	font-size:14px;
	padding:0px;
 padding-top:0px;
	text-align:center;
clear:both;
}
#menu {
	width:100%;
height:44px;
	border: 0px solid #39C;
	float:left;
	margin-left: 0px;
	font-size:14px;
	padding:0px;
clear:both;
}
#slider {

display:none;
}
#shadow { width:100%;
	   height:auto;
}
#about {
	width:80%;
	height:auto;
	line-height:22px;

	border: 0px solid #39C;
	border-radius: 0em 0em 0em 0em;
	float:left;
	font-size:14px;
	text-align:left;
		margin-left: 0px;
	font-size:14px;
	padding-left:15px;
	padding-right:5px;
	padding-top:20px;
}

#box1 {
	width:80%;
	height:auto;
	line-height:22px;
	background-color:#FFF;
	border: 0px solid #39C;
	border-radius: 0em 0em 0em 0em;
	float:left;
	font-size:14px;
	text-align:left;
		margin-left: 5px;
	font-size:14px;
	padding-left:5px;
	padding-right:10px;
	padding-top:20px;
}
#estighfaar {
	width:100%;
	height:auto;
	line-height:22px;
	background-color:#FFF;
	border: 0px solid #39C;
	border-radius: 0em 0em 0em 0em;
	float:left;
	font-size:14px;
	text-align:left;
		margin-left: 0px;
	font-size:14px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
}
#sidebar {
        width:85%;
	height: auto;
	background-color:#FFF;
	border: 0px solid #39C;
}
#registerform {
	 width:80%;	 height:auto;	 background-color:#F0F0F0;	 margin-right: auto;	margin-left: auto;	border: 2px solid #1885A2;	border-radius:  1em 1em 0em 0em;	padding:1em 1em 1em 1em;
}

.form {
	width: 100%;	background-color:#FFF;	height:30px;	font-size:15px
	}
.malefemale {	
	width: 100%;	background-color:#FFF;	height:15px;	text-align:center;
}
.textarea {
	width:100%;	height:100px;	background-color:#FFF;

}
.name{	
	text-align:left;	color:#360;
	
}
 {
	width:100%;	height:100px;	background-color:#CFC;
 
	
 }
.button {    
	background: #1885A2;    border: none;    padding: 5px 15px 5px 15px;    color: #FFF;
	font-weight:bold;
}
.button:hover {
    background: #06F;
}
	

#co-footer {
	width: 100%;
	height:20px;
	line-height:40px;
	clear:both;
}
#footer {
	width: 100%;;
	height:100%;
	line-height:25px;
	clear:both;
	text-align:center;
	background-color:#036;
	margin-right: auto;
	margin-left: auto;
	color:#FFF;
}
.h1 {
	font-family: Arial, Helvetica, sans-serif;
font-size: 30px;color: #1885A2;font-weight: bold;text-shadow: 0px 0px 0px #FFF;line-height:30px;
}
}