html, body {

        margin:0;
        padding:0;
        color:#000;
	background: #335500;
	height:100%;
    }

#TotalWrap {
float:left;
overflow:hidden;
width:100%;
height:100%;
}

#BlogCell1 {
float:left;
display:block;
overflow:hidden;
width:77%;
height:90%;
}

#BlogCell2 {
float:left;
display:block;
overflow:hidden;
width:13%;
height:10%;
}

#BlogCell3 {
float:left;
display:block;
overflow:hidden;
width:64%;
height:10%;
}


#BlogSpacer {
float:left;
display:block;
overflow:hidden;
width:10%;
height:10%;
}

#specialpiccontainer {
float:left;
width:100%;
}

#wrap {
overflow:hidden;
}

#wrapper1 {
overflow:hidden;
width:100%;
background: #97c553;
margin-right:auto;
margin-left:auto;
}

#banner {
overflow:hidden;
float:left;
}

#sub {
float:left;
background: #97c553;
overflow:hidden;
height: 194px;
width:100%;
}

#main2 {
float:left;
width:100%;
height:84.5%;
color:white;
margin-left:auto;
margin-right:auto;
font-family: Georgia, Serif;
background: #35542E;
overflow:hidden;
}

#IndexSpacer {
float:left;
display:block;
height:10%;
}

#IndexLeftPic {
float:left;
display:block;
width:25%;
height:100%;
overflow:hidden;
}

#CropLeftPic {
float:left;
display:block;
width:25%;
height:80%;
overflow:hidden;
}

#CropButtonContainer {
float:left;
display:block;
width:25%;
height:20%;
overflow:hidden;
}

#CropButtonSpacer {
float:left;
display:block;
width:100%;
height:50%;
overflow:hidden;
}

#CropMore {
float:left;
display:block;
width:40%;
height:50%;
overflow:hidden;
}

#IndexCenter {
float:left;
display:block;
width:50%;
height:90%;
font-family: Georgia, Serif;
overflow:hidden;
}


#GalleryCenter {
float:left;
display:block;
width:60%;
height:78%;
margin-left:20%;
margin-right:auto;
font-family: Georgia, Serif;
overflow:hidden;
}

#VerticalContainer
float:left;
display:table-cell;
vertical-align:middle;
min height:12em;
overflow:hidden;
}

#CellContainer {
float:left;
display:block;
width:100%;
height:100%;
margin-left:auto;
margin-right:auto;
overflow:hidden;
color:white;
font-family: Georgia, Serif;
background: #A7F7D8;
}

#AboutCellContainer {
float:left;
display:block;
width:100%;
height:100%;
overflow:hidden;
color:white;
font-family: Georgia, Serif;
background: #97c553;
}

#ChartCell {
float:left;
display:block;
width:52%;
height:100%;
overflow:hidden;
color:white;
font-family: Georgia, Serif;
background: #97c553;
}

#Cell1 {
float:left;
Width:23%;
height:100%;
overflow:hidden;
color:white;
font-family: Georgia, Serif;
background: #97c553;
margin-right:0%;
}

#RecipeCell {
float:left;
width:77%;
height:100%;
display:block;
}

#DonateCellPic {
float:left;
width:100%;
height:95%;
display:block;
}

#DonateCellButton {
float:left;
width:100%;
height:5%;
display:block;
}

#LegendContainer {
float:left;
width:100%;
height:27%;
display:block;
}

#LegendSpacerCell {
float:left;
width:12.5%;
height:100%;
display:block;
}

#LegendCell {
float:left;
width:75%;
height:100%;
display:block;
background:#0000FF;
}

#RecipeVCellContainer {
float:left;
display:block;
width:100%;
height:73%;
}

#RecipeVCell1 {
float:left;
display:block;
width:35%;
height:100%;
}

#RecipeVCellSpacer {
float:left;
display:block;
width:100%;
height:7%;
}

#RecipeVCell2 {
float:left;
display:block;
width:30%;
height:100%;
}

#RecipeVCell1PixContainer {
float:left;
display:block;
width:100%;
height:47.2%;
}

#Pix {
float:left;
display:block;
width:95%;
height:95%;
}

#Cell2 {
float:left;
Width:37%;
height:92%;
overflow:hidden;
color:white;
font-family: Georgia, Serif;
background: #35542E;
margin-left:1%;
margin-top:1%;
}

#Cell3Container {
float:left;
Width:37%;
height:100%;
overflow:hidden;
color:white;
font-family: Georgia, Serif;
background: #35542E;
margin-left:1%;
}

