/* RESET */
* {
margin: 0; 
padding: 0;
border: 0;
outline: 0;
}

img, div { behavior: url(../iepngfix.htc) }

body  {
background: #ffd087;
background-image: url("../assets/bg-body.gif");
background-repeat: repeat-x;
color: #333;
font-family: Georgia, "Times New Roman", serif;
font-size: 62.5%;
margin: 0; 
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.home {
background-image: url("../assets/bg-body-home.gif");
background-repeat: repeat-x;
}
#middleCol p.inset {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.4em;
margin-top: 10px;
}

h1 {
color: #990000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 3em;
font-weight: normal;
line-height: 1.5em;
margin: 0 0 .5em 0;
}
h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 2.0em;
font-weight: normal;
line-height: 1.6em;
margin: 1em 0 0 0;
}
h3 {
border-bottom: 1px dotted #330033;
color: #330033;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: bold;
line-height: 1.4em;
margin: 0;
padding-bottom: .4em;
}
h4 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: normal;
line-height: 1.8em;
margin: 0;
}
h5 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: normal;
line-height: 1.8em;
margin: 0;
}

.sidebar {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.4em;
margin-top: 10px;
}

.overline {
border-top: 1px dotted #333;
color: #990000;
margin: 0;
padding-top: 10px;
}

a {
text-decoration: none;
}
a img {
border: none;
}
a.toggle{
display:block;
}

a:link.copy {
color: #990000;
text-decoration: none;
}
a:hover.copy {
border-bottom: 1px dotted #990000;
padding: 0 0 1px 0;
}
a:visited.copy  {
color: #990000;
text-decoration: none;
}
a:visited:hover.copy {
border-bottom: 1px dotted #990000;
color: #990000;
padding: 0 0 1px 0;
text-decoration: none;
}

a:link.readmore  {
background: url("../assets/arrow-readmore.gif") no-repeat 100% .3em;
background-position: right center;
color: #990000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.4em;
padding: 0 1.6em 0 0;
text-decoration: none;
}
a:visited.readmore   {
background: url("../assets/arrow-readmore.gif") no-repeat 100% .3em;
background-position: right center;
color: #990000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.4em;
padding: 0 1.6em 0 0;
text-decoration: none;
}
a:hover.readmore  {
background: url("../assets/arrow-readmore-hover.gif") no-repeat 100% .3em;
background-position: right center;
color: #333;
padding: 0 1.6em 0 0;
text-decoration: none;
}
a:visited:hover.readmore {
background: url("../assets/arrow-readmore-hover.gif") no-repeat 100% .3em;
background-position: right center;
color: #333;
padding: 0 1.6em 0 0;
text-decoration: none;
}


a:link.sidebar  {
background: url("../assets/arrow-next.gif") no-repeat 100% .3em;
background-position: right center;
color: #990000;
font-size: 1.2em;
line-height: 1.4em;
padding: 0 1.6em 0 0;
text-decoration: none;
}
a:visited.sidebar   {
background: url("../assets/arrow-next.gif") no-repeat 100% .3em;
background-position: right center;
color: #990000;
padding: 0 1.6em 0 0;
text-decoration: none;
}
a:hover.sidebar  {
background: url("../assets/arrow-next-hover.gif") no-repeat 100% .3em;
background-position: right center;
color: #333;
padding: 0 1.6em 0 0;
text-decoration: none;
}
a:visited:hover.sidebar  {
background: url("../assets/arrow-next-hover.gif") no-repeat 100% .3em;
background-position: right center;
color: #333;
padding: 0 1.6em 0 0;
text-decoration: none;
}

.thrColFixHdr #container { 
margin: 0 auto;
width: 960px;
text-align: left;
}

.thrColFixHdr #textResizer {
float: left;
height: 20px;
margin-left: 320px;
}
#textResizer p {
color: #333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
letter-spacing: 1px;
line-height: 1em;
padding-top: 5px;
text-transform: uppercase;
}

#textResizer a {
color: #333;
}

.thrColFixHdr #search { 
height: 20px;
margin: 0px;
padding: 10px 20px 0 0px; 
}
#searchBox {margin: 0px; padding:0px 0 0 5px; height:20px; background-color:#FFF; float: right; width:150px; }
#searchBox h2 {display:none;}
#searchBox fieldset {margin: 0px; padding:0px;}
#searchField {border:0 !important; width:125px; color: #990000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#searchButton {border:0; margin: 0 0 -5px 3px;}

