/* CSS Document */

body{
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#444444;
font-size:12pt;
background:#FFFFFF url(images/bgimg.jpg) repeat-x top;
}

a {
color:#008acd;
text-decoration:none;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20pt;
color:#0093c4;
}

input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
margin:2px 0 20px 10px;
background: #FFFFFF url(images/inputbg.jpg) repeat-x top;

}

textarea{
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
margin:2px 0 20px 10px;
background: #FFFFFF url(images/inputbg.jpg) repeat-x top;
}

button{
clear:both;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
height:31px;
background:#666666 url(images/bntbg.jpg) repeat-x;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

label{
display:block;
font-weight:bold;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size:10pt;
float:left;
padding-left:4px;
padding-right:4px;
}

h4{
font-size:15pt;
}

img{
border:none;
}

#wrapper {
margin: 0 auto;
width:865px;
padding-top:50px;
}

#logonav {
width:100%;
clear:both;
}
#logoarea{
width:22%;
float:left;
}
#navarea{
width:78%;
float:right;
text-align:right;
}
#nav {
margin-top: 50px;
}
#nav a {
color:#008acd;
text-decoration:none;
padding-left: 12px;
font-size:10.5pt;
text-transform:uppercase;
}
#nav a:hover {
color:#999;
}

#divider {
width: 100%;
border-bottom:#999999 thin solid;
clear:both;
}

#dividertwo {
width:100%;
border-bottom:thin double #333366;
clear:both;
}

#intro {
width:100%;
text-align:center;
font-size:13pt;
clear:both;
color:#999;
}

#bannerarea {
width:100%;
clear:both;
border-top: #008acd 10px solid;
}
#bannerarea img {

}

#threepaneinfo{
background-color:#f1f1f1;
}

#threepaneinfo p {
padding-left: 15px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size:12pt;
color:#000000;
text-align:left;
}

#threepaneinfo p span{
color:#018cc1;
font-size:14pt;
text-transform:uppercase;
display:block;
}

#spotlightarea {
clear:both;
margin:15px auto;
width:100%;
}
#spotlightarea img{
float:left;
padding-right:15px;
padding-bottom:10px;
width: 300px;
}
#spotlightarea a.textLink{
display:block;
}
#spotlightarea span{
color:#999;
float: right;
width: 500px;
}

#logos{
width:100%;
clear:both;
margin-top:60px;
}
#logos img {
padding:10px;
}

#footer {
width:100%;
clear:both;
font-family:"Trebuchet MS", Tahoma,  Arial, sans-serif;
text-align:center;
}
#footer a {
text-decoration:underline;
}
#agc {
width:115px;
float:left;
}
#smtext {
float:right;
text-align:left;
width:740px;
padding-left: 10px;
color:#999;
font-size:9pt;
}

#projectsarea{
width:90%;
clear:both;
padding-top:15px;
margin: 0 auto;
}

#projects{
width:90%;
clear:both;
padding-top:15px;
margin: 0 auto;
}

#projcategories{
width:20%;
float:left;
text-align:center;
}

#projdetails{
width:70%;
float:left;
text-align:left;
font-family:"Trebuchet MS", Tahoma,  Arial, sans-serif;
font-size:10pt;
}

#projpic {
float:left;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
}

#thumbnails {
clear:both;
display:block;
}

#thumbnails img{
padding:7px;
vertical-align:middle;
display:inline;
}

#thumbnails div {
display:inline;
}

#projdetails h5{
font-size:13pt;
font-weight:bolder;
}

#projdetails h5 span {
font-size:11pt;
font-weight:normal;
color:#999999;
}

#categorylist{
background-color:#f2f7f9;
width:120px;
}

#categorylist a {
font-size:11pt;
text-align:center;
display:block;
padding: 3px;
color:#003c46;
background:url(images/bgsidebaritem.jpg) repeat-x center;
font-family:"Trebuchet MS", Tahoma,  Arial, sans-serif;
text-transform:uppercase;
}

#categorylist a:hover, #categorylist a.active {
background:url(images/bgsidebarhover.jpg) repeat-x center;
color:#FFF;
}

.drkblu {
text-transform:uppercase;
color:#333366;
font-weight:bolder;
font-size:11px;
}

#newsPage p span{
color:#018cc1;
font-size:14pt;
text-transform:uppercase;
display:block;
}

#projPhotoGallery{}
#projPhotoGallery ul{list-style:none;}
#projPhotoGallery ul li{float:left; padding:5px;}