/*
Author: Greg Pullman 
December 2007

===========

Contents:

STRUCTURE - page-wide settings, e.g. wrapper, h1, body
TOPBAR - top header bar with logos
SIDENAV - all the navigation down the left side
CONTENT - page content
IMAGE - thumbnail image
DATESTAMP - last updated text
BREADCRUMB TRAIL - the breadcrumb trail
FOOTER - page footer

=============

Known Issues:
* IE doesn't underline links in breadcrumb or footer
* IE's 'dotted' underline appears as 'dashed'
*/


/*
---------
STRUCTURE
---------
*/

/* First two elements force page to be at least one screen long (100% of viewport) so footer sits at bottom of screen */

html, body {
	height: 100%;
	margin: 0;
	padding:0;
}
html {padding:0 10px;}

/* Site-wide settings */
#wrapper { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 76%;
  position:relative;
  z-index: 1;
  margin-top: -4em; /* space for footer */
  min-height: 100%;
  border-right:1px solid #778899;
}
* html #wrapper {
    height:100%;
}

body { /* Body default parameters */
      margin: 0;
    background:#fff url(/global/images/tms-menu-background.gif) repeat-y 10px 0;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}


h1 {
    font-size: 1.9em;
    font-weight: bold;
    color: #603;
    background-color: #fff;
}

h2 {
    font-size: 1.4em;
    font-weight: bold;
    color: #603;
    background-color: #fff;
}

h3 {
    font-size: 1.25em;
    font-weight: bold;
    color: #603;
    background-color: #fff;
}

h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #603;
    background-color: #fff;
}

h5 {
    font-size: 1.0em;
    font-weight: bold;
    color: #603;
    background-color: #fff;
}

h6 {
    font-size: 1.0em;
    font-weight: normal;
    color: #603;
    background-color: #fff;
}

.redtext, #content .redtext {
    color: #c00;
}

.footnote {
    font-size: 0.8em;
}

.smallcaps {
    font-variant: small-caps;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.clearleft {
    clear: left;
}

.clearright {
    clear: right;
}

.clearboth {
    clear: both;
}

.code {
    font-family: "Courier New", Courier, mono;
    margin: 1em 0;
    padding: 0 0.5em;
    border: 1px solid #000;
    background-color: #ddd;
}

/*
---------
TOPBAR
---------
*/

#topbar    { 
    position: relative;
    z-index: 2; 
    border-top: 5em solid #fff;/* footer clearer*/
    position:relative;
    margin:0 -1px;
	min-height:0
}
* html #topbar{
	height:1px
}

#topbar1 { /* First row in header with links */
    background-color: #369;
    height: 2.0em;
    color: #FFF;
    font-weight: bold;
    font-size: 0.8em;
    border-bottom: 1px solid #fff;
    overflow:hidden;
}
#lefttext {
    float:left;
    margin:2px 0 0 15px;
    display:inline;
}

#righttext {
    float:right;
    margin:2px 15px 0 0;
    display:inline;
}

#topbar1 .align-left { /* Left-aligned text - absolute positioning magnifies better, but text disappears in IE when mouseover in body links! */
    float: left;
    margin-left: 2em;
    margin-top: 3px;
}

#topbar1 .align-right { /* Right-aligned text */
    float: right;
    margin-right: 2em;
    margin-top: 3px;
}

#topbar1 a:link {
    text-decoration: none;
    color: #FFF;
    background-color: #369;
}

#topbar1 a:visited {
    text-decoration: none;
    color: #cde;
    background-color: #369;
}

#topbar1 a:hover, #topbar1 a:active {
    color: #CC3;
    background-color: #369;
}

#topbar2 { /* Second row of header with logos */
    height: 80px;
    color: #369;
    background-color: #369;
    font-size: 0.001em;
		overflow:hidden
}
#topbar2 .align-left { /* Location of left logo */
    float: left;
    margin-left: 20px;
    margin-top: 0px;
}

#topbar2 .align-right { /* Location of right logo */
    float: right;
    margin-right: 20px;
    margin-top: 5px;
}

#topbar2 img {
    border: none;
}




/*
-------------------------------------
MAIN PAGE CONTENT AND NAVIGATION ZONE
-------------------------------------
*/

#main {
    position: relative;
    border-top: 1px solid #fff;
}
/* This allows the sidebar to grow with the content */

/*
---------------
SIDE NAVIGATION
---------------
*/
#sidenav {
    float: left;
    width: 8em;
    min-width: 200px;
    background-color: #fff;
    color: #fff;
    line-height: 125%;
    z-index: 4;
    border-right: 1px solid #789;
    border-left: 1px solid #789;
}



#sidenav ul { /* Any items in the menu which aren't links */
    font-size: 0.8em;
    font-weight: bold;
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidenav li a {
    display: block;
    padding: 5px 5px 5px 1.5em;
}



/* level 1 specific */

#sidenav ul li {
    border-bottom: 1px solid #fff;
	color: #fff;
	background-color: #89a;
    }
    
