.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

BODY {
    padding-right:0;
    background-position:center top;
    padding-left:0;
    padding-bottom:0;
    margin:0;
    padding-top:0;
    background-repeat:repeat-x;
    background-color:#F9FCF2;
    text-align:center;
    font-family:Verdana,Arial,
}

BODY #page {
    text-align:left;
    font-family:Arial,Helvetica,sans-serif;
    color:#333
}

#page {
    padding-right:0;
    padding-left:0;
    padding-bottom:12px;
    margin:0 auto;
    width:1033px;
    padding-top:0;
    background-color:#FFF
}

#page1 {
    background-image:url(../images/main_bg.gif);
    text-align:center;
    background-position:center
}

#header {
    z-index:10;
    width:100%;
    position:relative;
    height:76px;
    background-repeat:repeat-x;
    background-color:#94D7AE
}

#logo {
    left:18px;
    width:473px;
    position:absolute;
    top:12px;
    height:40px
}

#logo IMG {
    border:0
}

#textTop {
    left:750px;
    width:250px;
    position:relative;
    top:21px;
    font-size:18px
}
nav {
	height:auto;
	width: 100%;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	
}
nav ul {
	margin-top:2px;
    margin-bottom:14px;
    margin:0;
    padding:0
}
nav li {
	  color:#333;
    margin-bottom:2px;
    font-size:11px;
    color:#666;
    margin:0;
    padding:0
}


nav a#pull {
	display: none;
}

/*UL {
    margin-top:2px;
    margin-bottom:14px;
    margin:0;
    padding:0
}

LI {
    color:#333;
    margin-bottom:2px;
    font-size:11px;
    color:#666;
    margin:0;
    padding:0
}*/

P {
    color:#4B7001
}

#breadcrumbContainer {
    width:779px;
    background-color:#666;
    background-image:url(../images/breadcrumb_bg.gif);
    float:left;
    margin-bottom:7px;
    z-index:-100
}

#breadcrumbContainer A {
    color:#FFF
}

#breadcrumbContainer A:hover {
    text-decoration:none
}

#breadcrumb {
    width:730px;
    font-size:11px;
    color:#FFF;
    position:relative;
    left:20px;
    float:left;
    top:4px;
    padding-bottom:10px
}

.primaryNavContainer {
    position:relative;
    height:32px;
    background-image:url(../images/nav_bg.gif);
    z-index:100
}

.shadow {
    height:7px;
    background-image:url(../images/shadow1.gif);
    width:100%;
    margin-bottom:4px;
    background-position:center
}

.Container {
    width:1020px
}

/* Promotiona Area*/
.PromotionalArea {
    width:940px;
    display:inline
}

.PromotionalArea a {
    border:0
}

.PromotionalArea img {
    border:0
}

.pageHeader {
    width:592px;
    height:102px;
    background-image:url(../images/header.jpg);
	float:left;
    margin:0;
    padding:0
}
.pageHeader1 {
    width:187px;
	float:left;
    height:102px;
    margin:0;
    padding:0
}
.clear
{
clear:both;
}
.pageHeader h1 {
    color:#184;
    font-size:28px;
    font-weight:100;
    position:relative;
    width:458px;
    left:35px;
    top:25px;
    margin:0
}

.pageHeader .subtext {
    position:relative;
    left:35px;
    top:27px;
    margin:0;
    width:540px
}

.pageHeader p {
    color:#F70;
    font-size:15px;
    font:normal;
    margin:0
}

.pageHeader2 {
    width:254px;
    height:102px;
    background-image:url(../images/righthdr.gif);
	float:right;
    margin:0;
    padding:0
}

.pageHeader2 h1 {
    color:#184;
    font-size:28px;
    font-weight:100;
    position:relative;
    width:200px;
    left:35px;
    top:25px;
    margin:0
}

.pageHeader2 .subtext2 {
    position:relative;
    left:35px;
    top:27px;
    margin:0;
    width:200px
}

.pageHeader2 p {
    color:#F70;
    font-size:15px;
    font:normal;
    margin:0
}

/* Footer */
.footerContainer {
    background-color:#ededed;
    font-size:11px;
    text-align:center;
    padding:7px;
    float:none;
    background-image:url(../images/footerbk.jpg);
    height:89px;
	width:100%;
    vertical-align: middle;
	line-height: 16px;
}

.footerContainer A {
    color:#666;
    text-decoration:none
}

.footerContainer A:hover {
    color:#666;
    text-decoration:underline
}

#footershadow {
    background-image:url(../images/footer_shadow_bg.gif);
    height:25px;
    width:779px;
    float:left;
    position:relative;
    top:10px
}

#footershadow img {
    left:30px;
    top:10px;
    position:relative
}

.footerContainer p {
    margin-top:15px
}

/* Main Content Area */
.content
{
width:1020px;
height:auto;
overflow:hidden;

}
.left {
    width:197px;
    vertical-align:top
}

.middle {
    background-image:url(../images/content_bg_wide.gif);
    vertical-align:top;
    padding:12px;
	width:798px;
	float:right;
}

.right {
    width:195px;
    vertical-align:top
}

#norightcolumn {
    background-image:url(../images/contentbgs.jpg);
    padding-right:25px
}

#leftColumnContainer {
    width:187px;
    background-image:url(../images/lctop.jpg);
    float:left
}

#base {
    background-image:url(../images/lcbtm.gif);
    height:25px
}

#leftColumnContent h2 {
    font-size:11px;
    color:#390;
    padding:0;
    margin-bottom:5px;
    background-image:url(../images/lch2bgbright.jpg);
    height:19px;
    width:160px;
    padding-top:4px;
    padding-left:6px
}


#leftColumnContent p {
    font-size:11px;
    padding:0;
    margin-top:6px;
    margin-bottom:8px;
    padding-left:4px
}

#leftColumnContent {
    margin:10px
}

#leftColumnContent a {
    color:#690
}

#leftColumnContent a:hover {
    text-decoration:none
}

.leftColumnDivider {
    height:5px;
    background-image:url(../images/dots_horizonal.gif);
    margin-bottom:0
}

