/* Common */
body, table, input, select, textarea {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; }
body {background-color: #fff; text-align: center; }
body, form {margin: 0; padding: 0; }
input, select, textarea {font-size: 1em;}
img {border: 0;}

.img-right {float: right; border: 1px solid #000;}
#content p {margin-top: 0.9em; margin-bottom: 0.9em; line-height: 1.6em;}
h1 {color:#1D384D; text-align: left; font-size: 14px; padding: 0px 0 0px 0; margin: .6em 0px; text-transform: uppercase;}
h2 {font-size: 12px; padding: 0px 0 0px 0; margin: 0.6em 0px; text-align: left;}
h3 {font-size: 11px;  padding: 0px 0 0px 0; margin: 0px 0px 0px 0px; }
a {color: #075EA1; }
.red{color: #980E10;}
/*Form Logic */
.f input, .f select, .f textarea { font-family: verdana; font-size: 12px;  }
.f input, textarea {width: 250px; }
.f select {width: 280px; }
.f textarea {height: 120px; }
.f input:focus, select:focus, textarea:focus {border-color: #000; }
.f label {width: 130px; float: left; font-weight: bold; margin-right: 5px; text-align: right; }
.f .button{width: auto;}
.f .form_row{width: 100%; margin-bottom: 3px;}
.f .val-error{text-align: right; color: #980E10; width: 420px;}
.f calendarDateInput{width : 4.4em;  margin-right: 5px;}
.f fieldset{margin-top: 15px;padding: 10px; border: 1px solid #980E10; }
.f legend{font-weight: bold; color: #000;}
.f label.rad input{float: left; width: 30px;}
.f th{
	text-align:right;
	width:80px;
}
body{
  background-image: url(images/page-bg.jpg);
  background-repeat: repeat-x;
  background-color: #B6B9DC;
}
#wrapper{
  width: 760px;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
}
#header{
  position: relative;
  background-image: url(images/header-bg.jpg);
  background-repeat: repeat-x;
  height: 123px;
}
#logo{
  position: absolute;
  top: 25px; 
  left: 25px;
}
#header-links{
  position: absolute;
  top: 50px;
  left: 540px;
  width: 180px;  
  line-height: 15px; 
}
#header-links a{
  margin: 0 8px 0 8px;
  text-decoration: none;
  color: #1D384D;
}
#header-links a:hover{
   text-decoration: underline;
}
#header-links .home{
background-image: url(images/home-icon.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 15px;
}
#header-links .site{
  background-image: url(images/site-map-icon.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 15px;
}
#picture{
  width: 760px;
  height: 279px;

}

#menu{
  background-color: #1D384D;
  height: 181px;
 
  color: #fff;
}

#menu ul{
  margin: 0; 
  padding: 0;
 
}


#menu ul li{
  margin: 0; 
  padding: 0;
  display: inline;
  list-style-type: none;
  
  
}

#menu ul li a{
  margin: 0; 
  padding: 0;
  color: #fff;
 
 text-decoration: none; 
 display:block;
 float:left;
 width: 152px;
 height:181px; 

}

#menu ul li a.home{
background-image:url(images/nav/home.jpg);

}

#menu ul li a.client{
background-image:url(images/nav/services.jpg);

}

#menu ul li a.people{
background-image:url(images/nav/people.jpg);

}

#menu ul li a.join{
background-image:url(images/nav/join.jpg);

}
#menu ul li a.contact{
background-image:url(images/nav/contact.jpg);

}

#menu ul li a:hover,#menu ul li a.active{
	background-position: 0 181px;
}


#main{
background-image: url(images/content-bg.jpg);
background-repeat: repeat-x;

  
}
#content{
  width: 730px;
  margin: 0 auto;
  padding-top: 10px;
  text-align: left;
}


#footer{
 width: 730px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
  text-align: center;
  color: #000066;
}