/* General styles */

* { 
margin: 0; 
padding: 0; 
}

body {
margin: 10px auto;
background-color: #ffffee
color: #4a1e00;
line-height: 130%;
font-family: arial, verdana, sans-serif;
}

td {
margin: 0px auto;	
border: 1px solid #808000;
padding: 2px;	
vertical-align: top;
}


p {
padding:  .5em 0 .5em 0 ;	
}

.gdlist {
color: #005500;	
font-style: italic;	
font-weight: bold;
}

.brn {
color: #663300;	
}

.purp {
color: #660066;	
}

.orred {
color: #ff4500;	
}

.yellowbg {
color: #990000;	
background-color: #ffcc33;
}

.blue {
color: #000080;	
}

.dkred {
color: #990000;	
}

.dkredem {
color: #990000;	
font-weight: bold;
}
.dkbrn {
color: #330000;	
}

.orange {
color: #cc6600;	
}

.ltred {
color: #cc0033;	
}

.olive {
color: #808000;	
}


.dkbrninset {
color: #330000;
padding: .5em .9em .5em .9em;
}

.dkbrninset li {
color: #330000;
padding: .5em .9em .5em .9em;
}


.dkbrnbio{
color: #330000;

}

.dkbrnbio img {
padding: 0  0  0  0;
margin: 0 10px 5px  0;
}

.bios li {
clear: both;
}


.ltred {
color: #cc0033;	
}

.grn {
color: #005500;	
}

.dark {
color: #590a18;	
font-size: 90%;
}	

.itbold {
font-style: italic;	
font-weight: bold;
}


.italic {
font-style: italic;	
}

.blueitalic {
 color: #000080;
font-style: italic;	
}

.reditalic {
 color: #990000;
font-style: italic;	
}

.alignrt {
text-align: right;	
}


#leafbg {
 background-image: url("../images/leaf.jpg");	
	
}

.tiny {
color: #000080; 
font-size: 80%;	
}

.micro {
font-size: 60%;	
}

.tinybrn {
color: #330000; 
font-size: 75%;	
}

.dot ul {
list-style: disc inside;

}

.dot li {
padding: 0 0 0 1.5em;	
margin: 0 0 0 1.5em;
}

.floatright
{
float: right;
margin: 0 0 1em 1em;
}

.floatleft
{
float: left;
margin: 0 1em 0 0;
}



.cutter {
background-image: url("../images/cutter.gif");
background-repeat: repeat-x;	
}
	
    /* Header styles */
#header {
border-top: 10px solid #590a18;
clear:both;
float:left;
width:100%;
background-color: #000000;
color: #000000;
border-bottom: 1px solid #000000;
border-bottom: 10px solid #590a18;
text-align: bottom;
     /*   overflow: auto;       check this */
}

#gdayheader {
border-top: 10px solid #003300;
clear:both;
float:left;
width:100%;
background-color: #bae860;
color: #bae860;
border-bottom: 10px solid #003300;
text-align: bottom;
     /*   overflow: auto;       check this */
}

#frheader {
border-top: 10px solid #590a18;
clear:both;
float:left;
width:100%;
background-color: #000080;
color: #000080;
border-bottom: 10px solid #590a18;
text-align: bottom;
     /*   overflow: auto;       check this */
}


#znsheader1 {
border-top: 10px solid #336600;
clear:both;
float:left;
width:100%;
background-color: #ffcc33;
color: #cc0000;
border-bottom: 6px solid #336600;
text-align: bottom;
     /*   overflow: auto;       check this */
}

#znsheader2 {
border-top: 4px solid #660066;
clear:both;
float:left;
width:100%;
background-color: #cc0000;
color: #cc0000;
border-bottom: 6px solid #660066;
text-align: bottom;
     /*   overflow: auto;       check this */
}

#frhead  {
  background-image: url("images/leaf.jpg");
  background-repeat: repeat-x;
  display: block;
  height: 30px;
  font-size: 0!important;
  text-align: right;
  float: left;
  width: 80% !important;
}


