/* Hides from IE5-mac \*/
* html .bulletList {height: 1%;}
* html .folder {height: 1%;}
* html blockquote {height: 1%;}
/* End hide from IE5-mac */

/* Core site styles - will change the whole site!! */
#page { background-color: #fff; width: 65em; margin-left: auto; margin-right: auto; height: 100%; padding: 0px 0px 1px 0px; }
#pageText { background-color: #fff; color: #00476C; font-size: small; width: 75%; float: left; position: relative; margin-left: auto; margin-right: auto; }

#content { color: #00476C; padding: 5px; height: 100%; }
#logo { margin-left: 0px; float: left; position: relative; width: 191px; padding-left: 10px; padding-top: 5px }

/* Styles for the bar containing the print page icon and search box */
#toolbar { float: right; position: relative; padding: 0px 5px 0px 0px; margin: 5px 0px 0px 0px; clear: right; width: 65%; white-space: nowrap; text-align: right; }
#toolbar img { vertical-align: middle; padding: 0px 2px 0px 5px; }
#toolbar input { margin: 2px 0px 0px 0px; vertical-align: middle; }
#toolbar a { color: #00476C; text-decoration: none; font-weight: bold; font-size: small; margin: -6px 0px -5px 0px; }
#toolbar a:hover { color: #007EA2; text-decoration: none; font-weight: bold; }

/* Style for screenreaders to read the invisible 'skip to content' link */
a.invisible { color: #00476c; padding: none; margin: none; font-size: xx-small; }
a.invisible:visited { color: #00476c; }

#navigationBar { font-size: small; padding: 10px 5px 0px 0px; margin: 0px; position: relative; float: right; white-space: nowrap; clear: right; text-align: right; width: 60%; background-color: #fff; }
div.navigationButton { display: block; height: 29px; background-color: #00476C; text-align: right; padding: 0px 5px 0px 3px; margin: 0px 0px 3px 3px; float: left; font-size: 90%; }
a.navigationButtonLink { display: block; color: white; font-weight: 600; text-decoration: none; }
a.navigationButtonLink:visited { display: block; color: #fff; text-decoration: none; }
a.navigationButtonLink:hover { display: block; color: #BDDEE7; text-decoration: none; }
div.navigationButtonSelected { display: block; height: 29px; background-color: #BDDEE7; text-align: right; padding: 0px 5px 0px 3px; margin: 0px 0px 3px 3px; float: left; font-size: 90%; }
a.navigationButtonLinkSelected { display: block; color: #00476C; font-weight: bold; text-decoration: none; }
a.navigationButtonLinkSelected:visited { display: block; color: #00476C; text-decoration: none; }
a.navigationButtonLinkSelected:hover { display: block; color: white; text-decoration: none; }

/* styles for the bar enclosing the breadcrumb and text-only link */
#breadCrumbBar { clear: both; text-align: left; color: #00476C; font-size: small; font-weight: bold; background-color: #BDDEE7; margin: 5px 4px 0px 6px; padding: 1px 5px 1px 5px; vertical-align: middle; }
#breadCrumb { float: left; position: relative; }
#loginBox { float: right; font-weight: normal; position: relative; }

/* styles for the menu on the right-hand side of the page */
#rightHandMenu { background-color: #fff; color: #00476C; font-size: small; margin: 0px; width: 20%; padding: 1px 0px 0px 0px; float: right; position: relative; }
input.related { border: none; margin-top: 15px; }
span.folder { display: block; padding: 0; }
span.folder a { display: block; border-bottom: #007EA2 solid 1px; padding: 3pt; text-decoration: none; }
span.folder a:hover { background-color: #ddd; }
#blueBox { background-color: #BDDEE7; margin-top: 3px; float: right; width: 147px; }
#purpleBox { background-color: #E1D2E5; margin-top: 3px; float: right; width: 147px; }
#whiteBox { text-align: center; float: right; clear: both; width: 150px;}
div.blueHeading { padding-left: 5px; padding-bottom: 5px; font-weight: bold; }

/* styles for the footer */
#footer { background-color: #BDDEE7; color: #00476C; width: 63.7em; padding: 0.2em; text-align: right; margin-left: auto; margin-right: auto; margin-bottom: 0.3em; }
a.footerMenu { padding-left: 20px; }
div.footerText { font-size: 100%; }
span.tagline { font-weight: bold; }