/* main  */
html { height:101%;  }
body { margin:0; text-align:center; font: 11px verdana, helvetica, arial, tahoma, sans-serif; }
.clear { clear:both; }
a { text-decoration:none; color:#dc1d3c; font-weight:normal; }
a:hover {  text-decoration:underline;  }
  
#main, #header, #nav, #footer { width:800px; }
#main { margin:0px auto; padding:0; text-align:left;  border:1px solid #9a9799;  border-bottom:0;  background:url('../../images/bgContent.gif') left repeat-y;}
#header { background:#b3b0b1 url('../../images/navShadow.gif') bottom repeat-x; height:61px; color:#e5e5e5; font-size:20px;  }
#header #logo, #header #phone, #header #text { margin-top:10px; }
#header #logo { float:left; margin-left:40px; }
#header #phone, #header #text { float:right; margin-top:18px; }
#header #phone { font-weight:bold; margin-right:15px; }
#header #divider {float:right; margin:14px 10px 0 10px;  }
#nav { border-top:1px solid #c6c4c4; background:#b3b0b1; height:24px; }
#nav ul { list-style-type:none; margin:0; padding:0; }
#nav li { float:left; margin:0;}
#nav li a  { border:0px solid red; color:#fff; text-decoration:none; line-height:22px;  width:133px; display:block; height:24px;  text-align:center; background:url('../../images/navDivider.gif') right repeat-y;   }
#nav li a:hover, #nav li #selected { color:#dc1d3c; }
#nav li .last { background:none; }
#subNav { width:800px; }
#subNav {  margin:0; padding:0;  background:url('../../images/bgSubNav.gif') top repeat-x;  border-top:1px solid #a09e9e; border-bottom:0px solid #b3b0b1; }
#subNav img { width:800px; }
#content { width:780px; padding:10px 0 0 18px;  height:1050px;}
#content img {  }
#splitLeft { border:0px solid blue; float:left; width:503px; }
#splitRight { border:0px solid red; float:left; width:200px; background:url('../../images/contentDivider.gif') left repeat-y; margin:20px 0 10px 15px;  }
#splitRight h1 { font-size:14px; color:#dc1d3c;  padding: 0px 0 5px 30px; margin:5px 0 0 0;  border:0px solid red; line-height:10px; float:left;  }
#splitRight h2 { font-size:13px; font-weight:bold;  background:url('../../images/bulletHeading2.gif') left no-repeat; margin:5px 0 3px 0; padding:3px 0 0 30px; width:210px;  }
#splitRight h3 { font-size:9px; color:#888; margin:0 0 2px 30px; }
#splitRight p { padding:0px 0 15px 0px; margin:0 20px 10px 30px; overflow:hidden; font-size:9px;   background:url('../../images/horizontalDivider.gif') bottom repeat-x; }
#splitRight p { width:210px; }
#splitRight a { /* color:#dc1d3c; */ padding:2px 0 2px 0; }
#splitRight a:hover { text-decoration:none; }
#splitRight .more { float:right; font-weight:bold; margin:0 5px 0 0; }
#splitRight img {  }
#splitRight #rssIcon {  margin:10px 40px 0 8px;  border:0px solid blue; }
#splitRight #rssLink {  border:0px solid red;  }
#splitRight #rssIcon { margin-top:6px; margin-bottom:0px;; }
#splitRight .divider { padding:0; margin-bottom:10px; height:12px; }
#pow { margin-top:20px; }
#powText { width:340px; }
#archiveLink { font-size:10px; float:left; font-weight:bold; margin-left:30px; }
#splitLeft .more { font-size:10px; }

.panelNoImageText { margin-top : 20px; }
.panelFlash, .panelImage { border:1px solid #fff; padding:0 0 0 20px; float:left;  border-right:0; }
.panelFlash object { width:476px; height:199px; padding:0; margin:0; }
.panelNoImage { border:1px solid #fff;  float:left; display:block; border-right:0; width:154px; }
.panelNoImage img { margin:0 0 0 20px; }
.panelNoImageText, #newsDetailText { float:left;  height:199px; background:#fff; border:1px solid #d9d8d8; border-left:0; }

#newsDetailText h2 { width:300px; overflow:hidden; }
#newsDetailText p { height:auto; }
#newsDetailText img { border:0px solid red; margin-top:5px; }


.panelNoImageText h1, .panelNoImageText h2, .panelNoImageText h3  {  margin:0 0 0 20px; padding:0; border:0px solid red; }
.panelNoImageText h1, .panelNoImageText h2 { font-size:16px; margin-top:10px}
.panelNoImageText h3 { font-size:11px; color:#888; font-weight:normal; margin-top:5px; }
.panelNoImageText p  { border:0px solid #00ff00; margin:5px 20px 5px 20px; font-size:10px; height:auto; overflow:hidden; width:300px;  }
.panelNoImageText a { border:0px solid #ff00ff; margin:0 25px 0 283px; }
.panelNoImage, .panelNoImageText { margin:20px 0 0 0; height:auto;  }
#servicesText, #services {  height:74px; margin:0 0 20px 0;  } 
#servicesText  h2 { color:#dc1d3c; font-weight:strong; font-size:12px; }
#servicesText p { width:400px; margin-right:20px; margin-top:0; margin-bottom:0; overflow:hidden; height:25px; border:0px solid orange;}
#servicesText a { float:left; border:0px solid orange; margin-left:380px; margin-top:5px; }
#servicesDetailText, #servicesDetailImage, #newsDetailText { height:270px;  margin-bottom:10px; padding:0; }
#homeDetailImage, #homeDetailText { height:300px; }
#homeDetailText p { height:auto;  }
#servicesDetailImage #buildings { background:url('../../images/buildingsLarge.jpg') top left no-repeat; height:268px; width:132px; margin-left:20px;} 
#homeDetailImage, #servicesDetailImage, #newsDetailText { margin-top:20px; }
.panelText { float:left; width:233px; height:199px; background:#dc1d3c; border-top:1px solid #fff;}
.panelText img { }
.panelText h1 { background:url('../../images/bulletHeading.gif') left no-repeat;  color:#fff; font-size:16px; padding:20px 0 0 30px; margin:0 0 20px 0; }
.panelText p { border:0px solid yellow; height:120px; width:185px; margin:0 0 0 30px; color:#fff; overflow:hidden; }
.homePanel { float:left; }
#footer { width:800px; height:18px;  text-align:left; border:solid 1px #b3b0b1; border-left:0; border-right:0; font-size:9px; background:#fff; }
#footer, #footer a { color:#b3b0b1; }
#footer, #footer a:hover { color:#888; }
#footer #left { float:left; width:200px; margin-left:5px;}
#footer #right { float:right; width:200px; text-align:right; margin-right:5px;}
#footer #right, #footer #left { margin-top:2px; }
#panel { float:left; float:left;}
#gallery { margin:5px 0 0 0; border:0px solid red;}
#gallery .panelNoImage, #gallery .panelNoImageText { height:300px;  }
#gallery .panelNoImageText { width:443px; }
#gallery .panelNoImageText  img { padding:0px; margin:0; border:0; } 
#gallery .panelNoImageText a { padding:3px; margin:5px 0 0 5px; }
#thumbnails { margin:10px 0 0 20px; overflow:hidden; border:0px solid red; }
#thumbnails a { border:solid 1px #ccc;  float:left;  width:48px; }
#thumbnails a:hover { border:1px solid #a4a4a4;}
#thumbnails #groupLink { float:right; margin-right:55px;  border:solid 1px #fff; width:100px; text-align:right;}


#panelHeading { border:1px solid #fff;  float:left; display:block; border-right:0; width:154px; }
#panelHeading h1 { color:#dc1d3c; margin: 10px 0 0 20px; padding:0 0 0 30px;  font-size:18px; font-weight:normal;  background:url('../../images/bulletHeading2.gif') left no-repeat; }
#panelHeadingText { float:left;  background:#fff; border:1px solid #d9d8d8; border-left:0;}
#panelHeadingText p { margin:10px 0 10px 20px; font-size:10px;  width:590px; }
#panelHeading, #panelHeadingText { margin:20px 0 20px 0; height:45px;  overflow:hidden; }

#splitLeft2 { border:0px solid blue; float:left; width:600px; }
#splitRight2 { border:0px solid red; float:left; width:165px; background:url('../../images/contentDivider.gif') left repeat-y; margin:0 0 10px 10px;  }
#splitRight2 h2 { font-size:14px; font-weight:bold;  background:url('../../images/bulletHeading2.gif') left no-repeat;  padding:0px 0 0 30px; margin:5px 0 3px 0; width:300px; }
#splitRight2 p { padding:0px 0 15px 0px; margin:0 20px 10px 30px; font-size:9px;   background:url('../../images/horizontalDivider.gif') bottom repeat-x; }
#splitRight2 a { color:#dc1d3c; }
#splitRight2 a:hover { text-decoration:none; }
#splitRight2 ul { background:url('../../images/horizontalDivider.gif') top repeat-x;  border-width:1px 0 1px 0;  list-style-type:none; list-style-image:url('../../images/bulletListRed.gif'); margin:0; padding:12px 0 6px 30px; }
#splitRight2 li { border:0px solid orange; margin:0px; padding:0 0px 0 10px; }
#splitRight2 li a { color:#000; }
#splitRight2 li a:hover {  color:#dc1d3c;  }
#splitRight2 .more { float:right; font-weight:bold; margin:0 5px 0 0; }


#servicesDetailText { width:444px;  }
.thirdLevelLinks { background:url('../../images/horizontalDivider.gif') bottom repeat-x; height:76px;  margin:0 10px 20px 8px; } 
.thirdLevelLinks #on { list-style-image:url('../../images/bulletListRedOn.gif'); } 
#servicesDetailLinks { height:270px; margin-bottom:0; }
#servicesDetailLinks ul li { margin:15px 0 15px 0; }

#test, #test2 { float:left;  border:1px solid; height:270px; }
#test { border-color:red; }
#test2 { border-color:blue;  }

iframe { width:600px; height:500px; padding:0; margin:0 0 0 182px; border:0px solid red; }

#servicesDetailText, #homeDetailText, #servicesDetailLinks { margin-top:20px; overflow:hidden; } 
#servicesDetailText h1, #homeDetailText h1 { margin-bottom:10px; }
#servicesDetailText p { width:400px; border:0px solid blue; height:auto;}
#homeDetailText a { margin-left:20px; }
#servicesDetailText a { margin:0; }

#secondaryNav { margin: 10px 0 0 170px; border:0px solid blue; }
#secondaryNav a { margin: 0 5px 0 5px; }

#contactForm { margin:0 40px 0 40px;  border:0px solid orange; }
#contactFormHolder { width:600px; height:270px; }
#contactFormHolder p { margin:10px 0 10px 40px; height:auto;  border:0px solid #00ff00; }

#contactDetails p { height:auto; }
#contactDetails a { margin:0; padding:0; float:none; }
#contactDetails { height:167px; }
#groupPhoto { border:1px solid #fff; background:transparent; padding:0; text-align:center; margin: 20px 20px 0 0;  width:auto; }
#groupPhoto img { margin: 0px 16px 0px 0px; }

#servicesDetailImageNoImage { border:none; }

#newsDetailText { border:none;  height:auto;  }
/* #newsDetailText { float:none; border:0px solid orange; margin: 15px 0 0 160px; padding:none; height:auto;}  <--------- use instead when there's no image  */

.archiveLink, .archiveLinkSelected { margin:0 0 0 30px; font-weight:normal;  border:0px solid #ccc; width:210px; display:block; color:#777; }  
.archiveLink:hover, .archiveLinkSelected { color:#dc1d3c; }

#archiveLink { margin-top:10px; }
#prevLink:hover, #nextLink:hover { text-decoration:underline; }
#prevLink, #nextLink { font-size:10px; }

#services { color:#d9d8d8;  }
#servicesLinks { 
  width: 700px;
}
#servicesLinks a { padding:10px 0 0 0; }
#servicesLinks #first { margin-left: 175px; }

#hardLink { padding:0 0 0 20px; }

#siteMap { margin:0 0 0 170px; }
#siteMap ul { margin-left:20px; }
#siteMap li { list-style-type:none; margin:2px 0 0 0;}


#nextLink, #prevLink { font-weight:strong; margin:0 0 0px 30px; }