#header h1, #header a {

background-image: url("../images/trinitybanner1.jpg");
background-repeat: no-repeat;
height: 364px;
color: #d9c5ad;
font-size: 0px !important;
text-align: right;
float: left;
width: 100% !important;
clear: both;
}

#gdayheader h1, #gdayheader a {

background-image: url("../images/gdaybanner.jpg");
background-repeat: no-repeat;
height: 173px;
color: #000080;
font-size: 0px !important;
text-align: right;
float: left;
width: 1439px !important;
clear: both;
}

#frheader h1, #frheader a {

background-image: url("../images/fruitbanner.jpg");
background-repeat: no-repeat;
height: 173px;
color: #000080;
font-size: 0px !important;
text-align: right;
float: left;
width: 1439px !important;
clear: both;
}

#znsheader2 h1, #znsheader2 a {

background-image: url("../zns/images/happykids4.bmp");
background-repeat: no-repeat;
height: 180px;
color: #cc0000;
font-size: 0px !important;
text-align: right;
float: left;
width: 900px !important;
clear: both;
}

#header p	{
clear: both;
	}
	
#gdayheader p	{
clear: both;
	}

#frheader p	{
clear: both;
	}


#znsheader2 p	{
clear: both;
	}
	
#header .slogan {
margin: 0px;
padding: 0 1em 0 0;
text-align: right;
color: #ffffff;
font-size: 100%;
font-family: arial, verdana, sans-serif;
}

#gdayheader .slogan {
margin: 0px;
padding: 0 1em 0 0;
text-align: right;
color: #ffffff;
background-color: #663300;
font-size: 100%;
font-family: arial, verdana, sans-serif;
}

#frheader .slogan {
margin: 0px;
padding: 0 1em 0 0;
text-align: right;
color: #ffffff;
background-color: #663300;
font-size: 100%;
font-family: arial, verdana, sans-serif;
}


	
#znsheader2 .slogan {
margin: 0px;
padding: 0 1em 0 0;
text-align: right;
color: #ffffff;
font-size: 100%;
font-family: arial, verdana, sans-serif;
}






	
	/* column container */

	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
	.znscolmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}

	.gdaycolmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}

	.frcolmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}


	
	/* common column settings */
	.colright,
	.colmid,
	.colleft, 
	.gdaycolright,
	.gdaycolmid,
	.gdaycolleft, 
	.frcolright,
	.frcolmid,
	.frcolleft, 
	.znscolright,
	.znscolmid,
	.znscolleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	
	.col1,
	.col2,
	.col3, 
	.gdaycol1,
	.gdaycol2,
	.gdaycol3, 
	.frcol1,
	.frcol2,
	.frcol3,
	.znscol1,
	.znscol2,
	.znscol3 {
		float:left;
		position:relative;
		padding:1em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	
	.threecol {
		background:#cbb99d;		/* right column background colour */
	}

	.gdaythreecol {
		background:#bae860;		/* right column background colour */
	}
	
	.frthreecol {
		background:#bae860;		/* right column background colour */
	}
	
	.znsthreecol {
		background:#ffcc33;		/* right column background colour */
	}
	
	.threecol .colmid {
		right:20%;			/* width of the right column */
		background:#ffffff;		/* center column background colour */
	}
	.gdaythreecol .gdaycolmid {
		right:20%;			/* width of the right column */
		background:#ffffff;		/* center column background colour */
	}

	.frthreecol .frcolmid {
		right:20%;			/* width of the right column */
		background:#ffffff;		/* center column background colour */
	}

	
	.znsthreecol .znscolmid {
		right:20%;			/* width of the right column */
		background:#ffffff;		/* center column background colour */
	}

	
	.threecol .colleft {
		right:60%;			/* width of the middle column */
		background:#cbb99d;	/* left column background colour */
	}

	.gdaythreecol .gdaycolleft {
		right:60%;			/* width of the middle column */
		background:#bae860;	/* left column background colour */
	}

	.frthreecol .frcolleft {
		right:60%;			/* width of the middle column */
		background:#bae860;	/* left column background colour */
	}

	
	.znsthreecol .znscolleft {
		right:60%;			/* width of the middle column */
		background:#ffcc33;	/* left column background colour */
	}
	
	.threecol .col1 {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        font-size: 90%;
        font-family: arial, verdana, sans-serif;
    }

	.gdaythreecol .gdaycol1 {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        font-size: 90%;
        font-family: arial, verdana, sans-serif;
    }


	.frthreecol .frcol1 {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        font-size: 90%;
        font-family: arial, verdana, sans-serif;
    }


	.znsthreecol .znscol1 {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        font-size: 90%;
        font-family: "Comic Sans MS", arial, verdana, sans-serif;
    }

.threecol .col1 a
{
color: #000080;
}

.gdaythreecol .gdaycol1 a
{
color: #333300;
}

.frthreecol .frcol1 a
{
color: #333300;
}


.znsthreecol .znscol1 a
{
color: #000080;
}
.threecol .col1 a:hover
{
color: #095eb3;
}

.gdaythreecol .gdaycol1 a:hover
{
color: #009900;
}

.frthreecol .frcol1 a:hover
{
color: #009900;
}

.znsthreecol .znscol1 a:hover
{
color: #095eb3;
}

.threecol .col1 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

.gdaythreecol .gdaycol1 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

.frthreecol .frcol1 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}


