﻿

#header { position:relative; width:100%; overflow:hidden; height:80px; background-color:#ffffff; font-family:Arial, helvetica, Sans-Serif; }
.ocsMainLogo 
{
    margin:8px 0px 0px 18px;
    float:left;
    border-top:0px;
    border-left:0px;
    border-bottom:0px;
}

.ifgLogo 
{
    margin:8px 10px 0px 30px;
    float:left;
    border-top:0px;
    border-left:0px;
    border-bottom:0px;
}

#primaryNavigation 
{
    width:100%;
    height:29px;
    background-color:#19388a;
}

#header h1 
{
    font-family:Arial, Helvetica, sans-serif;
    margin:26px 0px 0px 0px;
    float:left;
    font-size:25px;
    color:#6e6e6e;
    font-weight:bold;
    padding:3px 0px 0px 22px;
    border-left: 1px solid #738AC6;
}
#userDetails 
{
    float:right;
    color:#fff;
    font-size:11px;
    margin-right:20px;
}
#userDetails li 
{
    list-style-type:none;
    float:left;
    margin-right:3px;
}
#userDetails strong 
{
    display:block;
    margin-bottom:4px;
    
    font-weight:bold;
}
.userDetailsText {
    color:#6e6e6e;
    padding-top:2px;
    padding-right:15px;
    font-size:12px;
}
.userDetailsInner 
{
    padding-top:5px;
    vertical-align:top;
    display:inline-block;
}
.showImagesText 
{
    font-style:normal;
    padding-right:10px;
}

/* NAVIGATION */

#primaryNavigation .primary {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-left:30px;
}

#primaryNavigation .primary li {
display:inline;
float:left;
margin-right:3px;
}
#primaryNavigation .primary li:hover {
z-index:1000;
}
#primaryNavigation .notSelected {
position:relative;
background:#5074d4 url(../images/primary-tab-corner-1.png) left top no-repeat;
margin-top:4px;
z-index:5000;
}
#primaryNavigation .primary a {
display:block;
float:left;
color:#FFF;
height:21px;
padding:4px 11px 0px 11px;
text-decoration:none;
font-weight:bold;
line-height:15px;
background:url(../images/primary-tab-corner-2.png) top right no-repeat;
}
#primaryNavigation li.notSelected:hover {
background-color:#ebebeb;
}
#primaryNavigation .primary a:hover {

}
#primaryNavigation li.notSelected:hover a 
{
  color:#19388a;  
}
#primaryNavigation .notSelected a:hover 
{
color:#19388a;
}
#primaryNavigation .selected {
background:#fff url(../images/primary-tab-corner-1.png) left top no-repeat;
margin-top:0px;
}
#primaryNavigation .selected a {
color:#19388a;
margin-top:0px;
height:22px;
padding-top:7px;
}  



.tertiary {
display:none;
position:absolute;
left:221px;
background: url(../images/tertiary-dd-back.png) top left no-repeat;
padding:5px 0px 8px 0px;
margin:0px;
width:221px;
}
.secondary li:hover .tertiary a {
color:#19388a;
}
.tertiary li {
width:218px;
}
.tertiary li:hover {
background-image:none;
}
.tertiary a {
width:198px;
background:url(../images/tertiary-li-hover.png) 300px no-repeat;
}
.secondary li:hover .tertiary a:hover {
color:#FFF;
background-position:right top;
}
.secondary li:hover .tertiary, #primary li li.sfhover ul {
display:block;
}
.selected .tertiary {
display:none;
position:absolute;
left:-7px;
top:33px;
width:228px;
background:url(../images/selected-tertiary-back.png) top left no-repeat;
padding:5px 0px 8px 0px;
}
.selected .tertiary li {
width:228px;
background:none;
float:none;
}
.selected .tertiary a {
width:208px;
padding:7px 0px 0px 20px;
height:25px;
margin-top:0px;
background:transparent;
font-weight:normal;
}
.selected .secondary li:hover .tertiary a:hover {
background:url(../images/secondary-li-hover.png) no-repeat;
}
.selected .tertiary li:hover {
border-bottom:0px;
color:#fff;
background:none;
}
.fourth {
margin-left:20px;	
}
.fourth li {
width:163px;
}
.fourth li:hover {
}
.fourth a {
font-weight:normal;
width:150px;
height:20px;
padding-top:5px;
font-size:12px;
background:url(../images/fourth-a-back.png) left top no-repeat;
}
.selected .fourth li:hover {
}
.selected .fourth li a {
font-weight:normal;
width:150px;
height:20px;
padding-top:5px;
font-size:12px;
background:url(../images/fourth-a-back.png) left top no-repeat;
}
.secondary li:hover .fourth a:hover {
background:url(../images/fourth-a-back.png) -300px top no-repeat;
color:#19388a;
}
.selected .secondary li:hover .fourth a:hover  {
background:url(../images/fourth-a-back.png) -300px top no-repeat;
color:#19388a;	
}

/* BREADCRUMBS */

#breadcrumb 
{
    margin-top:34px;
    border-top:1px solid #DDDDDD; 
    border-bottom:1px solid #DDDDDD; 
    font-size:11px;
    padding:6px 12px;
    font-family:Arial, Helvetica, Sans-Serif;
    margin-left:30px;
    margin-right:233px;
    color:#777777;
    overflow:hidden;
    line-height:11px;
}
#breadcrumb span 
{
    display:block;
    float:left;
    margin-right:12px;
    font-weight:bold;
}
#breadcrumb .youAreHere 
{
    font-weight:normal;
}
.crumb
{
    padding-left:8px;
    background:url(../images/breadcrumb-arrow.png) left 2px no-repeat;
}
