/* Start of CMSMS style sheet 'main-style' */
body {
  color:#5D4F4B;
  font:10px/16px Verdana, Tahoma, Arial, sans-serif;}
h1 {}
h2 {
  color:#D50019;}
a {
  color:#D50020;
  outline:0;}
address {
  font-style:normal;
  margin-top:1em;}
address p {
  padding:0.1em 0;
  margin:0;}
.yellow {
  color:#EAAB00;}
.grey_brown {
  color:#5D4F4B;}
#page {
  width:800px;
  margin:0 auto;
  position:relative;}

#header {
  margin-top:30px;}
#header h1 {
  padding:0;
  margin:0;}
#header .logo h1 a {
  display:block;
  text-indent:-5000px;
  height:34px;
  width:150px;
  margin:0;padding:0;
  background:transparent url(/uploads/images/logo_porcaro.png) top left no-repeat;}
#header .logo h1 a {
  behavior: url(/uploads/iepngfix.htc); }

#header .navigation,
.page-menu{
  position:absolute;
  margin-top:10px;
  top:450px; /* content:400 + logo:40 + margin:10 */}

* html #header .navigation,
* html .page-menu{
  /* ie6 hack */
  top:458px;}
#content {
  margin-top:10px; /* supposed to be 10, but logo isn't flush */
  height:404px;
  width:800px; /* really only needed for IE to restrict content box */
  border:1px solid #DDD;
  overflow:hidden;}
* html #content {
  /* ie6 hack */
  margin-top:0;}
#content .wrapper {
  overflow:hidden;
  padding:10px;}
.cols2 .col {
  float:left;
  width:378px;}
.inner-wrapper {
  padding:1em;}

.cols2 .col-left .inner-wrapper {
  height:384px;
  padding:0;
  padding-right:10px;}

.col-left .inner-wrapper {
  border-right:1px solid #DDD;}
.cols2 .col-right {
  width:398px;}
* html .cols2 .col-right {
  width:390px;}
.cols .copy {}
.cols .heading {
  text-align:right;}
.cols .feature,
#content .cols1-image {
  text-align:center;
  padding:10px;}
#content h2 span {
  font-weight:normal;}
#content h2,
#content h3 {
  margin:0 0 0.5em 0;
  padding:0;
  font-size:10px;}
#content h2 {
  margin-bottom:20px;
  text-transform:uppercase;}
#content p {
  margin-top:0;}
#content h3 + p {
  margin-top:-6px;}
#footer {
  display:none;
  margin-top:160px;}
#skip-nav {
  position:absolute; 
  left:-999em;}

.hide {
  display:none;}

.navigation {
  border-top:1px solid #DDD;
  position:relative;
  height:130px;
  width:100%;}
body.home .navigation {
  border-top:none;}
.navigation ul {
  position:absolute;
  top:0;
  left:0;
  width:80px;
  padding:0;
  margin:0;
  padding-top:3px;
  list-style:none;}
.navigation ul ul {
  left:170px;
  width:140px;
  padding-left:8px;
  background:transparent url(/uploads/images/nav_division.png) left top no-repeat;}
.navigation ul ul ul {
  left:180px;
  width:290px;}

.page-menu {
  right:0;}
.page-menu ul {
  list-style:none;
  margin:0;
  padding:3px 0 0 6px;
  background:transparent url(/uploads/images/nav_division.png) left top no-repeat;
  overflow:hidden;}
.page-menu ul li {
  float:left;
  padding:5px;}
.page-menu li {
  padding-left:2px;
  margin-left:0;}
.page-menu li.last {
  background:none;
  padding-right:0;
  margin-right:0;}
.page-menu li a {
  display:block;
  height:9px;width:9px;
  text-indent:-4000px;
  background:transparent url(/uploads/images/nav_third_linkedbox.png) top left no-repeat;}
.page-menu li a.selected,
.page-menu li a:hover {
  background-image:url(/uploads/images/nav_third_selbox.png);}

/* show the sub-menus in the correct context */

.site-nav li {
  padding:0;
  margin:0;
  margin-top:1px;}
.site-nav li a{
  text-decoration:none;
  color:#6F6F6F; /*#5D4F4B*/}
.site-nav li a.selected,
.site-nav li a.parent{
  color:#D50020;}
.site-nav li {
  text-transform:uppercase;
  font-weight:bold;}
.site-nav li li {
  font-weight:normal;}
.site-nav li li li {
  text-transform:none;}

.scroll-pane {
  height:375px;
  overflow:auto;}
#scrollable {
  padding:10px;}
.jScrollPaneContainer {
  margin-left:8px;
  height:375px;}
/* End of 'main-style' */