#Cell3 {
Width:100%;
height:70%;
overflow:hidden;
color:white;
font-family: Georgia, Serif;
background: #35542E;
margin-top:3%;
}

#Cell3Pic {
Width:100%;
height:70%;
overflow:hidden;
color:white;
font-family: Georgia, Serif;
background: #35542E;
}

#Cell3Button {
height:12%;
width:25%;
overflow:hidden;
float:right;
margin-right:60%;
margin-top:12%;
background:#35542E;
}


#Cell3Button a:link,
#Cell3Button a:visited {
color:#97c553;
border:0px;
}


#Footer1 {
float:left;
display:block;
width:100%;
background: #97c553;
overflow:hidden;
height:.5%;
}

#Footer3 {
display:block;
width:100%;
background: #332800;
overflow:hidden;
height:.5em;
}

#Footer2 {
display:block;
width:100%;
background: #335500;
overflow:hidden;
height:.5em;
}

#navwrapper {
float:left;
width:100%;
height:100%;
background: #97C553;
}

#navSpacer
{
float:right;
display:block;
width:100%;
height:8%;
}

#SuperSpacer {
display:block;
width:100%;
background: #97c553;
height:15%;
}

#PicContainer {
float:left;
height:100%;
width:100%;
margin-left:0%;
margin-right:auto;
margin-bottom:auto;
margin-top:auto;
display:block;
overflow:hidden;
color:white;
background:#415100;
font-family: Georgia, Serif;
}

#GalContainer {
float:left;
width:100%;
overflow:hidden;
}

#ThumbPic {
float:left;
height:20%;
width:11.5%;
overflow:hidden;
padding: .4% .5% .5% .5%;
display:block;
background:#97C553;
}

#ColumnTrick {
float:right;
width:30%;
display:block;
}

#PicSkin {
float:left;
width:100%;
display:block;
overflow:hidden;
color:white;
font-family: Georgia, Serif;
margin-right:auto;
margin-left:auto;
}

#fadeout {
overflow:hidden;
position:relative;
height:8.5%;
}

#footerglitchfix {
height: 1px;
clear:both;
width:auto;
}

#main2recipe {
float:left;
width:100%;
color:white;
font-family: Georgia, Serif;
background: url('pics/recipebg.jpg');
overflow:hidden;
}

#contenttitle
{
font-family:Georgia, Serif;
font-size:1.5em;
color: white;
text-decoration:underline;
margin-left:7%;
}

#headline {
font-family:Times New Roman, Serif;
font-size:2.5em;
color: white;
text-decoration:underline;
margin-left:auto;
margin-right:auto;
overflow:hidden;
display: block;
width: 90%;
}

#spacer {
margin-top:1em;
}


#inner1 {
float:left;
text-align:justify;
margin-left:7%;
width:25%;
color: white;
font-family:Georgia, Serif;

position:relative;
}

#inner11 {
float:left;
text-align:justify;
margin-left:12%;
width:50%;
color: white;
font-family:Georgia, Serif;

position:relative;
}

#inner111 {
float:left;
text-align:justify;
margin-left:2%;
width:25%;
color: white;
font-family:Georgia, Serif;

position:relative;
}

#twocolwrap {
width: 100%
float:left;
margin-left:6%;
}

#inner2 {
margin-left:7%;
text-align:justify;
float:left;
width:82%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
position:relative;
white-space: normal;
}


#inner3 {
float:left;
text-align:justify;
width:25%;
margin-left:1%;
color: white;
font-family:Georgia, Serif;
z-index:3;
white-space:normal;
}

#floatbigpic {
margin-left:6%;
text-align:justify;
width:25%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
white-space: normal;
float:right;
position:relative;
}

#inner22 {
float:left;
margin-left:2%;
text-align:justify;
width:35%;
color: white;
font-family:Georgia, Serif;
overflow:hidden;
white-space: normal;
}


#inner222 {
margin-left:7%;
text-align:justify;
width:82%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
position:relative;
white-space: normal;
}

#inner4 {
float:left;
width:25%;

color: white;
font-family:Georgia, Serif;
}

#fade1 {
width 100%;
height: 38px;
background: url('fade4.jpg');
overflow:hidden;
}

#paper {
width 100%;
font-family:Georgia, Serif;
text-decoration: underline;
color: white;
margin-right: 0px;
margin-left: 30%;
}

#fade2 {

width: 100%;

overflow:hidden;
background: url('fade3.jpg');
}

#navpicleft
{
float:left;
width:20%;
height:15%;
display:block;
overflow:hidden;
}

