#page {
	border: 0px;
	width: 950px;
	}


#zp-logo-block,
#zp-header-block,
#zp-menu-block {
	clear:both;
	}

.zp-logo {
	margin-left: 15px;
	}
.zp-logo a {
	text-decoration: none;
	}
.zp-logo .zp-part1,
.zp-logo .zp-part2 {
	text-transform: lowercase;
	font-size: 2em;
	letter-spacing: .05em;
	}
.zp-logo .zp-part1{
	font-weight: bolder;
	color: #00D451; /*lime green*/
	}
.zp-logo .zp-part2 {
	text-transform: lowercase;
	color: #81B4D4; /*water blue */
	}
.description { 
	color: #00D451;
	font-weight: bolder;
	}




.zp-menu {
	clear: both;
	float: right;
	margin: 10px auto 10px auto;
	}
ul.zp-menu {
	display: inline;
	list-style: none;
	}
ul.zp-menu li.page-item,
ul.zp-menu li.page-active,
ul.zp-menu span.zp-delimit {
	float: left;
	}
ul.zp-menu li.page-item a,
ul.zp-menu li.page-active a,
ul.zp-menu span.zp-delimit {
	color: #999999;
	}
ul.zp-menu .zp-delimit {
	padding-left: 3px;
	padding-right: 3px;
	}

#zp-sosf-nav li, #zp-sosf-nav a{
	width: 80px; /*original on sosf*/
	text-align: center;
	color: #999999;
	}
#zp-sosf-nav li ul {
	width: 84px; /*original on sosf*/
	background: #999999;
	}

#zp-sosf-nav li ul li, #zp-sosf-nav li ul a {
	color: #dddddd;
	padding-top: 2px;
	padding-bottom: 2px;
	}






#header {
	background: #ffffff url('images/zpgrassheader.png') no-repeat bottom center;
	height: 300px;
	width: 950px;
	}

#headerimg {
	height: 298px;
	width: 948px;
	}


#sidebar {
	float: left;
	margin-left: 0px;
	}

#content {
	width: 710px;
	}





/*home page .home*/
.home #content {
	padding-left: 1px;
	width: 950px;
	margin-top: 10px;
	}

#zp-slogan-block {  /*border is part of border block for zp-slogan below */
	clear:both;
	width: 948px;
	margin-bottom: 20px;
	}
.zp-slogan { /*vertical must be evaluated compared to border block mr cc height for zp-slogan below */
	float: right;
	margin-top: 20px;
	margin-right: 10px;
	}
.zp-slogan span {
	font-size: 1.7em;
	font-weight: bolder;
	color: #81B4D4; /*water blue */
	}




.home{
	}
.home h3, .home h3 a {
	font-size: 16px;
	color: #81B4D4; /*water blue */
	margin-top: 5px;
	}
.home h4 {
	font-size: 14px;
	font-weight:bold;
	color: #000000;
	}
.home img {
	}
.home p {
	margin: 0px;
	font-size: 12px;
	}
.home .zp-more a{
	color: #F08608; /*orange*/
	text-decoration: none;
	font-size: 12px;
	}
.home .zp-more a:hover{
	color: #DE7C07; /*slightly darker orange*/
	text-decoration: underline;
	}
.home .post { /*overwriting style.css */
	margin-bottom: 15px;
	}

.home .zp-block-left{
	float:left;
	margin-right: 10px;
	padding-left: 0px; /*set to 0px because of border block usage*/
	}
.home .zp-block-center,
.home .zp-block-right{
	float:left;
	margin-right: 10px;
	padding-left: 10px;
	}
.home .zp-block-left{ /*the actual width of text box outline is controlled below*/
	width: 390px;
	/*background: #FFFFFF url('images/zpleftblock.png') no-repeat;*/
	}




.home .zp-block-center .zp-customer-ad-block{
	width: 234px;
	float:left;
	}
.home .zp-block-center .zp-cab1{
	border-left: 2px solid #CCCCCC;
	padding-left: 30px;
	}






/*
  =================================

  #zp-services  
  Border Box Rules
  
  be sure to adjust the image rules (eg .tr .lc) 
  and add parent id if make differing blocks

  =================================
*/

