* {
font-family: arial, sans-serif;
}

body {
margin: 0 0 0 2px;
padding: 0;
background: #fff;
}

#container {
width: 990px;
margin-right: 5px;
}

#contactOptions {
position: relative;
list-style: none;
padding-bottom: 30px;
}

#contactOptions li {
display: inline;
padding: 0;
}

#contactOptions li a {
display: block;
width: 32px;
height: 32px;
}

#contactOptions li a.contact-email {
position: absolute;
top: 3px;
left: 8px;
}

#contactOptions li a.contact-phone {
position: absolute;
top: 3px;
left: 47px;
}

#contactOptions li a.contact-post {
position: absolute;
top: 3px;
left: 86px;
}

#contactOptions li span {
position: absolute;
text-indent: -9999em;
}

#contactOptions li.last {
padding: 0;
}

h3, ul, ol, li {
margin: 0;
padding: 0;
}

#accessOptions {
background: #ddd;
padding: 2px 0;
}

#accessOptions ul {
margin: 2px 0 0 0;
padding: 0;
list-style: none;
}

#accessOptions li {
display: inline;
margin-left: 4px;
}

#accessOptions li a {
color: #000;
text-decoration: none;
}

#accessOptions li.styles {
margin-left: 2em;
}

#accessOptions li a:hover {
text-decoration: none;
color: #ec008c;
}

#brandingContainer {
position: relative;
width: 100%;
height: 100px;
background: #000;
border-bottom: 3px solid #fff;
text-align: right;
}

#branding {
float: left;
width: 100%;
height: 100px;
text-align: right;
background: #000 url(template/banner1.jpg) no-repeat top left;
}

#branding h1 {
margin: 0;
padding: 0;
}

#branding #scclogo {
position: absolute;
top: 34px;
right: 25px;
}

#branding #chalklogo {
position: absolute;
top: 4px;
left: 32px;
}

#indexNavigation a, #breadcrumb a, #fullbreadcrumb a {
color: #01458e;
text-decoration: none;
}

#indexNavigation a:hover {
color: #ec008c;
text-decoration: underline;
}

#breadcrumb a:hover, #fullbreadcrumb a:hover {
color: #ec008c;
text-decoration: underline;
}

a:link, a:active {
color: #01458e;
text-decoration: underline;
}

a:visited {
color: #f09;
text-decoration: underline;
}

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

a:focus {
text-decoration: underline;
}

a.whitelink:link, a.whitelink:visited, a.whitelink:active {
color: #fff;
text-decoration: none;
}

#navigationContainer {
padding-top: 8px;
background: #998e9c url(template/navigation-container.jpg) repeat-y top left;
}

#navigation {
background: #01458e;
border-bottom: 3px solid #fff;
}

#navigation ul {
margin: 0;
padding: 1em 0 1em 25px;
background: url(template/navigation-corner.jpg) no-repeat top left;
list-style: none;
font-weight: bold;
}

#navigation ul li {
display: inline;
line-height: 200%;
}

#navigation ul li a {
color: #fff;
background: #01458e;
padding: 3px 7px;
text-decoration: none;
}

#navigation ul li a:hover {
color: #fff;
background: #001a7b;
padding: 3px 7px;
text-decoration: none;
}

#contentContainer {
float: left;
width: 100%;
background: url(template/background.jpg) repeat-y;
}

#pageContent {
float: left;
width: 100%;
background: url(template/sitefunctionsback.jpg) repeat-y bottom right;
}

#breadcrumb {
margin: 0 140px 0 160px;
background: #e2e2e8 url(template/breadcrumb-corner.jpg) no-repeat bottom right;
padding: 5px 20px 5px 5px;
}

#content {
background: #fff url(template/content-corner.jpg) no-repeat top left;
margin: 0 140px 0 160px;
padding-top: 10px;
padding-left: 5px;
}

p {
margin: 0 0 15px 0;
padding: 0;
line-height: 135%;
}

#localNavigation {
float: left;
width: 160px;
margin-left: -100%;
padding-bottom: 5px;
background: url(template/background.jpg) repeat-y;
}

#localNavigation .black_border {
background: #fff;
border: 1px #01458e solid;
width: 92%;
margin: 10px auto 0 auto;
}

#localNavigation p {
margin: 0;
padding: 5px;
line-height: 125%;
}

#localNavigation ul {
text-align: center;
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}

#localNavigation img {
padding-bottom: 3px;
}