.prom1Container {
    background-image:url(../images/prom1-bg.jpg);
    width:185px;
    position:relative;
    left:10px;
    margin-bottom:7px
}

.prom1Container .prom1head {
    background-image:url(../images/promtop.jpg);
    width:185px;
    height:25px
}

.prom1Container .prom1head p {
    color:#FFF;
    top:7px;
    position:relative;
    font-weight:700;
    font-size:12px;
    left:25px;
    margin:0
}

.prom1Base {
    width:181px;
    background-image:url(../images/prombase.jpg);
    height:9px
}

.prom1Content {
    width:150px;
    position:relative;
    left:10px;
    top:5px;
    font-size:11px
}

.prom1Content h2 {
    color:#FF7400;
    font-size:11px;
    font-weight:700;
    margin-bottom:2px
}

.prom1Content p {
    margin-top:2px
}

.prom1Content img {
    margin:0 0 15px
}

#white {
    background-image:url(../images/prombgwhite.jpg)
}

.prom1Content a {
    color:#390
}

a:hover {
    text-decoration:none
}

.style3 {
    color:#FF7400;
    font-weight:700
}

.vsa {
    font-size:11px;
    color:#090;
    text-decoration:none
}

.middle h1 {
    color:#FF7400;
    font-size:14px
}

.middle p {
    font-size:11px
}

.middle a {
    color:#390
}

.middle a:hover {
    text-decoration:none
}

.middle,ul {
    margin:4px 0 5px
}

.middle,li {
    margin:0 0 5px
}

.middle li,li {
    list-style-type:none;
    line-height:12px;
    color:#666;
    padding:0 0 0 9px;
    background:url(../images/icn_dot.gif) 0 3px no-repeat
}
@media screen and (max-width:1024px)
{
#page {
    padding-right:0;
    padding-left:0;
    padding-bottom:12px;
    margin:0 auto;
    width:100%;
    padding-top:0;
	overflow:hidden;
    background-color:#FFF
}

#page1 {
    background-image:url(../images/main_bg.gif);
    text-align:center;
    background-position:center;
	overflow:hidden;
}


#logo {
    left:18px;
    width:473px;
    position:absolute;
    top:12px;
    height:40px
}

#logo IMG {
    border:0
}


.Container {
    width:100%;
}

