﻿/* styles generic to mini templates */
.sys_twoColumns5050,
.sys_threeColumns,
.sys_twoColumns_7030,
.sys_twoColumns_3070,
.sys_FaqQuestion,
.sys_FaqAnswer,
.sys_fourColumns,
.sys_fiveColumns,
.sys_twoColumns,
.sys_twoColumns_1585,
.sys_twoColumns_2575,
.sys_image-with-heading,
.sys_imageWithHeading,
#content .sys_imageWithTextOverlay,
#content .sys_imageWithHoverText,
#content .sys_imageWithCaptionBelow {
  margin: 3px 0 3px 0;
  overflow: hidden;
  float: left;
  clear: both;
  width: 100%;
}

/* mini templates column layouts */

/* 2 Columns 50%Fluid */
.sys_twoColumns5050 .sys_one,
.sys_twoColumns5050 .sys_two {
  width: 49%;
  margin: 0;
  float: left;
}

.sys_twoColumns5050 .sys_two {
  margin: 0;
  padding: 0 0 0 14px;
}

.sys_twoColumns5050 .sys_two .sys_twoColumns5050 .sys_two {
  border: none;
}

.sys_fullWidth .sys_twoColumns5050 .sys_two {
  float: right;
  margin: 0;
  padding: 0 0 0 17px;
}

.sys_twoColumns5050 .sys_twoColumns5050 .sys_one,
.sys_twoColumns5050 .sys_twoColumns5050 .sys_two {
  width: 47.8%;
  border: none;
}

.sys_twoColumns5050 .sys_twoColumns5050 .sys_two {
  padding: 0 0 0 6px;
}

/* 2 Columns 50%*/
.sys_twoColumns .sys_one,
.sys_twoColumns .sys_two {
  width: 49%;
  margin: 0;
  float: left;
}

.sys_twoColumns .sys_two {
  float: right;
  margin: 0;
  padding: 0 0 0 14px;
}

.sys_twoColumns_7030 .sys_twoColumns5050 .sys_one,
.sys_twoColumns_3070 .sys_twoColumns5050 .sys_one,
.sys_twoColumns_7030 .sys_twoColumns5050 .sys_two,
.sys_twoColumns_3070 .sys_twoColumns5050 .sys_two {
  border: none;
  width: 48.4%;
}

/* 3 Columns 30% */
#content .sys_threeColumns .sys_one,
#content .sys_threeColumns .sys_two,
#content .sys_threeColumns .sys_three {
  width: 32%;
  margin: 0;
  float: left;
  padding-right: 14px;
}



.sys_threeColumns .sys_three {
  padding-right: 0px!important;
}

.sys_relatedLeft .sys_threeColumns .sys_one,
.sys_relatedLeft .sys_threeColumns .sys_two,
.sys_relatedLeft .sys_threeColumns .sys_three {
  padding-right: 10px;
}

.sys_relatedLeft .sys_threeColumns .sys_two,
.sys_relatedLeft .sys_threeColumns .sys_three {
  padding-left: 10px;
}

.sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_one,
.sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_two,
.sys_twoColumns_7030 .sys_one_7030 .sys_threeColumns .sys_three {
  width: 29%;
  padding-right: 14px;
}

.sys_twoColumns_7030 .sys_threeColumns .sys_two,
.sys_twoColumns_7030 .sys_threeColumns .sys_three {
  border: none;
  padding-left: 12px;
}

#wrapper #content.sys_fullWidth .sys_threeColumns .sys_one,
#wrapper #content.sys_fullWidth .sys_threeColumns .sys_two,
#wrapper #content.sys_fullWidth .sys_threeColumns .sys_three {width: 31.95%;}

/* no borders */
.sys_ColumnsNoBorder .sys_two,
.sys_ColumnsNoBorder .sys_three {
  border: 0;
}

/*global food security fix */
.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_one,
.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_two,
.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_three {
  width: 31.8%;
  padding-right: 7px;
}

.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_two,
.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_three {
  padding-left: 7px;
}

/*All columns*/
.sys_twoColumns5050 a,
.sys_threeColumns a,
.sys_twoColumns_7030 a,
.sys_twoColumns_3070 a,
.sys_fourColumns a,
.sys_fiveColumns a,
.sys_twoColumns a,
.sys_twoColumns_1585 a,
.sys_twoColumns_2575 a {
  text-decoration: none;
}

.sys_twoColumns5050 a:hover,
.sys_threeColumns a:hover,
.sys_twoColumns_7030 a:hover,
.sys_twoColumns_3070 a:hover,
.sys_fourColumns a:hover,
.sys_fiveColumns a:hover,
.sys_twoColumns a:hover,
.sys_twoColumns_1585 a:hover,
.sys_twoColumns_2575 a:hover {
  text-decoration: underline!important;
}

