/* Standard Elements
----------------------------------------------- */
body {
 background-color: #eee;
 color: #000;
 font: 100% Verdana, sans-serif;
 min-width: 760px;
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 0;
 padding-bottom: 0;
 text-align: center;
}
#wrapbg {
 background: #eee url(/images/foundation/wrap.gif) repeat-y center; 
}
input, textarea, select {
  margin:1px 0;
  font-size: 100%;
  border:1px solid #ccc;
  border-color:#aaa #eee #eee #aaa;
  background-color: #E7F1F5;
  color: #000;
}
blockquote {
 background-color: #FFC;
 color: #000;
 padding: 1em 1em 1em 1em;
 border-left: 5px solid #FF9900;
 clear: left;
 font-style: oblique;
}
/* Search Form
----------------------------------------------- */
#searchform {
 margin: 0 0 0 10px;
}
.sbutton {
  vertical-align: top;
  background-color: #26548c;
  color: #FC0;
  border:1px solid #ccc;
  border-color:#eee #aaa #aaa #eee;
}
/* Classes
----------------------------------------------- */
#boxrelated {
 clear: left;
 font-size: 100%;
 width: auto;
 background-color: #eee;
 color: #000000;
 padding: 0em 0em .5em 0em;
 margin: 1em 0 0 0;
 text-align: left;
}
#content #boxrelated ul  {
 background: transparent;
 list-style: disc url(/images/foundation/bgry-arw.gif);
 margin-left: 2em;
 padding-left: 0em;
}
#content #boxrelated h2  {
 margin: 0;
 padding: .25em 0 .25em 0;
 font: normal bold 1em sans-serif;
 text-align: center;
 background: #26548c;
 color: white;
 display: block;
 width: auto;
}
#content #boxrelated p {
 padding: 0 1em 0 1em;
}
#boxresources {
 font-size: 100%;
 width: auto;
 background-color: #ffc;
 color: #000000;
 padding: 0em 0em .5em 0em;
 margin: 1em 0 0 0;
 text-align: left;
}
#content #boxresources h2  {
 margin: 0;
 padding: .25em 0 .25em 0;
 font: normal bold 1em sans-serif;
 text-align: center;
 background: #f90;
 color: white;
 display: block;
 width: auto;
}
#content #boxresources ul  {
 background: transparent;
 list-style: disc url(/images/foundation/or-arw.gif);
 margin-left: 2em;
 padding-left: 0em;
}

#content .acrologo {
   float: none;
}
/* Top Banner
----------------------------------------------- */
#bannerhm {
 height: 107px;
 color: #FC0;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 width: 760px;
 background: #26548C url(/images/foundation/rialto-banner-hm.jpg) no-repeat center;
}
#banner {
 height: 130px;
 width: 760px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 margin-bottom: 0;
 padding: 0;
 text-align: left;
 position: relative;
 color: #FC0;
 background: #26548C url(/images/foundation/rialto-banner.jpg) no-repeat top;
}
#banner h1, #bannerhm h1 {
 display: inline;
 position: absolute;
 width: 2750px;
 height: 1px;
 margin: 0 0 0 -2000px
}
#bannerhm span,  #banner span {
 display: inline;
}
#banner img {
 position: absolute;
 margin: 7px 20px 0 590px;
 border: 2px solid #fc0;
 clear: none;
}
#utilnav {
 font-size: .8em;
 padding-left: 7px;
 background-color: #093b64;
 color: #FC0;
 text-align: left;
}
#banner #utilnav {
 position: absolute;
 margin: 112px 0 0 0;
 width: 500px;
 clear: none;
}
#hpnav {
 width: 760px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}
#hpnav #utilnav {
 padding-top: 3px;
 height: 20px;
}
#intnav {
 width: 760px;
 margin-top: -20px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}
