﻿body	{background-color: white; color: black; font-family:  Arial, Verdana, sans-serif; margin-top: 0;}

p, td	{font-size: 12px; line-height: 20px;}
ul     	{list-style-type: square;}
li {line-height: 18px; margin-bottom: 4pt;}
li li {line-height: 18px; margin-bottom: 4pt;}

h1	{font-size: 20pt; color: #9F2D21; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: normal; letter-spacing: -1px; margin-top: 6px; line-height: 22pt; display: block; border-bottom: 1pt solid  #61748C; /*text-transform:uppercase;*/}
h2	{font-size: 14pt; color: #000000; font-weight: bold; letter-spacing: .07cm; text-transform: uppercase;}
h3	{font-size: 11pt; color: #9F2D21; font-weight: bold; letter-spacing: .07cm; text-transform: uppercase;}
h4	{font-size: 10pt; color: #000000; font-weight: bold; letter-spacing: .07cm; text-transform: uppercase; /*margin-top: 0;*/}
h5	{font-size: 20pt; color: #000000; font-weight: bold; letter-spacing: .07cm; text-transform: normal; line-height: 22pt; /*margin-top: 0;*/}

.bottom	{margin-bottom: 0;}
.top	{margin-top: 0;}
.topbot	{margin-top: 0; margin-bottom: 0;}

.title		{font-size: 14pt; color: #ffffff; font-weight: bold; text-transform:uppercase; margin-right: 10pt;}
.news       {font-size: 9pt; margin: 10pt;}
.small      {font-size: 8pt; color: #61748C; line-height: 12px;}
.large      {font-size: 13px;}

.callouttext	{font-size: 11pt; line-height: 200%; font-style: italic; font-weight: bold;}
.calloutbox     {width: 200px; border-style: solid; border-width: 1px; border-color: #CCCCCC; background-color: #EBF1F9; float: right;}
.calloutcell    {padding: 12px;}

.publicationTitle	{font-size: 11pt; font-weight: bold;}

.sidenav {color: #424242; font-size: 10pt; line-height: 6pt; display: block;
	border-bottom: 1pt solid  #61748C;	
	padding-bottom: 5pt;
	padding-left: 5pt;
}

a:link, a:visited, a:active	{color: black; text-decoration: underline;}
a:hover 	{color: #9F2D21;}

.nav2 			{color: black; font-size: 9pt; margin-left: 15pt; line-height: 14pt;}
a.nav2:link,a.nav2:visited,a.nav2:active	{color: black; text-decoration: none;}
a.nav2:hover 	{color: #9F2D21; text-decoration: none; font-weight: bold; }


/*Bread Crumb Lists*/
#breadcrumbs {
    border: 0;
    margin: 0;
    padding: 0;
}

    #breadcrumbsList {
        border: 0;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    #breadcrumbsList li {
        display: inline;
        border: 0;
        font-size: 8pt;
        font-weight: normal;
        padding: 0;
    }

    #breadcrumbsList a {
        color: #61748C;
        text-decoration: none;
        font-size: 8pt;
        font-weight: normal;
        padding: 0 .75em 0 0;
        background-image: url('../images/breadcrumbs.gif');
        background-repeat: no-repeat;
        background-position: center right;
    }
    #breadcrumbsList a:hover {color: #9F2D21;}


/*rollover navigation*/
#nav, #nav ul { /* all lists */
	padding: 0; margin: 0; list-style: none;}

#nav a {text-decoration: none;}
#nav li   {float: left; display: block; margin: 0 0 8 5;}
#nav li a 		{color: black; display: block; width: 125pt; font-size: 9pt; font-weight: normal; border-bottom: 1px solid #61748C;}
#nav li a:hover	{color: white; display: block; background: #61748C;}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #61748C;
	margin: -16pt 0 0 125pt;
	padding: 0 0 10 5;
	width: 130pt;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {float: left; display: block; margin: 2 0 2 0; line-height: 13pt; font-size: 8.5pt; font-weight: normal; border-bottom: 1px solid white;}

#nav li ul a 		{color: white; display: block; width: 125pt; font-size: 8.5pt;}
#nav li ul a:hover	{color: white; display: block; background: #9F2D21;}

#nav li ul ul { /* third-level lists */
	position: absolute;
	background: #61748C;
	margin: -16pt 0 0 125pt;
	padding: 0 0 10 5;
	width: 290pt;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul li {float: left; display: block; margin: 2 0 2 0; line-height: 13pt; font-size: 8.5pt; font-weight: normal; width: 285pt; border-bottom: 1px solid white;}

#nav li ul ul a 		{color: white; display: block; width: 290pt; font-size: 8.5pt;}
#nav li ul ul a:hover	{color: white; display: block; background: #9F2D21;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {left: -999em; } 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {left: auto; }