/* 2 Columns 70% 30% */
.sys_twoColumns_7030 .sys_one_7030,
.sys_twoColumns_7030 .sys_two_7030 {
  margin: 0;
  float: left;
}

.sys_twoColumns_7030 .sys_one_7030 {
  width: 65.8%;
  padding-right: 14px;
}

.sys_twoColumns_7030 .sys_two_7030 {
  margin: 0;
  padding: 0;
  width: 32%;
}

.sys_textOverlay .sys_one_7030 {
  border: none;
}

#content.sys_fullWidth .sys_twoColumns_7030 .sys_one_7030 {width: 66.2%;}
#content.sys_fullWidth .sys_twoColumns_7030 .sys_two_7030 {width: 32.3%;}

/* 2 Columns 30% 70% */
.sys_twoColumns_3070 .sys_one_3070,
.sys_twoColumns_3070 .sys_two_3070 {
  margin: 0;
  float: left;
}

.sys_twoColumns_3070 .sys_one_3070 {
  width: 32%;
  padding-right: 14px;
}

.sys_twoColumns_3070 .sys_two_3070 {
  width: 65.8%;
  margin: 0;
}

#content.sys_fullWidth .sys_twoColumns_3070 .sys_one_3070 {width: 32.3%;}
#content.sys_fullWidth .sys_twoColumns_3070 .sys_two_3070 {width: 66.2%;}

.sys_fullWidth .sys_twoColumns_7030 .sys_one_7030 .sys_twoColumns_3070 .sys_two_3070 {
  width: 63%;
}

/* 2 Columns 15% 85% */
.sys_twoColumns_1585 .sys_one_1585 {
  width: 15%;
  padding-right: 14px;
  float: left;}
.sys_twoColumns_1585 .sys_two_1585 {
  width: 83%;
  float: left;
  margin: 0;
  padding: 0;}
.sys_fullWidth .sys_twoColumns_1585 .sys_one_1585 {width: 15.0%;}
.sys_fullWidth .sys_twoColumns_1585 .sys_two_1585 {width: 83.5%;}

.sys_twoColumns_7030 .sys_one_7030 .sys_two_1585 {width: 80%;}

/* 2 Columns 25% 75% */
.sys_twoColumns_2575 .sys_one_2575 {
  width: 25%;
  padding: 0;
  float: left;
}

.sys_twoColumns_2575 .sys_two_2575 {
  width: 73%;
  padding: 0 0 0 14px;
  margin: 0;
  float: left;
}

#content.sys_fullWidth .sys_twoColumns_2575 .sys_one_2575 {
  width: 25%;
  padding: 0 7px 0 0;
  float: left;
  margin: 0;
}

#content.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 {
  width: 73.5%;
  padding: 0 0 0 7px;
  margin: 0;
  float: left;
  border:0;
}

.sys_twoColumns_2575 .sys_two_2575 .sys_one_7030 {
  width: 62%!important;
}

/* 4 Columns 25% */
.sys_fourColumns .sys_one,
.sys_fourColumns .sys_two,
.sys_fourColumns .sys_three,
.sys_fourColumns .sys_four {
  width: 23.58%;
  margin: 0 14px 0 0;
  float: left;
}

.sys_fourColumns .sys_four {
  margin: 0;
  float: left;
}
.sys_fullWidth .sys_fourColumns .sys_one,
.sys_fullWidth .sys_fourColumns .sys_two,
.sys_fullWidth .sys_fourColumns .sys_three,
.sys_fullWidth .sys_fourColumns .sys_four {width: 23.89%;}

/* 5 Columns 25% */
.sys_fiveColumns .sys_one,
.sys_fiveColumns .sys_two,
.sys_fiveColumns .sys_three,
.sys_fiveColumns .sys_four,
.sys_fiveColumns .sys_five {
  width: 18%;
  margin: 0 14px 0 0;
  float: left;
}

.sys_fiveColumns .sys_five {
  margin: 0;
  float: left;
}

#content.sys_fullWidth .sys_fiveColumns .sys_one,
#content.sys_fullWidth .sys_fiveColumns .sys_two,
#content.sys_fullWidth .sys_fiveColumns .sys_three,
#content.sys_fullWidth .sys_fiveColumns .sys_four,
#content.sys_fullWidth .sys_fiveColumns .sys_five {
  width: 18%;
}


/*Ensure images in last column re-size at all breakpoints*/
.sys_twoColumns .sys_two img,
.sys_twoColumns_1585 .sys_two_1585 img,
.sys_twoColumns_2575 .sys_two_2575 img,
.sys_twoColumns_3070 .sys_two_3070 img,
.sys_twoColumns5050 .sys_two img,
.sys_twoColumns_7030 .sys_two_7030,
.sys_threeColumns .sys_three img,
.sys_fourColumns .sys_four img,
.sys_fiveColumns .sys_five img {
    max-width: 100%;
    height: auto;
}