#navpicright
{
float:left;
width:20%;
height:15%;
display:block;
overflow:hidden;
}


#navtable
{
float:left;
width:60%;
height:15%;
display:block;
overflow:hidden;
margin-left:0%;
margin-right:auto;
background: #97C553;
}

#element
{
float:left;
width: 12%;
height:96%;
displayed:block;
overflow:hidden;
background:#35542E;
padding-right:.2%;
padding-left:.3%;
padding-top:.4%;
padding-bottom:.4%;
}

#TitleCell {
   float:left;
   width:100%;
   height:12%;
   display:block;
}

#element2
{
float:left;
width:99.5%;
height:6%;
display:block;
overflow:hidden;
background:#35542E;
padding-right:.2%;
padding-left:.3%;
padding-top:.4%;
padding-bottom:.4%;
}

#logowrapper {

overflow:hidden;
margin-right:;
margin-left:;
}

#tablewrapper {
float:left;
overflow:hidden;
margin-right:auto;
margin-left:auto;
}

#innerforaccordion {
float:left;
text-align:justify;
margin-left:5%;
margin-right:auto;
width:85%;
color: white;
font-family:Georgia, Serif;

position:relative;
}


#accordion {
	margin:0px 0px;
	overflow:hidden;
	
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Georgia', serif;
	font-size: 14px;
	background: #99cc00;
	color: #FFFFFF;
	margin: 1% 60% 0% 0;
	padding: 3px 5px 1px;
}

div.element p,blockquote, div.element h4 {
	background: url('pics/accordbg.jpg');
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}


/* EGGSHELL LAYERING COLUMNS FOR HOMEPAGE */

#columnwrap {
width: 100%
float:left;
margin-left:0%;
}

#column1 {
float:left;
margin-right:0%;
margin-left:;
text-align:justify;
width:27%;
color: white;
font-family:Georgia, Serif;
overflow:hidden;
white-space: normal;
}

#column1blurb1 {
margin-left:2%;
text-align:justify;
float:left;            /* problem? */
width:97%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
position:relative;
white-space: normal;
}

#column1blurb2 {
margin-left:2%;
text-align:justify;
width:97%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
position:relative;
white-space: normal;
}

#column2 {
float:left;
margin-left:2%;
text-align:justify;
width:35%;
color: white;
font-family:Georgia, Serif;
overflow:hidden;
white-space: normal;
}

#column2blurb1 {
margin-left:6%;
text-align:justify;
float:left;            /* problem? */
width:82%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
position:relative;
white-space: normal;
}

#column2blurb2 {
margin-left:6%;
text-align:justify;
width:82%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
position:relative;
white-space: normal;
}

#column3 {
float:right;      /* problem? float left? */
margin-right:2%;
text-align:justify;
width:34%;
color: white;
font-family:Georgia, Serif;
overflow:hidden;
white-space: normal;
}

#column3blurb1 {
margin-left:4%;        /* well? */
text-align:justify;
float:left;            /* problem? */
width:82%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
position:relative;
white-space: normal;
}

#column3blurb2 {
margin-left:4%;     /* well? */
text-align:justify;
width:82%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
position:relative;
white-space: normal;
}

#widecolumn {
float:left;
margin-left:2%;
text-align:justify;
width:50%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
white-space: normal;

}

#widecolumnblurb1 {
margin-left:2%;
text-align:justify;
float:left;            /* problem? */
width:31%;
color: white;
font-family:Georgia, Serif;
overflow:hidden;
position:relative;
white-space: normal;
}

#widecolumnblurb2 {
margin-left:2%;
margin-top:1%;
text-align:justify;
float:left;
width:31%;
color: white;
font-family:Georgia, Serif;
overflow:hidden;
position:relative;
white-space: normal;
}

#widecolumnblurb3 {
margin-left:2%;
margin-top:3%;
text-align:justify;
float:left;
width:31%;
color: white;
font-family:Georgia, Serif;
overflow:hidden;
position:relative;
white-space: normal;
}

#mediashell {
margin-left:0%;
margin-top:0%;
text-align:justify;
float:right;
width:35%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
position:relative;
white-space: normal;
}


#mediacolumn {
margin-left:0%;
margin-right:0%;
margin-top:0%;
text-align:justify;
float:left;
width:48%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
position:relative;
white-space: normal;

}

#widecolumnblurb4 {
margin-left:2%;
text-align:justify;
float:right;
width:20%;
color: white;
font-family:Georgia, Serif;
overflow:normal;
position:relative;
white-space: normal;
background: white;
}

