/*Theme name: Acme Binding Responsive
Theme URI: http://www.acmebinding.com/
Description: A WordPress Theme created for Acme Binding
Version: 1.1
Author: TH Design Team
  */
  
/* CSS Resets for HTML5/CSS3 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,article, aside,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,figure,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object {display:block}
a img{border:none;}
img {max-width:100%; height:auto; width:auto\9;}/*ie8*/  

/*text and logo blue is #104b7d; logo green is #86b800, lighter green is #bce0a0*/

body
{color:#525b62; font:400 18px/22px 'Open Sans', san-serif; margin:0; padding:0;
	}
p { margin:0 0 10px 0;}
h1 {color:#104a7d; font: 700 30px/33px 'Open Sans', san-serif; margin:0 0 3px 0; }
h2 {color:#79c23f; font: 700 22px/25px 'Open Sans', san-serif; margin:0 0 3px 0; }
h3 {color:#104a7d; font: 700 18px/21px 'Open Sans', san-serif; margin:0 0 3px 0; }
h4 {color:#104a7d; font: 700 16px/19px 'Open Sans', san-serif; margin:0 0 3px 0; }
h5 {color:#86b800; font: 700 16px/19px 'Open Sans', san-serif; margin:0 0 3px 0; }

a:link, a:visited, a:active {text-decoration:none; }
a:hover  {text-decoration: underline; }

ul, ol {margin:5px 0 10px 30px; list-style-position: outside;}
ul li, ol li {padding-top:5px;}

/*========================================Smart/Default=================================*/

body {background-image: url(images/toptileSm.gif);
	background-repeat: repeat-x;}	
#wrapper {width: 90%; margin:0 auto 0 auto;padding:0; position: relative; }
#topwrap {width:100%; height:auto;overflow:hidden; }
#logo { margin: 50px 0 20px 0; width:70%; z-index:5;}
#extra {display:block; font: 700 24px/27px 'Open Sans', san-serif; color:#104a7d;text-align:center; margin:0 10px 20px 10px;}/*for mobile only h1*/

/*======================NAVIGATION/Smart==============*/
#menu-icon {display:block; width:50px; height:40px; background-color:#bce0a0; border:2px solid #104b7d; float:right; margin:5px 0 0 0; z-index:30; position:relative;
}
#menu-icon p {font: 600 12px/14px 'Open Sans', san-serif; text-align:center; padding:5px 0 0 0;}

#topnav {display:none;}
.plus {display:block;}
/*========main Nav - the accordian styles replace my orig navbar styles=====*/

#fornav {display:none;width:70%; height: auto; margin: 0 auto 20px auto;padding:20px 10px; float:none;position:absolute; top:56px; right:20px; border:1px solid #104b7d;
background: rgb(215,236,198); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZWNjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(215,236,198,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(215,236,198,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ecc6', endColorstr='#ffffff',GradientType=1);}/*placeholder container for navbar*/


/*============Acordian nav plugin styles/Smart================*/

/* Accordion menu container */
.dcjq-accordion {color: #104b7d; font: 700 14px/14px 'Open Sans', san-serif; }
 
/* Main menu and sub-menus */
.dcjq-accordion ul {margin:0;padding:0;}
 
/* Menu list items */
.dcjq-accordion ul li {list-style:none; margin:0 0 20px 0; color: #104b7d; font: 700 14px/14px 'Open Sans', san-serif;}
 
/* Menu list links */
.dcjq-accordion ul a {text-decoration:none; color: #104b7d; font: 700 14px/14px 'Open Sans', san-serif;}
 
/* Menu list links on hover */
.dcjq-accordion ul a:hover {color:#86b800;}
 
/* Sub-menus */
.dcjq-accordion ul li ul {padding:20px 0 0 15px;margin:0;}
 
/* Sub-menu list items */
.dcjq-accordion ul li ul li {margin:0 0 24px 0;}
 
/* Sub-menu links */
.dcjq-accordion ul li ul li a {font: 600 14px/14px 'Open Sans', san-serif;}
 
/* Parent links only */
.dcjq-accordion ul a.dcjq-parent {padding: 0 18px 0 0;
	background-image: url(images/open2.png);
	background-repeat: no-repeat;
	background-position: right 60%;}
 
/* Active parent links - when sub-menu is open */
.dcjq-accordion ul a.dcjq-parent.active {padding: 0 18px 0 0;
	background-image: url(images/close2.png);
	background-repeat: no-repeat;
	background-position: right 60%;}
 
/* Icon tag for active parent links */
.dcjq-accordion ul a.dcjq-parent.active.dcjq-icon {}

/*======News====*/

#newsbox {width:100%; margin:0 auto 30px auto; padding:0;border: 2px solid #86b800; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;clear:both;}

#newsbox h2 {text-align:center; color:#fff; margin:0; padding:5px 0 10px 0;}
#newsbox p {color:#525b62; font: 600 15px/19px 'Open Sans', san-serif;}
/*=========Customer Service=======*/
#custbox {width:100%; margin:0 auto 30px auto; padding:0;border: 2px solid #86b800; clear:both; text-align:center;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}

#custbox h3 {text-align:center; color:#fff; margin:0; padding:10px 10px 10px 10px;}
#custbox p, #custbox a {font-size:14px; line-height:17px;}

#nheadbg, #csheadbg {width:100%; height: auto; background-color:#86b800;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }

.forpadding {width:100%; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; padding:10px;}

/*======main content cols/Smart=======*/

#contentwrap {width:100%;  height:auto;overflow:hidden;margin:0 auto;padding:0 0 0 0; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}
.tablewrap {display:block;}
.row {display:inherit;}

#leftcol { width: 100%; height:auto; 
margin:0; padding:0 0 0 0; display:block; 
} 

#rightcol {width:100%; display:block; margin:0; vertical-align:top; }

#inner, #innerSm {margin:0 auto; width:100%; height:auto;padding:0 0 10px 0; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
overflow:hidden;
 }
 
/*===home divs/Smart===*/
#slider {width: 100%; height:auto; margin: 0 0 20px 0; padding:0; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#slider img {width:100%; height:auto; }

.leftbox {display:block; width:95%; vertical-align:top;padding:20px 0 0 0;}
.midbox {display:block; width:95%; vertical-align:top;
padding:20px 0 0 0;}
.rightbox{display:block; width:95%; vertical-align:top;
padding:20px 0 0 0;}
.leftbox img, .midbox img, .rightbox img {padding: 15px 0 0 10px; float:right; width:40%;}


/*========Footer/Smart==========*/

#btt {text-align:center; margin:0 auto; padding:10px 0 0 0;width:90%;}
#btt p {margin-bottom:3px;}

footer {width:100%; margin:0; padding:20px 0;border-top:2px solid #104b7d;
text-align:center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; overflow:hidden;
}

footer p, footer a {font: 16px/19px 'Open Sans', san-serif;}
footer a:hover {text-decoration:underline;}

#bottom {width:100%; height: 56px;background-image: url(images/foottile.gif);
	background-repeat: repeat-x;}



/*========================================TABLET1==================================*/
	@media only screen and (min-width : 580px) {
body {background-image: url(images/toptile.gif);
	background-repeat: repeat-x;}
#wrapper {width: 95%; margin:8px auto 0 auto;padding:0; }
#topwrap {width:100%; height:auto;overflow:hidden; }
#logo { margin: 70px 0 30px 0; /*width:auto;*/}
#extra {display:none;}/*for mobile only h1*/

/*======================NAVIGATION/tablet 1==============*/
#menu-icon {display:none;}

#topnav {display:block;width: auto; height: 10px; float:right; margin:0 0 0 0;
padding:0; background-color:transparent; position:static; }

#topnav ul {margin: 0; padding: 0 0 0 0; }

#topnav li {display:inline;
height: 10px; 
list-style: none;
margin: 0 0 0 0;
padding: 2px 1em 2px 1em;
border-right: 2px solid #fff; 
overflow:hidden;
}

#topnav li.none{
height: 10px; 
list-style: none; 
margin:0;
padding:2px 0 2px 1em;
border-right: none; 
}

#topnav a:link, #topnav a:visited, #topnav a:active { color: #fff; text-decoration: none; font: 700 16px/16px 'Open Sans' san-serif;}
#topnav a:hover { color: #86b800;  text-decoration: none; font: 700 16px/16px 'Open Sans' san-serif; }


.plus {display:none;}

/*=======Main Navigation -  Tablet 1 - fornav and accordion plugin styles replace my original navbar styles=========*/

#fornav {display:block;width:100%; height: auto; margin: 0 auto 20px auto;padding:20px 10px; float:left;position:static; top:0; right:0; border:none;
background: rgb(215,236,198); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZWNjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(215,236,198,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(215,236,198,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ecc6', endColorstr='#ffffff',GradientType=1);}/*container for navbar*/

/*============Acordian nav plugin styles/Tablet 1================*/

/* Accordion menu container */
.dcjq-accordion {color: #104b7d; font: 700 14px/17px 'Open Sans', san-serif; }
 
/* Main menu and sub-menus */
.dcjq-accordion ul {margin:0;padding:0 5px 0 5px;}
 
/* Menu list items */
.dcjq-accordion ul li {list-style:none; margin:0 0 20px 0; color: #104b7d; font: 700 14px/17px 'Open Sans', san-serif;}
 
/* Menu list links */
.dcjq-accordion ul a {text-decoration:none; color: #104b7d; font: 700 14px/17px 'Open Sans', san-serif;}
 
/* Menu list links on hover */
.dcjq-accordion ul a:hover {color:#86b800;}
 
/* Sub-menus */
.dcjq-accordion ul li ul {padding:10px 0 0 15px;margin:0;}
 
/* Sub-menu list items */
.dcjq-accordion ul li ul li {margin:0 0 15px 0;}
 
/* Sub-menu links */
.dcjq-accordion ul li ul li a {font: 600 14px/17px 'Open Sans', san-serif;}
 
/* Parent links only */
.dcjq-accordion ul a.dcjq-parent {padding: 0 18px 0 0;
	background-image: url(images/open2.png);
	background-repeat: no-repeat;
	background-position: right 65%;}
 
/* Active parent links - when sub-menu is open */
.dcjq-accordion ul a.dcjq-parent.active {padding: 0 18px 0 0;
	background-image: url(images/close2.png);
	background-repeat: no-repeat;
	background-position: right 65%;}
 
/* Icon tag for active parent links */
.dcjq-accordion ul a.dcjq-parent.active.dcjq-icon {}


/*======main content cols/Tablet1=======*/

#contentwrap {width:100%;  height:auto;overflow:hidden;margin:0 auto;padding:0 0 0 0; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}
.tablewrap {display:table;}
.row {display:table-row;}

#leftcol { width: 30%; height:100%; 
margin:0; padding:0 0 0 0; /*display:table-cell; */float:left;
} 

#rightcol {width:70%; /*display:table-cell;*/float:right; margin:0;  }

#inner {margin:0 auto; width:100%; height:auto;padding:0 0 10px 40px; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
overflow:hidden; }

#innerSm {margin:0 auto; width:100%; height:auto;padding:0 0 10px 50px; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
overflow:hidden; }

/*===home divs/Tablet 1===*/
#slider {width: 100%; height:auto; margin: 0 0 20px 0; padding:0; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#slider img {width:100%; height:auto; }

.leftbox {display:block; width:95%; vertical-align:top;padding:20px 0 0 0;}
.midbox {display:block; width:95%; vertical-align:top;
padding:20px 0 0 0;}
.rightbox{display:block; width:95%; vertical-align:top;
padding:20px 0 0 0;}
.leftbox img, .midbox img, .rightbox img {padding: 15px 0 0 10px; float:right; width:40%;}

}/*ends Tablet1 styles*/


/*========================================TABLET2==================================*/
	@media only screen and (min-width : 768px) {
#wrapper {width: 95%; margin:70px auto 0 auto;}
#topwrap {width:100%; height:auto;overflow:hidden; }
#logo { margin: 20px 0 40px 0;}

/*======================NAVIGATION/Tablet 2==============*/
#menu-icon {display:none;}

#topnav {display:block;width: auto; height: 15px; float:right; margin:0;
padding:0; background-color:transparent; -webkit-border-radius: 0px; border-radius:0px; position:static; }
#topnav ul {margin: 0; padding: 0 0 0 0; }

#topnav li {display:inline;
height: 12px; 
list-style: none;
margin: 0 0 0 0;
padding: 2px 1em 2px 1em;
border-right: 3px solid #104b7d; 
overflow:hidden;
}

#topnav li.none{
height: 12px; 
list-style: none; 
margin:0;
padding:2px 0 2px 1em;
border-right: none; 
}

#topnav a:link, #topnav a:visited, #topnav a:active { color: #104b7d; text-decoration: none; font: 700 18px/18px 'Open Sans' san-serif;}
#topnav a:hover { color: #86b800;  text-decoration: none; font: 700 18px/18px 'Open Sans' san-serif; }

/*=====main navigation - same as Tablet1====*/


/*======main content cols/Tablet2=======*/

#contentwrap {width:100%;  height:auto;overflow:hidden;margin:0 auto;padding:0 0 0 0; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.tablewrap {display:table;}
.row {display:table-row;
}

#leftcol { width: 30%; height:100%; 
margin:0; padding:0 0/*-20px*/ 0 0; /*display:table-cell; */float:left;
} 

#rightcol {width:70%; /*display:table-cell;*/float:right; margin:0; padding:2px 0 0 0;vertical-align:top; }

#inner, #innerSm {margin:0 auto; width:100%; height:auto;padding:0 0 10px 40px; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
overflow:hidden;
 }

/*===home divs/Tablet 2====*/
#slider {width: 100%; height:auto; margin: 0 0 20px 0; padding:0; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#slider img {width:100%; height:auto; }

.leftbox {display:block; width:95%; vertical-align:top;padding:20px 0 0 0;}
.midbox {display:block; width:95%; vertical-align:top;
padding:20px 0 0 0;}
.rightbox{display:block; width:95%; vertical-align:top;
padding:20px 0 0 0;}
.leftbox img, .midbox img, .rightbox img {padding: 15px 0 0 10px; float:right; width:40%;}

}/*ends Tablet2 styles*/


/*========================================DESKTOP==================================*/
	@media only screen and (min-width : 1025px) {
#wrapper {width: 90%; max-width:1200px; margin:70px auto 0 auto;}
#topwrap {width:100%; height:auto;overflow:hidden;}
#logo { margin: 20px 0 40px 0;}

/*======================NAVIGATION/Desktop==============*/
#menu-icon {display:none;}

#topnav {display:block;width: auto; height: 15px; float:right; margin:0;
padding:0; background-color:transparent;  
-webkit-border-radius: 0px;
border-radius:0px; position:static; }
#topnav ul {margin: 0; padding: 0 0 0 0; }

#topnav li {display:inline;
height: 12px; 
list-style: none;
margin: 0 0 0 0;
padding: 2px 1em 2px 1em;
border-right: 3px solid #104b7d; 
overflow:hidden;
}

#topnav li.none{
height: 12px; 
list-style: none; 
margin:0;
padding:2px 0 2px 1em;
border-right: none; 
}

