@charset "utf-8";
/* CSS Document */

body {
padding: 0;
margin: 0;
color: #585858;
font: normal 80.01%/130% Arial, Helvetica, sans-serif;
}
#banner {
width: 990px;
height: 599px;
}
#wrapper {
margin: 0 auto;
width: 750px;
background-color: #FFF;
border-left: 1px solid #DDDDE8;
border-right: 1px solid #DDDDE8;
}
#masthead2 {
background: #FFF url(../images/second.jpg) no-repeat;
height: 235px;
width: 750px;
}
#menu {
height: 29px;
_height: 27px;
background-color: #325A89;
}
#menu a {
color: #fff;
}
#search {
float: right;
padding-right: 5px;
height: 20px;
margin-top: -25px;
*margin-top: -26px;
_margin-top: -27px;
}
#homesearch input {
margin-bottom: 0px;
}
#search input {
vertical-align: middle;
border: none;
}
input {
color: #666;
}
#content {
padding-left: 15px;
border-bottom: 1px solid #DDDDE8;
}
#content p {
margin-top: -1px;
}
#content table td img {
padding-left: 15px;
}
h1 {
color: #8BB339;
font-size: 1.45em;
*margin-top: 15px
}
h2 {
color: #F26753;
font-size: 120%;
}
h3, dt {
color: #FCA92E;
font-size: 1.25em;
margin-bottom: 4px;
padding-bottom: 0;
}
h4 a:hover {
color: #F26753;
}
h4 {
margin-bottom: -10px;
*font-size: 90%;
}
dt {
font-weight:bold;
font-size: 1em;
}
dt a:link {
color: #FCA92E;
}
img {
border: none;
}
table, td, tr, th {
border-collapse: collapse;
border: 1px solid #C5CADA;
padding: 2px 5px;
vertical-align: middle;
}
table {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
}
table img {
border: none;
}
th {
text-align: center;
vertical-align: middle;
background-color: #f6f6f6;
height: 30px;
}
tr {
vertical-align: top;
}
#txtfield {
width: 100px;
}
#left {
width: 465px;
float: left;
}
#left ul {
margin-left: -14px;
*margin-left: 22px;
}
#left a:hover {
color: #F26753;
}
#right {
float: right;
width: 240px;
padding-right: 10px;
}
#right ul {
margin-left: -20px;
*margin-left: 20px;
}
#right li {
padding-bottom: 5px;
}
#right h2 {
font-size: 120%;
*margin-top: 15px
}
a:link, a:visited {
color:#444FAC;
text-decoration: none;
}
a:hover {
color: #F26753;
}
#right a:hover {
color:#F26753;
}
#footer, #indexFooter {
width: 750px;
margin: 0 auto;
font-size: .8em;
color: #838EBC;
text-align: right;
padding: 4px 20px;
line-height: 100%;
clear: both;
}
#indexFooter {
width: 990px;
padding: 4px 0;
}
#footer a:hover, #indexFooter a:hover {
color: #F26753;
}
#footer img {
vertical-align: middle;
}
small {
font-size: 0.85em;
margin: 8px 20px;
line-height: 120%;
display:block;
}
#reports p {
margin:0;
padding:0;
}
#reports a {
width: 250px;
text-decoration: none;
display: block;
color: #039;
font-size: 0.90em;
padding: 2px 40px;
border: 1px solid #C0C0C0;
border-top: none;
}
#reports a:hover {
background-color: #FFF7E6;
color: #333;
}
#reports h5 {
width: 250px;
background-color: #F4F0E8;
border: 1px solid #C0C0C0;
color: #333;
padding: 2px 40px;
font-size: 1em;
font-weight: bold;
text-align: left;
margin: 0;
paddin: 0;
margin-top: -10px;
}
acronym {
border-bottom: 1px dotted #777;
}
address {
font-style: normal;
}
#accordion {
padding: 0 40px 20px 14px;
}
caption {
font-weight: bold;
text-align: left;
padding-bottom: 5px;
}
pre {
margin: 5px 30px;
font-size: 1.1em;
}
/*************************************************
**************************************************
For index page only
*******/
#indexWrapper {
margin: 0 auto;
width: 990px;
overflow: auto;
padding: 0;
position: relative;
font-size: 13px;
}
#indexWrapper a {
color: #222;
}
#indexWrapper a:hover {
color: #fff;
}
banner {
width: 990px;
}
#video {
float: right;
padding: 8px;
border: 1px solid #DDDDE8;
margin: 10px;
}
#video h1 {
margin-top: 0;
text-align: center;
}
#portalLinks {
position: absolute;
top: 365px;
left: 0;
}
#portalLinks ul {
margin: 2px;
*margin: 0;
padding-left: 15px;
font-weight: bold;
list-style-type: none;
}
#portalLinks ul li {
line-height: 1em;
padding: 6px 0;
}
#portalLinks ul li li {
font-weight: normal;
padding: 1px 0;
padding-left: 13px;
background: url(../images/bulletArrow.gif) no-repeat ;
margin-left: -23px;
}
#portalLinks ul ul {
margin: 0 10px;
}
#portalLinks ul li ul li {
line-height: 1em;
}
#myAccount, #aboutSAF, #corpInfo, #inTheNews, #corpSites {
float: left;
width: 188px;
*width: 186px;
margin: 3px;
height: 218px;
overflow: visible;
color: #222;
}
#myAccount h2, #aboutSAF h2, #corpInfo h2, #inTheNews h2, #corpSites h2 {
font-weight: normal;
font-size: 1em;
padding: 6px 0;
margin: 0;
color: #fff;
text-align: center;
text-shadow: #000 .1em .1em .4em;
font-size: 15px;
}
#myAccount {
background-image:url(../images/redbg.gif);
background-repeat: no-repeat;
}
#corpSites {
width: 208px;
background-image:url(../images/blueBg.gif);
background-repeat: no-repeat;
}
#aboutSAF {
background-image:url(../images/orangeBg.gif);
background-repeat: no-repeat;
}
#corpInfo {
background-image:url(../images/greenBg.gif);
background-repeat: no-repeat;
}
#inTheNews {
background-image:url(../images/redbg.gif);
background-repeat: no-repeat;
}
/* MENU */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin:         0;
padding:        0;
list-style:     none;
}
.sf-menu {
line-height:    1.0;
}
.sf-menu ul {
position:       absolute;
top:            -999em;
width:          10em; /* left offset of submenus need to match (see below) */
margin-top: -3px;
}
.sf-menu ul li {
width:          100%;
}
.sf-menu li:hover {
visibility:     inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:          left;
position:       relative;
}
.sf-menu a {
display:        block;
position:       relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left:           0;
top:            2.5em; /* match top ul list item height */
z-index:        99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top:            -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left:           10em; /* match ul width */
top:            0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top:            -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left:           10em; /* match ul width */
top:            0;
}
/*Below is code from old menu still needed */
/*===============================================*/

.sf-menu a {
display: block;
text-decoration: none;
padding: 8px 10px;
color: #FFF;
height: 13px;
font-size: 14px;
}
.sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus {
color: #FFF;
letter-spacing: .01px;
text-shadow: #000 .1em .1em .4em;
}
.sf-menu ul, .sf-menu ul li {
width: 260px;
}
.one {
background-color: #325A89;
}
.one a:hover {
background-color:#6B88AA !important;
}
.two {
background-color:#96172E;
}
.two a:hover {
background-color:#B35868 !important;
}
.three {
background-color:#325A89;
}
.three a:hover {
background-color:#6B88AA !important;
}
.four {
background-color:#EF8533;
}
.four a:hover {
background-color:#F3A76C !important;
}
.five {
background-color:#A1CD47;
}
.five a:hover {
background-color:#BBDB7A !important;
}
.six {
background-color:#B0D06B;
}
.six a:hover {
background-color:#8BB339 !important;
}
.seven {
background-color:#F58A7C;
}
.seven a:hover {
background-color:#F26753 !important;
}
.sf-menu a {
_height: auto !important;
}
.sf-menu ul a {
_height: 1em !important;
}
/*  SKIP TO CONTENT */
#skip {display:none;}