#intnav #utilnav {
 padding-top: 3px;
 height: 20px;
}
#utilnav a:link {
 text-decoration: none;
 background-color: #093b64;
 color: #fc0;
}
#utilnav a:visited{
 text-decoration: none;
 background-color: #093b64;
 color: #fc0;
}
#utilnav a:hover {
 text-decoration: underline;
 background-color: #093b64;
 color: #fff;
}
#photos-home {
 width: 759px;
 margin-left: auto;
 margin-right: auto;
 padding: 5px 0 3px 0;
 background: #fff;
 color: #000;
 height: 178px;
 position: relative;
 clear: both;
}
#photos-home .p1 {
 margin-left: 8px;
 float: left;
 border: 0px solid #E12D00;
 background: url(/images/foundation/hp-photo2.jpg) no-repeat;
 width: 232px;
 height: 176px;
}
html>body #photos-home .p1 {
 margin-left: 15px;
}
#photos-home .p2 {
 margin-left: 15px;
 border: 0px solid #E12D00;
 float: left;
 background: url(/images/foundation/hp-photo3.jpg) no-repeat;
 width: 232px;
 height: 176px;
}
#photos-home .p3 {
 margin-left: 15px;
 float: left;
 border: 0px solid #E12D00;
 background: url(/images/foundation/hp-photo1.jpg) no-repeat;
 width: 232px;
 height: 176px; 
}
/* Home Page Content
----------------------------------------------- */
#homecontent {
 background: #FFF;
 color: #000;
 font-size: .75em;
 line-height: 155%;
 margin: 0px 215px 0 0;
 padding: 0px 10px 15px 10px;
 width: 500px;
 text-align: left;
}
#homecontent h1, #homecontent h2, #homecontent h3, #homecontent h4 {
 font-family: Verdana, sans-serif;
 font-size: 1.5em;
 font-weight: bold;
 letter-spacing: .02em;
 line-height: 145%;
 margin-top: 0em;
 padding-top: 0em;
 margin-bottom: .3em;
 color: #26548c;
}
#homecontent h1 a:link {
 text-decoration: none;
}
#homecontent h1 a:visited {
 text-decoration: none;
}
#homecontent h1 a:hover {
 color: #900;
 text-decoration: underline;
}
#homecontent h1 a:active {
 text-decoration: none;
}
#homecontent .teaser {
 font-size: 100%;
 margin-top: 0em;
 margin-bottom: 1em;
}
#homecontent .teaser img {
 border: none;
}
/* Main Content
----------------------------------------------- */
#content {
 float: right;
 background: #FFF;
 color: #000;
 font-size: .75em;
 line-height: 155%;
 margin: 0px 0 0 0px;
 padding: 7px 10px 10px 10px;
 width: 520px;
 text-align: left;
}
#content .updated {
 font-size: .8em;
 font-style: italic;
}
#content ul  {
 background: transparent;
 list-style: disc url(/images/foundation/b-arw.gif);
 margin-left: 1.5em;
 padding-left: 0em;
}
#content h1, #content h2, #content h3, #content h4 {
 font-family: Georgia, Serif;
 font-size: 1.5em;
 font-weight: bold;
 letter-spacing: .06em;
 line-height: 125%;
 font-variant: small-caps;
 margin-top: 1em;
 margin-bottom: .3em;
}
#content h2 {
 font-size: 1.25em;
 font-variant: normal;
}
#content h3 {
 font-size: 1.125em;
 font-variant: normal;
}
#content h4 {
 font-size: 1em;
 font-variant: normal;
}
#content img, #homecontent img {
 border: 1px solid #000000;
 float: left;
 margin-bottom: 5px;
 margin-right: 10px;
}
#content .imgright {
 border: 1px solid #000000;
 float: right;
 margin-bottom: 5px;
 margin-left: 10px;
}
#content .imgleft {
 float: left;
 border: 1px solid #000000;
 margin-bottom: 5px;
 margin-left: 10px;
}
#content p, #homecontent p {
 margin-top: .7em;
 margin-bottom: .7em;
}
#content ul li, #content ol li, #homecontent ul li, #homecontent ol li {
 margin-top: .5em;
 margin-bottom: .5em;
}
#content a:link,  #homecontent a:link {
 color: #26548c;
}
#content a:visited, #homecontent a:visited {
 color: #2f3567;
 
}
#content a:hover, #homecontent a:hover {
 color: #900;
}
#content a:active, #homecontent a:active {
 color: #26548c;
}
#content table {
  background-color:#FFF;
  border: solid #26548c 2px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
