/* <style type="text/css"> */
	
html {
    /* padding-right: 0px;
    padding-left: 0px; 
    padding-bottom: 0px; 
    margin: 0px; 
    padding-top: 0px; */
    height: 100%;
}
body {
    font-family: sans-serif;
    font-size: 12px;
    padding-right: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px;
    margin: 0px; padding-top: 0px;
    background-color: #fff;
    height: 100%;
}

/*** CONTENT CONTAINERS ***/

.content {
    width: 1024px;
    /* height: 800px; */
    /* padding: 12px; */
    height: 100%;
/*    
    min-height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
*/
    padding: 12px;
    margin-top: 1px;  
    margin-left: 15px; 
    margin-right: 15px;
    margin-bottom:0px;
    border-color: #000000;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 1px;
    border-right: 1px;
    position: relative;
}
/* part of box-model hack 
#html>body #content {
    height: auto;
}
*/

#leftcontainer {
    /* position: absolute; */
    /* next six lines part of box-model hack 
    see html>body also;  plus, set #content height/min-height & html/body height
    */
    position: relative; 
    min-height: 100%; 
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
    /* min-height: 800px; */
    width:690px;
    background:#fff;
     #padding-bottom:5em;
    z-index: 1;
    padding:12px;
    margin-top: 1px;  
    margin-left: 15px; 
    margin-right: 15px;
}
/* part of box-model hack */
html>body #leftcontainer {
    height: auto;
}
#leftcontent {
    /* float:left; */
    padding-bottom: 56px;
}
#rightcontent {
    width:300px;
    position: absolute;
    top: 0px;
    left: 720px;
    z-index: 1;
    min-height:100%;
    height:100%;
    /* border: 1px solid #000; */
    border: 1px solid #FF3333;
    /* background:#c3ce00; */
    /* background: #99CC66; /* okay lighter green */
    /* background: #FFCC99; UGH */
    background: #FF3333; /* Bright red */
    padding-bottom:10px;
}
/* #rightcontent p { font-size:10px} */

    #footer {
        display:block;
        position: absolute;
        bottom: 16; 
        left: 0;
		width:690px;
        /* clear: both; */
        text-align: center;
    }

    #footertext {
        width: 55%;
        float: left;
    }
/*** END CONTENT CONTAINERS ***/


.donor {
    clear: both;
}
    #warnTimeout {
        clear:both;
        font: bold 13px Verdana, sans-serif;
        color: red;
        display: none;
    }
    #online {
        display: none;
    }

    *[callout="warning"] {
        font: 10px Verdana, sans-serif;
        color: red;
    }



/*** SPACERS ***/
.leftspacer { height:90px; }
.rightspacer { height:90px; }
.smallspacer { height:12px; }
.leader {
    clear: both;
    padding-top: 12px;
    font: italic 12px Verdana, sans-serif;
}
.spacer {
    clear: both;
}
.cardspacer {
    float: left;
    width: 100%;
}
/*** /SPACERS ***/

    #details {
        font: italic 12px Verdana, sans-serif;
        color: 660000;
        margin: 3px 0px;
    }


/*  CARD stuff  */
.list { padding-left: 0px; }
.bluecard {
    float: left;
    width: 30%;
    height: 156px;
    font: 11px Verdana, sans-serif;
    /* background: #9ca4ce; */
    background: #99cccc; 
    border: 1px solid #ffcccc;
    padding: 5px 5px;
    margin: 5px 5px;
}

.pinkcard {
    float: left;
    width: 30%;
    height: 156px;
    font: 11px Verdana, sans-serif;
    /* background: #e77cac; */
    background: #ffcccc; 
    border: 1px solid #99cccc;
    padding: 5px 5px;
    margin: 5px 5px;
}
.gift {
    float: left;
    width: 150px;
}
.gifttype { float: left; width: 20%; }
.gifts { float: left; width: 80%; }
.cardfiller { position: relative; height: 156px; }
.reserve_placer { position: absolute; bottom: 0; left: 0; }
input.reserve {
    color:#050;
    font-family:Verdana,sans-serif;
    font-size:84%;
    font-weight:bold;
    background-color:#eee;
    border:1px solid #ddd;
}
/* end CARD stuff */

