#toplogo
 {
 width: 100%;
 text-align: center;
 }
h2
 {
 margin-bottom: 2px;
 }
h4
 {
 margin: 2px;
 }
body
 {
 margin: 0;
 padding: 0;
 font-family: gill sans mt, trebuchet ms, Verdana, arial, sans-serif;
 font-size: 14px;
 }
p
 {
 font-family: gill sans mt, trebuchet ms, Verdana, arial, sans-serif;
 padding: 0;
 margin-top: 0;
 }
#email
 {
 background-color: #85BF94;
 padding: 0 5px;
 border: 2px solid #047D23;
 }
.bodythumbs
 {
 margin: 5px 10px;
 border: 2px black solid;
 }


/* ------------ new & improved front page ---------------- */
#twitterbox
 {
 align: center;
 }
.mainpgcontent
 {
 border: 3px solid black;
 background-color: #E9FCDE;
 padding: 20px;
 margin:10px;
  margin-left: auto;
  margin-right: auto;
 width: 450px;
 }
h3#welcome
 {
 margin: 2px;
 }
.mainpgwhatsnew
 {
 border: 3px solid black;
 background-color: #E9FCDE;
 padding: 20px;
 margin-left: auto;
 margin-right: auto;
 width: 435px;
 align: center;
 }
.rightcolimg
 {
 margin-top: 2px;
 border: 2px solid black;
 }
.updatethumb
 {
 border: 1px solid black;
 margin-bottom: 10px;
 }
.updatethumbdiv
 {
 float: left;
 width: 120px;
 margin: 0 15px 5px 0;
 padding: 5px;
 }
.updatelongdiv
 {
 margin: 5px;
 padding: 5px;
 }
.updatelongthumbdiv
 {
 border: 1px solid black;
 margin: 0 10px 5px 0;
 }
.clearboth 
 { 
 clear: both; 
 }
.centerdiv
 {
 margin-left: auto;
 margin-right: auto;
 border: 2px dotted orange;
 }



/* ----------- Community page ------------------ */
.thumb-alignl
 {
 border: 2px solid black;
 margin: 5px 10px 5px 0;
 }
.divcolor1
 {
 border: 3px solid black;
 background-color: #E9FCDE;
 padding: 20px; 
 }
.divcolor2
 {
 border: 3px solid black;
 background-color: #99cccc;
 padding: 20px;
 }
.eventbanner
 {
 border: 2px solid black;
 margin: 10px;
 }


/* ----------- Cafe page ------------------ */
#cafenavlist li
 {
 display: inline;
 list-style-type: none;
 padding-right: 20px;
 }
#cafenavbg
 {
 border: 2px solid black;
 padding: 3px;
 background-color: #99cccc;
 }
 
 
/* ----------- Recipe page ------------------ */
.ingredientlist li
 {
 list-style-type: none;
 }


/* ----------- Jobs page ------------------ */
.bg-color
 {
 border: 2px solid black;
 padding: 20px;
 background-color: #99cccc;
 /* also in use on the Chefs page */
 }



/* ------------ department page ---------------- */
.deptbg-color
 {
 border: 2px solid black;
 padding: 20px;
 background-color: #99cccc;
 }
.deptbg-nocolor
 {
 padding: 20px;
 margin: 20px 0;
 }
.deptthumbs-left
 {
 margin: 5px 10px 5px 0;
 border: 2px black solid;
 }
.deptthumbs-right
 {
 margin: 5px 0 5px 10px;
 border: 2px black solid;
 }
.deptheader
 {
 font-size: 22px;
 }
a:link.pagejump, a:visited.pagejump, a:hover.pagejump, a:active.pagejump
 {
 font-size: 22px;
 text-decoration: none;
 }


/* ----------  donations page ----------- */
.donationlist
 {
 text-align: justify;
 margin-top: 0;
 }
table#donations
 {
 background-color: white;
 margin: 15px;
 border: 3px black solid;
 }
td.donations
 {
 padding: 15px;
 }
a:link.donations
 {
 color: black;
 font-weight: bold;
 }
a:visited.donations
 {
 color: black;
 }
 
 


/* ---------- regular ol links --------- */
a:link, a:visited, a:hover, a:active
 {
 font-size: 15px;
 font-weight: bold;
 }