#content table th {
 text-align: center;
 background-color: #26548c;
 color: #fff;
 padding: 2px;
 border: solid #eee 1px;
}
#content table td {
 background: #eee;
 color: black;
 padding: 4px;
 border: solid #26548c 1px;
 text-align: left;
}
#faq {
 border-top: 7px solid #265485;
 margin-top: 15px;
 padding: 0px 10px 5px 10px;
 background-color: #eee;
}
#faq li {
 line-height: 1.5em;
 padding-bottom: .5em;
}
.faq-a, .faq-q {
 float: left;
 padding: 0 2px 0 0;
 font-size: 1em;
 font-weight: bold;
}
#faq img {
 float: none;
 border: none;
}
.bio {
 border: 1px solid #265485;
 margin: 1.5em 0 1.5em 0;
 padding: 0 0 4px 0;
 background-color: #eee;
}
.bio img {
 margin: .5em 0 0 3px;
}
.bioclear:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}
* html .bioclear {height: 1%;}
.bioname {
 font-size: 1.25em;
 font-weight: bold;
 margin: .5em 0 0 155px;
}
.biotitle {
 font-size: 1.25em;
 font-style: italic;
 font-weight: bold;
 background-color: #265485;
 color: white;
 margin: 0 0 5px 0px;
 padding: 5px;
}
.biodetail {
 font-size: 1em;
 line-height: 155%;
 margin: 0 5px 0 155px;
}
.staff {
 border: 1px dotted white;
 margin-bottom: 5px;
 padding: 5px;
}
.staff:hover {
 border: 1px dotted #265485;
 background-color: #eee;
}

/* Files
----------------------------------------------- */
#filelist {
 margin-top: 2em;
 display: block;
}
#filelist p {
 margin: 0;
}
/* News
----------------------------------------------- */
#newslist {
 margin-top: 2em;
 display: block;
 clear: left;
}
#newslist h2 {
 font-size: 1.2em;
 font-weight: bold;
 margin: 0 3px 0 0;
 display: inline;
}
#newslist p {
 margin: 0;
}
/* Gallery
----------------------------------------------- */
#browse {
    margin-left: 200px;
    padding: 3px;
}
#browse a:link {
    padding: 3px;
    text-decoration: none;
}
#browse a:hover {
    background-color: #eee;
    color: #26548c;
    padding: 3px;
    text-decoration: none;
    border-bottom: 1px solid #26548c;
    border-top: 1px solid #26548c;
}
#browse a:visited {
    padding: 3px;
    text-decoration: none;
}
#gallery-detail img {
 float: none;
}
.gallery {
 border: 1px solid #265485;
 margin: 1.5em 0 1.5em 0;
 padding: 4px 0 4px 0;
 background-color: #eee;
}
.gallery img {
 margin-left: 4px;
}
.galleryclear:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}
.gallery-hd{
 font-size: 1.25em;
 font-weight: bold;
 margin-top: 0;
}
.gallery-capt {
 font-size: 1em;
 line-height: 155%;
 margin-left: 4px;
 margin-right: 5px;
}
#content .gallery-capt p {
 margin: 0 0 .5em 4px;
}
* html .galleryclear {height: 1%;}
/* Footer
----------------------------------------------- */
#footera {
 background-color: #cce0e9;
 color: #26548c;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: .3em 0 .3em 0;
 text-align: center;
 width: 760px;
 font-size: .625em;
}
#footera a:link {
 color: #fff;
 text-decoration: none;
}
#footera a:hover {
 color: #fc0;
 text-decoration: underline;
}
#footerb {
 background-color: #26548C;
 color: #FFF;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 padding: .3em 0 .3em 0;
 text-align: center;
 width: 760px;
 font-size: .625em;
}
#footerb a:link {
 color: #fff;
 text-decoration: none;
}
#footerb a:visited {
 color: #fff;
 text-decoration: none;
}

