html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
:focus{outline:0}


body {
/*font-family: 'Lato', sans-serif;*/
/*font-family: 'Montserrat', sans-serif;*/
font-family: Arial, Helvetica, sans-serif;

font-size: 12pt;
line-height: 1.2em;
color: #444;
background-color: #6a7082;

}

#outer {
position: relative;
width: 100%;
background-color: #fff;
/*background-image: url("http://www.ipa-news.com/assets/layoutimg/headerbackgr-140.jpg");*/
background-repeat: repeat-x;
}

#header {
position: relative;
width: 100%;
max-width: 1260px;
min-height:140px;
background-color:#DCDEE2; 

margin: 0 auto;
padding: 0;
}


#main {
position: relative;
max-width: 1280px;
overflow: hidden;
margin: 0.5em  auto 1em;
padding: 0 ;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;


}

.sidecol {
position: relative;
float: left;
overflow: hidden;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
margin-top: 1em;


}


#content{
position: relative;
float: left;
width: 100%;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
padding: 15px;

}


.boxContent {
position: relative;
float: left;
width: 100%;
height: 250px;
/* box-shadow: 1px 0px 5px #999; 
background-color: #eee;*/
border-radius: 0px;
overflow: hidden;
}

.doubleBoxContent {
position: relative;
float: left;
width: 100%;
overflow: hidden;
border: 1px dotted #999;
}

.contentNavBox, .contentNavBoxWide {
position: relative;
float: left;
overflow: hidden;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
}


.doubleBox {
position: relative;
float: left;
overflow: hidden;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
border-bottom: 1px solid #ccc;

}


.navBox {
position: relative;
float: left;
overflow: hidden;
border-radius: 0px;

-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
}

.logoBox {
width: 150px;
position: relative;
left: 12px;
top: 8px;
overflow: hidden;
z-index: 5;
}

.claim {
width: 400px;
position: absolute;
right: 10px;
top: 86px;
margin: 0px auto;
text-align: right;
font-weight: 300;
text-align: right;
font-size: 90%;
line-height: 130%;
color: #707788;
overflow: hidden;
}

.textBox {
position: relative;
float: left;
padding: 0 ;
width: 100%;
height: 100%;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
height: 250px;
}

.doubleBox .textBox {
	height: auto;
}

#main .navBox {
height: 270px;
}


#footer {
	clear: both;
width: 100%;
	text-align: left;
min-height: 100px;
padding-top: 15px;
text-align: center;
background-color: #6B7082;

}


/* Nav formats */

#metaNav{
position: relative;
margin: 0px auto 40px;
font-size: 80%;
line-height: 100%;
} 
#nav1bar {
/*position: absolute;
bottom:0;left: 0px;*/
position: relative;
margin-top: 16px;
width: 100%;
min-height: 40px;
font-size: 80%;
line-height: 90%;
/*font-family: 'Roboto', sans-serif;*/
text-transform: uppercase;
font-weight: 300;
letter-spacing: 0.2pt;
background-color: #0D3460;

}

#nav1bar ul {
width: 100%;

}

#nav1bar ul li{
width: 16.6%;
min-height: 40px;
display: inline-grid;
text-align: center;
margin: 0 -3px 0 0;
padding: 9px 0;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
border-left: 1px solid #fff;
} 

#nav1bar ul li:last-child {
width: 16.7%;
}

#nav1bar ul li:first-child {
	border-left: none;
}

#nav1bar ul li a {
color: #fff;
}

#nav1bar ul li.active a {
/* color: #C51F3E;
text-shadow: 1px 1px 2px #000; */
}
#nav1bar ul li.active  {
background-color: #C42034;
}


#nav1 {
display: none;
position: relative;
float: left;
background-color: #6a7082;
overflow: hidden;

width: 100%;
margin: 0px 0 20px 0px;
border-radius: 0px;
height: 250px;
padding: 10px 5%;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
}