a:visited
 {
 color: #4c4c4c;
 text-decoration: none;
 }
a:link
 {
 color: black;
 }
a:hover
 {
 text-decoration: underline;
 }
a.header:link, a.header:visited, a.header:hover, a.header:active
 {
 text-decoration: none;
 }
 

/* ----- 3-COL LAYOUT ----- */
#bodywrap
 {
 margin: 0;
 width: 100%;
 }
#bodyhead
 {
 margin: 0;
 margin-bottom: 20px;
 background-color: #047D23;
 text-align: center;
 }
#bodyleft
 {
 margin: 0;
 padding: 10px;
 background-color: #C45984;
 width: 200px;
 height: 100%;
 }
#bodyright 
 {
 margin: 0;
 padding: 10px 20px;
 background-color: #85BF94;
 font-size: 16px;
 }
#bodyfoot
 {
 clear: both;
 text-align: center;
 font-size: 12px;
 padding: 6px;
 border-top: 2px solid #047D23;
 }
#threecolmiddle 
 {
 margin: 0;
 padding: 10px 20px;
 background-color: #85BF94;
 font-size: 16px;
 }
#threecolright
 {
 margin: 0;
 padding 10px;
 background-color: #ADE3BB;
 width: 200px;
 height: 100%;
 } 
 

/* ----- SIDEBAR NAVIGATION ----- */
.navlist
 {
 margin: 0;
 margin-bottom: 12px;
 padding: 0;
 padding-left: 3px;
 list-style-type: none;
 color: white;
 }
.navlist li
 {
 margin: -3px;
 padding: 0;
 }
#navcontainer
 {
 padding: 5px;
 margin: 5px;
 width: 180px;
 }
.navheader
 {
 font-size: 18px;
 margin: -3px;
 padding: 0;
 color: #6E2A45;
 font-weight: bold;
 }
.sidenavpic
 {
 margin: 2px 5px 0 0;
 position: relative;
 top: 8px;
 }
#mission
 {
 background-color: #F4F3A8;
 border: solid black 2px;
 padding: 10px;
 margin: 5px;
 margin-top: 45px;
 font-size: 12px;
 }
 
 
/* ----- sidebar links ----- */
a:link.sidenav, a:visited.sidenav, a:hover.sidenav, a:active.sidenav
 {
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
 }
a:visited.sidenav
 {
 color: #E5BDCD;
 }
a:link.sidenav
 {
 color: white;
 }
a:hover.sidenav
 {
 text-decoration: underline;
 }

 
 
 
 
 
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++                                                     ++++ 
++++              deprecated in 2010 design              ++++ 
++++                                                     ++++ 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* ----------------  what's new section (front page) ------------- */
table#updates
 {
 border: 5px solid white;
 margin-left: auto;
 margin-right: auto;
 width: 500px;
 }
tr#updatesheader
 {
 background-color: white;
 color: black;
 font-size: 20px;
 padding: 5px;
 text-align: center;
 }
td#updatesheadertd
 {
 border: 5px solid white;
 padding: 5px;
 }
td.updatestd
 {
 padding: 30px;
 margin: 10px;
 border: 2px solid white;
 }
div.whatsnew
 {
 padding: 10px;
 margin: 40px 10px;
 width: 85%;
 text-align: left;
 }
hr.whatsnewspacer
 {
 width: 90%;
 border: 2px solid white;
 margin: 10px 20px 10px 0;
 }
h3#whatsnewh3
 {
 margin-bottom: 10px;
 }



/* ----------  front page  --------- */
.bottomboxes
 {
 padding: 10px;
 }
.bottomboxeseach
 {
 padding: 10px;
 margin: 20px;
 border: 2px black solid;
 text-align: center;
 background-color: green;
 }
#topthumbs
 {
 text-align: center;
 }
#topthumbscontainer
 {
 text-align: center;
 }
.headline
 {
 font-size: 20px;
 font-weight: bold;
 /* this is for the "updates" section */
 }



/* ------- product link page ----- */
.productlinks
 {
 list-style-type: none;
 }
h4.productlinks
 {
 margin: 0;
 }
td.productlinks
 {
 padding: 5px;
 padding-bottom: 10px;
 vertical-align: top;
 }
li
 {
 text-align: left;
 }
#linkstable
 {
 width: 450px;
 }