body {
    background-color: #cccccc;
    font-family: Arial, sans-serif;
    text-align: left;
}

a:link, a:visited {
    color: rgb(8,51,102); 
}

#contentHolder {
    width: 45em; 
    background-color: #ffffff;
    border: 2px solid rgb(8,51,102);
    text-align: left;
}

.logo img {
    border-width: 0;
    position: relative;
    float: left;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 8em;
}

#mainHeading {
    position: relative;
    float: left;
    margin-left: 1.25em;
    margin-top: 2em;
    text-align: left;
    font-size: 2em;
    color: rgb(8,51,102);
}

#subHeading {
    position: relative;
    float: left;
    clear: both;
    margin-top: 0.5em;
    width: 100%;
    text-align: left;
    font-size: 1.1em;
    color: rgb(8,51,102);
    padding-bottom: 0.2em;
    border-bottom: 2px solid rgb(8,51,102);
}

#subHeading span {
    padding-left: 2px;
    padding-right: 2px;
}

#breadcrumb { 
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    font-size: 0.75em;
    padding: 0.5em 0 0.5em 0;
    padding-left: 2px;
}

#breadcrumb a:hover, #topNavigation a:hover {
    cursor: pointer; 
    background-color: #ffffff;
    text-decoration: underline;
}

ul.inlineList, ul.inlineList li, ul.inlineList li a {
    list-style: none;
    display: inline;
    margin-left: 0;
    padding-left: 0;
    padding-right: 1em;
    text-decoration: none;
    color: rgb(8,51,102);
}

ul.inlineList li.selected a {
    list-style: none;
    display: inline;
    border-bottom: 0.1em solid rgb(8,51,102);
    background-color: #ffffff;
}

#leftContent {
    position: relative;
    float: left;
    clear: both;
    width: 10em;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: rgb(196,204,226);
    border-right: 2px solid rgb(8,51,102);
    border-bottom: 2px solid rgb(8,51,102);
}

#topNavigation {
    position: relative;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 1em;
    width: 100%; 
}

#topNavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#topNavigation ul li a {
    text-decoration: none;
	border-bottom: 1px solid rgb(8,51,102);
	width: 98.5%;
	display: block;
	padding-left: 2px;
}

* html #topNavigation ul li a {
	padding-left: 2px;
}

#topNavigation ul li.bottom a {
	border-bottom: 0;
}

#topNavigation ul li.selected a {
    background-color: #ffffff;
}

ul#subNavigation {
	font-size: 0.8em;
	border-top: 0;
}

ul#subNavigation li a {
    background-color: rgb(196,204,226) !important;
}

ul#subNavigation li.subSelected a{
    background-color: #cccccc !important;
}

ul#subNavigation li a:hover {
	background-color: #cccccc !important;
}

/*
#topNavigation ul, #topNavigation ul li, #topNavigation ul li a {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: rgb(8,51,102);
}

#topNavigation ul li {
    border-bottom: 1px solid rgb(8,51,102);
    background-color: rgb(196,204,226);
    padding-left: 2px;
}

#topNavigation ul li.bottom {
    border-bottom: 0;
    background-color: rgb(196,204,226);
}

#topNavigation ul li.selected {
    background-color: #ffffff;
}

#topNavigation ul li a:hover {
    display: block;
	margin-right: 2px;
}

ul#subNavigation {
    display: block;
    list-style: none;
    width: 100%;
    font-size: 0.8em;
}

ul #subNavigation li {
    border-width: 0px;
    border-top: 1px solid rgb(8,51,102);
    width: 100%;
    margin-left: -2px;
}

ul #subNavigation li a {
    padding-left: 1em;
}

ul#subNavigation li.subSelected {
    background-color: #808080
}

#topNavigation #subNavigation a:hover {
    cursor: pointer;
    display: block;
    background-color: #808080;
    text-decoration: underline;
}


ul#subNavigation li a:link, ul#subNavigation li a:visited {
    text-decoration: none;
    color: rgb(8,51,102);
}*/

#main {
    position: relative;
    float: left;
    /* Sneaky hack to hide the clear from IE Mac \*/
    clear: both;
    /* End sneaky hack */
    width: 100%;
    border-top: 2px solid rgb(8,51,102);
}

#mainContent {
    position: relative;
    float: left;
    width: 33em;
    padding-left: 1em;
    font-size: 1em;
}

#accessibilityMainContent {
    position: relative;
    float: left;
    width: 100%;  
    font-size: 1em;
}

#siteList, #siteList li a, #siteList ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: rgb(8,51,102);
}

#siteList ul {
    margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#siteList li a:hover {
    text-decoration: underline;
}

#siteList ul li {
    font-size: 0.8em;
}

#footer {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    font-size: 0.8em;
    border-top: 2px solid rgb(8,51,102);
}

/* Hack to force IE to put some space around the footer text */
* html div#footer {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#footer p {
    padding-left: 2px;
}

ul.contentList {
    list-style-type: circle;
    padding-left: 1.2em;
    margin: 0px;
}

.restoreItem {
    position: relative;
    float: left;
    clear: both;
	width: 100%;
    padding-bottom: 0.5em;
}

.restoreImage {
    position: relative;
    float: left;
}

.restoreDesc {
    position: relative;
	clear: none;
    width: 20em;
    float: left;
    padding-left: 1em;
}

.afterRestore {
    clear: both;
}

h1 {
    font-size: 1.4em;
    font-weight: bold;
    color: rgb(8,51,102);
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: rgb(8,51,102);
}

h3 {
    font-size: 1em;
    font-weight: bold;
    color: rgb(8,51,102);
}

#relatedLinks {
    padding: 2px;
    background-color: #cccccc;
    border: 1px dashed rgb(8,51,102);
    font-size: 0.8em;
}

/* Sneaky hack to move the title a bit higher up */
* html #mainContent { 
    margin-top: -0.2em;
    /* Sneaky hack to move the title to the correct place for other versions of IE \*/
    margin-top: 0;
    /* End sneaky hack */
} 

/* Forces Firefox to wrap floated containers */
html div.clearFloat:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

* html div.clearFloat {    display: inline-table;    /* Hide from IE 5 Mac \*/    display: block;    /* End hide from IE 5 Mac */}

