body { margin:0; position:relative; text-align:center;
}
#outerwrapper { width:984px; margin:auto; text-align:left; }
#wrapper { position:relative;width:944px; background-image:url(nav/bg_repeat.png); background-repeat:repeat-y; padding:0 20px;}
#footer { position:relative;width:944px; background-image:url(nav/bg_footer.png); background-repeat:no-repeat; padding:0 20px; height:41px; clear:both; text-align:center;}
#masthead { position:relative; width:944px;}
#banner { position:relative; width:944px;}
#navigation { position:relative; width:934px; background-color:#FFFFFF; padding:5px 0;}
#contentwrapper { position:relative; width:934px;clear:both;}
#contenttop{ position:relative; width:934px;}
#contentbottom { position:relative; width:934px;}
#leftarea { position:relative; width:220px; float:left;}
#mainarea { position:relative; width:710px; float:right;}
#mainareabread { position:relative; width:700px; padding:5px; }
#mainareabreadhdr { position:relative; width:688px; padding:5px; background-color:#EEEEEE; border:1px solid #DDDDDD; margin-bottom:5px;}
#mainareabreadcontent {position:relative; width:690px; background-color:#DDDDDD;padding:5px 5px;}
#lowerarea { position:relative; width:944px;}
#socialshare {position:relative; width:130px; float:right;}
#breadleft {position:relative; width:550px; float:left;}
#bannerleft {position:relative; float:left; width:420px;}
#bannerright {position:relative; float:right; width:350px;}
#logo {position:relative; float:left; width:100px; padding:5px 0 0 0;}
#tagline {position:relative; float:right; width:300px; padding:20px 5px 0 0;}

#topcontactwrap{position:relative; width:350px; padding:10px 0;}
#topcontactareatop {position:relative; width:350px; background-image:url(nav/contact_top3.png); background-repeat:no-repeat; height:6px; }
#topcontactarea  {position:relative; width:340px; padding:0 5px 0 5px; background-image:url(nav/contact_repeat3.png); background-repeat:repeat-y; text-align:center;}
#topcontactareabottom {position:relative; width:350px; background-image:url(nav/contact_bottom3.png); background-repeat:no-repeat;height:6px;}


#topcontact2wrap{position:relative; width:490px; padding:10px 0;}
#topcontact2areatop {position:relative; width:500px; background-image:url(nav/contact_top2.png); background-repeat:no-repeat; height:6px; }
#topcontact2areahdr{position:relative; width:490px; padding:0 10px 0 10px;}
#topcontact2area  {position:relative; width:490px; padding:0 10px 0 10px; background-image:url(nav/contact_repeat2.png); background-repeat:repeat-y; text-align:center;}
#topcontact2areabottom {position:relative; width:500px; background-image:url(nav/contact_bottom2.png); background-repeat:no-repeat;height:6px;}
#topcontact2left {position:relative; float:left; width:210px; padding:5px 0 0 5px;}
#topcontact2right {position:relative; float:right; width:260px; padding:5px 5px 0 0;}