#sidenav ul li a, #sidenav ul li a:visited {
    color: #fff;
    background-color: #789;
    text-decoration: none;
}

#sidenav ul li a.selected, #sidenav ul li a.selected, #sidenav ul li a:hover {
    color: #ffc;
    background-color: #036;
    background-image: url(/global/images/nav/arrow_standard.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

    
/* level 2 elements */



#sidenav ul ul { 
    font-size: 1.0em;
    font-weight: normal;
}

#sidenav ul li ul li a, #sidenav ul li ul li a:visited {
    color: #036;
    background-color: #eed;
    border-bottom: 1px solid #789;
}

#sidenav ul li ul li a:hover {
    color: #036;
    background-color: #fff;
    text-decoration: underline;
    background-image: url(/global/images/nav/arrow_standard1.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

#sidenav ul li ul li a.selected {
    color: #036;
    background-color: #fff;
    font-weight: bold;
    background-image: url(/global/images/nav/arrow_standard1.gif);
    background-position: left center;
    background-repeat: no-repeat;
}


/* level 3 elements */


#sidenav ul ul ul { 
    font-size: 1.0em;
    font-weight: normal;
}

#sidenav ul li ul li ul li  a, #sidenav ul li ul li ul li a:visited {
    background-color: #fff;
    font-style: italic;
    padding-left: 30px;
}

#sidenav ul li ul li ul li a:hover {
    text-decoration: underline;
    background-image: url(/global/images/nav/arrow_standard2.gif);
    background-position: left center;
    background-repeat: no-repeat;
}

#sidenav ul li ul li ul li a.selected {
    font-weight: bold;
    background-image: url(/global/images/nav/arrow_standard2.gif);
    background-position: left center;
    background-repeat: no-repeat;
}


/* level 4 elements */


#sidenav ul ul ul ul { 
    font-size: 0.9em;
    font-weight: normal;
}

#sidenav ul li ul li ul li ul li a, #sidenav ul li ul li ul li ul li a:visited {
    padding-left: 35px;
}


/* level 5 elements */

#sidenav ul ul ul ul ul { 
    font-size: 1.0em;
}

#sidenav ul li ul li ul li ul li ul li a, #sidenav ul li ul li ul li ul li ul li a:visited {
    padding-left: 40px;
}



#sidenav img {
    border: none;
    margin: 1px 0;
}


/*
------
SEARCH
------
*/


#search {
    color: #456;
    background-color: #ebf0f7;
    padding: 20px 10px;
    text-align: left;
    font-size: 0.8em;
    line-height: 120%;

    margin-bottom: 1px;
    text-align: center;    
    border-bottom: 1px solid #fff;
    border-top: 1px solid #999;
}

#search .textbox {
    min-width: 150px;
    width: 5em;
}

#search input {
    margin-top: 3px;
}

a .searchbutton{
    background-image: url(/global/images/search-button-bg-1207.gif);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #e6e6e6;
    color: #456 !important;
    border: 1px solid #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.1em;

    padding: 2px 20px;
    margin-top: 20px;
}

#search a:link, #search a:visited {
    color: #456;
}
/*
---------
CONTACT
--------
*/


#contact {
    color: #456;
    background-color: #fff;
    padding: 20px 10px;
    text-align: left;
    font-size: 0.8em;
    line-height: 120%;
}

#contact a {
    color: #369;
    background-color: #fff;
    text-decoration: underline;
}

#contact a:hover {
    color: #456;
    background-color: #fff;
}



/*
-------
CONTENT
-------
*/

#content { /* Sits around page content */
    padding-top: 20px;
    margin-left: 225px; 
    font-size: 1.0em;
    background-color: #fff;
    text-align: justify;
    width: 80em;
    max-width: 70%;
    z-index: 3;
}
#content-inner{ /* Where the page content goes, allows floats to be cleared without affecting rest of page */
    float:left;
    width:99.9%;
	margin-bottom: 2em;
}
* html #content{height:1px;width:auto;margin:0 25px 0 225px;}
* html #sidenav{width:200px;position:relative;}
* html #main {height:1px}


#content p, #content li, #fullcontent p, #fullcontent li {
    line-height: 130%;
    text-align: justify;
    color: #333;
    background-color: #fff;
}

#content table p { /* allow paragraph text to be aligned inside a table */
	text-align: inherit;
}

#content #blocktable {
    display: block;
    border: 1px solid #000;
}

#content .lefttable {
    float: left;
}

#content .righttable {
    float: right;
}

#content .lefttable, #content .righttable{
    border: 1px solid #9ab;
    border-top: none;
    width: 49%;
}


#content .head1, #content .head2, #content .head3, #content .head4, #content .head5, #content .head6, #content .head7 {
    display: block;
    background-color: #EBF0F7;
    color: #369;
    font-style: italic;
    font-size: 1.1em;
    font-weight: bold;
    border-top: 1px solid #9ab;
    border-bottom: 1px solid #9ab;    
    padding: 5px 10px 5px 30px;
    background-position:left;
    background-repeat:no-repeat;
}