.thanks { font: italic 14px Verdana, sans-serif; }
    .name {
        font: bold 12px Verdana, sans-serif;
    }
    .bookend { float: left; width: 12%; }
    .testimonial {
        font: 11px sans-serif;
        color: #009900;
        background: #99CC66; /* okay lighter green */
        width: 76%;
        border: 2px solid #009900;
        padding: 6px;
        float: left;
    }
    .testimonial h1 {
        margin: 0px;
        color: #009900;
    }
    
    .basket {
        font: 11px Verdana, sans-serif;
        padding: 10px 20px;
        margin: 9px 9px;
        /* margin-top: 1em; */
        /* padding: 1em; */
        background: #99CC66; /* okay lighter green */
        border:1px solid #009900;
    }
    

    .remove {
        float: left;
        width: 150px;
        padding: 10px 20px;
    }
    .remove a { text-decoration: none; }

    .shoppinglist ul {
        list-style-type: circle;
    }
        .shoppinglist li {
        list-style-image: url('/sharing/images/checkbox10x10.png');
        }

    #scflogo { padding-top: 13px; width: 20%; float: left; }
    #winterfest { padding-top: 15px; width: 15%; float: left; }

	#banner {
		background:#fff;
		height:150px;
		}
    #title {
        position: absolute;
        left: 150px;
        top: 60px;
        /* width: 900px; */
        margin: 10px 10px 10px 10px;
        font: bold 36px Verdana, sans-serif;
        color: #5b0016;
        padding-bottom: 10px;
        padding-left: 90px;
    }
	p,h1,h2,pre {
		margin:0px 10px 10px 10px;
		}
		
    #learnmore a { 
        text-decoration: none; 
        color: #fcc917;
    }
    #learnmore a:link { color: #fcc917; }
    #learnmore a:visited { color: #fcc917; }

    #learnmore a:hover {
        color: #ffcc35;
        background: #eeffed;
    }
	#learnmore h2 {
		font: bold 18px Verdana, sans-serif;
        color: #fcc917;
		padding-top:8px;
		}
	h1 {
		font: bold 24px Verdana, sans-serif;
        color: #5b0016;
		padding-top:10px;
		}
	h2 {
		font: bold 18px Verdana, sans-serif;
        color: #5b0016;
		padding-top:8px;
		}
	h3 {
		font: bold 14px Verdana, sans-serif;
        color: #5b0016;
		padding-top:6px;
		}
	
	#banner h1 { margin:0px; padding:10px}

    #targetspon { 
        background-color: #ffffff;
        margin: 27px;
        padding: 9px;
        border: 1px solid;
        font:italic 10px Georgia, sans-serif ;
        text-align: center;
    }
        #targetspon a { 
            text-decoration: none;
        }
        #targetspon a img {
            border: 0px;
        }
    #sponsors { 
        font:italic 10px Georgia, sans-serif ;
        text-align: center;
    }
        #sponsors a { 
            text-decoration: none;
        }
        #sponsors a img {
            border: 0px;
        }
	
.view .field {
    background-color: #f3f6f8;
    border-left: 1px solid #7695b5;
    border-top: 1px solid #7695b5;
    padding: 1px 10px 0px 2px;
    font: 11px Verdana, sans-serif;
}
.smalllogo {
    float: left;
    width: 150px;
}

.volunteer {
    list-style:none;
}

/*   HOME PAGE  */
#hometitle {
    /* 
    position: relative;
    left: 350px; 
    top: 60px; 
    float: left;
    margin: 10px;
    */
    font: bold 24px Verdana, sans-serif;
    color: #5b0016;
}
#homelogo {
    float: left;
    width: 40%;
}
#navcontainerhome {
    float: right;
    width: 50%;
    z-index: 10;
}

