/* Compass Health & Safety */
/* Colors Grey #606C76  Blue #2F87B7 from logo */
/* Fonts Ariel body, Trebuchet headings */

body { font-family: Ariel, sans-serif; font-size: 1em; color: #404C56; margin-top: 0; }

table { width: 100%; }
td { vertical-align: top; }
td.header { width: 100%; vertical-align: bottom; } 
table.menu { background-color: #2F87B7; border-left: 1px #606C76 solid; margin-bottom: 12px; }
table.menu td { width: 14%; color: #FFF; font-size: .95em; text-align: center; line-height: 1.7em; 
   border-top: 1px #606C76 solid; border-right: 1px #606C76 solid; border-bottom: 1px #606C76 solid;}
td.main { width: 70%; } /* main text area */
td.sidebar { width: 30%; background-color: #EEE; border: 1px #606C76 solid; } /* regular grey sidebar */
td.photobar { width: 30%; } /* replacement for sidebar when only a photo will show */
td.footer { width: 100%; } 
table.inside, table.lined { width: 90%; margin: 12px 25px 12px 25px; } /* subtables for column-based info */
.inside td { padding: 5px 15px 5px 15px; } /* no lines between sections like on Services page */
.lined td { padding: 5px 15px 5px 15px; border-top: #2F87B7 1px solid; } /* lines between sections like on Contact us */
td.name { width: 30%; vertical-align: top; text-align: right; font-weight: bold; } 
table.even { width: 90%; margin: 12px 5% 12px 5%;} /* table evenly split on page, like Case Studies */
.even td, .even p { vertical-align: top; width: 50%; border-bottom: #2F87B7 1px solid; 
      margin: 0 15px 0 10px; padding: 5px 15px 5px 5px;} 
table.faq { width: 100%; margin: 1em 15px .5em 15px; } /* table for FAQ page */
table.faq td { border-top: #2F87B7 1px solid; }
td.area { width: 115px; margin: 0; padding: 0; } /* FAQ sections */

h1 { font-family: "Trebuchet MS", sans-serif; color: #606C76; font-size: 1.3em; 
      margin: 0; padding: 0em 25px .1em 25px; }
h2 { font-family: "Trebuchet MS", sans-serif; color: #FFF; background-color: #2F87B7; 
      font-size: 1em; margin: .2em 22px .1em 22px; padding: 0 .1em 0 .1em; }
h3 { font-family: "Trebuchet MS", sans-serif; color: #606C76; font-size: 1em; 
      margin: 0; padding: 0em 25px .1em 25px; }
p { margin: 0; padding: .3em 25px .1em 25px; }

p.tagline { font-size: .8em; clear: left; font-style: oblique; margin: 0 0 0 7px; padding: 0; } /* tagline is in header on all subpages */
.even h2 { text-align: left; color: #FFF; font-size: 1.1em; background-color: #2F87B7;
      margin: 0 10px 0 0px; padding: 0em 5px 0em 5px; }
.sidebar h2 { color: #1F77A7; font-size: 1.1em; background-color: transparent;
      margin: 0; padding: .8em 15px 0em 15px; }
.sidebar p, .sidebar li { font-size: .95em; margin: 0; padding: .3em 15px .5em 15px; }
.question { color: #0F6797; font-style: oblique; margin: .1em 1.5em .1em 1.5em; } /* questions on Services pages */
td.area p { text-align: center; margin: .5em 5px 0 15px; font-weight: bold; } /* sections within FAQ page */
p.faq { font-weight: bold; margin-top: .5em; margin-bottom: 0em; } /* questions on FAQ page */
p.back, p.footnote { text-align: right; font-size: .8em; margin-bottom: .1em; } /* back to top or similar */
p.menubottom { text-align: center; font-size: .9em; background-image: url(images/menu_bottom.jpg); color: #404C56; 
      border-top: 1px #606C76 solid; border-bottom: 1px #606C76 solid; margin: 12px 0 0 0; padding: .3em; }
p.footertitle { text-align: center; font-size: 1em; margin: 0; padding: .5em 0 .1em 0; } /* first line of footer */
p.footer { text-align: center; font-size: .8em; margin: 0; padding: 0 0 .1em 0; }
p.copyright { text-align: center; font-size: .65em; margin: 0; padding: .7em 0 0em 0; }

img { border: 1px solid #606C76; } /* all images get border with a few exceptions below */
img.top { border: none; float: right; } /* photos in the header aside from logo */
img.logo { border: none; float: left; margin-left: 3px; } /* logo */
img.spacer { border: none; margin: 0; padding: 0; } /* image used to force non-standard browsers to space a column appropriately */
.photobar p { text-align: center; margin: 40px 15px 0 15px; padding: 0;  } /* photos that stand alone */
p.photoside { text-align: center; margin-top: 2em; }  /* paragraphs to hold photos in the regular sidebar */
.sidebar img { border: none; } /* photos within the sidebar */
.main img { float: right; margin: 3px 30px 3px 30px; } /* images in the main text area */

span.strong { font-weight: bold; } /* strong text */
span.em { font-style: oblique; color: #2F87B7; } /* emphasized text */

ul { list-style-type: none; padding: 0; margin: 0; } /* bulleted lists */
ul li { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 0;
      margin: .3em 25px .5em 35px; padding-left: 15px;} /* individual bulleted list items */
ul ul { list-style-type: circle; } /* subbulleted lists */
li li { background-image: none; margin: .2em 25px .2em 15px; padding-left: 5px;} /* individual sub-bullets */
.sidebar li { list-style-type: none; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 0;
      margin: .1em 5px .3em 15px; padding: 0 0 0 15px; } /* bulleted list in the sidebar */ 
ol { list-style-type: decimal; background-image: none; padding: 0; margin: 0; } /* numbered lists */
ol li { margin: .5em 25px .5em 50px; padding: 0; } /* numbered lists in the main bar */
ol ul { list-style-type: circle; } /* bulleted lists inside numbered lists */
ol.sidebar li { list-style-type: decimal; background-image: none; 
      margin: .5em 5px .5em 45px; padding: 0 0 0 0px; } /* numbered lists in the sidebar */

a:link { color: #086090; }
a:visited { color: #1F77A7; }
a:hover, a:focus { color: #3F97C7; }
.menu a:link, .menu a:visited { color: #FFF; text-decoration: none; }
.menu a:hover, .menu a:focus { color: #FFF; text-decoration: none; font-weight: bold; }
.menubottom a:link, .menubottom a:visited, .menubottom a:hover, .menubottom a:focus { text-decoration: none; }