/*<group=General Styles>*/

img {
      border: 0px solid transparent;
}

body {
      background: url("images/background.png") repeat top left;
}

a {
      color: #000000;
}


.arrowlistmenu{
width: 183px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 10px Verdana;
color: #666666;
background: #cccccc;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
padding: 6px 0 6px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #999999;
color: #fff;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #666666;
background: url(http://www.spires-st.com/menuimages/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 6px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 11px;
}

.arrowlistmenu ul li a:visited{
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #11733a;
background-color: #F3F3F3;
}


/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 500px; /*For KHTML*/
  list-style: none;
  height: 22px;
}

ul#navmenu-h li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 22px;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 74px;
  list-style: none;
  display: none;
  position: absolute;
  top: 22px;
  left: 0;
}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 74px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
  border: 0px solid #CCC;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #FFF;
  color: #666;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}




/*</group>*/

/*<group=Layout>*/

#content {
      margin-left: -375px;
      padding-left: 50%;
      padding-top: 30px;
line-height: 1.1;

}

#header {
      height:95px;
      width: 750px;
}

#header_left {
      position:relative;
      float: left;
      width:35px;
      height:95px;
}

#header_content {
      position: relative;
      overflow: hidden;
      white-space: nowrap;
      float: left;
      width: 681px;
      height: 95px;
}

#header_content #logo img {
      margin: 0px 0px 0 0;
      width: 681px;
      height: 95px;
}

#header_content #title {
      width: 100%;
}

#header_content h1, #header_content h2 {
      color: #000000;
      margin: 0px;
      text-shadow: 0px 1px 2px #ffffff;
}

#header_content h1 {
      padding-top: 5px;
}

#header_right {
      position:relative;
      float: left;
      width:34px;
      height:95px;
}

#toolbar {
      background: url("images/toolbar.png") repeat-x top left;
      position:relative;
      width: 750px;
      height:21px;
}

#toolbar_right {
      background: url("images/toolbar_right.png") no-repeat top left;
      position:absolute;
      right: 0px;
      width:180px;
      height:34px;
      z-index: 100;
}

#toolbar_content {
      position:absolute;
      width:690px;
      height:21px;
      white-space: nowrap;
      line-height: 21px;
      padding: 0 5px;
      z-index: 200;
}

#page {
      width:750px;
      background-color:#e6e6e6;
}

#page_container {
      position: relative;
      width:519px;
      background-color:#ffffff;
      border-right: 1px solid #cccccc;
      margin-bottom: 0px;
}

#page_content {
      width:479px;
      height: 100%;
      padding: 0px 0px 0px 0px;
      overflow: hidden;
line-height: 1.1;
}

#page_bottom {
      background: url("images/page_bottom.png") no-repeat top left;
      width: 550px;
      height: 10px;
      margin-bottom: -10px;
}

#form_content {
      width:660px;
      height: 100%;
      padding: 10px 10px 10px 10px;
      overflow: hidden;
}

#breadcrumb {
      width: 479px;
      background-color:#ffffff;
      padding: 0px 20px 0px 20px;
      text-align: center;
}

#breadcrumb ul {
      list-style: none;
      margin: 0;
}

#breadcrumb ul li {
      display: inline;
}

#breadcrumb ul li,
#breadcrumb ul li a {
      color: #cccccc;
}

#breadcrumb ul li:hover,
#breadcrumb ul li a:hover {
      color: #000000;
}

#sidebar {
      position: relative;
      width:190px;
      margin: 20px;
}

#sidebar_top {
      background: url("images/sidebar_top.png") no-repeat top left;
      width: 190px;
      height: 10px;
      margin-bottom: -2px;
}

#sidebar_title, #sidebar_content {
      width:168px;
      background-color:#ffffff;
      border: 1px solid #cccccc;
      border-top: 0px;
      border-bottom: 0px;
      padding: 5px 10px;
      margin: 0px;
}

#sidebar_title {
      padding-top: 7px;
}

#sidebar_title {
      font-size: 1.1em;
      font-weight: bolder;
      padding-bottom: 0px;
}

#plugin_sidebar {
      width:168px;
      padding: 10px;
}

#sidebar_bottom {
      background: url("images/sidebar_bottom.png") no-repeat top left;
      width: 190px;
      height: 10px;
}

#footer_content {
      width: 730px;
      clear: both;
      padding: 10px;
      font-size: 0.25cm;
}

#footer {
      background: url("images/footer.png") no-repeat top left;
      width: 750px;
      height: 19px;
      margin: 0px;
}

#standards {
      text-align: center;
      color: #999999;
      font-size: 0.25cm;
      width: 750px;
      margin-top: 5px;
}

#standards a {
      color: #999999;
      text-decoration: none;
}

/*</group>*/

/*<group=Menus>*/

#toolbar_content>ul {
      margin: 0;
      padding: 0;
      float: left;
}

#toolbar_content ul ul {
      width: auto;
      border: 1px solid #888888;
      background-color: #ffffff;
}

#toolbar_content ul {
      cursor: default;
      margin-left: 0px;
      padding-left: 0px;
}

#toolbar_content ul li {
      list-style-type: none;
      margin: 0px;
      padding: 0px 25px 0 5px;
      position: relative;
      white-space: nowrap;
      _behavior: url( IEmen.htc );
}

#toolbar_content ul li > ul {
      display: none;
      position: absolute;
      left: 100%;
      margin-top: -22px;
}

#toolbar_content #current,
#toolbar_content ul ul li:hover,
#toolbar_content ul li.CSStoHighlight,
#toolbar_content ul ul li:hover>a,
#toolbar_content ul li.CSStoHighlight>a {
      color: #000000;
}

#toolbar_content ul ul.CSStoShow {
      display: block;
}

#toolbar_content ul li:hover > ul {
      display: block;
}

#toolbar_content ul li a {
      display: block;
      width: 100%;
      text-decoration: none;
      color: #888888;
}

#toolbar_content ul li:hover > a, #toolbar_content ul li a:hover, #toolbar_content ul li a.CSStoHighLink {
      color: #000;
}

#toolbar_content > ul > li {
      border: 0px;
}

#toolbar_content > ul > li > ul {
      border-top: 0px;
      margin-top: 0px;
      top: 21px;
      left: 0px;
}

#toolbar_content > ul li {
      float: left;
      padding: 0 10px;
}

/*</group>*/

/*<group=Blog>*/

.blog-entry {
}

.blog-entry-title {
      color: #888888;
      font-size: 1.5em;
      font-weight: normal;
      margin-bottom: 8px;
      border-bottom: 0px solid #cccccc;
}

.blog-entry-date {
      margin-bottom: 10px;
}

.blog-entry-body {
      margin-bottom: 25px;
line-height: 12px;
}

.blog-entry-comments {
}

.blog-entry-category {
}

.blog-category-link-enabled {
}

.blog-category-link-disabled {
      color: #aaaaaa;
}

/*</group>*/

/*<group=qTip>*/

#qTip
{
      display: none;
      position: absolute;
      left: -999px;
      z-index: 1500;
      list-style: none;
      max-width: 150px;
      padding: 10px 30px 10px 10px;
      margin: 0;
      background-color: #ffffe0;
      border: 1px solid #888870;
}

[title] {
      cursor: default;
}

.tab { margin-left: 150px; }
/*</group>*/