#zp-services .zp-blockborder {
	/*sizes below have to add up here*/
/*
  This rule might be used but see the two
  indicated rules below for actual box size control
  This rule could also be used as a styling or id to
  specify more than one box, using the basic rule 
  framework below, only repeated/duplicated.
*/
  
	/*height: 112px;
	width: 113px;*/
	}
.tr, .mr, .br {clear:both; display:block;}/*Should never change*/
.lc, .cc, .rc {float:left;}/*Should never change*/

.tr .lc{ background: #FFFFFF url('images/blockborder/tl.png') no-repeat;}
.tr .cc{ background: #FFFFFF url('images/blockborder/tc.png') repeat-x;}
.tr .rc{ background: #FFFFFF url('images/blockborder/tr.png') no-repeat;}
.mr .lc{ background: #FFFFFF url('images/blockborder/ml.png') repeat-y;}
.mr .cc{ background: #FFFFFF;}
.mr .rc{ background: #FFFFFF url('images/blockborder/mr.png') repeat-y;}
.br .lc{ background: #FFFFFF url('images/blockborder/bl.png') no-repeat;}
.br .cc{ background: #FFFFFF url('images/blockborder/bc.png') repeat-x;}
.br .rc{ background: #FFFFFF url('images/blockborder/br.png') no-repeat;}

.tr .cc, 
.br .cc{
	height: 6px;
	}
.tr .lc, 
.tr .rc,
.br .lc, 
.br .rc {
	height: 6px;
	width: 6px;
	}
.mr .lc, 
.mr .rc {
	width: 6px;
	}

/* !! These two lines control the actual size of the box !! */
#zp-services .mr .lc, 
#zp-services .mr .cc, 
#zp-services .mr .rc { height:370px; }
#zp-services .tr .cc, 
#zp-services .mr .cc, 
#zp-services .br .cc { width: 350px; } /*Make sure any parents aren't narrower or adjust this or the parent*/




/*
  =================================

  #zp-slogan
  Border Box Rules

  be sure to adjust the image rules (eg .tr .lc) 
  and add parent id if make differing blocks
  
  Rules aren't duplicated and customized unless differing from other boxes
  =================================
*/



#zp-slogan-block .zp-blockborder {
	/*sizes below have to add up here*/
/*
  This rule might be used but see the two
  indicated rules below for actual box size control
  This rule could also be used as a styling or id to
  specify more than one box, using the basic rule 
  framework below, only repeated/duplicated.
*/
  
	/*height: 112px;
	width: 113px;*/
	}
/*.tr, .mr, .br {clear:both; display:block;}*/ /*Should never change*/
/*.lc, .cc, .rc {float:left;}*//*Should never change*/
/* 
.tr .lc{ background: #FFFFFF url('images/blockborder/tl.png') no-repeat;}
.tr .cc{ background: #FFFFFF url('images/blockborder/tc.png') repeat-x;}
.tr .rc{ background: #FFFFFF url('images/blockborder/tr.png') no-repeat;}
.mr .lc{ background: #FFFFFF url('images/blockborder/ml.png') repeat-y;}
.mr .cc{ background: #FFFFFF;}
.mr .rc{ background: #FFFFFF url('images/blockborder/mr.png') repeat-y;}
.br .lc{ background: #FFFFFF url('images/blockborder/bl.png') no-repeat;}
.br .cc{ background: #FFFFFF url('images/blockborder/bc.png') repeat-x;}
.br .rc{ background: #FFFFFF url('images/blockborder/br.png') no-repeat;}


.tr .cc, 
.br .cc{
	height: 6px;
	}
.tr .lc, 
.tr .rc,
.br .lc, 
.br .rc {
	height: 6px;
	width: 6px;
	}a
.mr .lc, 
.mr .rc {
	width: 6px;
	}
*/

/* !! These two lines control the actual size of the box !! */
#zp-slogan-block .mr .lc, 
#zp-slogan-block .mr .cc, 
#zp-slogan-block .mr .rc { height:70px; }
#zp-slogan-block .tr .cc, 
#zp-slogan-block .mr .cc, 
#zp-slogan-block .br .cc { width: 936px; } /*Make sure any parents aren't narrower or adjust this or the parent*/


#footer {width: 948px;}