/*  

Theme Name: Community Food Bank

Theme URI: http://creativeslice.com/

Description: WordPress theme for The Tucson Community Food Bank.
Author: Cecily Urizar-Faught

*/

body {



font-size: 100.01%; /* Play nice with EMs in Opera 6 and IE Win. */



  background:url(images/background-fade.jpg) top left repeat-x #9d9274;



  margin: 0px;



  font-family: Arial, Helvetica, sans-serif;



}



* {



	margin:0;



padding:0;







}



td {



padding: 5px;



}



#center a, a:visited {



color: #00418F;



}



#center a:hover {



color: #001D3F;



background-color: #FFFBCF;



}



.main-content h2 {



color: #4a8046;



line-height: 1.2em;



}



.front-content h2 {



color: #4a8046;



line-height: 1.2em;



margin-top: 6px;



}



h2.title {



color: #35271c;



size: 1em;



font-weight: normal;



}



h2.title a {



font-size: 1.1em;



color: #4d7741;



}



h2.title a:hover {



  color: #35271c;



}



h5 {



color: #81aa77;



}



#center {



  float: right;



  width: 100%;



}



#center[id] { /* Support for Mozilla, but IE doesn't likes it. */



  margin-left: -1px;



}



#left {



  float: left;



  margin-left: -140px;



  z-index: 10; /* Z indices needed for link clickability in IE Mac and Opera 6. */



}



#left[id] { /* Support for Mozilla, but IE doesn't likes it. */



  margin-right: 1px;



}



#right {



  z-index: 11; /* Z indices needed for link clickability in IE Mac and Opera 6. */



}



#right2 {



 z-index: 11; /* Z indices needed for link clickability in IE Mac and Opera 6. */



}



#right[id] { /* Support for Mozilla, but IE doesn't likes it. */



  margin-left: 1px;



}



#columns {



  padding: 0 5px 0 140px; /*  the 5px was 250px  */



  background:url(images/submenu-fade.jpg) top left repeat-y #fff;



}



#columns p {



	margin: 1em 0;



	/* line-height: 120%; */



}



.cols-wrapper {



  width: 100%;



  background-color: white;



}



.cols-wrapper[class] {



  padding-bottom: 0.1px; /* Mozilla needs a non zero value, seems to be a bug. */



}



.float-wrapper {



  float: left;



  width: 100%;



  position: relative;



  z-index: 0;



}



.float-wrapper[class] { /* Support for Mozilla, but IE doesn't likes it. */



  margin-right: -1px;



}



.box,.main-content {



  margin: 0 1em;



}



.front-content{



  margin: 0 1em;



  padding: 0 1em;



}



.clear {



  clear: both;



}



.none {



  display: none;



}



.leftcolhome {



  position: relative;



  width: 318px;



  overflow: hidden;



  background-color: #f3eed1;



  border: 1px solid #ddd;



}



#lefthome h2 {



color: #9e9375;



font-weight: normal;



}



#lefthome p {



font-size: .9em;



color: #666;



margin: 10px 0;



}



#lefthome img {



margin-right: 8px;



border: 1px solid white;



}



#lefthome {



  background-color: #f3eed1;



  float: left;



  margin-left: -320px;



  z-index: 10; /* Z indices needed for link clickability in IE Mac and Opera 6. */



}



#lefthome[id] { /* Support for Mozilla, but IE doesn't likes it. */



  margin-right: 1px;



}



#columnshome {



  padding: 0px;



}



/* ------------------------------- flash content -------------- */



#flashContent {



background-color: #e6dcdb;







display:block



/*------border-bottom: 1px solid #ffffff;



padding:0px 0px 0px 0px;-----*/



}
#flashmovie {

}

/*---------menu in flash area------*/
#flashmenu {
float: right;
width:230px;
}
.flashrightcol * {




}



.flashrightcol h2.title {



color: #000000;



padding: 5px 0;



font-style: italic;



font-size: 24px;



}



.flashrightcol {



}



.flashrightcol ul.menu1 {



	list-style: none;



	font-size: 12px;



	font-weight: bold;



	text-align: left;



 	padding: 0px 0 0 0;

	width: 100%;
	



}