.pageHeader1 {
     width: 23%;
  float: left;
  height: 102px;
  margin: 0;
  padding: 0;
}
.pageHeader1 img
{
  width: 100%;
  height: 102px;
}
.clear
{
clear:both;
}
.pageHeader {
   width: 52%;
  height: 102px;
  background-image: url(../images/header1024new.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader p {
    color: #F70;
    font-size: 13px;
    font: normal;
    margin: 0;
}
.pageHeader2 {
  width: 25%;
  height: 102px;
  background-image: url(../images/righthdr1024.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader2 p {
    color: #F70;
    font-size: 13px;
    font: normal;
    margin: 0;
}
.footerContainer {
  width: 100%;
  background-color: #ededed;
  font-size: 11px;
  text-align: center;
  padding: 7px;
  float: none;
  background-image: url(../images/footerbk11.jpg);
  height: 89px;
  vertical-align: middle;
}
}
@media screen and (max-width:960px)
{
.pageHeader1 {
    width: 23%;
    float: left;
    height: 102px;
    margin: 0;
    padding: 0;
}
.pageHeader1 img {
    width: 100%;
    height: 102px;
}
.pageHeader {
    width: 56%;
    height: 102px;
    background-image: url(../images/header1024.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
.pageHeader h1 {
    color: #184;
    font-size: 26px;
    font-weight: 100;
    position: relative;
    width: 458px;
    left: 19px;
    top: 25px;
    margin: 0;
}
.pageHeader .subtext {
    position: relative;
    left: 17px;
    top: 27px;
    margin: 0;
    width: 370px;
}
.pageHeader p {
    color: #F70;
    font-size: 12px;
    margin: 0px;
}
.pageHeader2 {
    width: 21%;
    height: 102px;
    background-image: url(../images/righthdr960.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
.pageHeader2 h1 {
    color: #184;
    font-size: 25px;
    font-weight: 100;
    position: relative;
    width: 200px;
    left: 12px;
    top: 25px;
    margin: 0;
}
.pageHeader2 .subtext2 {
    position: relative;
    left: 11px;
    top: 27px;
    margin: 0;
    width: 200px;
}
.pageHeader2 p {
    color: #F70;
    font-size: 12px;
    font: normal;
    margin: 0;
}
.middle {
    background-image: url(../images/content_bg_wide.gif);
    vertical-align: top;
    padding: 12px;
    width: 58.9%;
    float: left;
    border-radius: 10px;
  }
.footerContainer {
    width: 100%;
    background-color: #ededed;
    font-size: 11px;
    text-align: center;
    padding: 7px;
    float: none;
    background-image: url(../images/footerbk960.jpg);
    height: 76px;
    vertical-align: middle;
}
}

@media screen and (max-width:800px)
{
.pageHeader1 {
    width: 21%;
    float: left;
    height: 102px;
    margin: 0;
    padding: 0;
}
.pageHeader1 img {
    width: 100%;
    height: 102px;
}
.pageHeader {
    width: 57%;
    height: 102px;
    background-image: url(../images/header800.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
.pageHeader h1 {
    color: #184;
    font-size: 28px;
    font-weight: 100;
    position: relative;
    width: 458px;
    left: 18px;
    top: 25px;
    margin: 0;
}
.pageHeader p {
    color: #F70;
    font-size: 12px;
    font: normal;
    margin: 0;
}
.pageHeader .subtext {
    position: relative;
    left: 17px;
    top: 27px;
    margin: 0;
    width: 540px;
}

.pageHeader2 {
    width: 22%;
    height: 102px;
    background-image: url(../images/righthdr800.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
.pageHeader2 h1 {
    color: #184;
    font-size: 25px;
    font-weight: 100;
    position: relative;
    width: 200px;
    left: 17px;
    top: 25px;
    margin: 0;
}
.pageHeader2 .subtext2 {
    position: relative;
    left: 18px;
    top: 27px;
    margin: 0;
    width: 200px;
}
.pageHeader2 p {
    color: #F70;
    font-size: 13px;
    font: normal;
    margin: 0;
}
.middle {
    background-image: url(../images/content_bg_wide.gif);
    vertical-align: top;
    padding: 12px;
    width: 56%;
    float: left;
    border-radius: 10px;
  }
.footerContainer {
    width: 100%;
    background-color: #ededed;
    font-size: 11px;
    text-align: center;
    padding: 7px;
    float: none;
    background-image: url(../images/footerbk800.jpg);
    height: 77px;
    vertical-align: middle;
}
}

@media screen and (max-width: 768px) {
#page {
    padding-right:0;
    padding-left:0;
    padding-bottom:12px;
    margin:0 auto;
    width:100%;
    padding-top:0;
	overflow:hidden;
    background-color:#FFF
}

#page1 {
    background-image:url(../images/main_bg.gif);
    text-align:center;
    background-position:center;
	overflow:hidden;
}
#header {
    z-index:10;
    width:100%;
    position:relative;
    height:76px;
    background-repeat:repeat-x;
    background-color:#94D7AE
}

#logo {
    left:18px;
    width:473px;
    position:absolute;
    top:12px;
    height:40px
}

#logo IMG {
    border:0
}
.shadow {
height: 7px;
  background-image: url(../images/shadow1.gif);
  width: 100%;
  margin-bottom: 4px;
    margin-top: -12px;
  background-position: center;
}

.Container {
    width:100%;
}
/* Promotiona Area*/

.PromotionalArea {
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
}

.PromotionalArea a {
    border:0
}

.PromotionalArea img {
    border:0
}

.pageHeader {
   width: 52%;
  height: 90px;
  background-image: url(../images/header2.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader .subtext {
    position:relative;
    left:20px;
    top:10px;
    margin:0;
    width:260px;
}
.pageHeader .subtext p{
  font-size:12px;
}
.pageHeader1 {
     width: 22%;
  float: left;
  height: 102px;
  margin: 0;
  padding: 0;
}
.pageHeader1 img
{
  width: 100%;
  height: 90px;
}
.clear
{
clear:both;
}
.pageHeader h1 {
     color: #184;
    font-size: 26px;
    font-weight: 100;
    position: relative;
    width: 280px;
    left: 20px;
    top: 10px;
    margin: 0;
}
.pageHeader2 {
  width: 26%;
  height: 90px;
  background-image: url(../images/righthdr2.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader2 h1 {
  color: #184;
  font-size: 26px;
  font-weight: 100;
  position: relative;
  width: 200px;
 left: 18px;
  top: 12px;
  margin: 0;

}
.pageHeader2 .subtext2 {
   position: relative;
  left: 18px;
  top: 17px;
  margin: 0;
  width: 200px;

}
.pageHeader2 .subtext2 p{
font-size:12px;
}
#leftColumnContainer {
    width: 768px;
    background-image:none;
    float: left;
}
#base {
    background-image:none;
    height:auto;
}
#leftColumnContent h2 {
    font-size: 16px;
    color: #145612;
    padding: 0;
    margin-bottom: 5px;
    background-image: none;
    height: 20px;
    width: 100%;
    padding-top: 8px;
    padding-left: 6px;
    background-color: #8FD6AC;
    margin-top: -2px;
}
#leftColumnContent a {
    color: #145612;
	text-decoration:none;
}


	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	

	nav a#pull {
    display: block;
    background-color: #218B42;
    width: 100%;
    position: relative;
    height: 28px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding-left: 5px;
	}
	nav a#pull:after {
		content:"";
		background:url(../nav-icon.png);
		width: 22px;
		height:18px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 2px;
	}
	.content
     {
      width:100%;
      height:auto;
     overflow:hidden;
	 }
.middle 
{
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 96.5%;
  float: left;
  border-radius: 10px;
 }
	.middle h1 {
    color:#FF7400;
    font-size:14px
    }

.middle p {
    font-size:11px
}

.middle a {
    color:#390
}

.middle a:hover {
    text-decoration:none
}

.middle,ul {
    margin:4px 0 5px
}

.middle,li {
    margin:0 0 5px
}

.middle li,li {
    list-style-type:none;
    line-height:12px;
    color:#666;
    padding:0 0 0 9px;
    background:url(../images/icn_dot.gif) 0 3px no-repeat
}
.footerContainer {
  width: 100%;
  background-color: #ededed;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  float: none;
  background-image: url(../images/footerbk2.jpg);
  height: auto;
  vertical-align: middle;
}
}
@media screen and (max-width: 736px) {
.pageHeader1 {
  width: 20%;
  float: left;
  height: 102px;
  margin: 0;
  padding: 0;
}
.pageHeader1 img {
  width: 100%;
  height: 90px;
}
.pageHeader {
  width: 55%;
  height: 90px;
  background-image: url(../images/header2.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader2 {
  width: 25%;
  height: 90px;
  background-image: url(../images/righthdr3.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
#leftColumnContainer {
    width: 736px;
    background-image:none;
    float: left;
}
#base {
    background-image:none;
    height:auto;
}
#leftColumnContent h2 {
    font-size: 16px;
    color: #145612;
    padding: 0;
    margin-bottom: 5px;
    background-image: none;
    height: 20px;
    width: 100%;
    padding-top: 8px;
    padding-left: 6px;
    background-color: #8FD6AC;
    margin-top: -2px;
}
#leftColumnContent a {
    color: #145612;
	text-decoration:none;
}


	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	

	nav a#pull {
    display: block;
    background-color: #218B42;
    width: 100%;
    position: relative;
    height: 28px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding-left: 5px;
	}
	nav a#pull:after {
		content:"";
		background:url(../nav-icon.png);
		width: 22px;
		height:18px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 2px;
	}
	.footerContainer {
  width: 100%;
  background-color: #ededed;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  float: none;
  background-image: url(../images/footerbk10.jpg);
  height: auto;
  vertical-align: middle;
}
}
@media screen and (max-width:667px){
#page1 {
  background-image: url(../images/main_bg.gif);
  text-align: center;
  background-position: center;
  overflow: hidden;
}
#page {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 12px;
  margin: 0 auto;
  width: 100%;
  padding-top: 0;
  overflow: hidden;
  background-color: #FFF;
}
.Container {
  width: 100%;
}
#leftColumnContainer {
    width: 667px;
    background-image:none;
    float: left;
}
#base {
    background-image:none;
    height:auto;
}
#leftColumnContent h2 {
    font-size: 16px;
    color: #145612;
    padding: 0;
    margin-bottom: 5px;
    background-image: none;
    height: 20px;
    width: 100%;
    padding-top: 8px;
    padding-left: 6px;
    background-color: #8FD6AC;
    margin-top: -2px;
}
#leftColumnContent a {
    color: #145612;
	text-decoration:none;
}


	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	

	nav a#pull {
    display: block;
    background-color: #218B42;
    width: 100%;
    position: relative;
    height: 28px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding-left: 5px;
	}
	nav a#pull:after {
		content:"";
		background:url(../nav-icon.png);
		width: 22px;
		height:18px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 2px;
	}
