/* 
food bank - main css  
10/18/06
*/


/* -----------------------------------------------


  =handy classes
-----------------------------------------------*/

img {
	border:0;
	margin:0;
	padding:0;
}

.clear {clear:both;}
.hide {visibility:hidden;}
.noshow {display:none;}

.left {float:left;}
.right {float:right;}

/* -----------------------------------------------


  =containing and background holding divs 
-----------------------------------------------*/
body{
	margin: 0;
	padding:0;
	text-align:center;
	font-size: 85%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff;
}

/*inner pages take one bkg and the home page would like another */
body {
	background:#750908  url(../img/inner_body_bkg01.jpg) repeat-y top center;
}

h1, h2, h3, h4, h5, h6 { font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;}

#container_bkg_hold {
	margin:0;
	padding:0;
	width: 100%;
	background: transparent url(../img/inner_graid_shadow01.jpg) no-repeat top center;
}
	

#graid_hold {
	margin:0;
	padding:0;
	width: 100%;
	background: transparent url(../img/page_top_graid.jpg) repeat-x;
}

	
#container{
	width:754px;
	margin:0 auto;
	text-align:left;
}


#wrapper {

}

/* -----------------------------------------------


 =header elements 
-----------------------------------------------*/

#header {
	margin:0;
	padding:0;
	width:754px;
	height:92px;
	background: transparent url(../img/inner_header_bkg01.jpg) no-repeat top center;
	position:relative;
}

#logo {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 18px;
	left: 8px;	
}


/* -----------------------------------------------


 =main navigation  
-----------------------------------------------*/


#nav_main {
    height: 29px;
    margin:0;
    padding: 12px 0 0 190px;
	font-size: 90%;/*left padding is equal to the left col width plus a bit more */
}


#nav_main ul {
    margin:0;
    padding:0;
    list-style: none;
}

#nav_main li{
    float: left; 
    margin:0;
    display: table;
    text-indent:-200000px;
}

#nav_main li#about a
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll 0 0;
    width:60px;	
}

#nav_main li#about a:hover
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll 0 -29px;
    width:60px;	
}

#nav_main li#programs a
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll -60px 0;
    width:84px;	
}

#nav_main li#programs a:hover
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll -60px -29px;
    width:84px;	
}

#nav_main li#getHelp a
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll -144px 0;
    width:81px;	
}

#nav_main li#getHelp a:hover
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll -144px -29px;
    width:81px;	
}

#nav_main li#cal a
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll -225px 0;
    width:83px;	
}

#nav_main li#cal a:hover
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll -225px -29px;
    width:83px;	
}

#nav_main li#donate a
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll -308px 0;
    width:72px;	
}

#nav_main li#donate a:hover
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll -308px -29px;
    width:72px;	
}

#nav_main li#getInvolved a
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll -380px 0;
    width:110px;	
}

#nav_main li#getInvolved a:hover
{
    background:transparent url(/img/foodbank_menu_all.png) no-repeat scroll -380px -29px;
    width:110px;	
}

#nav_main  a {
    display:block;
    height:29px; 	
}

#nav_main a:visited {
}

#nav_main a:active {
}

/* -----------------------------------------------


 =subnav
-----------------------------------------------*/

#nav_second {
	margin:0;
	padding: 16px 0 0 197px;/*left padding is left col width plus 15 */
}

#nav_second ul {
	margin:0;
	padding:0;
	

}

#nav_second li{
	margin:0;
	padding:0 6px 0 0; 
	display: inline;
}


#nav_second li img {
 	margin:0;
	padding:0;
	border:0;
}

#nav_second li a 
{
    background:transparent url(/img/foodbank_subnav_bullet.png);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:10px;
    color:White;
    font-family:Times New Roman;
    text-decoration:none;	
}



/* -----------------------------------------------


 =content main 
-----------------------------------------------*/