.thrColFixHdr #header {
background-image: url("../assets/bg-header.png");
background-repeat: no-repeat;
height: 115px;
padding: 0;
width: 960px;
} 
.thrColFixHdr #logo {
float: left; 
padding: 0px; 
width: 310px; 
}

.thrColFixHdr #header-nav { 
float: right;
height: 30px;
margin: 0 10px 0 0px;
padding-top: 0px;
text-align: center;
width: 640px;
} 

/* MAIN NAVIGATION --------------------------------------------- */
ul#main-nav {
background-color: #330033;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: bold;
line-height: 1.8em;
margin: 90px 0 0 0px;
padding:0;
float:left;
width:100%;
/* CSS3 Standard */
opacity: .8;
/* for IE */
filter:alpha(opacity=80);
}
ul#main-nav li {
margin:0;
padding:0;
list-style-type: none;
float:left;
margin: 0px;
}
ul#main-nav li a {
color:#FFF;
display:block;
height: 25px;
padding: 0px;
text-align:center;
text-decoration:none;
width:160px;
}
ul#main-nav li a:hover {
background-color: #9b5ea9;
color:#ffcc33;
}
.active-main-nav{
background-color: #9b5ea9;
color:#ffcc33;
}

/* SIDE NAVIGATION--------------------------------------------- */
#subcurrent {
height: 32px;
}
#side-nav {
border-top: 1px dotted #990000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.8em;
line-height: 1.8em;
list-style-type: none;
margin: 0px;
padding: 0px;
width: 310px;
}
#side-nav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
border: none;
}
#side-nav li {
border-bottom: 1px dotted #990000;
margin: 0;
padding: 0px 0 0 2px;
}
#side-nav li a {
color: #330033;
display: block;
padding: 0px;
background-color: transparent;
text-decoration: none;
}
#side-nav li a.nolink {
color: #330033;
background: none;
font-weight: normal;
}
#side-nav li a:hover.nolink {
color: #330033;
background: none;
font-weight: normal;
}
#side-nav li a:hover {
background-image: url(../assets/bg-side-nav-hover.png);
background-position: right;
background-repeat: no-repeat;
border: none;
color: #FFF;
}
#side-nav li a:hover.departments {
background-image: url(../assets/bg-side-nav-hover-home.png);
background-position: right;
background-repeat: no-repeat;
border: none;
color: #FFF;
}
#side-nav li li {
border-bottom: 0;
margin: 0;
padding: 0px 0 0 10px;
}
#side-nav li li a {
font-size: 1em;
line-height: 1.8em;
padding: 0px;
}
#side-nav li li li a {
padding: 0px;
}
.active-side-nav {
background-image: url(../assets/bg-side-nav-active.png);
background-position: right top;
background-repeat: no-repeat;
border: none;
color: #330033;
}
.active-side-nav-li-header {
background-image: url(../assets/bg-side-nav-active-li-header.png);
background-position: right top;
background-repeat: no-repeat;
}
#ul_one, #ul_two, #ul_three, #ul_four, #ul_five {
display:none;
}

/* FOOTER NAVIGATION --------------------------------------------- */
ul#footer-nav {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.6em;
margin: 0;
padding:0;
float:left;
width:100%;
}
ul#footer-nav li {
margin:0;
padding:0;
list-style-type: none;
float:left;
margin: 0px;
}
ul#footer-nav li a {
color: #333;
display:block;
height: auto;
margin: 10px 7px 0 7px;
padding: 0;
text-align:center;
text-decoration:none;
width: auto;
}
ul#footer-nav li a:hover {
border-bottom: 1px dotted #990000;
color: #990000;
text-decoration: none;
}


.thrColFixHdr #wrapper { 
background-image: url("../assets/bg-wrapper.png");
background-repeat: repeat-y;
margin: 0 auto;
text-align: left;
width: 960px;
}

.thrColFixHdr #masthead { 
height: 240px;
margin: 0 auto;
text-align: left;
width: 960px;
}

.thrColFixHdr #news {
float: left; 
padding: 2px 0px 15px 0px; 
width: 300px; 
}
#news  p {
color: #FFF; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.4em;
margin: -1em 0 0 0;
}
#news h2 {
border-bottom: 1px dotted #FFF;
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 2.0em;
font-weight: normal;
line-height: 1.6em;
margin: 0 0 -.4em 0;
}
#news h3 {
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.6em;
font-weight: bold;
line-height: 2.0em;
margin: 0;
}
#news  a {color: #dbb5e4;}
#news  a:hover {color: #9b5ea9; border-bottom: 1px dotted #9b5ea9;}
#news  a:visited {color: #dbb5e4;}
#news  a:visited:hover {color: #9b5ea9; border-bottom: 1px dotted #9b5ea9;}