.content {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.middle {
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 96.3%;
  float: left;
  border-radius: 10px;
}
.pageHeader1 {
  width: 18%;
  float: left;
  height: 102px;
  margin: 0;
  padding: 0;
}
.pageHeader1 img
{
  width: 100%;
  height: 90px;
}
.clear
{
clear:both;
}
.pageHeader h1 {
  color: #184;
  font-size: 18px;
  font-weight: 100;
  position: relative;
  width: 200px;
  left: 20px;
  top: 10px;
  margin: 0;
}
.pageHeader {
  width: 59%;
  height: 90px;
  background-image: url(../images/header3.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader2 {
  width: 23%;
  height: 90px;
  background-image: url(../images/righthdr4.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader2 h1 {
    color: #184;
    font-size: 18px;
    font-weight: 100;
    position: relative;
    width: 200px;
    left: 18px;
    top: 12px;
    margin: 0;
}
.pageHeader2 .subtext2 {
    position: relative;
    left: 18px;
    top: 17px;
    margin: 0;
    width: 130px;
}
.footerContainer {
  width: 100%;
  background-color: #ededed;
  font-size: 11px;
  text-align: center;
  padding: 1px;
  float: none;
  background-image: url(../images/footerbk3.jpg);
  height: auto;
  vertical-align: middle;
}
}
@media screen and (max-width:640px)
{
.pageHeader1 {
    width: 15%;
    float: left;
    height: 102px;
    margin: 0;
    padding: 0;
}
.pageHeader1 img {
    width: 100%;
    height: 90px;
}
.pageHeader {
    width: 61%;
    height: 90px;
    background-image: url(../images/header3.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
.pageHeader2 {
    width: 24%;
    height: 90px;
    background-image: url(../images/righthdr4.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
#leftColumnContainer {
    width: 640px;
    background-image: none;
    float: left;
}
nav a#pull {
    display: block;
    background-color: #218B42;
    width: 100%;
    position: relative;
    height: 28px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding-left: 5px;
}
}

@media screen and (max-width: 600px) {
#page {
    padding-right:0;
    padding-left:0;
    padding-bottom:12px;
    margin:0 auto;
    width:100%;
    padding-top:0;
	overflow:hidden;
    background-color:#FFF
}

#page1 {
    background-image:url(../images/main_bg.gif);
    text-align:center;
    background-position:center;
	overflow:hidden;
}
#header {
    z-index:10;
    width:100%;
    position:relative;
    height:76px;
    background-repeat:repeat-x;
    background-color:#94D7AE
}

#logo {
    left:18px;
    width:473px;
    position:absolute;
    top:12px;
    height:40px
}

#logo IMG {
    border:0
}
.shadow {
height: 7px;
  background-image: url(../images/shadow1.gif);
  width: 100%;
  margin-bottom: 4px;
  margin-top: -32px;
  background-position: center;
}

.Container {
    width:100%;
}

/* Promotiona Area*/
.PromotionalArea {
  width: 100%;
  display: block;
  overflow: hidden;
  height: auto;
}

.PromotionalArea a {
    border:0
}

.PromotionalArea img {
    border:0
}

.pageHeader {
    width: 51.5%;
    height:70px;
    background-image:url(../images/header1.jpg);
	float:left;
    margin:0;
    padding:0
}
.pageHeader .subtext {
    position:relative;
    left:20px;
    top:10px;
    margin:0;
    width:200px
}
.pageHeader .subtext p{
  font-size:12px;
}
.pageHeader1 {
    width: 23%;
  float: left;
  height: 102px;
  margin: 0;
  padding: 0;
}
.pageHeader1 img
{
    width: 100%;
  height: 70px;
}
.clear
{
clear:both;
}
.pageHeader h1 {
  color: #184;
  font-size: 18px;
  font-weight: 100;
  position: relative;
  width: 200px;
  left: 20px;
  top: 10px;
  margin: 0;
}
.pageHeader2 {
  width: 25.5%;
  height: 70px;
  background-image: url(../images/righthdr1.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader2 h1 {
  color: #184;
  font-size: 18px;
  font-weight: 100;
  position: relative;
  width: 200px;
 left: 18px;
  top: 12px;
  margin: 0;

}
.pageHeader2 .subtext2 {
   position: relative;
  left: 9px;
  top: 17px;
  margin: 0;
  width: 200px;

}
.pageHeader2 .subtext2 p{
font-size:12px;
}
#leftColumnContainer {
    width: 600px;
    background-image:none;
    float: left;
}
#base {
    background-image:none;
    height:auto;
}
#leftColumnContent h2 {
    font-size: 16px;
    color: #145612;
    padding: 0;
    margin-bottom: 5px;
    background-image: none;
    height: 20px;
    width: 100%;
    padding-top: 8px;
    padding-left: 6px;
    background-color: #8FD6AC;
    margin-top: -2px;
}
#leftColumnContent a {
    color: #145612;
	text-decoration:none;
}


	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	

	nav a#pull {
    display: block;
    background-color: #218B42;
    width: 100%;
    position: relative;
    height: 28px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding-left: 5px;
	}
	nav a#pull:after {
		content:"";
		background:url(../nav-icon.png);
		width: 22px;
		height:18px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 2px;
	}
	.content
     {
      width:100%;
      height:auto;
     overflow:hidden;
	 }
   .middle {
    background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 96%;
  float: left;
  border-radius: 10px;
    }
	.middle h1 {
    color:#FF7400;
    font-size:14px
    }

