/* 1240px - 12 column grid  */
/* 
# .row divides sections
# .row--margin moves the cols to the edges of the row
# .col--padding adds spaces bewteen cols 
*/

.siteWrapper{
    overflow:hidden;
    float: left;
    width: 100%;
}
.siteWrapper .wysiwygCol, .siteWrapper .site_centerCol{/*overflow:auto*/}

.row{width:100%;margin:auto;clear:both;}
.row_content{margin:0 -10px;}
.header .row_content, .siteNav .row_content{margin:0;}
.row--fixedWidth{
    width:100%;
    /*max-width:1240px;*/
    max-width:1100px;
}
.row.center{margin:auto;float:none;}

.col1-1{width:100%;float:left;}
.col1-2{width:50%;float:left;}
.col1-3{width: 33.3%;float:left;}
.col1-4{width:25%;float:left;}
.col1-5{width:20%;float:left;}
.col1-6{width:16.3%;float:left;}
.col1-12{width:8.3%;float:left;}
.col1-24{width:4.16%;float:left;}

.col2-5{width:40%;float:left;}
.col3-5{width:60%;float:left;}
.col4-5{width:80%;float:left;}
.col2-3 {width: 66.6%;float:left;}
.col3-4{width:75%;float:left;}

.col_content{
    margin:0 10px;
    position:relative;
    /*overflow:hidden;*/

}
.siteNav .col_content {
    overflow:visible;
}

.site_rightCol {
}

.site_centerCol {
}
.site_leftCol {
}
.col-staffMember {
}
.mobileNav_wrapper .col_content {
z-index:1;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* MODIFIERS ///////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.col--borderRight{
	background:url(../images/bg-divider-side-border-01.jpg) no-repeat;
	background-position:right 25px;
	background-position:395px 25px;
}

.col--padding25 {
	padding: 0 25px;	
}
.area100-left {
    float:left;
    width:100%;
    display:block;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* CMS AREAS ///////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.area5 {
    float:left;
    width:5%;
}
.area10 {
    float:left;
    width:10%;
}
.area16 {
    float: left;
    width: 16.3%;
    width: 16.667%;
}
.area20 {
    float:left;
    width:20%;
}
.area25 {
    float:left;
    width:25%;
}
.area30 {
    float:left;
    width:30%;
}
.area33 {
    float:left;
    width:33.3%;
}
.area40 {
    float:left;
    width:40%;
}
.area50 {
    float:left;
    width:50%;
}
.area60 {
    float:left;
    width:60%;
}
.area65 {
    float:left;
    width:65%;
}
.area66 {
    float:left;
    width:66.6%;
}
.area70 {
    float:left;
    width:70%;
}
.area75 {
    float:left;
    width:75%;
}
.area80 {
    float:left;
    width:80%;
}
.area90 {
    float:left;
    width:90%;
}
.area100 {
    float:none;
    width:100%;
}
.clearfloat {
	width: 100%;
	height: auto;
}
.clear{
	clear:both;
}
.multi_Column_Layout{
	margin:0 -5px;
}
.column_Inner_Padding{
	margin:0 5px;

}

.Publication_Layout{
	margin:0;
    min-height:120px;
}
.Publication_Layout .area50{
    margin: 10px 0;
    min-height:112px;
}
/*.noleft .column_Inner_Padding{
    margin-left:0;
}
.noright .column_Inner_Padding{
    margin-right:0;
}*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* MEDIA QUERIES ///////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* Desktop standard 960 and up */
@media only screen and (max-width: 1280px) {}
@media screen and (max-width: 1220px) {}
@media only screen and (max-width: 1080px) {

.col-staffMember {
    width:50%;
}

}
@media only screen and (max-width: 980px) {}
@media only screen and (max-width: 900px) {
.col1-5{
	width:100%;	
	max-width:100%;
}
.fullWidthMobileCol{
	width:100%;
	max-width:none;	
}
.col--borderRight{
	border:none;
	background:none;	
}
}
@media only screen and (max-width: 800px) {
.col1-2,.col1-3,.col1-4,.col1-5,.col2-3, .col2-3 .col1-3,.col1-6, .col3-4,
.area10, .area20, .area25, .area33, .area40, .area50, .area60, .area66, .area75, .area80, .area90
{
	max-width:96%;
	width:96%;	
	/*margin:2%!important;*/
	margin:2%;
}
footer .col1-2{
	width:46%;float:left;
}
.col--borderRight{
	border:none;	
}
.col-s, .col2-3.col-s{
	max-width:72%;
	width:72%;	
	margin:0%!important;
}
.col-xs, .col1-6.col-xs{
	max-width:48%;
	width:48%;	
	margin:0%!important;
}
.col-xxs, .col1-3.col-xxs{
	max-width:24%;
	width:24%;	
	/*margin:0%!important;*/
}
.col--padding25 {
	/*padding: 0;*/	
}
.tabletNoMargin{
	margin:0;	
}
.col1-3.col-staffMember {
    width:46%;float:left;
}
	
}
/* Tablet Portrait size to standard 980*/
@media only screen and (max-width: 768px) {}
/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (max-width: 600px) {
.col1-2{
	max-width:96%;
	width:96%;	
	/*margin:2%!important;*/
}
.col1-3.col-staffMember {
    width:96%;float:left;
}
.staffBox {
    max-width: 300px;
    margin: auto;
}
}
@media only screen and (max-width: 480px) {

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

    .area20,.area25,.area33,.area40,.area50,.area60,.area66,.area75,.area80 {
    width:100%;
}


}
@media only screen and (max-width: 380px) {}
@media only screen and (max-width: 320px) {






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