#content{
	margin:0;
	padding: 20px 20px 0 0; /*removed 30px left padding */
	float:right;
	font-size:1em;
	/*width:568px; new width below to accomodate padding for interior pages*/
	width:518px;
}

#content img.left {
	float: left; 
	padding: 5px 10px 5px 0;
}


/* -----------------------------------------------


 =text size menu
-----------------------------------------------*/

#text_size_menu {
	margin: -15px 0 0 458px;
	width: 80px;
	height: 23px;
}


.cal_descript {
	margin-left: 240px;
}




/* -----------------------------------------------


 =content second positioning and main styles
-----------------------------------------------*/

#content_second img.underline {
	border-bottom: 2px solid white; 
	display: block;
}

#content_second{
	margin:0;
	padding: 0;
	width:183px;
	float:left;
	position: relative;

}

#content_second_wrapper {
/*only exists to make ns6 happy with the absolute positioning */
	margin: 0;
	padding: 0;
	position: relative;
		
}


#content_second_bkg {
/*can and  apple image behind text in the second content col*/
	margin: 0;
	padding: 0;
	position: absolute;
	top:215px;
	left:20px;
	z-index: 0;
}

#content_second_container { 
/* this guy holds all the second content and keeps the links working in ff and keep it above the content second bkg */
	margin: 0;
	padding: 0;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 100;
}

#optional_section {
	margin: 0 ;
	padding: 25px 10px 10px 25px;
	text-align: center;
}


#optional_section img.recog	 {
	margin: 0 auto;
	padding: 10px;
	border:0;	
	
}

/* -----------------------------------------------


  =footer 
-----------------------------------------------*/
#footer{
	margin: 0;
	padding:0;
	clear:both;
	width:100%;
}

#footer p {
	margin: 0;
	padding: 50px 10px 5px 200px;
}


/* -----------------------------------------------


  =detail listing content with images layout styles 
  -------------------------------------------------*/

dl.detail_listing_img {
	padding:0;
	margin: 0 0 15px 0;
 	overflow: auto;
	width: 100%;
}

dl.detail_listing_img dt img{
	padding: 0;
	margin: 0 0 5px 0 ;
	border: 2px solid white;
 }
 
 dl.detail_listing_img dt {
 	float:left;
	/*width:120px;*/
	margin:0 10px 0 0;
	padding:0;
}

 dl.detail_listing_img dd {
 	float:left;
	width: 380px;
	margin:0;
	padding:0;
}

dl.detail_listing_img dd h5 { /*the main title of the listing */
 	margin:0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
 }

dl.detail_listing_img dd h6 { /*subitile of the listing */
 	margin:0;
	padding: 0;
	font-size: 100%;
	font-style: italic;
	font-weight:100;
 }



/* -----------------------------------------------


  =detail listing layout styles 
 -----------------------------------------------*/

dl.detail_listing {
	padding:0;
	margin: 0 0 15px 0;
	width: 100%;
}

 
 dl.detail_listing dt {
 	margin:10px 0 10px 0;
	padding:0;
	display:block;
}

 dl.detail_listing dd {
 	margin:0;
	padding:0;
	display:block;
}

dl.detail_listing dd h5 { /*the main title of the listing */
 	margin:0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
 }

dl.detail_listing dd h6 { /*subitile of the listing */
 	margin:0;
	padding: 0;
	font-size: 100%;
	font-style: italic;
	font-weight:100;
 }




/* -----------------------------------------------


 =one colum page for convio content  not used for any other pages
-----------------------------------------------*/

body#one_col {
	background:#750908  url(../img/inner_body_bkg_one_col.jpg) repeat-y top center;
}


body#one_col #container_bkg_hold {
	margin:0;
	padding:0;
	width: 100%;
	background: transparent url(../img/inner_graid_shadow_one_col.jpg) no-repeat top center;
}


body#one_col #content{
	margin:0;
	padding: 20px 10px 0 20px;
	width:700px;
}


/* -----------------------------------------------


 =sponsors page boxed area
-----------------------------------------------*/