#navlisthome {
    padding: 20px 10px;
    font: bold 13px Verdana, sans-serif;
    /* color: #fcc917; */
        color: #009900;
    margin-left: 2em;
    margin-right: 2em;
}

#navlisthome li {
    list-style: none;
    /* border: 1px solid #000; */
    margin-top:1em;
    /* background: #5b0016; */
    text-align: center;
    color: #009900;
}

#navlisthome a {
    text-decoration: none;
    color: #009900;
}
#navlisthome li a:link { color: #009900; }
#navlisthome li a:visited { color: #009900; }

#navlisthome li a:hover {
    color: #ffcc35;
    background: #eeffed;
    /* 
    border-top: 4px solid #7d95b5;
    border-color: #227; */
}

#navlisthome #active a {
    background: white;
    border-bottom: 1px solid white;
    border-top: 4px solid;
}

/* HOME PAGE END */

/* NAVBAR START */

#navcontainer {
    /* float: left; */
    position: absolute;
    left: 150px;
    /* top: 30px; */
    width: 900px;
    z-index: 10;
}

#navlist {
    font: bold 12px Verdana, sans-serif;
    color: #fcc917;
}

#navlist li {
    list-style: none;
    padding: 10px 20px;
    background: #009900; /* nice dark green */
    /* background: #660000; 
    background: #99CC66; okay lighter green
    background: #FFCC99; UGH 
    background: #FF3333; Bright red 
     */
    border: 0px solid #000;
    text-align: center;
    display: inline;
}

#navlist #active li {
    list-style: none;
    padding: 10px 20px;
    background: #000000;
    border: 1px solid #000;
    text-align: center;
    display: inline;
}

#navlist a {
    text-decoration: none;
    color: #fcc917;
}
#navlist li a:link { color: #fcc917; }
#navlist li a:visited { color: #fcc917; }

#navlist li a:hover {
    color: #fcc;
}

#navlist #active a {
    color: #c3ce00;
}

/* NAVBAR END */

#pager {
    padding: 9px 0 3px 0;
    margin-left: 0;
    border-bottom: 0px solid #778;
    color: #c3ce00;
    font: bold 12px Verdana, sans-serif;
    /* background: #660000; */
    background: #009900; /* nice dark green */
}

#pager li {
    list-style: none;
    margin: 0;
    display: inline;
}

#pager a {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom: none;
    /* background: #660000; */
    background: #009900; /* nice dark green */
    text-decoration: none;
}

#pager a:link { color: #fcc917; }
#pager a:visited { color: #fcc917; }

#pager a:hover {
    color: #000;
    background: #eef;
    border-top: 0px solid #7d95b5;
    border-color: #227;
}

#pager #active a {
    background: white;
    border-bottom: 1px solid white;
    border-top: 4px solid;
}

	#navcontainerold {
		background:#fff;
		/* 
        height:40px; 
		border-top:1px solid #000;
		border-right:1px solid #000;
		border-left:1px solid #000;
        */
		voice-family: "\"}\"";
		voice-family: inherit;
		height:39px;
		}
	html>body #navcontainerold {
		height:39px;
		}
select {
    height: 16px;
    width: 250px;
    font-family: sans-serif;
    font-size: 12px;
    color: #202020;
    padding: 0px;
    margin-bottom: 5px;
}

.websearch {
    margin-top: 1em;
    padding: 1em;
    background: #99CC66; /* okay lighter green */
    font:80%/1 sans-serif;
    border:1px solid #009900;
    /* background: #009900; nice dark green 
    background: #660000; 
    background: #FFCC99; salmon/pink/whatever - might be okay for border 
    background: #FF3333; Bright red */
}

legend {
    padding: 0.2em 0.5em;
    /* background-color: #fff; */
    background: #ffcc99; /* nice dark green */
    border:1px solid #009900;
    font-size:90%;
    text-align:right;
}

label {
    display:block;
}

label .field {
    /*
    float:left;
    width:35%;
    margin-right:0.5em;
    padding-top:0.2em;
    text-align:right;
    font-weight:bold;
    */
}

/* </style> */