/* Browser Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html, body { background: url(../_img/template/page-background.gif) repeat-x #badbfb; color: #1a0e0a; font-weight: normal; font-family: Tahoma,Arial; font-size: 13px; }
body { margin: 0px 0px 20px 0px; line-height: 1; height: 100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* End Browser Reset */

ul {margin-left:1em; list-style-type:disc;}
ol {margin-left:2em; list-style-type:decimal;}
q {font-style:italic;}
q {quotes: '“' '”' '‘' '’';} 
q:before {content: '“'; content: open-quote;}
q:after {content: '”'; content: close-quote;}
q q:before {content: '‘'; content: open-quote;}
q q:after {content: '’'; content: close-quote;}

blockquote {margin:1em; font-style :italic;}
blockquote {quotes: '“' '”' '‘' '’';} 
blockquote:before {content: '“'; content: open-quote;}
blockquote:after {content: '”'; content: close-quote;}
blockquote q:before {content: '‘'; content: open-quote;}
blockquote q:after {content: '’'; content: close-quote;}

a:link,  a:active,  a:hover,  a:visited { color: #1a0e0a; text-decoration: underline; }
a:hover { text-decoration: none; }

p { line-height: 18px; margin-bottom: 10px; }

.SpacedOut li {margin-top:1em;}
.reg-name {font-style:italic; font-weight:bold;}

#wrapper { margin: 0 auto;}
#wrapper, #header, #footer { width: 880px; }
#contentWrapper { margin-top: 10px; width: 880px; }

#header { height: 379px; position: relative; }
#footer { clear: both; border-top: solid 5px #1a0e0a; padding-top: 9px; }

#headingPhoto { background-image: url(../_img/template/feature-photo-background.gif); height: 292px; position: absolute; top: 86px; left: 0px; width: 880px; z-index: 1; }
#headingPhoto img {	margin: 31px 0px 0px 9px; }

#logo { background: none; float: left; margin-top: 19px; position: relative; z-index:99;  }
#sidebar { color: #333333; float: right; width: 260px; }
#sidebar dl { margin-bottom: 10px; }
#sidebar dl dd ol {margin-left:0;list-style :none}
#sidebar dl dd ul {margin-left:0;list-style :none}

#sidebar dl.blue { width: 260px; padding-bottom: 9px; background: url(../_img/template/blue-side-footer.gif) no-repeat bottom left; }
#sidebar dl.blue dt { padding-bottom: 10px; background : url(../_img/template/brown-side-fill.gif) repeat-y; color: #FFFFFF;}
/* Don't use div, use strong instead */
#sidebar dl.blue dt div {background: url(../_img/template/brown-side-header.gif) no-repeat; font-size: 18px; font-weight: bold;  padding: 10px; }
#sidebar dl.blue dt strong {background: url(../_img/template/brown-side-header.gif) no-repeat; font-size: 18px; font-weight: bold;  padding: 10px; display:block }
#sidebar dl.blue dt a {padding: 10px; text-decoration: none; color: #FFFFFF;}
#sidebar dl.blue dt a:hover {text-decoration: underline;}


#sidebar dl.blue dd { padding: 0px 10px 4px 10px; background: url(../_img/template/blue-side-fill.gif) repeat-y; }
#sidebar dl.blue dd ul li { border-bottom: solid 1px #1a0e0a; margin-bottom: 5px; padding: 5px 0px 5px 0px; }
#sidebar dl.blue dd ul li a { background: url(../_img/template/brown-bullet.gif) no-repeat right; display: inline-block; font-weight: bold; text-decoration: none; width: 100%; }
#sidebar dl.blue dd ul li a:hover { text-decoration: underline; }
#sidebar dl.blue dd ol {margin-left:0;list-style :none}
#sidebar dl.blue dd ol li {background : url(../_img/template/brown-bullet.gif) no-repeat right; border-bottom: solid 1px #1a0e0a; margin-bottom: 0px; padding: 5px 0px 5px 0px; }
#sidebar dl.blue dd ol li .reg-name {display:block; margin-left:10px; font-size: 11px; font-weight:normal;}
#sidebar dl.blue dd ol li a {display:block; margin-bottom:5px; font-weight:bold; background: none; text-decoration: underline; width: auto; }
#sidebar dl.blue dd ol li a:hover { text-decoration: none; color:#404040;}

#sidebar dl.blue dd.sidebar-flyout {padding-top:0px; padding-left:0px; padding-right:0px;}
#sidebar dl.blue dd.sidebar-flyout ul li {border-bottom:none; margin-bottom:0px;}
#sidebar dl.blue dd.sidebar-flyout ul li div {padding: 10px; font-size: 18px; font-weight: bold; background: url(../_img/template/brown-side-fill.gif) repeat-y; color: #FFFFFF;}
#sidebar dl.blue dd.sidebar-flyout ul li ol {position: relative; top: 0px; left: 30px; width: 220px; display: none;}
#sidebar dl.blue dd.sidebar-flyout ul li ol li {border-bottom: solid 1px #1a0e0a;}
#sidebar dl.blue dd.sidebar-flyout ul li ol li a {font-weight:bold;}
#sidebar dl.blue dd.sidebar-flyout ul li:hover ol {display:block;}
#sidebar dl.blue dd.sidebar-flyout ul li:hover .hide-on-hover {color:  rgba(0, 0, 0, 0);}


#sidebar dl.brown { background: url(../_img/template/brown-side-footer.gif) no-repeat bottom left; color: #FFFFFF; padding-bottom: 8px; width: 260px; }
#sidebar dl.brown a { background: url(../_img/template/white-bullet.gif) no-repeat right; color: #FFFFFF; display: inline-block; text-decoration: none; width: 100%; }
#sidebar dl.brown a:hover { text-decoration: underline; }
#sidebar dl.brown dt { background: url(../_img/template/brown-side-header.gif) repeat-y; height:9px; }
#sidebar dl.brown dd { background: url(../_img/template/brown-side-fill.gif) repeat-y; font-weight: bold; padding: 8px 15px 10px 15px; }

#content { float: left; line-height: 18px; padding: 4px 20px 20px 2px; width: 598px; }
#content.singleColumn { padding-right: 2px; width: 876px; }
#content h1 { font-size: 24px; line-height: 28px; margin: 0px 0px 15px 0px; }
#content h2 { font-size: 22px; line-height: 26px; margin: 0px 0px 15px 0px; }
#content h3 { font-size: 20px; line-height: 24px; margin: 0px 0px 15px 0px; }
#content h4 { font-size: 18px; line-height: 22px; margin: 0px 0px 15px 0px; }
#content .featurePhoto { float: right; margin: 0px 0px 10px 10px; }
#content .featurePhotoLeft { float: left; margin: 0px 10px 10px 0px; }
#content .featurePhotoBox { background-color: #e2f0fd; border: solid 1px #abc9e6; display: inline-block; float: right; margin: 0px 0px 10px 10px; padding: 5px; padding-bottom:0px; }
#content .featurePhotoBox table caption {caption-side: bottom; text-align: left}
#content .featurePhotoBoxLeft { background-color: #e2f0fd; border: solid 1px #abc9e6; display: inline-block; float: left; margin: 0px 10px 10px 0px; padding: 5px; padding-bottom:0px;}
#content .featurePhotoBoxLeft table caption {caption-side: bottom; text-align: left}
#content .featurePhotoBoxCenter {background-color: #e2f0fd; border : solid 1px #abc9e6; display:table; margin-left:auto; margin-right:auto; margin-bottom:10px; padding:5px; padding-bottom:0px;}
#content .featurePhotoBoxCenter table caption {caption-side: bottom; text-align: left}
#content .featurePhotoBoxNoInline { background-color: #e2f0fd; border: solid 1px #abc9e6;  display: inline-block; float: none; margin: 0px 10px 10px 0px; padding: 5px; padding-bottom:0px;}
#content .featurePhotoBoxNoInline table caption {caption-side: bottom; text-align: left}

#content .DogTable {width:100%; border:1px solid black; border-collapse:separate; border-spacing:2px; background-color:#e2f0fd;}
#content .DogTable tr {border: 1px solid black;}
#content .DogTable td {padding:5px; text-align:center; border:1px solid black; width:33.3%;}
#content .DogTable td img {width: 100%;}
#content .DogTable .call-name {font-weight:normal; font-size:250%; line-height:150%; color:navy;}
#content .DogTable .logo {vertical-align:middle; font-size:200%; line-height:150%}

#products h3 {text-transform:uppercase}
#products ul li {font-weight:bold}
#products ul li a {font-weight:bold}
#products ul li p {padding-left:1em;font-weight:normal}
#products ul li ul {list-style-type:square}
#products ul li ul li a {font-style:italic;font-weight:normal}

#nav { color: #FFFFFF; height: 31px; width: 478px; padding-left: 20px; background-image: url(../_img/template/nav-background.gif); font-size: 13px; font-weight: bold; float: right; top: 0px; }
.sf-menu, .sf-menu * { margin: 0px; padding: 0px; list-style: none;	z-index: 99; }
.sf-menu { float: left; z-index: 99; }
.sf-menu ul { position: absolute; top: -999em; width: 15em; /* left offset of submenus need to match (see below) */ z-index: 99; }
.sf-menu ul li { width: 100%; z-index: 1; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li ul li:hover {border-bottom: 0px; }
.sf-menu li { float: left; padding: 8px 10px; position: relative; }
.sf-menu li.first { background-image: none!important; }
.sf-menu li.first a { padding-left: 0px!important; }
.sf-menu li.first { margin-left: 0px!important; }
.sf-menu a { color: #FFFFFF; padding: 0px 0px 0px 0px; text-decoration:none; display: block; position: relative; }
.sf-menu a:link, .sf-menu a:hover, .sf-menu a:active, .sf-menu a:visited { color: #FFFFFF; text-decoration: none; }
.sf-menu li.noBorder { background-image: none; }
.sf-menu li a { border-top: 0px; }
.sf-menu ul li a:link, .sf-menu ul li a:hover, .sf-menu ul li a:visited, .sf-menu ul li a:active { color: #FFFFFF; text-decoration: none!important; }
.sf-menu li li a { padding: 7px 12px; }
.sf-menu li li, .sf-menu li li li { background: #2e1e18; margin: 0px!important; padding: 0px!important; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 27px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 15em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 15em; /* match ul width */	top: 0; }
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: #352824; background-image: none!important; outline: 0; }
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active { background-color: Transparent; }