/*

Web safe colours:

Dark orange: 255:153:000 FF9900 (logo)
Dark blue (inverse of the dark orange): 000:102:255 0066FF
Medium blue: 153:204:255 99CCFF
Light blue: 204:255:255 CCFFFF

Very dark blue (for text): 000:000:153 000099

*/
body {
font-family: Arial, Trebuchet MS, Verdana;
font-size: 0.9em;
margin: 0;
background-image: url('../../images/theme/underline-orange.gif');
background-repeat: repeat-x;
}

#container {
margin: auto;
width: 53.9em;
background: white;
}

#accessibility {
float: left;
}

#column {
border-top: 1px solid #0066FF; /* This is necessary to prevent IE moving the column div below the accessibility div. */
background-image: url('../../images/theme/underline-blue.gif');
background-repeat: repeat-x;
}

#header {
clear: both;
margin-top: 10px;
padding-right: 1em;
}
#header img {
border: 0;
width: 13.9em;
}

#menu {
margin: 0;
padding: 0;
}
#menu h2 {
display: none;
}
#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu ul li {
padding: 0.5em;
}
#menu ul li a {
padding: 0.5em;
text-decoration: none;
white-space: nowrap;
}
#menu ul li a.current {
background: url('../../images/theme/underline-orange.gif') repeat-x 100% 100%;
}
#menu ul li a:hover {
background: url('../../images/theme/underline-blue.gif') repeat-x 100% 100%;
}

#pagemenu {
margin: 0;
padding: 0;
}
#pagemenu h2 {
margin: 0;
font-size: 1.1em;
padding: 0.5em 0.5em 0.2em 0.5em;
border-bottom: 1px solid #0066FF;
}
#pagemenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#pagemenu ul li {
padding: 0.3em;
}
#pagemenu ul li a {
padding: 0.3em;
text-decoration: none;
white-space: nowrap;
}
#pagemenu ul li a.current {
background: url('../../images/theme/underline-orange-narrow.gif') repeat-x 100% 100%;
}
#pagemenu ul li a:hover {
background: url('../../images/theme/underline-blue-narrow.gif') repeat-x 100% 100%;
}

#page {
text-align: justify;
margin: 0;
padding: 0;
}
#page h1 {
margin: 0;
font-size: 1.2em;
padding: 1em 0.5em 0.4em 0.5em;
border-bottom: 1px solid #0066FF;
}
#page h1 span {
}

#content {
margin: 0;
padding: 0.5em 1em 0.5em 0.5em;
}
#content h2 {
font-size: 1em;
border-bottom: 1px dotted #0066FF;
clear: both;
padding: 0;
margin: 0.5em 0em 0.5em 0em;
}
#content h3 {
font-size: 0.9em;
font-weight: bold;
border-bottom: 1px dotted #FF9900;
}
#content h4 {
font-size: 0.9em;
font-weight: bold;
}
#content p {
margin: 0;
padding: 0.5em 0em 0.5em 0em;
}
#content dl, #content ul {
list-style-type: none;
margin: 0; /* Required to stop IE indenting bullets. */
padding: 0.5em 0em 0.5em 0em; /* Required to stop most browsers indenting bullets. */
}
#content dl dt, #content ul li {
font-size: 0.9em;
background: url('../../images/theme/dot-tick.gif') no-repeat;
padding: 0.35em 0em 0em 2em;
}
#content .shot {
float: left;
margin-top: 1em;
}
#content img {
border: 1px solid #0066FF;
}
#content img:hover {
border: 1px solid #FF9900;
}
#content .desc {
padding: 0em 0.5em 0em 0.5em;
margin: 0em 0em 0em 16em;
border: 1px solid white; /* Border required for correct alignment in IE. */
}

#footer {
font-size: 0.7em;
margin: 0;
padding: 0;
clear: both;
border-top: 1px solid #0066FF;
}
#footer p {
margin: 0;
padding: 0.5em;
}

a {
color: #000000;
}
a:hover {
/*color: #0066FF;*/
}
a:active {
color: #FF9900;
}
a.weblink {
padding-right: 15px;
background-image: url('../../images/theme/external.png');
background-repeat: no-repeat;
background-position: right;
}

hr {
display: none; /* Can't get rid of surrounding margins in IE. */
/*border: 0;
height: 1px;
color: #0066FF;
background-color: #0066FF;
clear: both;*/
}

pre {
font-family: monospace;
background: rgb(246, 246, 253);
border: 1px dotted #0066FF;
padding: 0.9em;
overflow: auto;
}

.clear {
margin: 0;
padding: 0;
clear: both;
height: 0;
line-height: 0; /* Required for IE. */
}