.middle p {
    font-size:11px
}

.middle a {
    color:#390
}

.middle a:hover {
    text-decoration:none
}

.middle,ul {
    margin:4px 0 5px
}

.middle,li {
    margin:0 0 5px
}

.middle li,li {
    list-style-type:none;
    line-height:12px;
    color:#666;
    padding:0 0 0 9px;
    background:url(../images/icn_dot.gif) 0 3px no-repeat
}
.footerContainer {
 width: 100%;
  background-color: #ededed;
  font-size: 11px;
  text-align: center;
  padding: 5px;
  float: none;
  background-image: url(../images/footerbk1.jpg);
  height: 80px;
  vertical-align: middle;
}
}
@media screen and (max-width: 568px) {
#page1 {
  background-image: url(../images/main_bg.gif);
  text-align: center;
  background-position: center;
  overflow: hidden;
}
#page {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 12px;
  margin: 0 auto;
  width: 100%;
  padding-top: 0;
  overflow: hidden;
  background-color: #FFF;
}
.Container {
  width: 100%;
}
nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	

	nav a#pull {
    display: block;
    background-color: #218B42;
    width: 100%;
    position: relative;
    height: 28px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding-left: 5px;
	}
	nav a#pull:after {
		content:"";
		background:url(../nav-icon.png);
		width: 22px;
		height:18px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 2px;
	}
.content {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#leftColumnContent h2 {
    font-size: 16px;
    color: #145612;
    padding: 0;
    margin-bottom: 5px;
    background-image: none;
    height: 20px;
    width: 100%;
    padding-top: 8px;
    padding-left: 6px;
    background-color: #8FD6AC;
    margin-top: -2px;
}
#leftColumnContent a {
    color: #145612;
	text-decoration:none;
}
.pageHeader {
    width: 51.5%;
    height:70px;
    background-image:url(../images/header568.jpg);
	float:left;
    margin:0;
    padding:0
}
.pageHeader .subtext {
    position:relative;
    left:20px;
    top:10px;
    margin:0;
    width:200px
}
.pageHeader .subtext p{
  font-size:12px;
}
.pageHeader1 {
    width: 23%;
  float: left;
  height: 102px;
  margin: 0;
  padding: 0;
}
.pageHeader1 img
{
    width: 100%;
  height: 70px;
}
.clear
{
clear:both;
}
.pageHeader h1 {
  color: #184;
  font-size: 18px;
  font-weight: 100;
  position: relative;
  width: 200px;
  left: 20px;
  top: 10px;
  margin: 0;
}
.pageHeader2 {
  width: 25.5%;
  height: 70px;
  background-image: url(../images/righthdr568.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader2 h1 {
  color: #184;
  font-size: 18px;
  font-weight: 100;
  position: relative;
  width: 200px;
 left: 18px;
  top: 12px;
  margin: 0;

}
.pageHeader2 .subtext2 {
   position: relative;
   left: 18px;
   top: 12px;
   margin: 0;
   width: 130px;

}
.pageHeader2 .subtext2 p{
font-size:12px;
}
#leftColumnContainer {
    width: 568px;
    background-image:none;
    float: left;
}
#base {
    background-image:none;
    height:auto;
}
.footerContainer 
{
  width: 100%;
  background-color: #ededed;
  font-size: 11px;
  text-align: center;
  padding: 5px;
  float: none;
  background-image: url(../images/footerbk6.jpg);
  height: 80px;
  vertical-align: middle;
}
}
@media screen and (max-width: 480px) {
#page1 {
  background-image: url(../images/main_bg.gif);
  text-align: center;
  background-position: center;
  overflow: hidden;
}
#page {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 12px;
  margin: 0 auto;
  width: 100%;
  padding-top: 0;
  overflow: hidden;
  background-color: #FFF;
}
.Container {
  width: 100%;
}
nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	

	nav a#pull {
    display: block;
    background-color: #218B42;
    width: 100%;
    position: relative;
    height: 28px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding-left: 5px;
	}
	nav a#pull:after {
		content:"";
		background:url(../nav-icon.png);
		width: 22px;
		height:18px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 2px;
	}
