.arrow {
	color: slategray;
    margin-right: 0.5em;
}



.page-content {
    background-image:  url("/phplugins/pics/top_box.gif");
    background-position: left top;
    background-repeat: no-repeat;
	padding-bottom: 48px;
}
	
.page-body {
    background-image:  url("/phplugins/pics/bottom_box.gif");
    background-position: right bottom;
    background-repeat: no-repeat;
}
	
.footer .mantle {
	margin-top: 0;
}

.body-core {
	-webkit-box-shadow: 0px 0px 10px 2px rgba(180,180,180,1);
	-moz-box-shadow: 0px 0px 10px 2px rgba(180,180,180,1);
	box-shadow: 0px 0px 10px 2px rgba(180,180,180,1);	
}

#secondary-content {
	background-image: url("/phplugins/pics/vert_line.gif");
   background-position-x: 0%;
   background-position-y: 50px;
   background-repeat: no-repeat;
	padding-top: 50px;
}

#secondary-content p{
    text-align: left;
    padding-right: 10%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;;
}

#secondary-content a{
  color: #00168b;
  text-decoration: underline;
}

#primary-content {
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 50px;
}

#primary-content a{
  color: #00168b;
  text-decoration: underline;
}

.block-id, .mantle, .core {
	margin: 0;
    padding: 0;
}

.masthead .mantle {
    padding: 0;
    background-color: rgb( 0, 21, 139);
}

.masthead .core {
    padding: 0;
}

#contact-page table, thead, tbody, tfoot, tr, th, td {
    border-color: white;
}

/* Services page */

table.table_ds {
    border: none;
}

table.table_ds tr {
    background-color: transparent;
}

table.table_ds td {
   vertical-align: middle;
}

/* ipcores table */
#core_sel li {
    list-style: none;
    font-size: 0.9em;
}

#core_sel ul {
    padding-left: 0;
}

/* Small screen settings */
@media only screen and (max-width: 960px) {
	.navigation-container, 
	.navigation .mantle {
		display: none;
	}
	
	#secondary-content {
	background-image: none;
	padding-left:8%;
	padding-right: 8%;
	padding-top: 0;
}
} /* max-width: 960px */

 /* Masthead
 =================================================== */
 
.masthead h1 {
    background-size: auto;
}

 /* Off-site menu 
 =================================================== */
 #site-wrapper {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%
 }

 #site-canvas {
     width: 100%;
     height: 100%;
     position: relative;
     -moz-transform: translateX(0);
     -ms-transform: translateX(0);
     -o-transform: translateX(0);
     -webkit-transform: translateX(0);
     transform: translateX(0);

     -moz-transform: translateZ(0) translateX(0);
     -ms-transform: translateZ(0) translateX(0);
     -o-transform: translateZ(0) translateX(0);
     -webkit-transform: translateZ(0) translateX(0);
     transform: translateZ(0) translateX(0);

     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);

     -moz-transition: 300ms ease all;
     -ms-transition: 300ms ease all;
     -o-transition: 300ms ease all;
     -webkit-transition: 300ms ease all;
     transition: 300ms ease all;

     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -o-backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
 }

 #site-menu {
     width: 200px;
     height: 100%;
     position: absolute;
     top: 0;
     right: -200px;
     padding-top: 5px;
     background: #353535;
 }

.slicknav_menu {
   font-size: 1.1em;
   background: #414141;
   text-decoration: none;
   text-transform:uppercase;
}

.slicknav_arrow {
   float: right;
   margin-right: 5px;
}

.slicknav_menu ul {
   padding-left: 0px;
   margin-top: 0.5em;
}

.slicknav_menu li {
  clear: both;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  list-style: none;
  border-top: 1px solid #565656;
  border-bottom: 1px solid #2a2a2a;
  padding: 10px 8px 8px 8px;
}

.slicknav_menu a{
  color: #d7d7d7; 
}

 #site-wrapper.show-nav #site-canvas {
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);

    -moz-transform: translateZ(0) translateX(-200px);
    -ms-transform: translateZ(0) translateX(-200px);
    -o-transform: translateZ(0) translateX(-200px);
    -webkit-transform: translateZ(0) translateX(-200px);
    transform: translateZ(0) translateX(-200px);

    -moz-transform: translate3d(-200px, 0, 0);
    -ms-transform: translate3d(-200px, 0, 0);
    -o-transform: translate3d(-200px, 0, 0);
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
 }

 .toggle-nav a {
    color: lightgray;
 }

 @media only screen and (min-width: 961px) {
    div.toggle-nav {
       display: none;
    }
 }


@media only screen and (max-width: 960px) {

    .navigation-container {
       display: none;
    }

    div.toggle-nav {
       float: right;
       font-size: 2em;
       padding-right: 10px;
       padding-top: 10px;
       height: 47px;
       width: 10%;
       text-align: right;
       background-color: rgb( 0, 21, 139);
    }

    div#masthead {
       width: 90%;
       margin-left: 0;
    }

    .masthead .mantle {
       padding-bottom: 0px;
       padding-top: 0px;
    }
    
    .masthead h1 {
        background-image: url('/lib/images/identityplate-med.png');
    height: 57px;
     }
 }


/* Cookies Warning */

#cookiesWarning {
	z-index: 5000 !important;
	color: #333;
	border: none;
	border-radius: 7px;
	background-color:lightgrey;
	position: fixed; 
    bottom:0;
	left: 0;
	right: 0;

}

#cookiesWarningActive {
	margin: 5px;
	padding: 5px;
}

#cookiesWarningActive small {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px;
}

#readMoreURL  a:link {
	text-decoration: underline;
}
#readMoreURL  a:visited {
	text-decoration: underline;
}
#readMoreURL  a:hover {
	text-decoration: none;
}