.thrColFixHdr #flash-home {
float: right; 
margin: 0 ;
padding: 1px 10px 0px 0px;
width: 640px; 
}

.thrColFixHdr #leftCol {
float: left; /* since this element is floated, a width must be given */
padding: 20px 0px 15px 0px; /* padding keeps the content of the div away from the edges */
width: 300px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

.thrColFixHdr #moreInfo {
margin: 0px;
padding: 10px;
text-align: center;
}
#moreInfo  a {
color: #990000;
}
#moreInfo a:hover{
border-bottom: 1px dotted #990000;
}

.thrColFixHdr #rightCol {
background-image: url("../assets/bg-rightcol.gif");
background-repeat: repeat-x;
float: right; /* since this element is floated, a width must be given */
margin: 0px 10px 0 0px;
min-height: 400px;
padding: 25px 10px 15px 10px; /* padding keeps the content of the div away from the edges */
width: 140px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

#rightCol a {
color: #990000;
}
#rightCol a:hover{
border-bottom: 1px dotted #990000;
}


.thrColFixHdr #middleCol { 
margin: 0 170px 0px 300px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
padding: 20px 35px 10px 35px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#middleCol p {font-size: 1.6em; line-height: 1.6em; margin: 0 0 .8em 0;}
#middleCol ul {color: #990000; font-size: 1.6em; line-height: 1.6em; list-style: outside; margin: -.6em 0 .8em 1em; list-style-type: disc;}
#middleCol ul li span {color: #333; list-style: outside; }
#middleCol a {color: #990000;}
#middleCol a:hover {border-bottom: 1px dotted #990000; padding: 0 0 1px 0;}
#middleCol a:visited {color: #990000;}
#middleCol a:visited:hover {border-bottom: 1px dotted #990000; padding: 0 0 1px 0;}
.title {}
.byline {margin: 0 0 .8em 0;}
#middleCol a.backtotop {
background: url("../assets/arrow-backtotop.gif") 100% .3em;
background-position: right bottom;
background-repeat: no-repeat;
padding: 0 1.2em 0 0;
}
#middleCol a:hover.backtotop {
color: #333;
background: url("../assets/arrow-backtotop-hover.gif") 100% .3em;
background-position: right bottom;
background-repeat: no-repeat;
border: 0;
padding: 0 1.2em 0 0;
}
#middleCol a.next {
background: url("../assets/arrow-next.gif") 100% .3em;
background-position: right bottom;
background-repeat: no-repeat;
padding: 0 1.2em 0 0;
}
#middleCol a:hover.next {
color: #333;
background: url("../assets/arrow-next-hover.gif") 100% .3em;
background-position: right bottom;
background-repeat: no-repeat;
border: 0;
padding: 0 1.2em 0 0;
}

.thrColFixHdr #oneCol { 
margin: 0 0 0 300px; 
padding: 20px 35px 10px 35px; 
} 
#oneCol p {font-size: 1.6em; line-height: 1.6em; margin: 0 0 .8em 0;}
#oneCol ul {color: #990000; font-size: 1.6em; line-height: 1.6em; list-style: outside; margin: -.6em 0 .8em 1em; list-style-type: disc;}
#oneCol ul li span {color: #333; list-style: outside; }
#oneCol a {color: #990000;}
#oneCol a:hover {border-bottom: 1px dotted #990000; padding: 0 0 1px 0;}
#oneCol a:visited {color: #990000;}
#oneCol a:visited:hover {border-bottom: 1px dotted #990000; padding: 0 0 1px 0;}
.copyright {
border-top: 1px dotted #990000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: italic;
margin: 1.8em 0 0 0;
padding: .4em 0 0 0;
}
.title {}
.byline {margin: 0 0 .8em 0;}
#oneCol a.backtotop {
background: url("../assets/arrow-backtotop.gif") 100% ;
background-position: right bottom;
background-repeat: no-repeat;
padding: 0 1.2em 0 0;
}
#oneCol a:hover.backtotop {
background: url("../assets/arrow-backtotop-hover.gif") 100%;
background-position: right bottom;
background-repeat: no-repeat;
border: 0;
padding: 0 1.2em 0 0;
}
#oneCol a.next {
background: url("../assets/arrow-next.gif") 100% .3em;
background-position: right bottom;
background-repeat: no-repeat;
padding: 0 1.2em 0 0;
}
#oneCol a:hover.next {
background: url("../assets/arrow-next-hover.gif") 100% .3em;
background-position: right bottom;
background-repeat: no-repeat;
border: 0;
padding: 0 1.2em 0 0;
}