.content {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#leftColumnContent h2 {
    font-size: 16px;
    color: #145612;
    padding: 0;
    margin-bottom: 5px;
    background-image: none;
    height: 20px;
    width: 100%;
    padding-top: 8px;
    padding-left: 6px;
    background-color: #8FD6AC;
    margin-top: -2px;
}
#leftColumnContent a {
    color: #145612;
	text-decoration:none;
}
.pageHeader {
    width: 50.5%;
    height:70px;
    background-image:url(../images/header480.jpg);
	float:left;
    margin:0;
    padding:0
}
.pageHeader .subtext {
    position: relative;
    left: 14px;
    top: 10px;
    margin: 0;
    width: 200px;
}
.pageHeader .subtext p{
  font-size:12px;
}
.pageHeader1 {
    width: 24%;
  float: left;
  height: 102px;
  margin: 0;
  padding: 0;
}
.pageHeader1 img
{
    width: 100%;
  height: 70px;
}
.clear
{
clear:both;
}
.pageHeader h1 {
    color: #184;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    width: 200px;
    left: 14px;
    top: 10px;
    margin: 0;
}
.pageHeader2 {
  width: 25.5%;
  height: 70px;
  background-image: url(../images/righthdr480.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader2 h1 {
     color: #184;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    width: 200px;
    left: 9px;
    top: 10px;
    margin: 0;

}
.pageHeader2 .subtext2 {
   position: relative;
   left: 9px;
   top: 12px;
   margin: 0;
   width: 130px;

}
.pageHeader2 .subtext2 p{
font-size:12px;
}
#leftColumnContainer {
    width: 475px;
    background-image:none;
    float: left;
}
#base {
    background-image:none;
    height:auto;
}
.middle {
    background-image: url(../images/content_bg_wide.gif);
    vertical-align: top;
    padding: 12px;
    width: 95%;
    float: left;
    border-radius: 10px;
}
.footerContainer 
{
  width: 100%;
  background-color: #ededed;
  font-size: 11px;
  text-align: center;
  padding: 7px;
  float: none;
  background-image: url(../images/footerbk9.jpg);
  height: 80px;
  vertical-align: middle;
}
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 414px) {
#page1 {
  background-image: url(../images/main_bg.gif);
  text-align: center;
  background-position: center;
  overflow: hidden;
}
#page {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 12px;
  margin: 0 auto;
  width: 100%;
  padding-top: 0;
  overflow: hidden;
  background-color: #FFF;
}
.Container {
  width: 100%;
}
.content {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.middle {
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 96.3%;
  float: left;
  border-radius: 10px;
}
.pageHeader1 {
  width: 100%;
  float: left;
  height: 125px;
  margin: 0;
  padding: 0;
}
.pageHeader1 img
{
  width: 100%;
  height: 125px;
}
.clear
{
clear:both;
}
.pageHeader h1 {
  color: #184;
  font-size: 18px;
  font-weight: 100;
  position: relative;
  width: 200px;
  left: 20px;
  top: 10px;
  margin: 0;
}
.pageHeader {
  width: 66%;
  height: 70px;
  background-image: url(../images/header414new.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader2 {
  width: 34%;
  height: 70px;
  background-image: url(../images/righthdr414.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.shadow {
height: 7px;
  background-image: url(../images/shadow1.gif);
  width: 100%;
  margin-bottom: 4px;
  margin-top: 0px;
  background-position: center;
}
.footerContainer {
  width: 100%;
  background-color: #ededed;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  float: none;
  background-image: url(../images/footerbk7new.jpg);
  height: auto;
  vertical-align: middle;
}

#leftColumnContainer {
    width: 414px;
    background-image:none;
    float: left;
}
#base {
    background-image:none;
    height:auto;
}
#leftColumnContent h2 {
    font-size: 16px;
    color: #145612;
    padding: 0;
    margin-bottom: 5px;
    background-image: none;
    height: 20px;
    width: 100%;
    padding-top: 8px;
    padding-left: 6px;
    background-color: #8FD6AC;
    margin-top: -2px;
}
#leftColumnContent a {
    color: #145612;
	text-decoration:none;
}


	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	

	nav a#pull {
    display: block;
    background-color: #218B42;
    width: 100%;
    position: relative;
    height: 28px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding-left: 5px;
	}
	nav a#pull:after {
		content:"";
		background:url(../nav-icon.png);
		width: 22px;
		height:18px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 2px;
	}
	.content
     {
      width:100%;
      height:auto;
     overflow:hidden;
	 }
.middle 
{
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 94%;
  float: left;
  border-radius: 10px;
 }
	.middle h1 {
    color:#FF7400;
    font-size:14px
    }

.middle p {
    font-size:11px
}

.middle a {
    color:#390
}

.middle a:hover {
    text-decoration:none
}

.middle,ul {
    margin:4px 0 5px
}

.middle,li {
    margin:0 0 5px
}

.middle li,li {
    list-style-type:none;
    line-height:12px;
    color:#666;
    padding:0 0 0 9px;
    background:url(../images/icn_dot.gif) 0 3px no-repeat
}
}
@media only screen and (max-width : 384px){
#page1 {
  background-image: url(../images/main_bg.gif);
  text-align: center;
  background-position: center;
  overflow: hidden;
}
#page {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 12px;
  margin: 0 auto;
  width: 100%;
  padding-top: 0;
  overflow: hidden;
  background-color: #FFF;
}
.Container {
  width: 100%;
}
.content {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.middle {
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 96.3%;
  float: left;
  border-radius: 10px;
}
.pageHeader1 {
  width: 100%;
  float: left;
  height: 130px;
  margin: 0;
  padding: 0;
}
.pageHeader1 img
{
  width: 100%;
  height: 130px;
}
.clear
{
clear:both;
}
.pageHeader {
  width: 66%;
  height: 70px;
  background-image: url(../images/header384new.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader h1 {
  color: #184;
  font-size: 18px;
  font-weight: 100;
  position: relative;
  width: 200px;
  left: 10px;
  top: 10px;
  margin: 0;
}
.pageHeader .subtext {
    position: relative;
    left: 10px;
    top: 10px;
    margin: 0;
    width: 200px;
}
.pageHeader2 {
  width: 34%;
  height: 70px;
  background-image: url(../images/righthdr384.jpg);
  float: left;
  margin: 0;
  padding: 0;
}
.pageHeader2 h1 {
    color: #184;
    font-size: 18px;
    font-weight: 100;
    position: relative;
    width: 200px;
    left: 10px;
    top: 12px;
    margin: 0;
}
.pageHeader2 .subtext2 {
    position: relative;
    left: 10px;
    top: 12px;
    margin: 0;
    width: 130px;
}
.shadow {
height: 7px;
  background-image: url(../images/shadow1.gif);
  width: 100%;
  margin-bottom: 4px;
  margin-top: 0px;
  background-position: center;
}
.footerContainer {
  width: 100%;
  background-color: #ededed;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  float: none;
  background-image: url(../images/footerbk7.jpg);
  height: auto;
  vertical-align: middle;
}

#leftColumnContainer {
    width: 378px;
    background-image:none;
    float: left;
}
#base {
    background-image:none;
    height:auto;
}
#leftColumnContent h2 {
    font-size: 16px;
    color: #145612;
    padding: 0;
    margin-bottom: 5px;
    background-image: none;
    height: 20px;
    width: 100%;
    padding-top: 8px;
    padding-left: 6px;
    background-color: #8FD6AC;
    margin-top: -2px;
}
#leftColumnContent a {
    color: #145612;
	text-decoration:none;
}


	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	

	nav a#pull {
    display: block;
    background-color: #218B42;
    width: 100%;
    position: relative;
    height: 28px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding-left: 5px;
	}
	nav a#pull:after {
		content:"";
		background:url(../nav-icon.png);
		width: 22px;
		height:18px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 2px;
	}
	.content
     {
      width:100%;
      height:auto;
     overflow:hidden;
	 }