#nav2 {
position: relative;
float: left;
width: 100%;
margin: 0px 0 20px 0px;
border-radius: 0px;
background-color: #0D3460;
min-height: 250px;
padding: 10px 5%;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
}

#nav3, #nav4 {
position: relative;
float: left;
width: 100%;
margin: 0px 0 20px 0px;
border-radius: 0px;
border: 1px solid #bbb;
min-height: 250px;
padding: 10px 5%;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
}

#nav4 {
background-color: #eee;
}

#nav1 ul, #nav2 ul   {
width: 100%;
font-size: 80%;
line-height: 110%;
/*font-family: 'Roboto', sans-serif;*/
list-style: none;
letter-spacing: 0.2pt;
}

#nav1 ul {
text-transform: uppercase;
}

#nav3 ul, #nav4 ul   {
width: 100%;
font-size: 80%;
line-height: 110%;
/*font-family: 'Roboto', sans-serif;*/
list-style: none;
letter-spacing: 0.2pt;

}

#nav1 ul li, #nav2 ul li, #nav3 ul li, #nav4 ul li {
position: relative;
float: left;
width:100%;
margin: 8px 0;
padding-bottom: 2px;
 border-bottom: 1px solid #aab0c2;
text-align: left;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;

}

#nav1 li.active, #nav2 li.active, #nav3 li.active, #nav4 li.active {
font-weight: 700;
}


#nav3 li.active a, #nav4 li.active a{
color: #222;
}

#nav2 li.active  {
margin: -8px 0 8px -5%;
width: 105%;
padding: 16px 0px 2px 4px;
border-left: 12px solid #C42034;

}


#nav1 li.active a {
color: #101030;
}

#nav1 a, #nav2 a  {
color: #fff;
text-decoration: none;vertical-align: bottom;
}

 #nav3 a, #nav4 a{
color: #666;
text-decoration: none;vertical-align: bottom;
}

#nav3 a:hover, #nav4 a:hover  {
color: #000;
}

#nav2 a:hover {
color: #ddd;
}

#metaNav ul{
position: relative;
float: left;
text-align: left;
width: 80%;
margin-left: 15px;

}

#metaNav ul li{
margin: 0;
text-indent: 0;
display: inline-table;
padding: 5px 1em;
text-align: left;
height: 20px;
} 

#metaNav a {
color: #ccc;
text-decoration: none;
}
#metaNav a:hover {
color: #fff;
}

#metaNav form{
position: relative;
float: right;
margin-right: 15px;
} 

ul.B_crumbBox {
padding: 4px  0 0 15px;
font-size: 70%;
line-height: 100%;
margin: 0;
}

ul.B_crumbBox li {
display: inline;
padding: 0.2em;
margin: 0;
}

.fa {
	position: relative;
	vertical-align: middle;
	padding-right: 10px;
}


/* Text formats */

.navBox a, .box a {
text-decoration: none;
}

a{
color: #1C5C4C;
text-decoration: none;
font-weight: 700;

}

a:hover {
text-decoration: underline;
}

#content p, #content ul, #content ol, .extract, .sisea-results, .sisea-paging  {
font-size: 90%;
line-height: 160%;
margin: 0.25em 0 0.75em 0;
width: 100%;
}

#content ul li {
width: 90%;
} 

.navBox p {
font-size: 85% !important;
line-height: 150% !important;
color: #555;
}

.doubleBox p {
font-size: 85%;
line-height: 160%;
color: #555;
}


h1 {
/*font-family: 'Roboto', sans-serif;*/
font-size: 200%;
line-height: 120%;
font-weight: 300;
margin: 0 0 0.5em 0;

}

h2 {
/*font-family: 'Roboto', sans-serif;*/
font-size: 130%;
line-height: 140%;
font-weight: 400;
/*color: #1C5C4C;*/
margin: 1em 0 0.5em 0;

}