#widecolumnmedia {
float:left;      /* problem? float left? */
margin-left:2%;
text-align:justify;
width:35%;
color: white;
font-family:Georgia, Serif;
overflow:hidden;
white-space: normal;
}

/* CLASS CLASS CLASS CLASS CLASS */

.floatleft{
float:left;
}

.floatright{
padding-left:4px;
float:right;
}




.clearleft{
clear:left;
}

.clear{
clear:both;
}

p.float {
	
        display:block;
        height:100%;
	width:100%;
}

img.displayed {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.superdisplayed {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.superdisplayed {
	display: block;
	margin-left: auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:1em;
}

.displayed {
	
	margin-left:auto;
	margin-right:auto;
}


.centered {

	margin-left: 2%;
	margin-right: 2%;
}

.deadcenter {
	margin-right:auto;
	margin-left:auto;
	margin-top:auto;
	margin-bottom:auto;
}

.verticalcenter {
min-height:12em;
display:table-cell;
vertical-align:center;
}


.thumbnail{
float:right;
display:block;
}

img.white {
border: 2px white solid;
}

img.whitemargin {
border: 2px white solid;
margin-left:16%;
}

img.whitecenter {
border: 2px white solid;
margin-left:2%;
}

img.special{
border: 4px black solid;
}

img.special:hover{
border:4px yellow solid;
}

img.special:hover{
color: white; /* irrelevant definition to overcome IE bug */
}

img.leftpadding {
margin-left: 5px;
border: 2px white solid;
}

img.rightpadding {
margin-right: 5px;
border: 2px white solid;
}

img.noborder {border: 0px;}

.bigletter {
font-size:1.5em;
color: white;
font-family:Georgia, Serif;
}

.date {
color: white;
font-family:Georgia, Serif;
margin-left: 1%;
}


img.recipepic {
float:right;
margin-left: 8px;
border: 2px white solid;
}

p.ingredients {
width:30%;
}

/*   TABBBBBBBLLLEEEEEE TABBBBBBBBLLEEEEEE TAAABBBBLLLLLEEEE TTTAAABBBBLLLLEEEE */

table#green { 
width:90%;
background: #FCF8CC;
font-family:Georgia, Serif;
color:black;
text-align: center;
margin-left: auto;
margin-right: auto;
overflow:hidden;
}

table#green th {
	font-weight: bold;
	text-decoration:underline;
	padding: 4px 35px;
	background color: #
	border-bottom: 1px solid #

}

table#green td {
	padding: 4px 49px;
}

.even {
	background-color: #97C553;
}



.schedule {
width= 100%;
background: #335500;
font-family:Georgia, Serif;
color: white;

}

/* end of Good Table...........and below is a non-used table, or so I think......    */

table.green {
width=100%;
background: #335500;
}

table.green td {
table-layout:fixed;
word-wrap:break-word;
overflow:hidden;
white-space:normal;
width=150px;
}

/* UNIQUE UNIQUE UNIQUE UNIQUE UNIQUE UNIQUE */
/* gets rid of strange dotted box around pictures and txt that appears when you click on them */

a {
   outline: none;

}



/*  Table used for GAllery */

table#Gallery { 
width=100%;
background: #97c553;
font-family:Georgia, Serif;
color:black;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top:2%;
margin-bottom:2%;
overflow:hidden;
}

table#green th {
	font-weight: bold;
	text-decoration:underline;
	padding: 0px 0px;
	background color: #
	border-bottom: 0px solid #

}

table#green td {
	padding: 0px 0px;
}

.even {
	background-color: #97C553;
}





/* TAB PANEL CODE AND AFFILIATED TAB PANEL CODE AND AFFILIATED TAB PANEL CODE AND AFFILIATED */


.tabtxt{

	font: .65em/.65em Palatino Linotype, Palatino, serif;
	color:	white;
	padding: 8px 0px 0px 0px;
}

td.padding{
padding: 3px 160px 0px 10px;
}

.thumbnail2 {
float:left;
margin:0px 15px 0px 0px;
}



/* lightbox   */

#lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #97C553; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.sunbow5.org/pics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.sunbow5.org/pics/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 14px Georgia, serif; background-color: #97C553; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }

#imageData{    padding:0 10px; color: #35542E; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000000; }



	

/* SPECIAL MODS SPECIAL MODS SPECIAL MODS SPECIAL MODS */
/* gets rid of strange dotted box around pictures and txt that appears when you click on them */

a {
   outline: none;

}