.middle 
{
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 94%;
  float: left;
  border-radius: 10px;
 }
	.middle h1 {
    color:#FF7400;
    font-size:14px
    }

.middle p {
    font-size:11px
}

.middle a {
    color:#390
}

.middle a:hover {
    text-decoration:none
}

.middle,ul {
    margin:4px 0 5px
}

.middle,li {
    margin:0 0 5px
}

.middle li,li {
    list-style-type:none;
    line-height:12px;
    color:#666;
    padding:0 0 0 9px;
    background:url(../images/icn_dot.gif) 0 3px no-repeat
}
}
@media only screen and (max-width : 375px) {
#page1 {
  background-image: url(../images/main_bg.gif);
  text-align: center;
  background-position: center;
  overflow: hidden;
}
#page {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 12px;
  margin: 0 auto;
  width: 100%;
  padding-top: 0;
  overflow: hidden;
  background-color: #FFF;
}
.Container {
  width: 100%;
}
.content {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#leftColumnContent h2 {
    font-size: 14px;
    color: #145612;
    padding: 0;
    margin-bottom: 5px;
    background-image:none;
    height: 19px;
    width: 375px;
    padding-top: 4px;
    padding-left: 6px;
	background-color:#8FD6AC;
	margin-top: -2px;
}
#leftColumnContent a {
    color: #145612;
	text-decoration:none;
}
.middle {
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 96.3%;
  float: left;
  border-radius: 10px;
}
.pageHeader1 {
  width: 100%;
  float: left;
  height: 125px;
  margin: 0;
  padding: 0;
}
.pageHeader1 img
{
  width: 100%;
  height: 125px;
}
.clear
{
clear:both;
}
.pageHeader h1 {
    color: #184;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    width: 170px;
    left: 20px;
    top: 10px;
    margin: 0;
}
.pageHeader {
    width: 62%;
    height: 70px;
    background-image: url(../images/header5new.jpg);
    float: left;
    margin: 0;
    padding: 0
}
.pageHeader2 {
    width: 38%;
    height: 70px;
    background-image:url(../images/righthdr6.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
.pageHeader2 h1 {
    color: #184;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    width: 200px;
    left: 10px;
    top: 12px;
    margin: 0;
}
.pageHeader .subtext {
    position: relative;
    left: 20px;
    top: 10px;
    margin: 0;
    width: 150px;
}
.pageHeader2 .subtext2 {
   position: relative;
  left: 9px;
  top: 17px;
  margin: 0;
  width: 100px;

}
.pageHeader .subtext p {
    font-size: 11px;
}
.pageHeader2 .subtext2 p {
    font-size: 11px;
}
.shadow {
    height: 7px;
    background-image: url(../images/shadow1.gif);
    width: 100%;
    margin-bottom: 4px;
    margin-top: 0px;
    background-position: center;
}
.footerContainer {
  width: 100%;
  background-color: #ededed;
  font-size: 11px;
  text-align: center;
  padding: 2px;
  float: none;
  background-image: url(../images/footerbk5.jpg);
  height: auto;
  vertical-align: middle;
}

nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	
    nav a#pull {
		display: block;
		background-color:#218B42;
		width: 100%;
		position: relative;
		height:25px;
		color: #fff;
        text-decoration: none;
		font-size: 18px;
        padding-left: 5px;
	}
	nav a#pull:after {
		content:"";
		background:url(../nav-icon.png);
		width: 22px;
		height:18px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 2px;
	}
	.content
     {
      width:100%;
      height:auto;
     overflow:hidden;
	 }
.middle 
{
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 94%;
  float: left;
  border-radius: 10px;
 }
	.middle h1 {
    color:#FF7400;
    font-size:14px
    }

.middle p {
    font-size:11px
}

.middle a {
    color:#390
}

.middle a:hover {
    text-decoration:none
}

.middle,ul {
    margin:4px 0 5px
}

.middle,li {
    margin:0 0 5px
}

.middle li,li {
    list-style-type:none;
    line-height:12px;
    color:#666;
    padding:0 0 0 9px;
    background:url(../images/icn_dot.gif) 0 3px no-repeat
}
#leftColumnContainer {
    width: 375px;
    background-image:none;
    float: left;
}
#base {
    background-image:none;
    height:auto;
}

}
@media only screen and (max-width : 360px)
{
#leftColumnContainer {
    width: 360px;
    background-image: none;
    float: left;
}
nav a#pull {
    display: block;
    background-color: #218B42;
    width: 100%;
    position: relative;
    height: 25px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding-left: 5px;
 }
 
