/* ================== */
/* = Default Styles = */
/* ================== */
body{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:1em;
	color:#282828;
	background: #CBE5FF url('../_img/main-bg.png') repeat-x 0 7px;
	border-top: 7px solid #903;
}
h1{
	color: #903;
}
a{
	color:#903;
}
a:hover{
	text-decoration: none;
}
p{
	margin:20px 0;
	line-height:1.5em;
}
#container{
	width: 963px;
	margin: 0 auto;
}
blockquote{
	padding: 10px 50px 5px 50px;
	font-size: .9em;
	color: #666;
}

/* ========== */
/* = Header = */
/* ========== */

#header{
	display: block;
	width: 963px;
	height: 189px;
	background: url(../_img/header.png) no-repeat 0 0;
}

#header h1{
	display: block;
	padding-top: 30px;
}
#header h1 a{
	display: block;
	text-indent: -999px;
	height: 145px;
	width: 615px;
	
	/* background-color: green;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50); */
}

/* ============= */
/* = Main area = */
/* ============= */

#main-containter{
	display: block;
	width: 963px;
	background: url(../_img/main-back.png) repeat-y 0 0;
}

#main{
	display: block;
	width: 963px;
	background: url(../_img/main-top.png) no-repeat 0 0;
}

/* ======== */
/* = Menu = */
/* ======== */

#menu{
	float: left;
}

#menu ul{
	width: 197px;
	padding: 15px 0 0 11px;
}

#menu ul li{
	display: block;
	height: 54px;
	text-align: right;
	text-transform: lowercase;
	border-bottom: 1px solid #FFE580;
}

#menu ul li a{
	display: block;
	height: 45px;
	padding: 9px 24px 0 0;
	text-decoration: none;
	color: black;
	font-style: italic;
}
#menu ul li span{
	font-size: 0.74em;
	font-style: normal;
	color: #333;
}
#menu ul li a:hover span, #menu ul li.currentPage a span{
	color: #c70045;
}
#menu ul li a:hover{
	background: #FFF url(../_img/menu-hover.png) no-repeat bottom left;
	color: #903;
}
#menu ul li.currentPage a{
	background: #FFF url(../_img/menu-active.png) no-repeat bottom left;
	color: #903;
}

/* =========== */
/* = Content = */
/* =========== */

#content{
	width: 705px;
	float: right;
	margin: 45px 30px 10px 0;
	font-size: 0.9em;
}
#content ul{
	padding-left: 45px;
}
#content ul li{
	line-height:1.5em;
	background: url('../_img/bullet.png') no-repeat 0 8px;
	padding-left: 27px;
}
#content ol{
	padding-left: 25px;
	list-style:decimal;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
	color: #903;
	font-size: 1.3em;
	text-transform: lowercase;
	line-height: 2em;
}
#content h3{
	font-size: 1.3em;
}
#content h4{
	font-size: 1.25em;
}
#content h5{
	font-size: 1.2em;
}
#content h6{
	font-size: 1.15em;
}
#content h2{
	display: block;
	height: 48px;
	text-indent: -9999px;
	border-bottom: 1px solid #000;
}
h2#h2-welcome{
	background: url('../_img/h2-welcome.png') no-repeat 0 0;
}
h2#h2-about-us{
	background: url('../_img/h2-about-us.png') no-repeat 0 0;
}
h2#h2-volunteers{
	background: url('../_img/h2-volunteers.png') no-repeat 0 0;
}
h2#h2-how-to-get-meals{
	background: url('../_img/h2-how-to-get-meals.png') no-repeat 0 0;
}
h2#h2-donate{
	background: url('../_img/h2-donate.png') no-repeat 0 0;
}
h2#h2-events-news{
	background: url('../_img/h2-events-news.png') no-repeat 0 0;
}
#content table{
	border: 2px solid #B0A8AC;
	background-color: #990134;
	margin: 1em 0;
	color: #FFF;
}
#content table tr th{
	background: #6D062D url('../_img/th-bg.png') repeat-x 0 0;
	padding: 20px 10px;
	height: 18px;
}
#content table td, #content table th{
	padding: 10px 20px;
	border-top: 1px solid #790A31;
	border-right: 1px solid #790A31;
}
#content img {
	border: 1px solid #000;
	margin: 25px 15px 15px 15px;
}

/* ========== */
/* = Footer = */
/* ========== */

#footer{
	display: block;
	width: 898px;
	height: 46px;
	background: url(../_img/footer-bg.png) no-repeat 0 0;
	font-size: 0.8em;
	padding: 0 45px 0 20px;
	clear: both;
}

#footer p{
	font-style:italic;
	float: left;
	margin: 0;
	line-height: 46px;
}

#footer li.First{
	background: none;;
	padding-left: 5px;
}

#footer ul{
	width: 650px;
	float:left;
}

#footer li{
	background: transparent url(../_img/bullet-footer.png) no-repeat scroll left center;
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	font-style:italic;
	line-height: 46px;
	padding: 0 17px 0 35px;
}


#footer p#right{
	text-align:right;
	float: right;
	line-height: 12px;
	font-style:normal;
	font-size: 0.9em;
	padding-top: 13px;
}

/* =========== */
/* = Classes = */
/* =========== */

p.sidebar-image{
	margin-top: 21px;
	text-align: right;
}

div#map{
	background: url(../_img/map_bg.png) top left no-repeat;
	width: 325px;
	height: 343px;
	padding: 8px;
	float: right;
	text-align: center;
}

div#map a{
	color: #FFF;
	line-height: 1.2em;
}

span.signature{
	font-style:italic;
	color: black;
}

.right {
	float: right;
}

.bold {
	font-weight: bold;
}