#leftnavtop {background-image:url(nav/leftnav_top.png); background-repeat:repeat-y; width:240px; height:5px;}
#leftnavmid {background-image:url(nav/leftnav_repeat.png); background-repeat:repeat-y; width:240px; padding:0 0 20px 0;}
#leftnavbottom {background-image:url(nav/leftnav_bottom.png); background-repeat:repeat-y; width:240px;height:5px;}
{position:relative; width:690px; background-color:#DDDDDD;padding:5px 5px;}
#mainareacolumnleft {position:relative; width:325px; float:left;padding:5px;}
#mainareacolumnright {position:relative; width:325px; float:right;padding:5px;}
#pagedoclistwrap { position:relative; padding:10px 20px; border:1px solid #CCC; background-color:#FFF;}

/* forms */
#contactusfrmwrap { position:relative;padding:5px; margin:5px 0; background-color:#CCC;}
#frmcontactus {position:relative;}

/* generic classes */
.clear {clear:both;}
.fullwidth {width:98%; position:relative;}
form {margin:0;}
table.tblnewsarchive td {border-bottom:1px solid #DDDDDD;}

/* project formatting */
#projectwrap {position:relative;}
.projectcolumn {position:relative; float:left; width: 150px; padding:5px; text-align:center;}
.projectimage {position:relative; float:left; width: 150px; margin-bottom:5px;}
.projectright {position:relative; float:right; width: 520px; padding:5px 0;}
.projectmemo {position:relative; float:right; padding:5px;}
.projectfull {position:relative;}
.projectfullmemo {position:relative; padding:5px;}
.projectdocs {position:relative; padding:5px;}
#projectswrap {position:relative; text-align:left;}
.projectlistentry {position:relative; margin:0 0 2px 0; padding:2px; border:1px solid #CCC;}
.projeclistttitle {position:relative;padding:2px; font-weight:bold;}
.projectlistdesc {position:relative;padding:2px;}
.projectlistlink {position:relative;padding:2px; text-align:right;}
/* OLD
.projectlistentry {position:relative; margin:0 0 2px 0; padding:2px; border:1px solid #CCC;}
.projeclistttitle {position:relative;padding:2px; font-weight:bold;}
.projectlistdesc {position:relative;padding:2px;}
.projectlistlink {position:relative;padding:2px; text-align:right;}*/

/* news */
#newswrap {width:690px; position:relative; padding:5px 10px;}
.newsentry {width:658px; position:relative; border:1px solid #CCCCCC; padding:5px; margin-bottom:5px; background-color:#FFFFFF;}
.newstitle {position:relative; padding:2px;}
.newsdate {position:relative; padding:2px;}
.newsdesc {position:relative; padding:2px;}
.newsmemo {position:relative; float:right; width:490px; padding:2px;}
.newsfullmemo {position:relative; padding:2px;}
.newslink {position:relative; text-align:right; padding:0 10px 0 0;}
.newsimg {position:relative; float:left; width: 160px; text-align:center;padding:2px;}
.newscategory {position:relative; padding:2px; font-weight:bold;}
#dlnewslist {position:relative; width:665px;margin:0; padding:0;}
#dlnewslist dt {width:85px; float:left; position:relative; margin:0; border-bottom:1px solid #CCCCCC; padding:2px 0;}
#dlnewslist dd {width:570px; float:left; position:relative;margin:0; border-bottom:1px solid #CCCCCC; padding:2px 0;}

.mainbgtop {width:944px;background-image:url(nav/main_top.png); background-repeat:no-repeat; height:6px;}
.mainbgmid {position:relative; width:934px; background-color:#FFFFFF; padding:0 5px; }
.mainbgbottom {width:944px;background-image:url(nav/main_bottom.png); background-repeat:no-repeat; height:6px; margin:0 0 10px 0; }

/* pages */
.pageimg  {position:relative;  width: 165px; text-align:center;padding:0 5px;}
.pagememo {position:relative; float:right; width:505px; padding:0 5px;}
.pagefullmemo {position:relative; padding:5px;}
.imageleft .pageimg {float:left;}
.imageleft .pagememo {float:right;}
.imageright .pageimg {float:right;}
.imageright .pagememo {float:left;}

/* content classes */
.contentwrap {position:relative; width:934px; background-color:#FFFFFF;}
.contentleft {position:relative; width:577px; float:left;}
.contentright {position:relative; width:350px; float:right;}
.contentlefthdr {position:relative; width:565px; background-color:#EEEEEE; border:1px solid #DDDDDD; margin-bottom:5px; padding:5px 5px;}
.contentleftmemo {position:relative; width:567px; background-color:#DDDDDD;padding:5px 5px;}
.contentleftlink {position:relative; width:567px; background-color:#DDDDDD; text-align:right;padding:5px 5px;}