#content .head1 {
    background-image: url(/global/images/square-arrows/c36.gif);
}

#content .head2 {
    background-image: url(/global/images/square-arrows/066.gif);;
}

#content .head3 {
    background-image: url(/global/images/square-arrows/909.gif);
}

#content .head4 {
    background-image: url(/global/images/square-arrows/090.gif);
}

#content .head5 {
    background-image: url(/global/images/square-arrows/369.gif);
}

#content .head6 {
    background-image: url(/global/images/square-arrows/036.gif);
}

#content .head7 {
    background-image: url(/global/images/square-arrows/900.gif);
}


#content .indent {
    text-indent: 30px;
}

#content .noborder, #content a:link .noborder, #content a:hover .noborder, #content a:link img {
    border: none;
    text-decoration: none;
}


#content a[href $='.pdf'] { 
   padding-right: 16px;
   background-image: url(/global/images/nav/reader-icon-12px.gif);
   background-position: right;
   background-repeat: no-repeat;
}

/*

-------

SITE MAP

-------

*/


#sitemap ul { /* Creates a bit of space between the end of one nested list and the start of outer one following */
    list-style: none;
    margin: 10px 0 10px -5px; 
    padding: 0 0 1px 0; /* If bottom element is 0px, the underlining of the last link is obscured in FireFox */
    font-size: 1.0em;
    font-weight: bold;
    border-bottom: 1px dotted #000;

}

#sitemap ul ul {
    font-weight: normal;
    margin: 0 0 0 10px;
    padding: 0px 0px 2px 8px;
    font-size: 0.9em;
    background-image:url(/global/images/nav-line.gif);
    background-repeat: repeat-y;
    border-bottom: none;
}

#sitemap ul ul ul { /* Third to fifth level menu items */
    font-size: 1.0em; 
}



#sitemap li {
    margin-top: 5px;
}


#sitemap ul a:link, #sitemap ul a:visited { /* Any items in the menu which are links */
    padding-left: 8px;
    text-decoration: none;
}


#sitemap a:link {
    color: #036;
    background-color: #fff;
    text-decoration: none;
}



#sitemap a:visited {
    color: #769;
    background-color: #fff;
    text-decoration: none;
}



#sitemap ul a:hover, #sitemap ul a:active { /* The arrow next to the item on mouseover */
    background-image: url(/global/images/arrow_b.gif);
    background-repeat: no-repeat;
    background-position: left;
    border-bottom: 1px dotted #660;
    color: #000;
    background-color: #fff;
}



/*
------
TABLES
------
*/

#content table {
    padding: 2px;
/*    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: #000; */
/*    text-align: left */
}

#content table th {
    background-color: #369;
    color: #fff;
    padding: 10px;
/*     border-style: solid;
    border-color: #000;
    border-width: 1px 1px 0 0; /*
    margin: 0;
}

#content table td {
/*    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #000; */
    margin: 0;
    padding: 6px;
    line-height: 130%;
}

#content table img {
    border: 0;
}

#content table a:link, #content table a:active, #content table a:visited, #content table a:hover  {
    text-decoration: none;
}

#content th a:link, #content th a:active, #content th a:hover, #content th a:visited {
    color: #fff;
    background-color: #369;
}


/*
-----
IMAGE
-----
*/


#image {
    font-size: 0.8em;
    text-align: left;
    background-color: #789;
    vertical-align: top;
    margin-top: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


#image p {
    margin: 5px -10px 0px -5px;
}



/*
---------
DATESTAMP
---------
*/


#datestamp {
    font-size: 0.9em;

}


/*
----------------
BREADCRUMB TRAIL
----------------
*/


#breadcrumb    {
    color: #000;
    background-color: #fff;
    font-size: 0.75em;
    font-style: italic;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}

#breadcrumb    b {
    color: #666;
    font-weight: normal;
}

#breadcrumb a:link, #breadcrumb a:visited {
    color: #776;
    background-color: #fff;
    text-decoration: underline; 
}


#breadcrumb a:hover, #breadcrumb a:active {
    color: #000;
    background-color: #fff;
}


/*
------
FOOTER
------
*/

#footer {
    position: relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 4.74em;
    background:#fff; 
    color: #789;
    text-align: left;
    text-indent: 5px;
    padding-top: 2px;
    font-size: 0.6em;
    border-top: 1px solid #789;
    clear:both;
}

#footer .align-right {
    right: 5px;
    bottom: 18px;
    position: absolute; 
    font-size: 0.9em;
    vertical-align: top;
    z-index: 50;
}

#footer a:link, #footer a:visited, #footer a:active {
    color: #789;
    background-color: #fff;
    text-decoration: none;
}

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

#clearfooter    { 
    height: 1px;
    overflow:hidden;
    clear:both;
}