.pageHeader {
    width: 64.5%;
    height: 70px;
    background-image: url(../images/header5.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
.pageHeader2 {
    width: 35%;
    height: 70px;
    background-image: url(../images/righthdr360.jpg);
    float: left;
    margin: 0;
    padding: 0;
}

}

/*Smartphone*/
@media only screen and (max-width : 320px) {
#page1 {
  background-image: url(../images/main_bg.gif);
  text-align: center;
  background-position: center;
  overflow: hidden;
}
#page {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 12px;
  margin: 0 auto;
  width: 100%;
  padding-top: 0;
  overflow: hidden;
  background-color: #FFF;
}
.Container {
  width: 100%;
}
.content {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#leftColumnContent h2 {
    font-size: 14px;
    color: #145612;
    padding: 0;
    margin-bottom: 5px;
    background-image:none;
    height: 19px;
    width: 320px;
    padding-top: 4px;
    padding-left: 6px;
	background-color:#8FD6AC;
	margin-top: -2px;
}
#leftColumnContent a {
    color: #145612;
	text-decoration:none;
}
.middle {
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 96.3%;
  float: left;
  border-radius: 10px;
}
.pageHeader1 {
    width: 100%;
    float: left;
    height: 100px;
    margin: 0;
    padding: 0;
}
.pageHeader1 img
{
  width: 100%;
  height: 100px;
}
.clear
{
clear:both;
}
.pageHeader h1 {
    color: #184;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    width: 170px;
    left: 20px;
    top: 10px;
    margin: 0;
}
.pageHeader {
    width: 67%;
    height: 60px;
    background-image: url(../images/header4new.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
.pageHeader2 {
    width: 33%;
    height: 60px;
    background-image: url(../images/righthdr5.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
.pageHeader2 h1 {
    color: #184;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    width: 200px;
    left: 10px;
    top: 12px;
    margin: 0;
}
.pageHeader .subtext {
    position: relative;
    left: 20px;
    top: 10px;
    margin: 0;
    width: 150px;
}
.pageHeader2 .subtext2 {
   position: relative;
  left: 9px;
  top: 17px;
  margin: 0;
  width: 100px;

}
.pageHeader .subtext p {
    font-size: 10px;
}
.pageHeader2 .subtext2 p {
    font-size: 10px;
}
.shadow {
    height: 7px;
    background-image: url(../images/shadow1.gif);
    width: 100%;
    margin-bottom: 4px;
    margin-top: 0px;
    background-position: center;
}
.footerContainer {
    width: 100%;
    background-color: #ededed;
    font-size: 11px;
    text-align: center;
    padding: 3px;
    float: none;
    line-height: 14px;
    background-image: url(../images/footerbk4.jpg);
    height: auto;
    vertical-align: middle;
}
	
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	

	nav a#pull {
		display: block;
		background-color:#218B42;
		width: 100%;
		position: relative;
		height:25px;
		color: #fff;
        text-decoration: none;
		font-size: 18px;
        padding-left: 5px;
	}
	nav a#pull:after {
		content:"";
		background:url(../nav-icon.png);
		width: 22px;
		height:18px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 2px;
	}
	.content
     {
      width:100%;
      height:auto;
     overflow:hidden;
	 }
.middle 
{
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 92%;
  float: left;
  border-radius: 10px;
 }
	.middle h1 {
    color:#FF7400;
    font-size:14px
    }

.middle p {
    font-size:11px
}

.middle a {
    color:#390
}

.middle a:hover {
    text-decoration:none
}

.middle,ul {
    margin:4px 0 5px
}

.middle,li {
    margin:0 0 5px
}

.middle li,li {
    list-style-type:none;
    line-height:12px;
    color:#666;
    padding:0 0 0 9px;
    background:url(../images/icn_dot.gif) 0 3px no-repeat
}
#leftColumnContainer {
    width: 320px;
    background-image:none;
    float: left;
}
#base {
    background-image:none;
    height:auto;
}
}
@media only screen and (max-width : 240px) {
#page1 {
  background-image: url(../images/main_bg.gif);
  text-align: center;
  background-position: center;
  overflow: hidden;
}
#page {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 12px;
  margin: 0 auto;
  width: 100%;
  padding-top: 0;
  overflow: hidden;
  background-color: #FFF;
}
.Container {
  width: 100%;
}
.content {
  width: 100%;
  height: auto;
  overflow: hidden;
}
#leftColumnContent h2 {
    font-size: 14px;
    color: #145612;
    padding: 0;
    margin-bottom: 5px;
    background-image:none;
    height: 19px;
    width: 320px;
    padding-top: 4px;
    padding-left: 6px;
	background-color:#8FD6AC;
	margin-top: -2px;
}
#leftColumnContent a {
    color: #145612;
	text-decoration:none;
}
.middle {
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 96.3%;
  float: left;
  border-radius: 10px;
}
.pageHeader1 {
  width: 100%;
  float: left;
  height: 90px;
  margin: 0;
  padding: 0;
}
.pageHeader1 img
{
  width: 100%;
  height: 90px;
}
.clear
{
clear:both;
}
.pageHeader h1 {
  color: #184;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    width: 170px;
    left: 9px;
    top: 10px;
    margin: 0;
}
.pageHeader {
    width: 100%;
    height: 60px;
    background-image: url(../images/header240.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
.pageHeader2 {
    width: 100%;
    height: 60px;
    background-image: url(../images/righthdr240.jpg);
    float: left;
    margin: 0;
    padding: 0;
}
.pageHeader2 h1 {
  color: #184;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    width: 200px;
    left: 53px;
    top: 7px;
    margin: 0;
}
.pageHeader .subtext {
   position: relative;
    left: 9px;
    top: 10px;
    margin: 0;
    width: 165px;
}
.pageHeader2 .subtext2 {
position: relative;
    left: 29px;
    top: 9px;
    margin: 0;
    width: 155px;

}
.pageHeader .subtext p {
    font-size: 11px;
}
.pageHeader2 .subtext2 p {
    font-size: 14px;
}
.shadow {
    height: 7px;
    background-image: url(../images/shadow1.gif);
    width: 100%;
    margin-bottom: 4px;
    margin-top: 0px;
    background-position: center;
}
.footerContainer {
  width: 100%;
  background-color: #ededed;
  font-size: 8px;
  text-align: center;
  padding: 3px;
  float: none;
  background-image: url(../images/footerbk8.jpg);
  height: auto;
  vertical-align: middle;
}
	
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	

	nav a#pull {
		display: block;
		background-color:#218B42;
		width: 100%;
		position: relative;
		height:25px;
		color: #fff;
        text-decoration: none;
		font-size: 18px;
        padding-left: 5px;
	}
	nav a#pull:after {
		content:"";
		background:url(../nav-icon.png);
		width: 22px;
		height:18px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 2px;
	}
	.content
     {
      width:100%;
      height:auto;
     overflow:hidden;
	 }
.middle 
{
  background-image: url(../images/content_bg_wide.gif);
  vertical-align: top;
  padding: 12px;
  width: 90%;
  float: left;
  border-radius: 10px;
 }
	.middle h1 {
    color:#FF7400;
    font-size:14px
    }

.middle p {
    font-size:11px
}

.middle a {
    color:#390
}

.middle a:hover {
    text-decoration:none
}

.middle,ul {
    margin:4px 0 5px
}

.middle,li {
    margin:0 0 5px
}

.middle li,li {
    list-style-type:none;
    line-height:12px;
    color:#666;
    padding:0 0 0 9px;
    background:url(../images/icn_dot.gif) 0 3px no-repeat
}
#leftColumnContainer {
    width: 240px;
    background-image:none;
    float: left;
}
#base {
    background-image:none;
    height:auto;
}
}