/**
 * Unstoppable Foundation stylesheet.
 */

/* General styles */

body {
  background: #000;
  font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
  color: #838383;
}

body.whoweare,
body.beinvolved,
body.contact,
body.donate,
body.media {
  background-color: #fff;
  color: #000;
}

h1, h2, h3 {
  color: #fff;
  font-weight: normal;
}

h1 {
  font-size: 24px;
  margin: 0.5em 0 1.5em;
  color: #434343;
  text-transform: uppercase;
  letter-spacing: 2px;
}

a {
  outline: none;
  color: #F2CB43;
}

p {
  line-height: 1.5em;
}

/* layout */

#main {
  width: 1024px;
  margin: 0 auto;
  text-align: left;
}

#header {
  clear: both;
  text-align: left;
  max-height: 115px;
}


#content {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 0 20px;
  min-height: 600px;
}

body.front #content,
{
  border: none !important;
  padding: 0 !important;
  background: transparent;
  background: #000;
}

body.whoweare #content,
body.beinvolved #content,
body.contact #content,
body.donate #content,
body.media #content,
body.white #content {
  background: #fff url('images/bg-main-grey.png') repeat-x bottom center;
}

/* navigation bar */

#logo {
background:url(../images/nav_home.jpg) no-repeat; 
height: 106px;
width: 187px; 
float:left;

}

#nav ul.links {
  width: 1024px;
  height: 90px;
  padding: 0;
  margin-left: 0;
  padding-top: 35px;
}

#nav ul.links li {
  list-style: none;
  display: inline;
}

#nav ul.links li a {
  display: block;
  height: 34px;
  float: left;
  background: url('images/nav.png') no-repeat;
  text-indent: -99999px;
}

#nav ul.links li.home a {
  width: 96px;
  background-position: 0 0;
}

#nav ul.links li.home a:hover,
#nav ul.links li.home a.active{
  background-position: 0 -34px;
}

#nav ul.links li.whoweare a {
  width: 120px;
  background-position: -110px 0;
}
#nav ul.links li.whoweare2 a {
  width: 120px;
  background-position: -110px -34px;
}

#nav ul.links li.whoweare a:hover,
#nav ul.links li.whoweare a.active {
  background-position: -110px -34px;
}

#pagelink
{color: #F2CB43;}

#nav ul.links li.projects a {
  width: 100px;
  background-position: -255px 0;
}
#nav ul.links li.projects2 a {
  width: 100px;
  background-position: -255px -34px;
}

#nav ul.links li.projects a:hover,
#nav ul.links li.projects a.active {
  background-position: -255px -34px;
}

#nav ul.links li.beinvolved a {
  width: 120px;
  background-position: -380px 0;
}
#nav ul.links li.beinvolved2 a {
  width: 120px;
  background-position: -380px -34px;
}

#nav ul.links li.beinvolved a:hover,
#nav ul.links li.beinvolved a.active{
  background-position: -380px -34px;
}

#nav ul.links li.media a {
  width: 160px;
  background-position: -515px 0;
}
#nav ul.links li.media2 a {
  width: 160px;
  background-position: -515px -34px;
}

#nav ul.links li.media a:hover,
#nav ul.links li.media a.active {
  background-position: -515px -34px;
}

#nav ul.links li.contact a {
  width: 110px;
  background-position: -685px 0;
}
#nav ul.links li.contact2 a {
  width: 110px;
  background-position: -685px -34px;
}

#nav ul.links li.contact a:hover,
#nav ul.links li.contact a.active {
  background-position: -685px -34px;
}

#nav ul.links li.donate a {
  width: 123px;
  background-position: -799px 0;
}

#nav ul.links li.donate a:hover,
#nav ul.links li.donate a.active {
  background-position: -799px -34px;
}


/* main homepage content */
body.front #main-content {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 2px solid #c1c1c1;
  background: #fff url('images/bg-tall-grey.png') repeat-x bottom center;
  padding: 15px 10px;
}

body.front #main-content .projects-header {
  margin: 0 auto;
  padding-bottom: 10px;
}

body.front #main-subcontent {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #c1c1c1;
  background: #fff;
  padding: 10px;
  margin-top: 10px;
}

body.front #main-subcontent p {
  color: #434343;
  line-height: 24px;
  font-size: 13px;
}

body.front #main-subcontent td {
  padding: 3px 15px;
}

body.front #main-subcontent td.line {
  border-right: 1px solid #c1c1c1;
  padding-left: 5px;
}

/* projects */

body.projects td p {
  padding-right: 30px;
  font-size: 0.8em;
  line-height: 1.5em;
}


/* footer */

#footer {
  width: 100%;
  clear: both;
  margin-top: 30px;
}

#footer p {
  text-align: center;
  color: #666;
  font-size: 0.8em;
}