
/* +++ Common Styles +++ */
body {  font-family:verdana, arial, helvetica, sans-serif; 
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;  padding: 0;}

html > body {font-size: 9pt;}

a { color: rgb(61,92,122);  background-color: transparent; text-decoration: underline;
  margin: 0; padding: 0 1px 2px 1px;}

a:hover { color: rgb(117,144,174); text-decoration: none;}

ol {  margin: 1em 0 1.5em 0; padding: 0;}
ul { list-style-type: square; margin: 10px 0 10px 0; padding: 0;}
dl { margin: 1em 0 0.5em 0; padding: 0;}
ul li { line-height: 1.5em; margin: 1px 0 0 30px; 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;}

.more { text-align: right;  margin: 0;  padding: 0 0 15px 0;}
.more a { color: rgb(61,92,122); background-color: transparent; font-size: 92%; text-decoration: underline;
  margin: 0;  padding: 0.25ex 0.75ex;}
.more a:hover { color: rgb(117,144,174); text-decoration: none;}
.doNotDisplay {display: none !important;}

/* +++  Page header bar +++ */
.navHeader {  color: #ffcc00;  background-color:#036;
  text-align: right; margin: 0; padding: 2.5px 10px;}
.navHeader span { color: #ffcc00;  background-color: transparent;
  font-weight: bold; text-transform: uppercase;}
.navHeader a { color: #ffcc00; background-color: transparent; text-decoration: none;
  margin: 0; padding: 0 2px 0 0;}
.navHeader a:hover { color: #69c; background-color: transparent; text-decoration: none;}

.titleHeader { color: white; background-color:#369; margin: 0; padding: 10px 10px;}

.headerTitle { font-size: 18pt; margin: 0; padding: 0 0 5px 0;}

.headerLinks {  text-align: right; margin: 0; padding: 0 0 5px 0; position: absolute; right: 1.5em; top: 3.5em;}
.headerLinks a { color: white; background-color: transparent; text-decoration: none;
  margin: 0; padding: 0 0 0.5ex 0; display: block;}
.headerLinks a:hover { color: rgb(195,196,210); background-color: transparent; text-decoration: underline;}

.menuHeader { color: white; background-color:#69c; margin: 0; padding: 0.5ex 10px;}
.menuHeader a, .menuHeader .highlight {  color: white; background-color: transparent;
  font-size: 110%; font-weight: bold; text-decoration: none;
  margin: 0;  padding: 0 0.25ex 0 0;}
.menuHeader a:hover, .menuHeader .highlight { color: #ffcc00;  background-color: transparent; text-decoration: none;}

/* +++ Side Menu +++ */
#navcontainer {
  color: rgb(204,204,204);
  background-color: transparent;
  list-style-type: square;
  list-style-position: inside;
  width: 150px;
  margin: 0;
  padding: 0;
  left: 5px;
  top: 110px;
  position: absolute;
}
/* 
[id="navcontainer"] {
  position: fixed !important;  /* Makes the side menu scroll with the page. Doesn't work in MSIE 
} 
*/
#navcontainer ul{margin: 0; padding: 0; list-style-type: none; font-family: arial, helvetica, sans-serif;}
#navcontainer li { margin: 0; }
#navcontainer a {display: block; color: #333; background-color: transparent;
width: 140px; padding: 2px 5px; text-decoration: none;
border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}

#navcontainer a:hover {background-color: #69c; color: #333; border-right: 10px solid #fc0;
padding: 2px 1px 2px 5px;}

#navcontainer ul ul{margin-left: 15px; padding: 0; list-style-type: none;}

#navcontainer li li a {display: block; color: #333; background-color: transparent;
width: 125px; padding: 2px 5px; margin: 0;
border-top: none; border-bottom: none; border-left: 1px solid #ccc;
text-decoration: none;}

#navcontainer ul ul ul {padding: 0px; list-style-type: none;}

#navcontainer li li li a {display: block; color: #999; font-size:90%;
background-color: transparent;
padding: 2px 15px; margin-left: -15px; width: 100px; 
border-top: none; border-bottom: none; border-left: 1px solid #ccc;
text-decoration: none;}

#navcontainer li li li a:hover {padding: 2px 15px;}

#navcontainer .image {text-align:left; font-size:92%; color:#999;
/* border-top: none; border-bottom: 1px solid #ccc; */ padding: 0 0 10px 15px;}

#navcontainer img {padding-left: 15px;}

/* +++ Content +++ */

#content { margin: 0; padding: 0.5em 10px; clear: left;}
#leftpadding {padding-left: 185px;}
#content h1 { color: #69c;  background-color: transparent;
  font-family: arial, helvetica, sans-serif; font-size: 175%;
  margin: 0;  padding: 0;}
#content h2 { color: #369;  background-color: transparent;
  font-family: arial, helvetica, sans-serif; font-size: 130%;
  margin: 0; padding: 5px 0 0 0;}
#content h3 { color: #369;  background-color: transparent;
  font-family: arial, helvetica, sans-serif;  font-weight: bold;  font-size: 100%;
  margin: 0; padding: 2.5px 0 0 0;}

#content p { line-height: 1.75em; margin: 1em 0 1.5em 0; padding: 0;}

#leftpadding img{ padding: 5px 0px 10px 20px;}

#newslist {font-size:92%;}
.newsdate {font-weight:bold;}
.newslink {font-weight:normal;}
.newspadding {padding-bottom:5px; padding-top:5px; border-bottom: 1px solid #ccc;}
.newsupdatedate {font-size:92%; font-weight:normal; font-style:italic;}
.newshead {font-size:125%; font-weight:normal; font-style:italic;}

/* +++ Footer +++ */

#footer { color: #003366; background-color: rgb(239,239,239);
  font-size: 87%;  text-align: center;  line-height: 1.25em;  margin: 2em 0 0 0;
  padding: 1ex 10px;  clear: left;}