#footerb a:hover {
 color: #fc0;
 text-decoration: underline;
}

/* Breadcrumb Nav
----------------------------------------------- */
#bcnav {
 font-size: .9em;
 color: #26548c;
 text-align: left;
}
#bcnav a:link, #bcnav a:visited  {
 text-decoration: none;
 color: #26548c;
 padding: .2em;
}
#bcnav a:hover {
 text-decoration: none;
 background-color: #eee;
 color: #26548c;
 padding: .2em;
 border-bottom: 1px solid #26548c;
 border-top: 1px solid #26548c;
}
/* Homepage Sidebar
----------------------------------------------- */
#homebar {
 background-color: #fff;
 color: #26548C;
 float: right;
 padding: 10px 7px 20px 7px;
 width: 220px;
 font-size: .85em;
 line-height: 155%;
 text-align: left;
}
#homebar dl {
  width: 218px;
  margin: 10px 0 10px 0px;
  padding: 0 0 15px 0;
  background: #036 url(/images/foundation/cb-bottom.gif) no-repeat bottom;
  color: white;
  }
#homebar dt {
  font: bold 1em Verdana, sans-serif;
  margin: 0;
  padding: 5px;
  text-align: center;
  background: #036 url(/images/foundation/cb-top.gif)  no-repeat top;
  }
#homebar dd {
  font: .8em Verdana, sans-serif;
  background: #eee url(/images/foundation/bgry-arw.gif) no-repeat 5px 5px;
  margin: 0 0 0 0;
  padding: 5px 5px 5px 15px;
  color: black;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}    
#homebar .CalMonth {
  font: bold .9em Verdana, sans-serif;
  background: #eee;
  margin: 0 0 0 0;
  padding: 5px 5px 5px 5px;
  color: black;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}    
#homebar .CalDate {
  font: .8em Verdana, sans-serif;
  background: #eee;
  margin: 0 0 0 0;
  padding: 5px 5px 5px 10px;
  color: black;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}  
#homebar dd a:link {
 text-decoration: none;
 color: #265485;
}
#homebar dd a:visited {
 text-decoration: none;
 color: #2f3567;
}
#homebar dd a:hover {
 text-decoration: underline;
 color: #900;
}
#homebar dd a:active {
 text-decoration: underline;
 color: #900;
} 
/* Sidebar
----------------------------------------------- */
#sidebar {
 background-color: #B1C7D7;
 color: #26548C;
 float: left;
 padding: 10px 0px 20px 7px;
 width: 200px;
 font-size: .85em;
 line-height: 155%;
 background-image: url(/images/foundation/nav-bot.gif);
 background-repeat: no-repeat;
 background-position: bottom;
 text-align: left;
 margin-bottom: 50px;
}
#sidebar h1, #sidebar h2 {
 font-size: 100%;
 margin-bottom: .2em;
 padding: 2px 0 0 0;
 border-top: 1px solid #cce0e9;
}
#sidebar h2 a:link {
 text-decoration: none;
 color: #26548C;
}
#sidebar h2 a:hover {
 text-decoration: underline;
}
#sidebar h2 a:visited {
 text-decoration: none;
 color: #26548C;
}
#sidebar h2 a:active {
 text-decoration: none;
}
#sidebar ul {
 list-style: none;
 font-size: 100%;
 margin: 1em 0 0 0;
 padding: 5px 0 0 0;
 border-top: 1px solid #cce0e9;
}
#sidebar ul ul {
 list-style: none;
 margin: 0 0 0 0;
 padding: 0;
 border: none;
}
#sidebar ul ul ul {
 list-style: none;
 margin: 0 0 0 1em;
 padding: 0;
 border: none;
}
#sidebar ul li {
 margin: 0;
 font-weight: bold;
}
#sidebar ul li ul li {
 font-weight: normal;
 margin: .4em 0 .4em 0;
 line-height: 140%;
}
#sidebar ul li ul li ul li{
 font-weight: normal;
}
#sidebar ul li a:link, #sidebar ul li a:visited {
 font-size: 100%;
 margin-bottom: 0;
 padding: 2px 0 0 0;
 text-decoration: none;
 color: #26548C;
}
#sidebar ul li a:hover {
 text-decoration: underline;
}
#sidebar ul li ul li a:link {
 display: block;
   width: 100%;
 text-decoration: none;
 color: #26548C;
 border-left: 7px solid #B1C7D7;
 border-top: none;
 padding: 0 0 0 2px; 
}
#sidebar ul li ul li a:visited {
 display: block;
   width: 100%;
 text-decoration: none;
 color: #26548C;
 border-left: 7px solid #B1C7D7; 
 border-top: none;
 padding: 0 0 0 2px;
}
#sidebar ul li ul li a:hover {
 text-decoration: none;
 background: #CCE0E9;
 border-left: 7px solid #26548C;
 border-top: none;
 color: #26548C;
 padding: 0 0 0 2px;
}
#sidebar ul li ul li a:active {
 text-decoration: none;
 border-top: none;
}
/* Skip Navigation
----------------------------------------------- */
#skipnav {
 display: inline;
 position: absolute;
 width: 2750px;
 height: 1px;
 margin: 0 0 0 -4000px
}
/* Top Navigation
----------------------------------------------- */
#topnav {
 width: 760px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}