h3 {
/*font-family: 'Roboto', sans-serif;*/
font-size: 100%;
line-height: 120%;
font-weight: 700;
margin: 1em 0 0.0em 0;

}

small {
font-size:80%;
line-height:90%;
}

#content ul, #content ol
{
list-style-position: outside;
margin-left:20px;
}




.doubleBox h1, .doubleBox .text-box h1 {
/*font-family: 'Roboto', sans-serif;*/
/*text-transform: uppercase;*/
font-size: 140% !important;
line-height: 120%;
font-weight: 300;
color: rgb(196, 32, 52);
}




.textBox h1, .navBox h1 {
/*font-family: 'Roboto', sans-serif;*/
/*text-transform: uppercase;*/
font-size: 90%;
line-height: 120%;
font-weight: 400;
/*border-bottom: 1px solid #ccc;*/
}

.boxContent p, .boxContent form {
padding: 0 0.5em;
}

.boxContent h1{
margin: 0.5em 0.5em 0.5em 0.5em;
}


strong {
font-weight: bold;
}

em {
font-style: italic;
}


.grid2 {
position: relative;
float: left;
width: 45%;
height: 330px;
padding: 0px;
margin: 10px 5px 10px 0;
}
.grid2 img {
width: 100%;
height:auto;
}
.grid2  p {
text-align: center;
font-size: 80% !important;
line-height:80%;
}

#main #content #articleImage {
position: relative;
float: right;
width: 50%;
margin-left: 2em;
}

#main #content #articleImage img {
width: 100%;
height: auto;
border: none;
}


#main  .navBox img {
position: relative;
float: right;
width: 45%;
height: auto;
margin: 5px 0.5em 0 0.5em;
border: 1px solid #ccc;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
}

 #main .doubleBox img {
position: relative;
float: right;
width: 45%;
height: auto;
margin: 5px 0.5em 0 2em;
border: 0px solid #ccc;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
}

#content img {
	width: 100%;
	height: auto;
}
#content img.w25 {
	width: 25%;
	height: auto;
}

.sidecol .navBox {
width: 100%;
padding: 0 ;


}
.sidecol  .boxContent {
background-color: #fff;
border-top: 4px solid #C42034;
border-left: 1px solid #DCDEE2;
border-right: 1px solid #DCDEE2;
border-bottom: 1px solid #DCDEE2;
-moz-box-sizing:    border-box;
-webkit-box-sizing: border-box;
box-sizing:        border-box;
}

.sidecol h1{

}

#search {
	width: 90%;
	margin: 0;
}

.sisea-search-form input[type="submit"] {
background-color:  #6a7082;
color: #fff;
border: none;
border-radius: 0px;
padding: 5px 15px 5px 15px;
margin: 10px 0 0px 0;
position: relative;
float: left;
}
input[type="text"], input[type="email"] {

margin: 0 0 20px 0;
padding: 3px;
background-color: #f8faff;
border: 1px solid #999;
border-radius: none;
width: 50%;

}
input[type="radio"] {
position: relative;
float: left;
padding: 3px;
background-color: #f8faff;
border: 1px solid #999;
border-radius: 3px;
}
textarea {
position: relative;
float: left;
padding: 3px;
margin: 0 0 20px 0;
background-color: #f8faff;
border: 1px solid #999;
border-radius: none;
height: 150px;
width: 62%;
vertical-align: baseline;
}
input[type="checkbox"] {
padding: 3px;
background-color: #f8faff;
border: 1px solid #999;
border-radius: 3px;
}
#content ul.form-navigation {
display: flex;
flex-wrap: wrap;
}

#content ul.form-navigation li {
flex: auto;
width:auto;
list-style: none;
}

.form-control--wrapper {
display: flex;
flex-direction: column;
}