#sponsors_box {
	margin: 20px 0;
	padding:10px 0 0 0;
	width: 480px;
	background-color: #fff;
	border: 1px solid #ccc;
}


#sponsors_box ul.sponsors {
	padding:0;
	margin:10px 0 0 0;
	width:480px;
	float: left;
}


#sponsors_box li {
	margin:0;
	padding:0;
	float:left;
	width:160px;
	height:105px;
	list-style:none;
	text-align:center;
}



#sponsors_box li img {
	padding:0;
	margin:auto;	
}



/* -----------------------------------------------


  =text stylin'
 -----------------------------------------------*/
 
 ul.sitemap li{
	 margin-top: 5px;
	 font-weight: bold;
	 font-size: 110%;
 }
 
 ul.sitemap li li {
	font-weight:normal;
	font-size: 100%;
	margin-top: 2px;
 }
 
 
 

 #content_second {
	font-size: 90%;
}
 
 
 ul#related_links {
	margin:15px 5px 0 10px;
	padding:0;	
 }
 
 
 ul#related_links li {
	list-style:none;
	padding-left: 15px;
	margin-top:5px;
	width: 150px;
	background: url(../img/arrow_icon.png) no-repeat top left;
 }
 
 ul#related_links_sub {
	margin:5px 15px 0 5px;
	padding:0;	
 }
 
  ul#related_links_sub li {
	list-style:none;
	padding-left: 10px;
	width: 150px;
	background: url(../img/arrow_icon_sub.png) no-repeat top left;
 }
 
 
 
#content_second dl {
	margin:15px 5px 0 15px;
	padding:0;
	z-index: 100;
}

#content_second dt {
	margin:0;
	padding:0;
	float: left;
}

#content_second dd {
	margin:0 0 5px 0;
	padding:0 0 0 15px;
}


 #content_second h2 {
 	margin: 15px 0 0 15px;
	padding: 0;
	color: white;
	z-index: 100;
}


 h1 { 
 	margin:10px 0 0 10px;
	padding: 0;
	font-size: 200%;
	font-weight: bold; 
 }
 
 h2, h3 {
	margin: 10px 0 15px 0;
	padding: 0;
	font-size: 170%;
 }
 
 body#home h2 {
 	margin: 5px 0 10px 10px;
	font-size: 160%;
	
 }

body#home h2 a{
	color:#FFFFFF;
	text-decoration:none;
 }
 
 body#home h2 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
 }


 h4 {
   	margin: 0 0 5px 0;
	padding: 0;
	font-size: 100%; 
	font-style: italic;
	font-weight: normal;
 
 }
 
 
 h5, h6 {
 	margin: 0 0 5px 0;
	padding: 0;
	font-size: 100%;
	font-weight:bold;
 }
 
 
p {
	padding:0;
	margin:0.9em 0 0.9em 0;
	line-height: 190%;
}


body#home p {
 	line-height: 160%;
}



#content ul, #content ol {
	padding:0 0 0 25px;
	margin:5px 0 10px 0;
	line-height: 190%;
}



/* -----------------------------------------------


 =links stylin' 
-----------------------------------------------*/

a.skipNav {
	display:none;
}

#content_second a:link, #content_second a:visited, #content_second a:hover, #content_second a:active {
	text-decoration: underline;
	color: white;
}

a:link {
	text-decoration: underline;
	color: #E3A65D;
}

a:visited {
	text-decoration: underline;
	color:#BF7925;
}

a:hover {
	text-decoration: underline;
	color: #E3A65D;
}


a:active {
	text-decoration: underline;
	color: #E3A65D;
}

a[rel="external"] {
	background:url(../img/externalLink.png) 99% 40% no-repeat;
	padding-right: 18px;
}

a[rel="external"] span {
	display: none;
}

/* Admin stuff */
.flashRow td
{
    text-align:left;    
    word-wrap: break-word;
}

.subhead {
    font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	margin: 10px 0 15px 0;
	padding: 0;
	font-size: 140%;
	line-height: 50%;
 }