/* Content wrapper
----------------------------------------------- */
#wrap {
 background-color: #FFF;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 1em;
 width: 760px;
}
#wrap .clear {
 clear: right;
 display: block;
 visibility: hidden;
}
/* Form formatting
----------------------------------------------- */
#recform .errors {
   font-family: sans-serif;
   color : #900;
   background-color : #FFF;
   font-size : 1em;
}
#recform .elementerror {
   font-family: sans-serif;
   color : #900;
   background-color : #FFF;
   font-size : 1em;
}
#recform .label {
   font-family: sans-serif;
   color : #26548C;
   font-size : 1em;
   text-align : right;
   vertical-align : top;
   white-space: nowrap;
}
#recform  .element {
   font-family: sans-serif;
   text-align : left;
   white-space: nowrap;
}
#recform input, #recform textarea {
  background-color: #ffc !important;
   font-size: 1.1em !important;
}
#recform select  {
    font-size: .9em;
   background-color: #ffc !important;
}
#recform .sbutton {
   vertical-align: top;
   font-size: 1em;
   background-color: #26548c !important;
   color: #ffcc00;
   border:1px solid #ccc;
   border-color:#eee #aaa #aaa #eee;
}
#recform  .note {
   font-family: sans-serif;
   background-color : #EEE;
   text-align : center;
   font-size : 10pt;
   color : AAA;
   white-space: nowrap;
}
#recform  .req {
    color: #900;
   font-size: 1em;
}
#recform  .maintable th {
   border : thin solid #26548C;
   font-family: sans-serif;
   font-size : 1em;
   color : #E7F1F5;
   background-color : #26548C;
}
#recform  .maintable {
   border : thin solid #26548C;
   background-color : #eee;
   width: 90%;
}
/* RedDot Controls
----------------------------------------------- */
.reddot {
 font-size: 1em;
 font-weight: bold;
 color: #900;
 clear: both;
}
.reddot img {
 margin-top: 5px;
}
.reddoteditbox {
 border: thin dotted #900;
 background-color: #eee;
 padding: 10px;
 clear: both;
}
.disclaimer {
 border: 1px solid #26548c;
 padding: 0px;
 background: #fff;
 font-size: .85em;
 margin-top: 10px;
 line-height: 150%;
 font: Verdana, sans-serif;
 font-weight: bold;
}
#content .disclaimer td img {
 border:  none;
}
#content .disclaimer table, #content .disclaimer table tr, #content .disclaimer table tr td {
 border:  none;
 background: #fff;
 padding:  2px;
 margin:  0;
}

/* CSS Workarounds
----------------------------------------------- */
html>body #sidebar li li a:link,  html>body #sidebar li li a:visited { width: auto; }
html>body #sidebar li li a { width: auto; }
html>body #sidebar li li li a {
 width: auto;
}
.clearfix:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}