.form-control--wrapper textarea, .form-control--wrapper input[type="text"], .form-control--wrapper input[type="email"] {
width:100%;
}
.form-pagination {
position:relative;
height: 40px;
}
.btn--prev {
position: absolute;
left: 0px;
background-color: #6a7082 ;
color: #fff;
padding: 5px;
font-size: 100%;
font-weight: normal;
border: none;
width:120px;
text-align: center;

}

.btn--next {
position: absolute;
right: 0px;
background-color: #6a7082;
color: #fff;
padding: 5px;
font-size: 100%;
font-weight: normal;
border: none;
width:120px;
font-family: inherit;
}


.boolWrap {
position: relative;
float: left;
}
.boolDiv {
position: relative;
float: left;
}

label {
clear: both;
position: relative;
float: left;
font-size: 90%;
line-height: 150%;
width: 33%;
margin-right: 2%;
}
label.radio {
	display: inline;
	width: auto;
	margin-right: 2em;
	clear: none !important;
}

.has-error {
    margin-bottom:20px;
    color: #444444;

}

span.error {
    font-size: 90%;
    margin-top: -20px;
    margin-left: 150px;
    color: #ff0000;
}

/* Responsive Layout */

.sidecol {
width: 20%;
padding: 15px;
}

.contentBox,  .contentNavBox {
width: 60%;
}

.contentNavBoxWide {
width: 60%;
margin-top: 0.5em;
}

.doubleBox {
width: 100%;
padding: 15px;
}

#navBoxContainer {
position: relative;
float: left;
width: 100%;
}

.navBox {
width: 33%;
padding: 7px;
}

#newsleft {
display: none;
}
#newsright {
display: block;
}


@media (max-width: 1100px) {

.sidecol  {
width: 25%;
}




.contentNavBox, .contentBox {
width: 75%;
}

.contentNavBoxWide {
width: 75%;
}

#content p, #content ul, #content ol  {width: 100%;
}

#navBoxContainer {
width: 100%;
}
#newsleft {
display: block;
}
#newsright {
display: none;
}


}


@media (max-width: 900px) {

#nav1bar{
font-size: 70%;
font-weight: 300;
}
.sidecol {
width: 33.33%;
}

.box {
width: 50%;
}

.doubleBox {
width: 100%;
}

.contentNavBox, .contentBox, .contentNavBoxWide {
width: 66.66%;
}

.imageBox  {
width: 66.66%;
margin: 10px 0;
}

.navBox  {
width: 50%;
}

}


@media (max-width: 640px) {

body {

font-size: 0.95em;
line-height: 1.1em;
}

 h1 {
font-size: 140%;
} 


.doubleBox h1 {
font-size: 110%;
}

h2 {
font-size: 110%;
}

.sidecol {
width: 100%;
margin: 10px 0 10px 0;
}

.claim, #wpic {
display: none;
}

#newsright, #newsleft {
display: none;
}

#nav1bar ul li{
width: 33.3%;
border-bottom: 1px solid #fff;
}

#nav1bar ul li:last-child {
width: 33.4%;

}


#nav1, #nav2, #nav3, #nav4  {
position: relative;
float: left;
width: 46%;
margin: 10px 2%;
padding: 10px 2%;
}

.box  {
width: 50%;
}

.doubleBox {
width: 100%;
}

.contentNavBox, .contentBox, .contentNavBoxWide {
width: 100%;
}

.navBox, .boxContent, .textBox {
height: auto !important;
min-height: auto !important;

}

#main  .navBox img, #main .doubleBox img,  #main #content #articleImage {
width: 33%;
}

.sidecol .navBox {
width: 48%;
margin: 10px 1% 0 1%;

}

 .imageBox {
width: 100%;
margin: 10px 0;
}

.navBox {
width: 40%;
}

#social {
	display: none;
}

}

@media (max-width: 480px) {

.claim {
z-index: 99;
top:90px;
}

.box,  .navBox   {
width: 98%;
height: auto;
}

.navBox, .boxContent, .textBox {
height: auto !important;
}

}