#nav ul {
margin: 5px;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #01458e;
}

#nav ul li {
position: relative;
text-align: left;
}

#nav ul li a {
display: block;
text-decoration: none;
color: #01458e;
padding: 5px;
border: 1px solid #01458e;
border-bottom: 0;
}

#nav ul li a:hover {
background: #ffea8f;
}

#nav li:hover ul, li.over ul {
display: block;
}

#siteFunctions {
float: left;
width: 123px;
margin-left: -133px;
padding: 5px;
line-height: 1.3em;
background: #001a7b url(template/sitefunctions.jpg) no-repeat;
color: #fff;
min-height: 380px;
}

#siteFunctions a {
text-decoration: none;
}

#siteFunctions a:hover {
text-decoration: underline;
}

#quickLinks {
margin: 0 0 10px 0;
padding: 7px;
list-style: none;
background: #01458e;
}

#quickLinks a {
color: #fff;
}

.salix {
/*margin-top: 221px;*/
margin-top: 317px;
margin-bottom: 6px;
text-align: center;
}

#seeAlso {
margin: 0 0 10px 0;
}

#seeAlso p {
margin: 0;
padding: 0;
line-height: 135%;
}

#seeAlso ul {
margin: 0;
padding: 0;
list-style: none;
}

#languages {
clear: both;
display: block;
border-top: 3px solid #01458e;
background: #fff url(template/languages.jpg) repeat-y top right;
height: 25px;
}

#languages ul {
list-style: none;
}

#languages ul li {
display: inline;
padding: 2px 25px 2px 0;
}

#siteInfo {
clear: both;
display: block;
position: relative;
background: #01458e;
color: #fff;
}

#legal {
float: right;
padding: 4px 24px 4px 0;
}

#legal a {
padding: 4px;
color: #fff;
text-decoration: none;
text-transform: lowercase;
}

#copyrightImage {
position: absolute;
top: 1px;
left: 25px;
}

#information {
display: block;
position: relative;
background: #fff url(template/information.jpg) repeat-x top left;
line-height: 180%;
padding: 5px 0 10px 0;
}

#chalk-address {
margin-left: 25px;
}

#chalk-address a {
color: #000;
text-decoration: none;
}

#chalk-address a:hover {
text-decoration: underline;
}

h2 {
font-weight: bold;
margin: 0 0 15px 0;
}

h3 {
font-weight: bold;
font-size: 120%;
margin: 0 0 15px 0;
}

.subheader {
display: block;
font-weight: bold;
}

a.whitelink:hover {
color: #fff;
text-decoration: underline;
}

hr {
height: 1px;
width: 100%;
background: #000;
color: #000;
border: 0;
}

img {
border: 0;
}

table {
clear: both;
margin-bottom: 15px;
}

th, td {
padding: 5px;
border: 1px solid #fff;
border-left: 0;
}

.left {
float: left;
margin: 0 5px 5px 0;
}

.right {
float: right;
margin-bottom: 7px;
margin-left: 10px;
}

.lefttext {
text-align: left;
}

.righttext {
text-align: right;
}

.centre {
text-align: center;
}

table.search {
border: 1px solid #01458e;
}

table.search tr td {
width: 25%;
}

table.search tr td.centre {
width: 50%;
}

.blockCentre {
display: block;
text-align: center;
}

#siteFunctions fieldset {
position:relative;
border: none;
margin: 0 0 15px 0;
padding: 0;
}

#siteFunctions fieldset legend {
display: none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

form {
margin: 0;
}

fieldset {
border-top: 1px solid #999;
border-right: 1px solid #222;
border-bottom: 1px solid #222;
border-left: 1px solid #999;
margin: 0 0 15px 0;
padding: 10px;
}

legend {
background: #eaf2f5;
font-weight: bold;
border-top: 1px solid #999;
border-right: 1px solid #222;
border-bottom: 1px solid #222;
border-left: 1px solid #999;
padding: 5px;
}

.input {
background: #fff;
color: #000;
border-top: 1px solid #999;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #999;
font: 11px arial, sans-serif;
padding: 4px;
}

.input:focus {
background: #ffc;
border: 1px dotted #555;
}

.smallField {
width: 100px;
}

.mediumField {
width: 200px;
}

.largeField, .feedbackWidth {
width: 300px;
}

.searchinput {
position: relative;
background: #ffea8f;
color: #01458e;
border: 1px solid #01458e;
font: 11px arial, sans-serif;
padding: 3px 4px;
width: 82px;
}

