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

body, html {
font:100% Arial, Helvetica, sans-serif;
background-color:#585858;
margin: 0px 0px;
padding: 0px 0px;
}

h1, h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
color:#FFFFFF;
}

body#members h3{
color:#585858;
}

a {
text-decoration:none;
color:#585858;
}

p strong{
font-weight:bold;
}

p em{
font-style:italic;
}

blockquote{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
margin-top:5px;
font-weight:200;
color:#585858;
line-height:22px;
}

.container {
margin-right:auto;
margin-left:auto;
width:900px;
height:auto;
background-color:#FFFFFF;
position:relative;
border: 2px #FFFFFF solid;
overflow:hidden;
}


p, .main .item#wide p, ul#namelist,  .list{
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#585858;
line-height:16px;
}

.item a{
color:#FFFFFF;
}

.list li {
margin-left:15px;
list-style:circle;
}


#logo{
width:100%;
height:120px;
display:inline;
}

#logo img{
margin: 20px 0 10px  40px;

}




#missionstatement{
/*position:absolute;
top:100px;
left:0;*/
width:900px;
height:67px;
background-image: url(../images/grey-back.gif);
margin-bottom:2px;
overflow:hidden;
}

#projects{
/*position:absolute;
top:169px;*/
height:320px;
width:850px;
background-image:url(../images/green-big.gif);
background-repeat:repeat-x;
padding: 0 0 0 50px;
overflow:hidden;
background-color:#C7D039;
}


ul#nav {

float:right;
/*width:270px;*/
width:360px;
margin-top:50px;
}

ul#nav li{
text-align:right;
display:inline;
margin-left:20px;

}

.current {
color:#c7d039;
cursor:default;
}

#names .current {
color:#585858;
cursor:default;
}

ul#nav li a:hover{
color:#c7d039;
}


#missionstatement h1 {
margin-left:50px;
margin-top:15px;
width:625px;
}

#missionstatement h1 a, #login a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#c7d039;
}



.main .item#button h2 {
color:#FFFFFF;
}


.item{
float:left;
width:180px;
margin-top:5px;
margin-right: 20px;
padding-right:10px;


}

#projects .item {
/*border-right: 1px #FFFFFF solid;*/
height:260px;
}
#projects .item#end{
border-right:none;
}

.main {
/*position:absolute;
top:370px;*/
padding-top:20px;
padding-left:50px;
width:850px;
}

#members .main{
padding-left:30px;
width:870px;
}

.main .item#wide{
width:390px;
margin-right:10px;
padding-bottom:20px;
}

.main .item#people{
width:630px;
margin-right:10px;
padding-bottom:20px;
}


.main .item#button{
background: url(../images/button.gif);
width:185px;
padding-left:15px;

}
.main .item#button p,  .main .item#button a {
color:#333333;
}

 .main .item#button a{
 font-weight:bold;
 }
 
 a:hover, .main .item#button a:hover, #missionstatement h1 a:hover{
color:#FFFFFF;
}

strong{
text-transform:capitalize;
font-weight:bold;
font-size:12px;
color: #585858;
}

#people a{
color:#FF6600;
font-weight:bold;
}

#people img {
float:right;
margin-left:5px;
margin-top:10px;
}

#people p {
width:500px;
}

#names a {
color:#FFFFFF;
}

#names h2, #names a:hover, #people a:hover  {
color:#585858;
}

#members h2 strong {
font-weight:bold;
}

#members .item#names{
background:url(../images/green-box.gif);
height:190px;
padding-left:19px;
width:156px;
}

.clearer{
clear: both;
}

.footer{
/*border-top:2px #585858 solid;*/
padding-top:10px;
margin-top:10px;
padding-bottom:10px;
padding-left:120px;
height:70px;

}

.credits{
font-size:10px;
text-align:center;
margin-right:10px;
}

.credits a{
color:#333333;
}

.footer a img{
margin-right:10px;
}

.bottom{
height:20px;
width:100%;
background-color:#585858;
}

.item a img{
height:110px;
width:180px;
margin-bottom:10px;
border:1px #FFFFFF solid;
}

.item a:hover img{
border:1px #585858 solid;

}

.item a:hover{
color:#585858;
}

#login{
position:absolute;
top:0px;
width:30px;
right:5px;
text-align:right;
float:right;
display:inline;
font-size:10px;
margin-right:5px;
}

h2,  h2 a, #people h2 a {
text-transform:uppercase;
color: #c7d039;
line-height:30px;
font-weight:normal;
}
#people h2 a:hover {
color: #585858;
}

#projects h2, #names h2 a  {
margin-top:10px;
color: #585858;
}