.znsthreecol .znscol1 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}


	.threecol .col2 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

	.gdaythreecol .gdaycol2 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

	.frthreecol .frcol2 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}


	.znsthreecol .znscol2 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	
	.threecol .col3 {
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

     }

	.gdaythreecol .gdaycol3 {
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

     }

	.frthreecol .frcol3 {
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

     }


	
	.znsthreecol .znscol3 {
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */

     }



	/* subcolumn containers for center column*/
	
	.gdaycolsubmask, 
	.gdaycolsubmaskx,
	.gdaycolsubmasky {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole center column */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
	/* common subcolumn settings */
	
	.gdaycolsubright,
	.gdaycolsubmid,
	.gdaycolsubleft,
	.gdaycolsubrightx,
	.gdaycolsubmidx,
	.gdaycolsubleftx,
	.gdaycolsubrighty,
	.gdaycolsubmidy,
	.gdaycolsublefty {
		float:left;
		width:100%;			/* width of column  */
		position:relative;

	}
	
	.gdaycola,
	.gdaycolb,
    .gdaycolc,
  	.gdaycold,
	.gdaycole,
	.gdaycolf,
	.gdaycolg,
	.gdaycolh,
	.gdaycoli {
		float:left;
		position:relative;
		padding:0 0 0 0;
		overflow:hidden;
	}
	
	
	.gdaythreesubcol {
		background:#ffff99;		/* right subcolumn background color */
	}
	
	.gdaythreesubcolx {
		background:#ddff9f;		/* right subcolumn background color 2nd set of center column subcolumns */
	}

	.gdaythreesubcoly {
		background:#ccffcc;		/* right subcolumn background color 3rd set of center column subcolumns */
	}

	
	.gdaythreesubcol .gdaycolsubmid {
		right:30%;			/* width of the right column */
		background:#ddff9f;		/* center subcolumn background color */
		
	}
	
	.gdaythreesubcolx .gdaycolsubmidx {
		right:30%;			/* width of the right column */
		background:#ffff99;		/* center subcolumn background color 2nd set */
	}
	
	.gdaythreesubcoly .gdaycolsubmidy {
		right:30%;			/* width of the right column */
		background:#ccccff;		/* center subcolumn background color 3rd set */
	}

	
	.gdaythreesubcol .gdaycolsubleft {
		right:35%;			/* width of the middle column */
		background:#ffff99;	/* left subcolumn background color */
	}

	.gdaythreesubcolx .gdaycolsubleftx {
		right:35%;			/* width of the middle column */
		background:#ddff9f;	/* left subcolumn background color 2nd set  */
	}
	
	.gdaythreesubcoly .gdaycolsublefty {
		right:35%;			/* width of the middle column */
		background:#ffffff;	/* left subcolumn background color 3rd set  */
	}

	.gdaythreesubcol .gdaycola {
		width:31%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        color: #330000;
        
    }

	.gdaythreesubcol .gdaycolb {
		width:31%;			/* Width of left column content (column width minus padding on either side) */
		left:36%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		color: #330000;
	}

	.gdaythreesubcol .gdaycolc {
		width:26%;			/* Width of right column content (column width minus padding on either side) */
		left:75%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
        color: #330000;
     }

	.gdaythreesubcolx .gdaycold {
		width:31%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        color: #330000;
    }

	.gdaythreesubcolx .gdaycole {
		width:31%;			/* Width of left column content (column width minus padding on either side) */
		left:36%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		color: #330000;
	}

	.gdaythreesubcolx .gdaycolf {
		width:26%;			/* Width of right column content (column width minus padding on either side) */
		left:75%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
        color: #330000;
     }

	.gdaythreesubcoly .gdaycolg {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        color: #660066;
    }

	.gdaythreesubcoly .gdaycolh {
		width:11%;			/* Width of left column content (column width minus padding on either side) */
		left:41%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		color: #336600;
	}

	.gdaythreesubcoly .gdaycoli {
		width:31%;			/* Width of right column content (column width minus padding on either side) */
		left:95%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
        color: #996600;
     }

	/* subcolumn containers for center column*/
	
	.frcolsubmask, 
	.frcolsubmaskx,
	.frcolsubmasky {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole center column */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
	/* common subcolumn settings */
	
	.frcolsubright,
	.frcolsubmid,
	.frcolsubleft,
	.frcolsubrightx,
	.frcolsubmidx,
	.frcolsubleftx,
	.frcolsubrighty,
	.frcolsubmidy,
	.frcolsublefty {
		float:left;
		width:100%;			/* width of column  */
		position:relative;

	}
	
	.frcola,
	.frcolb,
    .frcolc,
  	.frcold,
	.frcole,
	.frcolf,
	.frcolg,
	.frcolh,
	.frcoli {
		float:left;
		position:relative;
		padding:0 0 0 0;
		overflow:hidden;
	}
	
	
	.frthreesubcol {
		background:#ffff99;		/* right subcolumn background color */
	}
	
	.frthreesubcolx {
		background:#ddff9f;		/* right subcolumn background color 2nd set of center column subcolumns */
	}

	.frthreesubcoly {
		background:#ccffcc;		/* right subcolumn background color 3rd set of center column subcolumns */
	}

	
	.frthreesubcol .frcolsubmid {
		right:30%;			/* width of the right column */
		background:#ddff9f;		/* center subcolumn background color */
		
	}
	
	.frthreesubcolx .frcolsubmidx {
		right:30%;			/* width of the right column */
		background:#ffff99;		/* center subcolumn background color 2nd set */
	}
	
	.frthreesubcoly .frcolsubmidy {
		right:30%;			/* width of the right column */
		background:#ccccff;		/* center subcolumn background color 3rd set */
	}

	
	.frthreesubcol .frcolsubleft {
		right:35%;			/* width of the middle column */
		background:#ffff99;	/* left subcolumn background color */
	}

	.frthreesubcolx .frcolsubleftx {
		right:35%;			/* width of the middle column */
		background:#ddff9f;	/* left subcolumn background color 2nd set  */
	}
	
	.frthreesubcoly .frcolsublefty {
		right:35%;			/* width of the middle column */
		background:#ffffff;	/* left subcolumn background color 3rd set  */
	}

	.frthreesubcol .frcola {
		width:31%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        color: #330000;
        
    }

	.frthreesubcol .frcolb {
		width:31%;			/* Width of left column content (column width minus padding on either side) */
		left:36%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		color: #330000;
	}

	.frthreesubcol .frcolc {
		width:26%;			/* Width of right column content (column width minus padding on either side) */
		left:75%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
        color: #330000;
     }

	.frthreesubcolx .frcold {
		width:31%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        color: #330000;
    }

	.frthreesubcolx .frcole {
		width:31%;			/* Width of left column content (column width minus padding on either side) */
		left:36%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		color: #330000;
	}

	.frthreesubcolx .frcolf {
		width:26%;			/* Width of right column content (column width minus padding on either side) */
		left:75%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
        color: #330000;
     }

	.frthreesubcoly .frcolg {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        color: #660066;
    }

	.frthreesubcoly .frcolh {
		width:11%;			/* Width of left column content (column width minus padding on either side) */
		left:41%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		color: #336600;
	}

	.frthreesubcoly .frcoli {
		width:31%;			/* Width of right column content (column width minus padding on either side) */
		left:95%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
        color: #996600;
     }


	/* subcolumn containers for center column*/
	
	.znscolsubmask, 
	.znscolsubmaskx,
	.znscolsubmasky {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole center column */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
	/* common subcolumn settings */
	
	.znscolsubright,
	.znscolsubmid,
	.znscolsubleft,
	.znscolsubrightx,
	.znscolsubmidx,
	.znscolsubleftx,
	.znscolsubrighty,
	.znscolsubmidy,
	.znscolsublefty {
		float:left;
		width:100%;			/* width of column  */
		position:relative;

	}
	
	.znscola,
	.znscolb,
    .znscolc,
  	.znscold,
	.znscole,
	.znscolf,
	.znscolg,
	.znscolh,
	.znscoli {
		float:left;
		position:relative;
		padding:0 0 0 0;	
		overflow:hidden;
	}
	
	
	.znsthreesubcol {
		background:#ffffcc;		/* right subcolumn background color */
	}
	
	.znsthreesubcolx {
		background:#99ffff;		/* right subcolumn background color 2nd set of center column subcolumns */
	}

	.znsthreesubcoly {
		background:#ccffcc;		/* right subcolumn background color 3rd set of center column subcolumns */
	}

	
	.znsthreesubcol .znscolsubmid {
		right:30%;			/* width of the right column */
		background:#ffcc66;		/* center subcolumn background color */
	}
	
	.znsthreesubcolx .znscolsubmidx {
		right:40%;			/* width of the right column */
		background:#ffff66;		/* center subcolumn background color 2nd set */
	}
	
	.znsthreesubcoly .znscolsubmidy {
		right:35%;			/* width of the right column */
		background:#ccccff;		/* center subcolumn background color 3rd set */
	}

	
	.znsthreesubcol .znscolsubleft {
		right:35%;			/* width of the middle column */
		background:#99ffcc;	/* left subcolumn background color */
	}

	.znsthreesubcolx .znscolsubleftx {
		right:35%;			/* width of the middle column */
		background:#99ff33;	/* left subcolumn background color 2nd set  */
	}
	
	.znsthreesubcoly .znscolsublefty {
		right:50%;			/* width of the middle column */
		background:#ffffcc;	/* left subcolumn background color 3rd set  */
	}

	.znsthreesubcol .znscola {
		width:31%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        color: #660066;
    }

	.znsthreesubcol .znscolb {
		width:31%;			/* Width of left column content (column width minus padding on either side) */
		left:36%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		color: #336600;
	}

	.znsthreesubcol .znscolc {
		width:26%;			/* Width of right column content (column width minus padding on either side) */
		left:75%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
        color: #336600;
     }

	.znsthreesubcolx .znscold {
		width:31%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        color: #cc0000;
    }

	.znsthreesubcolx .znscole {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:46%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		color: #330099;
	}

	.znsthreesubcolx .znscolf {
		width:36%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
        color: #660099;
     }

	.znsthreesubcoly .znscolg {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
        color: #660066;
    }

	.znsthreesubcoly .znscolh {
		width:11%;			/* Width of left column content (column width minus padding on either side) */
		left:41%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		color: #336600;
	}

	.znsthreesubcoly .znscoli {
		width:31%;			/* Width of right column content (column width minus padding on either side) */
		left:95%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
        color: #996600;
     }

	
	/*    comment   */

#update {
    clear: both;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #590a18;
	font-size: 70%; 
	text-align: right;
    padding: 1em;
}
	
#menu 
{
width=100%
float: left;
display: block;
color: #ffffff;
background-color: #cbb99d;
font-size: 90%;
font-family: arial, verdana, sans-serif;
}

#gdaymenu 
{
width=100%
float: left;
display: block;
color: #ffffff;
font-size: 90%;
font-family: arial, verdana, sans-serif;
}

#frmenu 
{
width=100%
float: left;
display: block;
color: #ffffff;
font-size: 90%;
font-family: arial, verdana, sans-serif;
}

#znsmenu 
{
width=100%
float: left;
display: block;
color: #ffffff;
background-color: #ffcc33;
font-size: 90%;
font-family: arial, verdana, sans-serif;
}

#menu ul
{
margin: 0;
list-style-type: none;
}

#gdaymenu ul
{
margin: 0;
list-style-type: none;
}

#frmenu ul
{
margin: 0;
list-style-type: none;
}



#znsmenu ul
{
margin: 0;
list-style-type: none;
}


#menu li 
{ 
margin: 0 0 2% 0; 
}

#gdaymenu li 
{ 
margin: 0 0 2% 0; 
}

#frmenu li 
{ 
margin: 0 0 2% 0; 
}

#znsmenu li 
{ 
margin: 0 0 2% 0; 
}


#menu a 
{
display: block; 
color: #ffffff;
background-color: #000080;
width: 100%;
padding: 2% 2%;  
text-decoration: none;
}

#gdaymenu a 
{
display: block; 
color: #ffffff;
background-color: #cc6600;
width: 100%;
padding: 2% 2%;  
text-decoration: none;
}

#frmenu a 
{
display: block; 
color: #ffffff;
background-color: #cc6600;
width: 100%;
padding: 2% 2%;  
text-decoration: none;
}

#znsmenu a 
{
display: block; 
color: #ffffff;
background-color: #336600;
width: 100%;
padding: 2% 2%;  
text-decoration: none;
}


#menu a:hover
{
display: block;
background-color: #409eff;
color: #ffffff;
}

#gdaymenu a:hover
{
display: block;
background-color: #ff9933;
color: #003300;
}

#frmenu a:hover
{
display: block;
background-color: #ff9933;
color: #003300;
}

#znsmenu a:hover
{
display: block;
background-color: #339900;
color: #ffffff;
}


	/* Styles for the Twitter feed */

#menu .notmenu 
{
width=100%
float: left;
display: inline;
color: #000080;
background-color: #ffffff;
font-size: 90%;
font-family: arial, verdana, sans-serif;
}

#menu .notmenu ul
{
margin: 0;
list-style-type: none;
background-color: #000080;
}

#menu .notmenu li 
{ 
margin: 0 0 0 0; 
}



#menu .notmenu a 
{
display: inline; 
color: #000080;
background-color: #ffffff;
width: 100%;
padding: 0 0;  
text-decoration: underline;
}


#menu .notmenu a:hover
{
display: inline;
background-color: #ffffff;
color: #cc0099;
}

	/* end of styles for the Twitter feed */


#active a
{
display: block;
color: #ffffff;
background-color: #590a18;
width: 100%;
padding: 2% 2%;
text-decoration: none;
}

#grnactive a
{
display: block;
color: #ffffff;
background-color: #005500;
width: 100%;
padding: 2% 2%;
text-decoration: none;
}

#gdayactive a
{
display: block;
color: #ffffff;
background-color: #993300;
width: 100%;
padding: 2% 2%;
text-decoration: none;
}

#fractive a
{
display: block;
color: #ffffff;
background-color: #993300;
width: 100%;
padding: 2% 2%;
text-decoration: none;
}


#znsactive a
{
display: block;
color: #fff;
background-color: #660066;
width: 100%;
padding: 2% 2%;
text-decoration: none;
}

	
	
	/* Footer styles */
	
#footer1
{
clear: both;
float:left;
width: 100%;
margin: 0;
padding: 0;
color: #ffffff;
background-color: #000080;
border-top: 10px solid #590a18;
font-size: 14px;
font-family: arial, verdana, sans-serif;
text-align: right;
overflow: auto;
}

#gdayfooter1
{
clear: both;
float:left;
width: 100%;
margin: 0;
padding: 0;
color: #ffffff;
background-color: #8f4700;
border-top: 10px solid #52663d;
font-size: 14px;
font-family: arial, verdana, sans-serif;
text-align: right;
overflow: auto;
}

#frfooter1
{
clear: both;
float:left;
width: 100%;
margin: 0;
padding: 0;
color: #ffffff;
background-color: #8f4700;
border-top: 10px solid #52663d;
font-size: 14px;
font-family: arial, verdana, sans-serif;
text-align: right;
overflow: auto;
}


#znsfooter1
{
clear: both;
float:left;
width: 100%;
margin: 0;
padding: 0;
color: #ffffff;
background-color: #cc0000;
border-top: 6px solid #336600;
border-bottom: 2px solid #336600;
font-size: 14px;
font-family: arial, verdana, sans-serif;
text-align: right;
overflow: auto;
}


#footer1 p {
padding: 0 1em 0 0;	
}
#znsfooter1 p {
padding: 0 1em 0 0;	
}

