/* PAGE */
body{
background-color:#ffd67e;
}

h1{
font-size:27px;	
line-height:10%;
text-align:center;	
}

h2{
font-size:27px;
line-height:10%;
}
/* HEADER */
#Header{
height:185px;
width:1005px;

margin:auto;
margin-top:5px;

background:url("Header.png") no-repeat;
}

#Header #Header_Image{
height:180px;
width:1000px;

margin:auto;
}

#Header #Logo{
height:180px;
width:180px;

margin:0px 50px;

}

/* Social 
#Social{
height:20px;
width:1000px;

margin:auto;
margin-top:3px;

background-color:#CCC;
} */

/* Menu */
#Menu{
height:80px;
width:1000px;

margin:auto;
margin-top:-15px;
padding-left:15px;

}

#Menu .Sep{
height:80px;
width:10px;

float:left;

background:url("SepB.png") no-repeat 0px 0px;
}

#Menu #HomeB{
height:80px;
width:120px;

float:left;
margin-left:25px;

background:url("HomeB.png") no-repeat 0px 0px;
}

#Menu #ComponentsB{
height:80px;
width:220px;

float:left;

background:url("ComponentsB.png") no-repeat 0px 0px;
}

#Menu #WhoWeAreB{
height:80px;
width:220px;

float:left;

background:url("WhoWeAreB.png") no-repeat 0px 0px;
}

#Menu #ContactUsB{
height:80px;
width:198px;

float:left;

background:url("ContactUsB.png") no-repeat 0px 0px;
}

#Menu #DonateB{
height:80px;
width:132px;

float:left;

background:url("DonateB.png") no-repeat 0px 0px;
}
/* COMPONENTS MENU */
#Components{
height:190px;
width:450px;

position: absolute;
margin-top:-10px;
margin-left:700px;

padding-top:5px;

background-color:#ffae00;

visibility:hidden;
}

#Components a{text-decoration:none};
#Components a:link{color:ffffff;}
#Components a:visited{color:#ffffff;}
#Components a:hover{color:#000;}
#Components a:active{color:#ffffff;}

#ProDev{
height:50px;
width:450px;

padding-left:4px;
}

#ComSitDev{
height:50px;
width:450px;

padding-left:4px;
}

#ParForAdvMat{
height:50px;
width:450px;

padding-left:4px;
}

#YouIni{
height:50px;
width:450px;

padding-left:4px;
}

/* Main */
#Main{
height:1050px;
width:1000px;

margin:auto;
margin-top:10px;
padding-left:5px;
padding-right:5px;

background-color:#ffe09e;

overflow:auto;
}

/* CONTACT FORM */

#Contact_Us{
height:675px;
width:410px;

background: url("Contact_back.png") no-repeat;

float:left;

margin-left: 25px;
margin-top: 25px;
padding-left: 20px;
padding-top: 20px;
}

#tracker{
height:290px;
width:300px;

position: absolute;
margin-top:-30px;
margin-left:150px;

//background-color:#fff;

padding-top:5px;
}

#Contact1{
height:300px;
width:400px;

float:left;

margin-left:30px;
margin-top:35px;
}

#Contact2{
height:900px;
width:400px;

float:left;

margin-left: 120px;
margin-top:35px;
}

form .Input{
margin-bottom: 13px;
font-size: 18px;
}

/* Footer */
#Footer{
	height:100px;
	width:1000px;
	margin:auto;
	margin-top:5px;
	font-size:14px;
}

#Site_Links{
height:100px;
width: 620px;

float:left;

margin-left:10px;
margin-right:30px;
}

#Footer a{text-decoration:none;}
#Footer a:link{color:#000;}
#Footer a:visited{color:#000;}
#Footer a:hover{color:orange;}
#Footer a:active{color:orange;}

nav{
margin: auto;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}

nav ul {
	background: #ffad00; 
	background: linear-gradient(top, #fff 0%, #ffad00 10%);  
	background: -moz-linear-gradient(top, #fff 0%, #ffad00 10%); 
	background: -webkit-linear-gradient(top, #fff 0%,#ffad00 10%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
nav ul li {
	float: left;
}
	nav ul li:hover {
		background: #ffba3d;
		background: linear-gradient(top, #fff 0%, #ffb51a 10%);
		background: -moz-linear-gradient(top, #fff 0%, #ffb51a 10%);
		background: -webkit-linear-gradient(top, #fff 0%,#ffb51a 10%);
	}
		nav ul li:hover a {
			color: #fff;
		}
	
	nav ul li a {
		display: block; padding: 15px 40px;
		color: #fff; text-decoration: none;
	}
nav ul ul {
	background: #ffad00; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	
nav ul ul li {
		float: none; 
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		position: relative;
	}
		nav ul ul li a {
			padding: 5px 30px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background: #ffb51a;
			}
nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
