a:link {color: #0067b8; text-decoration: underline;}
a:visited {color: #0067b8; text-decoration: underline;}
a:hover {color: #0b88eb; text-decoration: none;}

body {font-family:Verdana; font-size:12px; text-align:center; margin:0; background-color:#CCCCCC;}

ul {list-style-type:square}

hr {border: none 0; border-top: 2px solid #CCCCCC; width: 100%; height: 2px;}

img {border:0; display:block;}

form {margin:0}

img.rightalign {float:right; padding:0 0 15px 15px;}

img.leftalign {float:left; padding:15px 15px 0 0;}

img.center {margin:auto;}


/* ----- MAIN ----- */

#mainarea {width:800px; margin:0px auto; text-align:left; background-color:#FFFFFF;}


/* ----- HEADER ----- */

#headerarea {background-color:#000000; height:70px;}

.headerlogo {float:left; width:259px;}
.headernav {float:left; width:540px;}
.headernav img {display:inline;}
.headernav p {margin:5px 10px 5px 0; color:#FFFFFF;}


/* ----- HOME ----- */

#flashhome {border-bottom:5px solid #FFFFFF;}

.section {float:left; width:240px; height:300px; padding:10px; background-image:url(images/home/sectionbg.gif); background-repeat:repeat-x; color:#FFFFFF;}
.section p {margin-left:25px;}

.section1 {border-right:10px solid #FFFFFF;}
.section2 {border-right:10px solid #FFFFFF;}

.section ul {color:#FFFFFF;}

.section p {margin:10px 10px 0 30px; font-size:14px;}
.section .noborder {border:none;}

.section a:link {color: #FFFFFF; text-decoration: underline; font-weight:bold;}
.section a:visited {color: #FFFFFF; text-decoration: underline; font-weight:bold;}
.section a:hover {color: #FFFFFF; text-decoration: none; font-weight:bold;}

.affiliations {clear:both; padding:15px 0; text-align:center;}
.affiliations img {display:inline; margin:0 45px; vertical-align:middle;}


/* ----- SUBPAGE HEADER ----- */

#titlebar {position:relative; clear:both; background-color:#aacfec; border-bottom:1px solid #FFFFFF;}

#subpageimg {clear:both; border-bottom:1px solid #FFFFFF;}

.breadcrumb {position:absolute; right:10px; top:15px; font-size:11px;}
.bcon {color:#656565; font-weight:bold;}


/* ----- SUBPAGE BODY ----- */

#contentsub {border-top:2px solid #000000;}

#contentsub .leftnav {width:18%; float:left; padding-left:10px;}
.leftnav p {margin:5px 0 5px 0; font-size:14px; color:#0067b8;}
.leftnav p.norm {font-size:12px; color:#000000;}
.leftnav a:link, a:visited, a:hover {text-decoration:none;}
.leftnav .lnfirst {margin-top:20px;}
.leftnav .dotbg {height:1px; background-image:url(images/subpage/navdotbg.gif);}
.leftnav ul li {list-style:none; margin:0; padding:0;}
.leftnav ul {padding:0 15px; margin:0;}

#contentsub .contentarea {width:80%; float:left;}
#contentsub .content {padding:16px;}
#contentsub .content p, ul {color:#4c4c4c; line-height:16px;}
#contentsub h1 {margin:16px 0 0 0; font-size:20px; color:#003e70; font-weight:normal;}
#contentsub h2 {font-size:16px; font-weight:bold; color:#333333;}
#contentsub .award {color:#003e70; font-style:italic; font-weight:bold;}


/* ----- CONTACT FORM ----- */

#contact label {clear:left; display:block; float:left; width:150px; text-align:right; padding-right:10px; margin-top:.5em; font-weight:bold;}
#contact label .formfield {padding:0;}
#contact fieldset {border:none; padding:8px;}
#contact legend {font-size:16px; font-weight:bold; color:#333333;}
#contact .button {text-align:center; font-size:14px; font-weight:bold; margin-top:2em; margin-bottom:.8em;}
#contact .formfield input {width:225px; margin:2px;}
#contact .formfield textarea {font-family:Verdana; font-size:12px;}


/* ----- OUR PROJECTS ----- */

.projectslist {list-style:none;}

.projectslist li {margin:20px 0 0 15px; border-bottom:1px solid #CCCCCC; font-size:16px;}
.projectslist li a {text-decoration:none;}

.awardlist {font-size:11px; font-weight:bold; margin-left:15px;}


.tablemain img {border:2px solid #333333;}

.thumbnail {position:relative; z-index:0;}

.thumbnail:hover {background-color:transparent; z-index:50;}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
padding: 5px;
bottom:0;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img {border-width:0; padding:2px;}

.thumbnailtop:hover span {visibility:visible; top:-50px; left:150px;}
.thumbnailmiddle:hover span {visibility:visible; top:-150px; left:150px;}
.thumbnailbottom:hover span {visibility:visible; top:-350px; left:150px;}


/* ----- FOOTER ----- */

#footer {clear:both; color:#FFFFFF; height:61px; background-image:url(images/footerbg.gif); background-repeat:repeat-x; border-top:5px solid #FFFFFF;}

#footer p {text-align:center; margin-top:12px; margin-bottom:0; line-height:20px;}

.copyright {font-size:11px;}

#footer a:link {color: #FFFFFF; text-decoration: underline;}
#footer a:visited {color: #FFFFFF; text-decoration: underline;}
#footer a:hover {color: #FFFFFF; text-decoration: none;}