#topnav a:link, #topnav a:visited, #topnav a:active { color: #104b7d; text-decoration: none; font: 700 18px/18px 'Open Sans' san-serif;}
#topnav a:hover { color: #86b800;  text-decoration: none; font: 700 18px/18px 'Open Sans' san-serif; }
  
/*=======Main Navigation -  Desktop - fornav and accordion plugin styles replace my original navbar styles=========*/  

#fornav {display:block;width:95%; height: auto; margin: 0 0 20px 0;padding:20px 10px 10px 10px; float:left;
background: rgb(215,236,198); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3ZWNjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(215,236,198,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(215,236,198,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(215,236,198,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ecc6', endColorstr='#ffffff',GradientType=1);}


/* Accordion menu container */
.dcjq-accordion {color: #104b7d; font: 700 15px/17px 'Open Sans', san-serif; }
 
/* Main menu and sub-menus */
.dcjq-accordion ul {margin:0;padding:0 0 0 10px;}
 
/* Menu list items */
.dcjq-accordion ul li {list-style:none; margin:0 0 20px 0; color: #104b7d; font: 700 14px/16px 'Open Sans', san-serif;}
 
/* Menu list links */
.dcjq-accordion ul a {text-decoration:none; color: #104b7d; font: 700 15px/17px 'Open Sans', san-serif;}
 
/* Menu list links on hover */
.dcjq-accordion ul a:hover {color:#86b800;}
 
/* Sub-menus */
.dcjq-accordion ul li ul {padding:10px 0 0 15px;margin:0;}
 
/* Sub-menu list items */
.dcjq-accordion ul li ul li {margin:0 0 15px 0;}
 
/* Sub-menu links */
.dcjq-accordion ul li ul li a {font: 600 14px/16px 'Open Sans', san-serif;}
 
/* Parent links only */
.dcjq-accordion ul a.dcjq-parent {padding: 0 20px 0 0;
	background-image: url(images/open2.png);
	background-repeat: no-repeat;
	background-position: right 60%;}
 
/* Active parent links - when sub-menu is open */
.dcjq-accordion ul a.dcjq-parent.active {padding: 0 20px 0 0;
	background-image: url(images/close2.png);
	background-repeat: no-repeat;
	background-position: right 60%;}
 
/* Icon tag for active parent links */
.dcjq-accordion ul a.dcjq-parent.active.dcjq-icon {}  

/*======main content cols/Desktop=======*/

#contentwrap {width:100%;  height:auto;overflow:hidden;margin:0;padding:0; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
  }
.tablewrap {display:table;/*border-spacing: 20px;*/}
.row {display:table-row;}

#leftcol { width: 24%; height:100%; 
margin:0; padding:0 0 0 0;float:left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
} 

#rightcol {width:75%; float:right; margin:0; padding:3px 0 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }

#inner {margin:0 auto; width:100%; height:auto;padding:0 0 10px 40px; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
overflow:hidden;
}
 
#innerSm { margin:0; width:100%; max-width:800px;height:auto;padding:0 0 10px 60px; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;  }/*for small single col pages*/

/*===home divs/desktop====*/
#slider {width: 100%; height:auto; margin: 0 0 20px 0; padding:0; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#slider img {width:100%; height:auto; }

.leftbox {display:table-cell; width:33%; vertical-align:top;padding:30px 10px 0 0;}
.midbox {display:table-cell; width:33%; vertical-align:top;
padding:30px 5px 0 5px;}
.rightbox{display:table-cell; width:33%; vertical-align:top;
padding:30px 0 0 10px;}
.leftbox img, .midbox img, .rightbox img {padding: 0; float:none; width:100%;}

}/*ends Desktop styles*/	

/*========================BLOG--NEWS--BLOG--NEWS--BLOG==================*/
blockquote {
margin: 1em 3em;
color: #666;
border-left: 1px solid #666;
padding-left: 1em; }

code {color:#666;}

.blogheadpad {padding: 0 0 10px 0; color:#8e925a;font: 700 italic 24px/24px 'Open Sans', san-serif; text-align:left;}/*for the h1 on blog page*/

#content {width: 94%; margin: 0 auto 0 auto; float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */ 
}

.entry {margin: 10px 0 20px 0;padding: 0 5px 0 0;
} 
#content a:link{text-decoration: none; color: #104b7d;}
#content a:visited { text-decoration:none;color: #104b7d; }

/*blog sidebar*/

#sidebar {width: 94%; margin: 0 5px 10px 10px; padding:10px 0; 
float: none;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */ 
border-top:1px dotted #8e925a;
border-right:1px dotted #8e925a;
border-bottom:1px dotted #8e925a;
border-left:1px dotted #8e925a;
clear:both;}

#sidebar ul { list-style: none; margin:0 0 0 0; padding:0; }
#sidebar li {margin: 0 0 15px 10px; padding: 0; list-style: none;}
#sidebar a:link{text-decoration: none;font: 600 14px/17px 'Open Sans', sans-serif;
color: #104b7d;}
#sidebar a:visited {text-decoration: none;font: 600 14px/17px 'Open Sans', sans-serif;
color: #104b7d;}
/*#sidebar li ul li {margin-left:10px;}*/

#sidebar h6 { margin-left:0;padding:10px 0 3px 10px; font-size:14px; line-height:17px; }
.postmetadata {margin-bottom:30px; font-size:14px; line-height:17px; }/*styles the posted in and other stuff right below the blog entry containter*/

small {font-size:14px; line-height:18px; margin-bottom:10px; display:block;}

#prevnext {margin: 0; font-weight:bold; font-size:14px; line-height:30px;padding:0 0 10px 0; }
.padlr {padding: 0 5px;}/*to add space to left and right of bullet between prev and next*/

#sidebar h2.widgettitle {font: bold 18px/20px 'Open Sans', san-serif;color: #104b7d; }


/*=================Blog Tweaks for Tablets, Desktop and Wide==========================*/

@media all and  (min-width: 1025px) {
  .blogheadpad {padding: 0 0 10px 0;color:#8e925a;font: 700 italic 40px/40px 'Open Sans', san-serif; text-align:left;}/*for the h1 on blog page*/

#content {width: 66%; margin: 0 10px 20px 10px; float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
	}
.entry {margin: 10px 0;padding: 0 5px 0 0;} 

#content a:link{text-decoration: none; color: #104b7d;}
#content a:visited {color: #104b7d; text-decoration:none; }

/*sidebar is for the blog sidebar*/
#sidebar {width: 30%; margin: 0 0 20px 0; padding:7px 7px 10px 0px; 
float: right;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */ 
border-top:none;
border-right:none;
border-bottom:none;	
border-left:2px solid #bce0a0;
clear:none;

}
#sidebar li {margin: 5px 5px 10px 20px; padding: 0; list-style: none;}

/*rest of blog styles unchanged here and widescreen*/

}/*ends desktop blog styles*/


/*============Short code styles=============*/
 .one_half {
width: 100%;margin:10px 0;padding: 0 2% 0 2%; float: none; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

/*two-third and one-third*/
.two_third {width:100%; margin: 10px 0 20px 0; float:none;padding:0 0 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}
.one_third {width:100%; margin:0 0 20px 0; float:none; padding:0 0 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;} 

.last { margin-right:0 !important; clear:right; }/*applies to all*/
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}


/*=================Small Pad shortcodes============================*/
  @media all and (min-width: 600px) and (max-width: 1024px) {  
.one_half {
width: 100%; margin: 20px 0;padding: 0 2% 0 2%; float: none; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

/*two-third and one-third*/
.two_third {width:100%; margin: 10px 0 20px 10px; float:none;padding:0 ;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

.one_third {width:95%; margin:0 0 20px 10px; float:none; padding:0 0 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
 
}/*ends small pad shortcodes*/

/*=======================Desktop and Widescreen shortcodes==================*/
	@media all and (min-width: 1025px) {
.one_half {
width: 50%;margin:0;padding: 0 2% 0 2%; float: left; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

/*two-third and one-third*/
.two_third {width:70%; margin: 20px 0; float:left;padding:0 2%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

.one_third {width:30%; margin:20px 0 ; float:right; padding: 0 2%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
	
}/*ends desktop/wide shortcodes*/	

/*======Miscellaneous======*/
.right {text-align:right;}
.center {text-align:center;}
.smalls {font-size:14px; line-height:15px;}
.padtop20 {margin-top:20px;}



img.alignright, a img.alignright {float: right; margin: 0 0 1em 1em;}
img.alignleft, a img.alignleft {float: left; margin: 0 1em 1em 0;}
img.aligncenter, a img.aligncenter {display: block; margin: 1em auto;}
img.alignnone, a img.alignnone {margin: 0 0 10px 0;}

.alignnone {margin: 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float: right;margin: 0 0 1em 1em;}
.alignleft {float: left;margin: 0 1em 1em 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}

.wp-caption {background: #fff; border: 1px solid #f0f0f0;
max-width: 96% ;/*image does not overflow the content area*/
padding: 5px 3px 10px;text-align: center;
}
.wp-caption.alignnone {margin: 0;
}
.wp-caption.alignleft {margin: 5px 20px 20px 0;
}
.wp-caption.alignright {margin: 5px 0 20px 20px;
}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 96%; padding: 0;width: auto;
}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;
}

.newsitem {
	padding: 5px;
}

/*Footer links*/
#footernav { visibility:hidden; }
#footernav UL {
	list-style:none;
}
#footernav LI {
	float:left;
}
#footernav A {
	padding: 0px 10px;
}

/*Form Styles*/
/*NM Order Supplies*/
#fscf_form2 #fscf_div_field2_7, #fscf_form2 #fscf_div_field2_8, #fscf_form2 #fscf_div_field2_10, #fscf_form2 #fscf_div_field2_14, #fscf_form2 #fscf_div_field2_15, #fscf_form2 #fscf_div_field2_16  {
	clear: none !important;
	margin-left: 10px;
	margin-top: 32px;
}

#fscf_form2 #fscf_div_field2_12, #fscf_form2 #fscf_div_field2_18 {
	clear: none !important;
	margin-left: 10px;
}

#fscf_form2 #fscf_div_field2_0, #fscf_form2 #fscf_div_field2_0, #fscf_form2 #fscf_div_field2_1, #fscf_form2 #fscf_div_field2_4, #fscf_form2 #fscf_div_field2_5, #fscf_form2 #fscf_div_field2_24, #fscf_form2 #fscf_div_field2_25, #fscf_form2 #fscf_div_field2_26 { 
	width: 100%;
}

#taglines {
	margin-bottom: 20px;
    margin-top: -70px;
    text-align: center;
}

#taglines H1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

#taglines A {
	text-decoration: none;
	color: #FFF;
}

.dropdown UL {
	display: none;
}


@media only screen and (max-device-width: 480px) {
#footernav { visibility:visible; }
	}