.flashrightcol ul.menu1 li { 



list-style: none;



	margin: 10px 5px 0px 0px;



	border: 2px solid #ffffff;



	background:url(images/flash-button-fade.jpg) center right #e6dcdb;



	 /*---was url(background:images/right-button-fade.jpg center right #ffd252;)---*/



}



.flashrightcol a {



	display: block;



	color: #ffffff; /*---was #9b9671 -------*/



	padding: 4px 10px 4px 10px;



	text-decoration: none;



}



.flashrightcol a:hover, .rightcol .current_page_item a { 



	color: #000; 



}



.flashrightcol li ul a{ 



	padding-left: 10px;



	font-size: .6em;



}




/* ------------------------------- Left Column -------------- */



.leftcol {



  position: relative;



  width: 140px;



  overflow: hidden;



  background:url(images/submenu-fade.jpg) top left repeat-y #f1f1f1;



}



.leftcol h2.title {



  color: #333;



  font-size: 12px;



}



.leftcol ul, .leftcol li { list-style: none; }



.leftcol a {



	  text-align:left;



  font-size: 11px;



  font-weight: bold;



	display: block;



	text-decoration: none;



	color: #488041;



	height: 1%; /* make links honor display: block; properly */



}



.leftcol a:hover { 



	color: #000;



background: #FFFBCF;



}



.leftcol .current_page_item a {



	background: #fafdf6;



	border-bottom: 1px solid #ddf3c5;



}



.leftcol ul li a { 



	padding: 3px 0 3px 3px;



	font-weight: bold;



border-bottom: 1px solid #fafdf6;







}



.leftcol li ul a { 



	padding-left: 21px;



	border: none;



}



.leftcol li li ul a { 



	padding-left: 33px;



font-weight: normal;



	border: none;



}







/* ------------------------------- middle bar -------------- */







#middle {



	border-top:2px solid #9c9175;







}



#middleLeft {



background-image:url(images/right-event-fade.jpg);



float:left;



width:40%;





}



#middleRight {



/*-------background-image:url(images/right-event-fade.jpg);-------*/



float:right;



width:60%;



}







/* ------------------- Locations ------------------- */



.rightcol * {




}



.rightcol h2.title {



color: #000000;



padding: 5px 0;



font-style: italic;



font-size: 24px;



}



.rightcol {



}



.rightcol ul.menu1 {



	list-style: none;



	font-size: 12px;



	font-weight: bold;



	text-align: left;



 	padding: 0px 0 0 0;

	width: 65%;
	



}

.address {

	font: Arial, Helvetica, sans-serif;

	font-size:12px;

	font-style:none;

	font-weight:bold;

	margin: 0px 5px 0px 20px;

	color: #666666
	

}



.rightcol ul.menu1 li { 



list-style: none;



	margin: 10px 5px 0px 0px;



	border: 2px solid #ffffff;



	background:url(images/right-button-fade3.gif) center right #e6dcdb;



	 /*---was url(background:images/right-button-fade.jpg center right #ffd252;)---*/



}



.rightcol a {



	display: block;



	color: #ffffff; /*---was #9b9671 -------*/



	padding: 4px 10px 4px 10px;



	text-decoration: none;



}



.rightcol a:hover, .rightcol .current_page_item a { 



	color: #000; 



}



.rightcol li ul a{ 



	padding-left: 25px;



	font-size: .6em;



}




/* ------------ Events -------------- */



#events {



padding-bottom: 0px;



padding-left: 5px;



font-size: .7em;



color: #9d9274;



}



#events h2 {



color: #000000;



padding: 5px 0 5px 10px;



}



#events ul {



list-style:none;



}



#events ul a {



font-size: 12px;



color: #4F749F;



text-decoration: underline;



list-style: none;



}



#events ul a:hover {



color: #001D3F;



}



#events strong {



padding: 15px;



text-decoration: underline;



}



#events a {



color: #35271c;



}



#events a:hover {



color: #000;



}



/* ----------------- Presentation stylesheet ---------------------------------- */



