@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700);

/* styles for bcphil layout */

/* drop shadow for the main box 960px */
.container { width: 1000px; min-width: 1000px; max-width: 1000px; margin: 0px; margin-top: 0px; border:none; background-color:#FFFFFF; padding: 0px; box-shadow: 5px 5px 10px #999999; margin-left: auto; margin-right: auto; vertical-align:top; }

table.containermaincontent { width: 940px; min-width: 940px; max-width: 940px; margin: 0px; margin-top: 0px; border:none; background:#FFFFFF; margin-left: auto; margin-right: auto; vertical-align:top; }
td.gutter { width: 20px; min-width: 20px; max-width: 20px; margin: 0px; border:none; }

td.left460 { width: 460px; min-width: 460px; max-width: 460px; margin: 0px; border:none; }
td.right460 { width: 460px; min-width: 460px; max-width: 460px; margin: 0px; border:none; }

td.left620 { width: 620px; min-width: 620px; max-width: 620px; margin: 0px; border:none; }
td.right300 { width: 300px; min-width: 300px; max-width: 300px; margin: 0px; border:none; }

td.left300 { width: 300px; min-width: 300px; max-width: 300px; margin: 0px; border:none; }
td.middle300 { width: 300px; min-width: 300px; max-width: 300px; margin: 0px; border:none; }

td.full940 { width: 940px; min-width: 940px; max-width: 940px; margin: 0px; border:none; background:#FFFFFF; margin-left: auto; margin-right: auto; vertical-align:top; }


html, body, p { color: #000000; font-size: 100%; line-height: 140%; font-family: 'Georgia', serif; }
html body { padding: 0; margin: 0; color: black; background-color: #e8e5d5; }
.body { color: #000000; font-size: 100%; line-height: 140%; font-family: 'Georgia', serif; }

table { border-style: none; margin: 0px; border-collapse: collapse; font-size: 100%; line-height: 140%; font-family: 'Georgia', serif; }
tr { vertical-align: top; }
th { text-align: left; vertical-align: top; }
td { text-align: left; vertical-align: top; }
img { border: none; margin: 0; padding: 0; -ms-interpolation-mode: bicubic; }

h1 { color: #000000; font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 175%; line-height: 140%; margin-top: 15px; margin-bottom: 0px; }
h2 { color: #000000; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 110%; line-height: 130%; margin-top: 10px; margin-bottom: 0px; }
h2.subheadblue {color: #184B76}

td { text-align: left; vertical-align: top; }

span.boldital { font-weight: bold; font-style: italic; }

span.title { font-size: 85%; font-weight: normal; font-style: italic; }

.white { font-size: 65%; line-height: 145%; font-family: 'Open Sans', sans-serif; font-weight: 600; color:#FFFFFF; margin: 0px 25px 0px 0px; }

hr { border-top: 1px dashed #333; color: #fff; height: 1px; margin-top: 20px; margin-bottom: 0px; margin-left: auto; margin-right: auto; }

div.vertical_dashed_line { border-left: 1px dashed #333; margin-left: 10px; margin-top: 20px; height: 470px; } 
div.vertical_dashed_line1 { border-left: 1px dashed #333; margin-left: 10px; margin-top: 20px; height: 900px; } 
div.vertical_dashed_line2 { border-left: 1px dashed #333; margin-left: 10px; margin-top: 20px;	height: 270px; } 
div.vertical_dashed_line3 { border-left: 1px dashed #333; margin-left: 10px; margin-top: 20px;	height: 370px; } 
div.vertical_dashed_line220 { border-left: 1px dashed #333; margin-left: 10px; margin-top: 20px;	height: 220px; } 
div.vertical_dashed_line3 { border-left: 1px dashed #333; margin-left: 10px; margin-top: 20px;	height: 175px; }
div.vertical_dashed_line100 { border-left: 1px dashed #333; margin-left: 10px; margin-top: 20px; height: 530px; } 
div.vertical_dashed_line110 { border-left: 1px dashed #333; margin-left: 10px; margin-top: 20px; height: 620px; } 
div.vertical_dashed_line3gs { border-left: 1px dashed #333; } 

a:link { color: #0000FF; text-decoration: none; }
a:visited { color: #FF0000; text-decoration: underline; }
a:hover { color: #FF0000; text-decoration: underline; }
a:active { color: #0000FF; text-decoration: underline; }

/* styles for images */
img.photoright { float: right; border: none; margin-left: 13px; margin-top: 0px; margin-bottom: 20px; }
img.photoleft { float: left; border: none; margin-right: 13px; margin-top: 0px; margin-bottom: 20px; }
div.photoboxright { float: right; margin-left: 13px; margin-top: 0px; margin-bottom: 20px; font-size: 85%; font-weight: normal; font-style: italic; text-align: right; }
div.photoboxleft { float: left; margin-right: 13px; margin-top: 0px; margin-bottom: 20px; font-size: 10px; text-align: center; }

/* Menu CSS */#cssmenu,
#cssmenu > ul {
width: 940px; min-width: 960px; max-width: 960px; margin: 0px; margin-top: 0px; border:none; background-color:#FFFFFF; padding: 0px; margin-left: auto; margin-right: auto; vertical-align:top;
  background: url(images/highlight-bg.png) repeat;
  padding-bottom: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: '';
  display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu {
  width: auto;
  zoom: 1;
}
#cssmenu > ul {
  background: url(images/menu-bg.png) repeat;
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu > ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
  position: relative;
}
#cssmenu > ul > li > a {
  padding: 23px 26px;
  display: block;
  color: white;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 -1px 0 #9e3825;
  text-shadow: 0 -1px 0 rgba(116, 37, 2, 0.7);
  line-height: 18px;
}
#cssmenu > ul > li:hover > a {
  background: url(images/hover.png) repeat;
  text-shadow: 0 -1px 0 #97321f;
  text-shadow: 0 -1px 0 rgba(122, 42, 26, 0.64);
}
#cssmenu > ul > li > a > span {
  line-height: 18px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li > a:active {
  background: url(images/menu-bg.png) repeat;
}
/* Childs */
#cssmenu > ul ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 120px;
  background: url(images/highlight-bg.png) repeat;
  margin: 0;
  padding: 0;
  z-index: -1;
}
#cssmenu > ul li:hover ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
  color: #000;
  z-index: 2;
  top: 64px;
  left: 0;
}
#cssmenu > ul ul:before {
  content: '';
  position: absolute;
  top: -10px;
  width: 100%;
  height: 20px;
  background: transparent;
}
#cssmenu > ul ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#cssmenu > ul ul li a {
  padding: 18px 26px;
  display: block;
  color: #393939;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  width: 150px;
  border-left: 4px solid transparent;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  text-shadow: 0 1px 0 white;
}
#cssmenu > ul ul li a:hover {
  border-left: 4px solid #de553b;
  background: url(images/hover.png) repeat;
  color: white;
  text-shadow: 0 1px 0 black;
}
#cssmenu > ul ul li a:active {
  background: url(images/menu-bg.png) repeat;
}
