/* @override http://local.urbangiraffe.com/resources/css/contact-form.css */

#contact
{
width: 100%;
}

.contact th
{
text-align: right;
}

.contact input, .contact textarea
{
background: #f4f4f4;
border: 1px solid #b2b2b2;
color: #000;
font:  13px Verdana, Arial, Helvetica, sans-serif;
margin: 1px;
padding: 3px;
}

.contact textarea
{
width: 95%;
}

.contact input:focus, .contact textarea:focus
{
background: #fff;
border: 1px solid #686868;
}


#contact ul.top
{
margin: 0; padding: 0;
}

#contact ul.top li
{
list-style-type: none;
width: 290px;
float: left;
margin: 0; padding: 0;
height: 230px;
text-align: center;
margin: 0px 10px;
padding-top: 12px;
font-size: 0.9em;
background-color: #383827;
}

#contact ul.top li h3 a {
  letter-spacing: 2px;
  font-weight: bold;

}

#contact ul.top li img:hover {
border-color:  orange;
}

#contact ul.top li img {
margin-bottom: 5px;
border: 3px solid white;
}

#contact ul.top li p {
padding: 0 1em;
}

#contact ul.top li:hover {
background-color: #646646;
}

#contact ul.top .selected {
background-color: #646646;
}

#contact {
  background-color: #454631;
  padding: 15px 5px;
  color: #dad9c9;
  font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#contact .email {
clear:  both;
text-align: center;
background-color: #383827;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 15px 9px -15px 9px;
padding: 5px;
width: 900px;
}

#contact .email p {
  margin: 0; padding: 0;
}

#contact a {
color: orange;
font-weight: bold;

}

#contact a:hover {
color:  white;
}

#contact .email strong {
color:  white;
}

#contact form {
font-size: 1em;
}

#contact h4 {
  font-size: 1.2em;
  font-weight: bold;
}

#contact textarea {
background-color: #eee;
padding: 2px;
border: 1px solid #999;
margin: 5px 0px 10px;
color:  #333;
width:  90%;
font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#contact form input[type=file] {
margin: 5px 0px 10px;
color: #a7aa75;
}

#contact form input[type=text] {
background-color: #eee;
padding: 2px;
border: 1px solid #999;
font-size: 1em;
margin: 5px 0px 10px;
color:  #333;
}



#contact form input[type=submit] {
margin: 15px 0;
}

#contact form select {
margin: 5px 0px 10px;
}

#contact form {
margin:  40px 0 0 0;
padding: 0px;
}

#contact form label {
display: block;
color: #a7aa75;
}

#contact .details {
margin: 0 10px;
width: 900px;
}

#contact .details h4 {
  font-size: 1em;
  font-weight: bold;
  margin-top:10px;
  color: white;
}

#contact .details h3 {
margin-top: 15px;
color:  white;
font-size: 1.4em;
font-weight: bold;
}

#section_donate input[type=image] {
vertical-align: middle;
margin-left: 5px;
}

#section_donate form {
margin-bottom: 25px;
}

.response {
background-color: white;
padding: 1em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color:  red;
font-size: 1em;
}

.response a:hover{
 color:  black !important;
}