#oneCol.inline h2 a{
color: #333;
}
#oneCol.inline  h2 a:hover {
border: none;
}

.thrColFixHdr #oneCol-iframe { 
margin: 0 0 0 300px; 
padding: 20px 15px 0px 15px; 
} 
#oneCol-iframe  h1 {margin: 0 20px .5em 20px;}
#oneCol-iframe  p {font-size: 1.6em; line-height: 1.6em; margin: 0 20px .8em 20px;}
#oneCol-iframe  ul {color: #990000; font-size: 1.6em; line-height: 1.6em; list-style: outside; margin: -.6em 0 .8em 1em; list-style-type: disc;}
#oneCol-iframe  ul li span {color: #333; list-style: outside; }
#oneCol-iframe  a {color: #990000;}
#oneCol-iframe  a:hover {border-bottom: 1px dotted #990000; padding: 0 0 1px 0;}
#oneCol-iframe  a:visited {color: #990000;}
#oneCol-iframe  a:visited:hover {border-bottom: 1px dotted #990000; padding: 0 0 1px 0;}

.thrColFixHdr #oneCol-departments { 
margin: 0 0 0 300px; 
padding: 0px 10px 10px 10px; 
} 
.thrColFixHdr #department-container{ 
margin: 0px; 
padding: 20px 25px 0px 25px; 
} 
#department-container p {font-size: 1.6em; line-height: 1.6em; margin: 0 0 .8em 0;}
#department-container ul {color: #990000; font-size: 1.6em; line-height: 1.6em; list-style: outside; margin: -.6em 0 .8em 1em; list-style-type: disc;}
#department-container ul li span {color: #333; list-style: outside; }
#department-containers a {color: #990000;}
#department-containers a:hover {border-bottom: 1px dotted #990000; padding: 0 0 1px 0;}
#department-container a:visited {color: #990000;}
#department-container a:visited:hover {border-bottom: 1px dotted #990000; padding: 0 0 1px 0;}
.copyright {
border-top: 1px dotted #990000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: italic;
margin: 1.8em 0 0 0;
padding: .4em 0 0 0;
}
.title {}
.byline {margin: 0 0 .8em 0;}
#department-container a.backtotop {
background: url("../assets/arrow-backtotop.gif") 100% .3em;
background-position: right bottom;
background-repeat: no-repeat;
padding: 0 1.2em 0 0;
}
#department-container a:hover.backtotop {
background: url("../assets/arrow-backtotop-hover.gif") 100% .3em;
background-position: right bottom;
background-repeat: no-repeat;
border: 0;
padding: 0 1.2em 0 0;
}
#department-container a.next {
background: url("../assets/arrow-next.gif") 100% .3em;
background-position: right bottom;
background-repeat: no-repeat;
padding: 0 1.2em 0 0;
}
#department-container a:hover.next {
background: url("../assets/arrow-next-hover.gif") 100% .3em;
background-position: right bottom;
background-repeat: no-repeat;
border: 0;
padding: 0 1.2em 0 0;
}


.thrColFixHdr #footer { 
background-image: url("../assets/bg-footer.png");
background-repeat: no-repeat;
height: 50px;
margin: 0;
padding: 20px 0px 0 320px; 
}


/* Floated elements must precede the element it should be next to on the page. */
.fltrt { 
float: right;
margin-left: 15px;
}
.fltlft { 
float: left;
margin-right: 15px;
}
#inset {
border-top: 1px dotted #666;
width: auto;
margin-top: 1em;
padding: 1em 0;
}
#inset p.caption {
font-size: 1.2em;
line-height: 1.6em; 
border-top: 1px dotted #666;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 1em 0 0 0;
padding: .6em 0 0 0;
width: auto;
}
#half-inset {
border-top: 1px dotted #666;
margin-top: 1em;
padding: 1em 0;
width: 280px;
}
#half-inset p.caption {
font-size: 1.2em;
line-height: 1.6em; 
border-top: 1px dotted #666;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 1em 0 0 0;
padding: .6em 0 0 0;
}
#qtr-inset {
border-top: 1px dotted #666;
width: 140px;
padding: 1em 0;
width: 280px;
}
#qtr-inset p.caption {
font-size: 1.2em;
line-height: 1.6em; 
border-top: 1px dotted #666;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 1em 0 0 0;
padding: .6em 0 0 0;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.hr-gray{ 
border-top: 1px dotted #333;
height: 1px;
margin: 2em 0 0 0;
padding: 0 0 2em 0px;
}
.hr-red{ 
border-top: 1px dotted #990000;
height: 1px;
margin: 2em 0 0 0;
padding: 0 0 2em 0px;
}