#gdayfooter1 p {
padding: 0 1em 0 0;	
}

#frfooter1 p {
padding: 0 1em 0 0;	
}

#footer2
{
clear: both;
float:left;
width: 100%;
margin: 0;
padding: .5em 0 .5em .5em ;
color: #ffffff;
background-color: #590a18;
border-top: 1px;
font-size: 12px;
font-family: arial, verdana, sans-serif;
}

#gdayfooter2
{
clear: both;
float:left;
width: 100%;
margin: 0;
padding: .5em 0 .5em .5em ;
color: #ffffff;
background-color: #003300;
border-top: 1px;
font-size: 12px;
font-family: arial, verdana, sans-serif;
}

#frfooter2
{
clear: both;
float:left;
width: 100%;
margin: 0;
padding: .5em 0 .5em .5em ;
color: #ffffff;
background-color: #003300;
border-top: 1px;
font-size: 12px;
font-family: arial, verdana, sans-serif;
}


#gdaysidelist
{
clear: both;
float:left;
width: 100%;
margin: 0;
padding: .5em 0 .5em .5em ;
border-top: 1px;
font-size: 12px;
font-family: arial, verdana, sans-serif;
}


#znsfooter2
{
clear: both;
float:left;
width: 100%;
margin: 0;
padding: .5em 0 .5em .5em ;
color: #ffffff;
background-color: #660066;
border-top: 2px solid #ffcc33;
font-size: 12px;
font-family: arial, verdana, sans-serif;
border-bottom: 10px solid #336600;
}

#footer2 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#gdayfooter2 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#frfooter2 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}


#znsfooter2 ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#footer2 li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#gdayfooter2 li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#frfooter2 li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}


#gdaysidelist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}


#znsfooter2 li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

#footer2 a 
{
color: #ffffff;
}
#gdayfooter2 a 
{
color: #ffffff;
}

#frfooter2 a 
{
color: #ffffff;
}


#znsfooter2 a 
{
color: #ffffff;
}

#footer2 a:hover
{
color: #cbb99d;
}
#gdayfooter2 a:hover
{
color: #cbb99d;
}
#frfooter2 a:hover
{
color: #cbb99d;
}

#znsfooter2 a:hover
{
color: #cbb99d;
}