#main {



  border-top: none;



  border-right: 4px solid #fff;



  border-bottom: 4px solid #fff;



  border-left: 4px solid #fff;



  min-width: 880px;



  max-width: 950px; /*----was1130----*/ 



  margin: 0 auto;



  background-color:#eae4ca;



}



.main-content {



font-size: 12px;



line-height: 1.4em;





}



.main-content h2 {



line-height: 1.2em;



}



.main-content p {



font-size: 1.2em;



color: #35271c;



}



.main-content ul, .main-content ol {



font-size: 1.2em;



padding-left: 20px;



color: #333;



}



.front-content {



font-size: 12px;



line-height: 1.4em;



}



.front-content p {



margin:1em 0;



font-size: 1.2em;



color: #333;



}



.front-content ul, .main-content ol {



font-size: 1.2em;



padding-left: 20px;



color: #333;



}



.description {



color: #666;



}



#header {



overflow: visible;



/*float: left;*/



width: 100%;



background: url(/header-images/rotate.php) top left #fff;



}







/* ------------------------------- Top Right Menu -------------- */

#topright {

  display:inline;
  font-size: 10px;
  color: #9d9274;
  float: right;
  padding-top: 2px;
  padding-bottom:0;
  margin-top: 2px;
  margin-bottom:0;
  overflow: visible;
  z-index: 1001;
  list-style-type:none;
list-style-position:outside;
position:relative;

}

#toprightmenu ul { 
  list-style: none;
  padding: 1px 0 0px 3px; 
}

#toprightmenu li { 
  float: left;
  list-style: none;
  position:relative;
  list-style: none;
  padding: 0px 0 0 3px;
}

#toprightmenu a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 3px 6px;
	background-color: #f5f1df;
	border-top: 1px solid #fff;
border-right: 1px solid #64A65A;
border-bottom: 1px solid #64A65A;
border-left: 1px solid #fff;
}

#toprightmenu a:hover { 
	background: #ffd664;
	color: #000; 
}
#toprightmenu .current_page_item a {
	color: #000;
	background: #ffd664;
}

#topleft {
  float: left;
  width: 320px;
  height: 122px;
  display:inline;
}

#toprightmenu li{
float:left;
position:relative;

padding: 0px 0 0 3px;
}

#toprightmenu ul {

position:absolute;
display:none;
width:12em;
top:1.5em;
}
#toprightmenu li ul a{
width:12em;
height:auto;
float:left;
background: #f5f1df;
border-top: 0px solid #fff;
border-right: 1px solid #64A65A;
border-bottom: 1px solid #fafdf6;
border-left: 1px solid #fff;
}
#toprightmenu ul ul{
top:auto;
}	

#toprightmenu li ul ul {
left:12em;

margin:0px 0 0 20px;
}

#toprightmenu li:hover ul ul, .topright li:hover ul ul ul, .topright li:hover ul ul ul ul{
display:none;
}
#toprightmenu li:hover ul{
display:block;
top:2em;
}
#toprightmenu li li:hover ul, .topright li li li:hover ul, .topright li li li li:hover ul{
display:block;
top:.25em;

}

/*-------search--------*/
#search {
float:right; 
margin-top:60px;
display:inline;

}

/*---------------------------css dropdown menu------------------*/







#nav {
clear: both;
margin:0;
overflow: visible;
z-index: 1000;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 33px;
	line-height: 26px;
	background:url(images/menu-fade.jpg) repeat-x #fff;
}
#nav ul {

	list-style: none;
	padding: 1px 0 0px 3px;
}

#nav a{
display: block;
color: #488041;
border-top: 1px solid #fff;
border-right: 1px solid #64A65A;
border-bottom: 1px solid #64A65A;
border-left: 1px solid #fff;
text-decoration: none;
padding: 0 10px;
background:url(images/button-fade.jpg);
}
#nav a:hover{
background: #c7e0a6;
color: #224E1C;

}

#nav .current_page_item a {
color: #000;
background: #f7fdef;
border-color: #fff;

}
#nav li{
float:left;
position:relative;
list-style: none;
padding: 0px 0 0 3px;
}

#nav ul {

position:absolute;



display:none;



width:12em;



top:1.5em;



}







