/*****************************************
 *   Zydax alternate style sheet.        *
 *   By Mark Swayne                      *
 *   Derived from Prosimii at OSWD       *
 *   Modified: $Date $                   *
 *   Version: $Revision $                *
 *                                       *
 *****************************************/

/* ##### Common Styles ##### */

body {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted #666666;
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

a {
  color: #663300;
  background-color: transparent;
  text-decoration: underline;
  margin: 0;
  padding: 0 1px 2px 1px;
}

a:hover {
  color: #CC3300;
  text-decoration: none;
}

ol {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

ul {
  list-style-type: square;
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dl {
  margin: 1em 0 0.5em 0;
  padding: 0;
}

ul li {
  line-height: 1.5em;
  margin: 1.25ex 0 0 1.5em;
  padding: 0;
}

ol li {
  line-height: 1.5em;
  margin: 1.25ex 0 0 2em;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 1ex 0;
}

dd {
  line-height: 1.75em;
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

label {
text-align: right;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}


.navMenu ul {
    display: inline;
    list-style-type: none;
}
.navMenu ul li {
    display: inline;
    border-right: solid 1px black;
    list-style-position: inside;
}

.navMenu ul li.last {
    border-right: none;
}

.navMenu h2 {
  display: none !important;
}

.navMenu a:hover {
  background-color: transparent;
  text-decoration: underline;
}

#main-copy .address p {
    font-size: 131%;
    line-height: 1.5em;
    margin: 0 .5em;
    text-align: left;
}

/* ###### Top ####### */
#top {
  display: none !important;
}

/* ##### Header ##### */
#header h1{
  font-size: 300%;
  margin: 0;
  padding: 0;
}

#header h2{
  font-size: 151%;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 1ex 0;
  padding: 0;
}



#header h1 {
  font-size: 300%;
  margin: 0;
  padding: 0;
}

#header h2 {
  font-size: 151%;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 1ex 0;
  padding: 0;
}

#quickLinks {
  color: #CCCCCC;
  background-color: #333333;
  text-align: right;
  margin: 0;
  padding: 0.5ex 10px;
}

#quickLinks h2 {
    color: #CCCCCC;
    background-color: transparent;
    font-weight: bold !important;
    text-transform: uppercase;
    display: inline !important; 
    font-size: 100% !important;
    font-style: normal;
}

#quickLinks ul{
    display: inline;
    list-style-type: none;
}

#quickLinks li{
    display: inline;
    border-right: solid 1px white;
    padding-right: 1em;
}

#quickLinks li.last {
    border-right-style: none !important;
}

#quickLinks a {
  color: #CCCCCC;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}

#quickLinks a:hover {
  color: #FF3300;
  background-color: transparent;
  text-decoration: none;
}

#banner {
  color: #FF3300;
  background-color: #999999;
  margin: 0;
  padding: 0.26ex 10px;
}

#banner a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0 0.5ex 0;
  display: block;
}

#banner  a:hover {
  color: #333333;
}

#banner h1 {
    text-indent: -1000em;
    overflow: hidden;
    background: url('../img/logo.gif') no-repeat;
    height: 75px;
}

#banner h2 {
    display: none;
}

#banner .navMenu {
    text-align: right;
    margin: 0;
    padding: 0 0 2ex 0;
    position: absolute;
    right: 1.5em;
    top: 2.5em;
    font-size: 115%;
    font-weight: bold;
}

#banner .navMenu a {
    color: #000000;
    text-decoration: underline;
}

#banner .navMenu a:hover {
    color: #330000;
    text-decoration: underline;
}

#banner .navMenu ul {
    display: inline;
    list-style-type: none;
    padding: 0em;
}

#banner .navMenu ul li {
    display: inline;
    list-style-type: none;
    padding: 0em;
    margin: 0em;
    border: none;
}

#mainMenu {
  color: black;
  background-color: #CCCCCC;
  margin: 0;
  padding: 0.5ex 10px;
  padding-right: 1.5ex; 
}

#mainMenu .menuSelect a{
text-decoration: underline;
}

#mainMenu  ul  {
    display: inline;
}

#mainMenu  ul li {
    display: inline;
    position: relative;
}

#mainMenu a, #mainMenu .highlight {
  color: #CC3300;
  background-color: transparent;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 0;
  padding-left: 0ex;
  padding-right: 1.5ex;
}

#mainMenu a:hover {
  color: #330000;
  background-color: transparent;
  text-decoration: none;
}


/* ##### Side Menu ##### */

#side-bar {
  color: #CCCCCC;
  background-color: transparent;
  width: 10em;
  margin: 0;
  padding: 1ex 0;
  border: 1px solid #CCCCCC;
  position: absolute;
  left: 1.5ex;
  top: 13.5em;
}
#side-bar ul {
  display: block;
}

#side-bar ul li {
  list-style-type: square; 
  list-style-position: inside;
  display: list-item;
  border: none;
}

