@charset "UTF-8";
/* CSS Document */

body  {
	background-image:  url(img/MOW/site_bg-01.png);  
}

#logo  {
	position:  fixed;
	top: 0;
	left:  5;
	background-image:  url(img/mowLogo_150.png);
	width:  150px;
	height:  150px;	
	z-index:  100;
}

#mowm  {
	position:  fixed;
	top: 0;
	left:  0;
	margin-bottom:  50px;
	margin-top:  -20px;
	margin-left:  175px;
	font-size:  46px;
	font-family: 'Roboto Slab', serif;
	font-weight:  700;
	width:  800px;
	height:  50px;
	z-index:  100;	
}

#white  {
	background-color:  #FFF;
	width:  100%;
	height:  150px;	
	position:  fixed;
	left:  0;
	top:  0;
	margin:  0 0 0 0;
	z-index:  15;
}

#contact  {
	position:  fixed;
	top: 0;
	right:  0;
	width:  250px;
	height:  100px;	
	z-index:  100;
	margin-top:  10px;
	margin-right:  -5px;
	font-family: 'Raleway', sans-serif;
	background-color:  #FFF;
}

#contact  p.call  {
	margin-top:  -10px;	
}

#social  {
	margin-left:  15px;	
}

# social  a  {
	opacity:  0.8;	
}

#social  a:hover   {
	opacity:  1;	
}

#paypal  {
	margin-left:  0px;
	background-color:  #FFF;	
}

#navbar  {
	background-color:  #303030;  
	width:  100%;
	height:  50px;	
	position:  fixed;
	left:  0%;
	top:  120px;
	margin:  0 0 0 0;
	z-index:  150;
}

a:link  {
	color:  #FFF;
	text-decoration:  none;	
}

a:link.email   {
	color:  #000;
	text-decoration:  underline;	
}

a:visited  {
	color:  #FFF;	
}

a:hover  {
	border-top-color:  #FFF;
	border-top-style:  solid;
	border-top-width:  1px;	
}

#navbar  ul  {
	width:  100%;
	height:  75px;
	position:  absolute;
	right:  0;
}

#navbar  li  {
	width:  10%;
	height:  75px;
	float:  left;
	list-style:  none;
	padding-left:  10%;
	margin-left:  auto;
	margin-right:  auto;
	margin-top:  -3px;
	font-family: 'Roboto Slab', serif;
	font-weight:  300;
	font-size:  18px;
	color:  #FFF;
	text-decoration:  none;
}

#navbar  li.volunteer  {
	padding-left:  7%;	
}

#container  {
	width:  800px;
	height:  800px;
	position:  relative;
	margin-left:  auto;
	margin-right:  auto;	
	margin-top:  180px;
}

#banner  {
	width:  800px;
	height:  200px;
	color:  #000;
	font-size:  36px;
	margin-left:  auto;
	margin-right:  auto;
	position:  relative;
	margin-top:  60px;
	z-index:  9;
	font-family:  'Raleway', sans-serif;	
}

#title  {
	width:  300px;
	height:  75px;
	background-color:  #3B429B;
	z-index:  10;
	margin-left:  0px;
	margin-top:  -30px;
	position:  absolute;
	box-shadow: 5px 5px 5px #888888;	
}

#title  p  {
	font-family:  'Raleway', sans-serif;
	font-weight:  500;
	font-size:  36px;
	color:  #FFF;
	margin-left:  15px;
	font-weight:  300;
	margin-top:  15px;
}

#volunteer  {
	width: 200px;
	height:  200px;
	background-image:  url(img/BIGGER!/vol_icon.png);
	position:  absolute;
	margin-top:  100px;
	margin-left:  20px;
}

#volunteer:hover  {
	background-image:  url(img/BIGGER!/vol_icon_hover.png);	
}

#donate  {
	width: 200px;
	height:  200px;
	background-image:  url(img/BIGGER!/donate_icon.png);
	position:  absolute;
	margin-top:  100px;
	margin-left:  290px;	
}

#donate:hover  {
	background-image:  url(img/BIGGER!/donate_icon_HOVER.png);	
}

#meals  {
	width: 200px;
	height:  200px;
	background-image:  url(img/BIGGER!/meal_icon.png);
	position:  absolute;
	margin-top:  100px;
	margin-left:  580px;		
}

#meals:hover  {
	background-image:  url(img/BIGGER!/meal_icon_hover.png);  	
}

#vText  {
	width: 200px;
	height:  200px;
	position:  absolute;
	margin-top:  300px;
	margin-left:  62px;	
	color:  #000;
	font-family:  'Raleway', sans-serif;
	font-weight:  400;
	font-size:  24px;	
}

#dText  {
	width: 200px;
	height:  200px;
	position:  absolute;
	margin-top:  300px;
	margin-left:  350px;	
	color:  #000;
	font-family:  'Raleway', sans-serif;
	font-weight:  400;
	font-size:  24px;
}

#mText  {
	width: 200px;
	height:  200px;
	position:  absolute;
	margin-top:  300px;
	margin-left:  625px;	
	color:  #000;
	font-family:  'Raleway', sans-serif;
	font-weight:  400;
	font-size:  24px;
}

#vSubText  {
	width: 200px;
	height:  200px;
	position:  absolute;
	margin-top:  340px;
	margin-left:  107px;	
	color:  #3B429B;
	font-family:  'Raleway', sans-serif;
	font-weight:  700;
	font-size:  14px;	
}

#dSubText  {
	width: 200px;
	height:  200px;
	position:  absolute;
	margin-top:  340px;
	margin-left:  367px;	
	color:  #3B429B;
	font-family:  'Raleway', sans-serif;
	font-weight:  700;
	font-size:  14px;
}

#mSubText  {
	width: 200px;
	height:  200px;
	position:  absolute;
	margin-top:  340px;
	margin-left:  675px;	
	color:  #3B429B;
	font-family:  'Raleway', sans-serif;
	font-weight:  700;
	font-size:  14px;
}


#footer  {
	width:  800px;
	height:  100px;
	background-color:  #3B429B;
	margin-left:  0px;
	margin-top:  500px;
	position:  absolute;
}

#footer  p  {
	color:  #FFF;
	font-size:  14px;
	font-family: 'Raleway', sans-serif;
	margin-left:  15px; 	
}

#footer  p.footer  {
	margin-top:  -5px;	
}

#footer  a.footmail  {
	color:  #F6EBFF;
	text-decoration:  none;
	border-top:none;
}