#nav li ul a{



width:12em;



height:auto;



float:left;



background: #c7e0a6;



border-top: 0px solid #fff;



border-right: 1px solid #64A65A;



border-bottom: 1px solid #fafdf6;



border-left: 1px solid #fff;



}



#nav ul ul{



top:auto;



}	







#nav li ul ul {



left:12em;



margin:0px 0 0 20px;



}







#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{



display:none;



}



#nav li:hover ul{



display:block;

top:2.25em;



}

#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{

display:block;

top:.25em;

}



/* ------------------------------- Footer -------------- */



#footer {



	width: 770px;



	margin: 0 auto;



	padding: 20px 0;



}



#bottom {



	width: 255px;



	float: left;



  font-size: .7em;



color: #e8e2ca;



}



#bottom ul li {



  list-style-type: box;



line-height: 15px;



}



#bottom a {



	color: #e8e2ca;



	padding: 1px 0px;



}



#bottom a:hover {



	color: #fff;



}



#bottom img {



	float: right;



}



#copyright {



clear: both;



	text-align: center;



	padding: 20px 0 0 0;



	font-size: .7em;



	color: #35271c;



}



#copyright a, #copyright a:visited {



color: #e8e2ca;



}



#copyright a:hover {



color: white;



}



/* classes */



.box {

}

.main-content {



  margin: 1em;



}



.front-content{



margin:0;



}



.cols-wrapper {



  margin: 0 -1px;



}



.box {



  font-size: 92%;



  line-height: 1.18em;



}



/*



** Page layout blocks / IDs



*/



#logo {



  vertical-align: middle;



  border: 0;



}



#logo img {



  float: left;



  padding: 0em 1.0em 0em 1em;



  border: 0;



}



#menu {



  padding: 0.5em 0.5em 0 0.5em;



  text-align: right;



  vertical-align: middle;



}



#primary {



  font-size: 1.0em;



  padding: 0em 0.8em 0.5em 0;



  color: #9cf;



}



#primary a {



  font-weight: bold;



  color: #fff;



}



#secondary {



  padding: 0 1em 0.5em 0;



  font-size: 0.8em;



  color: #9cf;



}



#secondary a {



  font-weight: bold;



  color: #9cf;



}



#search .form-text, #search .form-submit {



  border: 1px solid #369;



  font-size: 1.1em;



  height: 1.5em;



  vertical-align: middle;



}



#search .form-text {



  width: 8em;



  padding: 0 0.5em 0 0.5em;



}



#mission {



  background-color: #369;



  padding: 1.5em 2em;



  color: #fff;



}



#mission a, #mission a:visited {



  color: #9cf;



  font-weight: bold;



}



.site-name {



  margin: 0.6em 0em 0em 0em;



  padding: 0em;



  font-size: 2em;



}



.site-name a:link, .site-name a:visited {



  color: #fff;



}



.site-name a:hover {



color: #369;



  text-decoration: none;



}



.site-slogan {



  font-size: 1em;



  color: #eee;



  display: block;



  margin: 0em 0em 0em 0em;



  font-style: italic;



  font-weight: bold;



}



#mission, .node .content, .comment .content {



  line-height: 1.4;



}



#help {



  font-size: 0.9em;



  margin-bottom: 1em;



}



.breadcrumb {



  margin-bottom: .5em;



}



.messages {



  background-color: #eee;



  border: 1px solid #ccc;



  padding: 0.3em;



  margin-bottom: 1em;



}



.error {



  border-color: red;



}



tr.odd td, tr.even td {



  padding: 0.3em;



}



fieldset {



  border: 1px solid #ccc;



}



pre {



  background-color: #eee;



  padding: 0.75em 1.5em;



  font-size: 12px;



  border: 1px solid #ddd;



}



table {



  /* make <td> sizes relative to body size! */



  font-size: 1em;



}



.form-item label {



  font-size: 1em;



  color: #222;



}



.item-list .title {



  font-size: 1em;



  color: #222;



}



.item-list ul li{



  list-style-type:none;



}



.links {



  margin-bottom: 0em;



}



.comment .links {



  margin-bottom: 0em;



}