@charset "UTF-8";
/* CSS Document */

/* Global Items */
* 								{	margin: 0px;padding: 0px; font-family:Arial, Helvetica, sans-serif; color:#999;}
body 							{	text-align: center;padding: 0 !important;padding-right: 1px;}
a:focus 						{	outline: none;}
a 								{	text-decoration: none;}
a img 							{	border-style: none;}
a:hover 						{	text-decoration: underline;}
image 							{	border: none;}

/* Main Layout Items */
#wrapper 						{	margin: 0 auto;width: 945px;text-align: left;}
#masthead						{	height:160px; position:relative; border-bottom: 1px solid #CCC;}
#masthead a.logo				{	width: 457px; height:105px; top: 26px; left: 0px; position:absolute; display:block; text-indent:-2000px; background:url(images/srb_logo.jpg) no-repeat; z-index:1}



/* Navigation Items */
#main_navigation				{   height: 45px; position:absolute; bottom:0; left: 160px; z-index:100;}
#nav							{	list-style: none;margin: 0;padding: 0;width: 704px;height: 45px;display: inline;bottom: 0 !important;bottom: -1px;overflow: hidden;}
#nav li							{	margin: 0;padding: 0;display: inline;list-style-type: none;}
#nav a 							{	float: left;height: 45px;overflow: hidden;text-indent: -1000em;}
#nav a:hover 					{	background-position: 0 0;}
#dimes a						{	background:url(images/nav_dimes.gif) no-repeat bottom;width:153px;}
#leuk a 						{	background:url(images/nav_leuk.gif) no-repeat bottom;width:236px;}
#caring a 						{	background:url(images/nav_caring.gif) no-repeat bottom;width:156px;}
#local a 						{	background:url(images/nav_local.gif) no-repeat bottom;width:159px;}

/* Navigation Items - On state */
#dimespage #dimes a, #leukpage #leuk a, #caringpage #caring a, #localpage #local a {background-position: 0 0;}

#logos							{	width: 160px; background:url(images/charity_logos.gif) no-repeat left center; height: 500px; float:left; position:relative;}
#logos a.link_dimes			 	{ 	position:absolute; top: 155px; left:0; width:148px; height: 53px; text-indent:-2000px }
#logos a.link_leuk		 		{ 	position:absolute; top: 208px; left:0; width:148px; height: 63px; text-indent:-2000px }
#logos a.link_cardinals			{ 	position:absolute; top: 274px; left:0; width:148px; height: 77px; text-indent:-2000px }

#lt_panel						{	width: 220px;float:left; text-align:center; margin-bottom: 30px; padding: 10px 0 0 0;}
#lt_panel p						{ 	padding:5px 0;}
#lt_panel img					{	border: 1px solid #FF2B33;}

#content						{	width: 715px; float:left; font-size:12px; margin-bottom: 60px; background:url(images/bg.gif) right 100px no-repeat;}
#content a						{	font-weight:bold;}
#content h1						{	color: #FF2B33; font-size:24px; border-bottom: 1px solid #FF2B33; padding: 29px 0 0 0; font-weight:bold; margin: 0 0 29px 0;}
#content p						{	padding: 10px 0; line-height: 18px;}
#content ul.circles				{	margin-left: 6px!important; margin-left: 3px; padding: 10px 0; list-style:none;}
#content .circles li			{	padding: 15px 10px; list-style:none; background:url(images/circle.gif) no-repeat left 22px;}
#content ul.arrows				{	margin-left: 6px!important; margin-left: 3px; padding: 10px 0; list-style:none;}
#content .arrows li				{	padding: 15px 15px; list-style:none; background:url(images/arrow.gif) no-repeat left 19px; font-size: 14px; font-weight:bold;}

#headline h1					{	color: #FF2B33; font-size:24px; border-bottom: 1px solid #FF2B33; padding: 29px 0 0 0; font-weight:bold; margin: 0 0 29px 0;}

#i_content						{	width: 705px; float:right; font-size:12px; margin-bottom: 60px; background:url(images/bg.gif) right 80px no-repeat;}
#i_content .int					{	width: 470px; float:left;}
#i_content .int	p.title			{	font-weight:bold; font-size:14px;}
#i_content .int a				{	font-weight:bold;}
#i_content .int p				{	padding: 10px 0; line-height: 18px;}

#i_content .rt_panel			{	width: 200px; float: right; padding: 10px 0 0 0;}

#footer							{	clear:both; font-size:12px; border-top: 1px solid #CCC; padding: 10px 0 25px 0; background:#FFF;}
#footer .lt						{	width: 500px; float:left;}
#footer .rt						{	width: 300px; float:right; text-align:right;}
#footer a						{	padding: 0 7px;}