[id="side-bar"] {
  position: fixed !important;  /* Makes the side menu scroll with the page. Doesn't work in MSIE */
}

#side-bar a {
  text-decoration: none;
    color: #663300;
}

#side-bar:hover {
  color: #999999;
  background-color: transparent;
  border-color: #999999;
}

#side-bar li {
  margin: 0;
  padding: 0.75ex 0 1ex 1.75ex;
}

#side-bar li:hover {
  color: #666666;
  background-color: transparent;
}


#side-bar li a:hover {
    color: #CC3300;
    text-decoration: underline;
}


/* ##### Main Copy ##### */

#main-copy {
  text-align: justify;
  margin: -0.5ex 1em 1em 12.5em;
  padding: 0.5em 10px;
  clear: left;
}

#main-copy h1 {
  color: #666666;
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 186%;
  margin: 0;
  padding: 1.5ex 0 0 0;
}

#main-copy h2 {
  color: #666666;
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 151%;
  margin: 0;
  padding: 1ex 0 0 0;
}

#main-copy p {
  line-height: 1.75em;
  margin: 1em 0 1.5em 0;
  padding: 0;
}

#main-copy .verticalList ul{
    display: block;
}

#main-copy .verticalList li{
    list-style-type: square;
    list-style-position: outside;
    display: list-item;
    border: none;
}

.newsHeading {
  color: #663300;
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 145%;
  text-decoration: none;
  margin: 0;
  padding: 1ex 0 0 0;
  display: block;
}

.newsHeading:hover {
  color: #CC3300;
  background-color: transparent;
  text-decoration: underline;
}

.newsDate {
  font-style: italic;
  margin: 0 !important;
  padding: 0;
}

.newsSummary {
  margin: 1.5ex 0 2.5ex 0.75ex !important;
  padding: 0;
}

.more {
  text-align: left;
  text-indent: 4ex;;
  margin: 0;
  padding: 0.5em 0;
}

.more a {
  color: #663300;
  background-color: transparent;
  font-size: 92%;
  text-decoration: underline;
  margin: 0;
  padding: 0.25ex 0.75ex;
}

.more a:hover {
  color: #CC3300;
  text-decoration: none;
}

.announcement {
    font-size: 125%;
    color: #FF3300;
    font-weight: bold;
}

.section {
  clear: both;
}


.section .subsection {
  margin: 2.5% 1.9%;
  float: left;
  padding: 0;
}

.oneQuarter {
}

.oneThird {
}

.oneHalf {
}


.twoThirds {
}

.threeQuarters {
}

.fullWidth {
}

.usersguides {
    border: 1px #CCCCCC dashed;
    margin: 2ex;
    padding: 0 1ex 1ex 1ex;
    text-align: left;
}

.usersguides h2 {
    font-size: 80%;
    margin: 0;
}

.usersguides ul {
    margin: 0;
}

.usersguides li {
    margin: 0;
    margin-left: 2em;
}

.slogan {
  font-size: 14pt;
  font-style: italic;  
  vertical-align: baseline;
  font-weight: bold;
  text-align: right;
  text-indext: 50em;
  letter-spacing: .1em;
  line-height: 150%;
  text-transform: uppercase;
}

/* More elegant alternatives to .noBorderOnLeft & .dividingBorderAbove
 * that don't require the creation of new classes - but which are not
 * supported by MSIE - are the following:
 *
 * .rowOfBoxes > div:first-child {
 *   border-left: none;
 * }
 *
 * .rowOfBoxes + .rowOfBoxes {
 *   border-top: 1px solid rgb(204,204,204);
 * }
 */

/* ##### bottom navigation ##### */
#bottomNav {
  color: #FF3300;
  background-color: #CCCCCC;
  margin: 2em 0 0 0;
  line-height: 1.25em;
  padding: 0.5ex 10px;
  padding-right: 1.5ex; 
  clear: both;
}

#bottomNav h2 {
    color: #CC3300;
    background-color: transparent;
    font-weight: bold !important;
    text-transform: uppercase;
    display: inline !important; 
    font-size: 100% !important;
    font-style: normal;
}

#bottomNav ul{
    display: inline;
    list-style-type: none;
}

#bottomNav li{
    display: inline;
    border-right: solid 1px black;
    padding-right: 1em;
}

#bottomNav li.last {
    border-right-style: none !important;
}

#bottomNav a {
    color: #CC3300;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    padding: 0 0.25ex 0 0;
}

#bottomNav a:hover {
  color: #330000;
  background-color: transparent;
  text-decoration: none;
}



/* ##### Footer ##### */

#footer {
  color: #CCCCCC;
  background-color: #333333;
  font-size: 87%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1ex 10px;
  clear: left;
}

#footer a {
    color: #CCCCCC;
    background-color: transparent;
    text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}

#get_acro img {
    border: none;
}