html, body {
margin: 0;
padding: 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
background-color: #86c4fd;
}

html, body {
height: 100%;
}

/* ie style 
* html #content {
height: 100%; 
}
*/

img {
border: none;
}

#container {
min-height: 100%;
margin-bottom: -3em;
background: url(../Images/rcolbg-test.gif) repeat-y 20% 0;
}

#container, #masthead {
max-width: 64em;
min-width: 995px;
margin-left: auto;
margin-right: auto;
padding: 0;
}

#masthead {
background: url(../Images/masterhead-lines2.gif) repeat-x top left #174c8e;
position: relative;
height: 136px; /* 176 */
margin-top: 0;
}

#new-header {
position: absolute;
left: 50%;
margin: 4px 0 0 -250px;
padding-left: 50px;
}

#logo {
float: left;
padding-right: 56px;
padding-bottom: 31px;
padding-left: 6px;
padding-top: 6px;
background: url(../Images/logo-bg-new3.jpg) no-repeat bottom right;
}

#tel {
position: absolute;
bottom: 3px;
right: 0;
}

#BARmember {
float: right;
margin: 6px;
}

#masthead h1 {
margin: 0;
color: #fff;
background-color: #174c8e;
text-align: center;
padding-top: 15px;
text-indent: -72px;
}

#masthead ul {
color: #86c4fd;
background-color: #174c8e;
margin: 0;
padding: 0;
font-size: 1em;
text-align: center;
text-indent: -72px;
font-size: 1.1em;
}

#masthead li {
color: #86c4fd;
background-color: #174c8e;
display: inline;
margin-right: 1em;
}

#content {
margin: 0;
float: right;
width: 80%;
padding: 0;
/*background: url(../Images/content-left.gif) repeat-y top left;*/
}

#content p, #content h1, #content h2, #content h3, #content address {
margin: 0 14px 0 22px; 
}

#content p {
margin-top: 16px;
margin-bottom: 16px;
}

#content address {
margin-top: 16px;
margin-bottom: 16px;
}

#content h1, #content h2, #content h3, #content h4 {
clear: left;
}

#content h1 {
font-size: 2em;
border-bottom: 3px solid #174c8e;
margin-top: 0.2em;
}

#content h2 {
font-size: 1.5em;
margin-top: 0.5em;
}

#content h3 {
font-size: 1.2em;
margin-top: 0.5em;
}

#content h4 {
font-size: 1.1em;
margin-top: 0.5em;
}

#navigation {
margin: 0;
padding: 0;
width: 20%;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#navigation abbr {
border-bottom: none;
}

#navigation h2 {
margin-top: 0;
display: none;  /* +++++++++++++++++++ REVIEW ACCESSIBILITY ++++++++++++++++++++++*/ 
}

#navigation ul {
margin: 0;
padding: 0 6px;
list-style: none;
}

#navigation ul li {
position: relative;
margin-top: 4px; /* may need to zero other margins */
text-align: center;
}

#navigation ul li ul {
position: absolute;
top: 0;
left: -999em;
min-height: 0; /* Req? */
padding: 0;
width: 100%;
}

#navigation ul li a, #navigation ul li span {
display: block;
text-decoration: none;
color: #fff;
background-color: #2a72c9;
height: 100%; /* Req for IE7 */
padding: 0;
border-top: 4px solid #579ff6;
border-left: 4px solid #579ff6;
border-right: 4px solid #00459c;
border-bottom: 4px solid #00459c;
}

/* span styles for flyout li elements */
#navigation ul li span {
background: url(../Images/menu-arrow.gif) no-repeat center right #2a72c9;
padding: 0 9px;
cursor: default;
}

#navigation ul li a.fly-out {
background: url(../Images/menu-arrow.gif) no-repeat center right #2a72c9;
padding: 0 9px;
}

#navigation ul li a:hover {
border: 4px solid red;
}

#navigation ul li ul li {
margin-top: 0;
}

#navigation ul li:hover ul, #navigation ul li.fly-out ul {
left: 100%;
}

/* for ie6 */
#navigation ul li.fly-out ul {
padding: 0;
}

/* END POPOUP STYLES */

#footer {
max-width: 80em;

margin-left: auto;
margin-right: auto;
height: 3.75em;
background-color: #174c8e;
margin-top: -3em;
color: black;
text-align: center;
font-size: 0.8em;
line-height: 1em;
}

#footer p {
margin-top: 0;
color: #fff;
padding-top: 1em;
}

#clearfooter {
height: 3em;
margin: 0;
padding: 0;
clear: both;
}

#nav-referenceline-link {
display: block;
margin: 0;
padding: 0;
background-color: transparent;
width: 20%;
height: 75px;
}

#referenceline-link img {
display: block;
margin: 4px auto 0;
}

.company-name {
font-style: italic;
}

.clear {
clear: left;
}

/* Content classes */
.right-side-img {
float: right;
margin: 0 14px 5px 10px;
text-align: center;
font-size: 70%;
font-weight: bold;
text-align: center;
border: 3px double #174c8e;
}

.left-side-img {
float: left;
margin: 0 10px 16px 22px;
text-align: center;
font-size: 70%;
font-weight: bold;
text-align: center;
border: 3px double #174c8e;
}

/* end content classes */

#content ul {
margin-left: 22px;
padding-left: 0;
}

#content ul li {
background: url(../Images/bullet.gif) no-repeat 0 0.4em;
list-style-position: outside;
list-style: none;
padding-left: 20px;
}

#content ul li ul {
padding-left: 0;
margin-left: 10px;
}

#content ul li ul li {
background: url(../Images/bullet-sub.gif) no-repeat 0 0.4em;
list-style: none;
}

#content #local-links {
padding: 0;
list-style-position: outside;
position: relative;
margin-left: 14px;
margin-right: 14px;
height: 1.3em;
}

#content #local-links li {
display: block;
width: auto;
float: left;
padding: 0 0.5em;
border-right: 1px solid black;
margin: 0;
background: #fff;
list-style: none;
}

#content #local-links #list-end {
border: none;
}

.back-to-top {
text-align: right; 
margin-bottom: 1em;
margin-right: 14px;
}