html
{
background-color: #718A7A;
}
body
{
font-family: verdana, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 100%;
}
#layoutsite
{
position: relative;
margin-top: 30px;
margin-right: auto;
margin-bottom: 0; 
margin-left: auto;
padding: 0 0 0 0;
width: 930px;
border: 15px #fff solid;
}
a:hover.contentLink, a.contentLink
{
text-decoration: none;
}
.pglayout
{
background: #D0DBD2;
width: 930px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.floatl
{
float: left;
}
.floatr
{
float: right;
}
.hdr
{
background-color: #fff;
width: 930px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.hdrcont div
{
display: inline;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.logocont
{
float: left;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}
.contactcont div
{
float: right;
margin: 15px 0px 0px 0;
padding: 0 0 0 0;
text-align: right;
}
.contactinfo
{
font-family: arial, helvetica, sans-serif;
font-size: 70%;
color: gray;
}
.phone 
{
font-family: arial, helvetica, sans-serif;
color: #3C81F7;
font-weight: bolder;
font-size: 150%;
letter-spacing: 1px;
}
.flash
{
clear: both;
background-color: #EBF2ED;
text-align: center;
margin: 0 0 0 0;
padding: 20px 0 10px 0;
height: 280px;
}
.flash object, .flash img, #flash_839x231_1
{
display: block;
border: 20px #fff double;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}
table
{
margin: 0 0 0 0;
padding: 0 5px 0 0;
}
td
{
vertical-align: top;
}
.lcol
{
width: 190px;
background: #DFEBE1;
border: 4px #fff solid;
border-left: none;
margin: 0 0 0 0;
padding: 5px 5px 0 0;
}
.rcol
{
line-height: 120%;
margin: 0 0 0 0;
padding: 10px 0 30px 15px;
}
.pgcontent
{
margin: 0 0 0 0;
padding: 10px 8px 0 0;
}
div.note, p.note
{
background: #EBF5ED;
border: 6px #fff double;
margin: 20px auto 20px auto;
padding: 5px 5px 5px 5px;
width: 90%;
}
div.note img, p.note img
{
float: left;
margin: 0 10px 0 0;
padding: 0 0 0 10px;
vertical-align: middle;
}
div.note p, p.note p
{
margin: 0 0 0 0;
padding: 0 0 0 10px;
}
span.center
{
text-align: center;
}
.navcont
{
background: #DFEBE1;
font-weight: bold;
margin: 10px 0 0 0;
padding: 0 0 0 0;
}
.navlst li
{
width: 199px;
margin: 0 0 0 0;
padding: 0 0 0 10px;
}
li .subnav
{
background-color: #446296;
margin: 0 0 0 0;
padding: 10px 0 10px 5px;
}
.navlst a:link
{
color: #385240;
text-decoration: none;
}
.navlst li a:hover
{
color: #000;
}
.navlst a:visited
{
color: #385240;
text-decoration: none;
}
.navlst li.selected
{
width: 98%;
text-decoration: none;
background-color: #446296;
color: #fff;
font-weight: bold;
margin: 0 0 0 0;
padding: 4px 0 4px 10px;
line-height: 120%;
}
.navlst .selected a:hover
{
color: #000;
}
.subnav
{
font-family: arial, helvetica, sans-serif;
font-weight: normal;
font-size: 91%;
list-style-type: none;
line-height: 120%;
}
.subnav li
{
line-height: 190%;
color: #fff;
width: 180px;
}
.subnav li.selected
{
width: 90%;px;
}
.selected .subnav li a, .subnav li a:link, .subnav li a:visited
{
width: 100%;
text-decoration: none;
background-color: #446296;
color: #fff;
font-weight: normal;
}
.selected .subnav li a:hover
{
color: #000;
font-weight: normal;
}
.selected a:link, .selected a:visited
{
color: #fff;
}
.selected a:hover 
{
color: #fff;
}
.navlst
{
font-family: arial, helvetica, sans-serif;
font-size:79%;
color: #8c7f89;
list-style-type: none;
line-height: 190%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
/* header format */
h1
{
font-size: 115%;
font-family: tahoma, Helvetica, sans-serif;
color:#446296;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
h2
{
font-family: arial, Helvetica, sans-serif;
font-size: 90%;
align:left;
color: #8E9C91;
margin: 5px 0 5px 0;
padding: 0 0 0 0;
}
h3
{
font-size: 80%;
align:left;
background-color: #5F87B3;
color: #fff;
font-family: Verdana, Helvetica, sans-serif;
margin: 12px 0 8px 0;
padding: 8px 0 8px 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 98%;
}
h4
{
font-family: arial, Helvetica, sans-serif;
font-size: 90%;
text-align:center;
border: 1px dotted #718A7A;
background: #fff;
color: #718A7A;
margin: 15px 0 0 8px;
padding: 0 0 0 3px;
-moz-border-radius: 2px;
border-radius: 2px;
width: 98%;
}
p
{
font-size: 75%;
color:#2F353B;
text-align:left;
margin: 5px 5px 10px 10px;
padding: 0 0 0 0;
line-height: 180%;
}
/* links in paragraph */
dl
{
font-family:Arial, Helvetica, sans-serif;
font-size: 75%;
color:#81737D;
margin: 0 0 0 0;
padding: 0 0 10px 0;
}
dt
{
font-family:Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight: bold;
}
dd
{
text-align: justified;
margin: 0 0 0 0;
padding: 0 0 10px 0;
}
p a, .content a, .contentwide a, .wcontent a
{
color: #0C7AE8;
text-decoration:none;
}
p a:hover, .content a:hover,  .wcontent a:hover
{
color: blue;
text-decoration:underline;
}
p a:visited, .content a:visited,  .wcontent a:visited
{
color: #4843DE;
}
/* content container */
.content
{
font-family:Arial, Helvetica, sans-serif;
float: left;
color: #2F353B;
width: 71%;
margin: 0 0 0 0;
padding: 0 20px 0 0;
}
.contentwide
{
font-family:Arial, Helvetica, sans-serif;
width: 98%;
color: #2F353B;
margin: 0 0 0 0;
padding: 0 10px 0 0;
}
.content ul, .content ol
{
list-style-type: disc;
list-style-position: outside;
font-size: 75%;
margin: 20px 0 25px 60px;
padding: 0 0 0 0;
}
.contentwide ul, .contentwide ol
{
list-style-type: disc;
list-style-position: outside;
font-size: 75%;
color: #2F353B;
}
.contentwide ul ul, .contentwide ol ol
{
list-style-type: circle;
list-style-position: outside;
font-size: 100%;
line-height: 180%;
}
.contentwide img
{
border: 1px silver solid;
margin: 5px 5px 5px 8px;
padding: 5px 5px 5px 5px;
}
/* testimonials */
.testcont
{
clear: left;
float: right; 
width: 25%;
color: #786573;
font-family:Arial, Helvetica, sans-serif;
font-size: 95%;
background-color: silver
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 173px;
}
.testcont h3
{
background-image: url(images/testimonials.png);
background-repeat: no-repeat;
vertical-align: top;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 24px;
-moz-border-radius: 0px;
border-radius: 0px;
width: 173px;
}
/* paragraphs */
.testcont p
{
font-size: 72%;
margin: 0 0 0 0;
padding: 10px 15px 20px 15px;
border: 2px #fff solid;
}
.testcont img
{
margin: 0 15px 0 -5px;
padding: 0 0 0 0;
}
p.testlnk
{
font-size: 72%;
margin: 0 0 0 0;
padding: 10px 0 20px 5px;
border: 2px #fff solid;
width: 164px;
}
p.testlnk img
{
margin: 0 0 0 0;
padding: 0 8px 0 2px;
}
.casestudy
{
border: 1px solid #fff;
margin: 5px 35px 10px 15px;
padding: 4px 6px 4px 6px;
}
.casestudy h2
{
color: #ac8ea6;
margin: 0 0 0 0;
padding: 4px 4px 4px 4px;
}
.casestudy h3
{
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
text-align:left;
color: gray;
margin: 0 0 0 0;
padding: 4px 4px 4px 4px;
}
/* directions */
.ofhrs
{
width: 100%;
}
.ofhrs caption
{
font-family:Arial, Helvetica, sans-serif;
font-size: 80%;
color: #555;
}
.ofhrs th
{
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
background: #557893;
color: #fff;
border: 1px solid #446296;
margin: 0 0 0 0;
padding: 4px 4px 4px 4px;
width: 14%;
}
.ofhrs td
{
font-family:Arial, Helvetica, sans-serif;
font-size: 70%;
background: #e0edf3;
text-align: center;
border: 1px solid #446296;
margin: 0 0 0 0;
padding: 12px 4px 12px 4px;
width: 14%;
}
img.map 
{
margin: 0 0 0 50px;
padding: 0 0 0 0;
border: 1px solid #50003f;
}
.imgcont 
{
margin: 0 0 0 110px;
padding: 0 0 0 0;
}

/* form */
div.contactfrm
{
margin: 10px 0 0 10px;
padding: 0 0 0 0;
}

fieldset
{
font-family:Arial, Helvetica, sans-serif;
font-size: 85%;
width: 90%;
}
legend
{
font-family:Arial, Helvetica, sans-serif;
color: gray;
}
/* footer nav */
#footernavcont
{
color: #fff;
width: 930px;
text-align: center;
}
.footerlst li 
{
display: inline;
color: #fff;
}
.footerlst a
{
font-family:Arial, Helvetica, sans-serif;
color: #fff;
font-size: 80%;
font-weight: bold;
}
.copyright
{
text-align: center;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
font-size: 80%;
margin: -10px 0 20px 0;
padding: 0 0 0 30px;
}
/* weather page */
.wcontent
{
font-family:Arial, Helvetica, sans-serif;
float: left;
width: 70%;
margin: 0 0 0 0;
padding: 0 10px 0 0;
}
.wcontent ul
{
font-family:Arial, Helvetica, sans-serif;
font-size: 75%;
color: #786573;
}
.wcont
{
clear: left;
float: right; 
width: 160px;
color: #786573;
margin: 0 0 0 0;
padding: 0 0 0 10px;
}
.wcont table
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
div table.fill
{
background-color: gray;
}
div table.fill a
{
color: #98678c;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-decoration: none;
}
table.fill .zipText
{
margin: 0 0 0 0;
padding: 0 0 0 5px;
}
td.titleModSm
{
margin: 0 0 0 0;
padding: 20px 0 0 0;
}
.emtxt
{
font-weight: bold;
color: purple;
font-size: 140%;
}
.headline
{
color: #385240;
text-align: center;
font-size: 105%;
line-height: 110%;
background: #EBF5ED;
border: 6px #fff double;
margin: 20px auto 20px auto;
padding: 5px 5px 5px 5px;
width: 90%;
}