#searchbutton {
margin-left: 5px;
background: #01458e;
color: #ffea8f;
border: 1px solid #ffea8f;
}

.button {
background: #aaa;
color: #fff;
border-top: 1px solid #888;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #888;
font: bold 11px arial, sans-serif;
padding: 2px 1px 1px 1px;
}

.disabled {
background: #ebebe4;
color: #888;
border-top: 1px solid #999;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
border-left: 1px solid #999;
font: 11px arial, sans-serif;
padding: 4px;
}

div.success {
margin: 0 0 15px 0;
padding: 5px 5px 5px 28px;
border: 1px solid #67bf3e;
background: #ffc url(template/accept.gif) no-repeat 8px 11px;
}

div.error {
margin: 0 0 15px 0;
padding: 5px 5px 5px 28px;
border: 1px solid #f00;
background: #ffc url(template/exclamation.gif) no-repeat 8px 7px;
font-weight: bold;
}

#content div.success p {
margin: 5px 0;
}

#content div.error p {
margin: 0;
}

#content div.error ul {
margin: 10px 0 10px 30px;
}

abbr, acronym {
border-bottom: 1px dotted #f09;
cursor: help;
}

th {
text-align: left;
vertical-align: top;
}

td {
vertical-align: top;
}

#content ul, #fullcontent ul, #content ol, #fullcontent ol {
margin: 0 0 15px 30px;
}

#content ul li ul, #fullcontent ul li ul {
margin: 0 0 0 30px;
}

#content li, #fullcontent li {
line-height: 145%;
}

#content p span.bullet1, #fullcontent p span.bullet1 {
background: none;
display: list-item;
list-style-image: url(bullet_1a.gif.gif);
margin-left: 28px;
padding-left: 0;
}

#content p span.pinkstar, #fullcontent p span.pinkstar {
background: none;
display: list-item;
list-style-image: url(pinkstar.gif);
margin-left: 20px;
padding-left: 0;
}

.noPadding {
padding: 0;
}

.noBullet {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}

.black_border {
clear: both;
border: 1px #01458e solid;
width: 100%;
}

.red_border {
clear: both;
border: 1px #f00 solid;
width: 98%;
}

#indexNavigation .red_border h2 {
margin: 7px 10px 0 10px;
}

#content .black_border, #content .red_border {
margin-bottom: 15px;
}

#content div.black_border h3, #content div.red_border h3 {
margin: 7px 10px 7px 10px;
}

#content div.black_border p, #content div.red_border p {
margin: 7px 10px 7px 10px;
}

#content div.black_border ul, #content div.red_border ul, #content div.black_border ol {
margin: 7px 10px 7px 35px;
}

#content fieldset p.black_border {
border-top: 1px solid #999;
border-right: 1px solid #222;
border-bottom: 1px solid #222;
border-left: 1px solid #999;
padding: 5px;
width: 98%;
}

#seeAlso div.black_border {
margin-bottom: 15px;
}

#seeAlso div.black_border p {
margin: 10px;
}

.blackborderleft, img.blackborder {
border: 1px solid #000;
}

.white_border {
border: 2px solid #fff;
}

.white_back {
background: #fff;
}

.magenta {
background: #f09;
}

.pale_back {
background: #fde1ef;
}

.pale_grey {
background: #efebef;
}

.darker_grey {
background: #ddd;
}

.feedbackWidth {
width: 300px;
}

.clear {
clear: both;
}

.blue {
color: #06f;
}

.charcoal {
color: #01458e;
}

.gold {
color: #fc3;
}

.green {
color: #008000;
}

.navy {
color: #000080;
}

.orange {
color: #f8ac28;
}

.purple {
color: #800080;
}

.red {
color: #f00;
}

.teal {
color: #096;
}

.dgrey {
color: #333;
}

.white {
color: #fff;
font-weight: bold;
}

.white_back {
background: #fff;
}

.libraryyellow {
background: #ffff40;
}

.libraryorange {
background: #ffb93f;
}

.whitefooter {
color: #fff;
}

.magenta {
background: #f09;
}

#print, .hidden {
display: none;
}

label.overlabel {
color: #01458e;
font-weight: normal;
}

label.overlabel-apply {
position: absolute;
top: 19px;
left: 4px;
z-index: 1;
font-weight: normal;
}

.floatRight {
float: right;
margin: 0 0 10px 10px;
}