#signup-button img {
height: 0;
}

#signup-button a,
#signup-button span {
display: block;
width: 280px;
height: 50px;
background: url("../assets/button-signup.png") center;
background-repeat: no-repeat;

}
#signup-button a:hover.noborder ,
#signup-button span:hover.noborder {
background: url("../assets/button-signup-hover.png") center;
background-repeat: no-repeat;
text-decoration: none;
border: 0;

}

#donate-button img {
height: 0;
}
#donate-button a,
#donate-button span {
display: block;
width: 90px;
height: 110px;
background: url("../assets/donate-button.gif") center;
background-repeat: no-repeat;
}
#donate-button a:hover.noborder ,
#donate-button span:hover.noborder {
background: url("../assets/donate-button-hover.gif") center;
background-repeat: no-repeat;
text-decoration: none;
border: 0;
}

#make-a-donation-button img {
height: 0;
}

#make-a-donation-button a,
#make-a-donation-button span {
display: block;
width: 90px;
height: 90px;
background: url("../assets/make-a-donation-button.gif") center;
background-repeat: no-repeat;
}
#make-a-donation-button a:hover.noborder ,
#make-a-donation-button span:hover.noborder {
background: url("../assets/make-a-donation-button-hover.gif") center;
background-repeat: no-repeat;
text-decoration: none;
border: 0;
}

#catering-button img {
height: 0;
}
#catering-button a,
#catering-button span {
display: block;
width: 90px;
height: 90px;
background: url("../assets/catering-button.gif") center;
background-repeat: no-repeat;
}
#catering-button a:hover.noborder ,
#catering-button span:hover.noborder {
background: url("../assets/catering-button-hover.gif") center;
background-repeat: no-repeat;
text-decoration: none;
border: 0;
}

#menu-button img {
height: 0;
}
#menu-button a,
#menu-button span {
display: block;
width: 280px;
height: 181px;
background: url("../assets/natures-bin-catering-menu-in.jpg") center;
background-repeat: no-repeat;
}
#menu-button a:hover.noborder ,
#menu-button span:hover.noborder {
background: url("../assets/natures-bin-catering-menu-out.jpg") center;
background-repeat: no-repeat;
text-decoration: none;
border: 0;
}

#weekly-special-button img {
height: 0;
}
#weekly-special-button a,
#weekly-special-button span {
display: block;
width: 280px;
height: 100px;
background: url("../assets/weekly-special-button.gif") center;
background-repeat: no-repeat;
}
#weekly-special-button a:hover.noborder ,
#weekly-special-button span:hover.noborder {
background: url("../assets/weekly-special-button-hover.gif") center;
background-repeat: no-repeat;
text-decoration: none;
border: 0;
}

#media-button img {
height: 0;
}
#media-button a,
#media-button span {
display: block;
width: 280px;
height: 100px;
background: url("../assets/media-button.gif") center;
background-repeat: no-repeat;
}
#media-button a:hover.noborder ,
#media-button span:hover.noborder {
background: url("../assets/media-button-hover.gif") center;
background-repeat: no-repeat;
text-decoration: none;
border: 0;
}

#map {
position:relative;
width:590px;
height:450px;
}

#video {
border-top: 1px dotted #666;
float: left;
padding: 1em 0 1em 0;
width: 590px;
}
#flash {
float: left;
width: 320px;
}
#videoTitle {
float: right;
width: 150px;
}
#videoTitle h2 {
margin-top: -.4em;
}

/* SCROLLER */

.scroller {
height: 158px;
margin-top: 10px;
position: relative;
overflow: hidden;
width: auto;
}
.scrollee {
padding-bottom: 10px;
position: relative;
top: 0px;
right: 0px;
}
.arrows {
margin-top: 9px;
}