
BODY {
	padding: 0;
	margin: 0;
	color: #404040;
	font-family: Verdana, Arial, Helvetica, sans-serif; }

H1 {
	font-size: 15px;
	line-height: 20px;
	margin: 0 0 5px 0; }

H2, H3, H4, H5, H6 {
	margin: 20px 0 10px 0;
	font-size: 12px; 
	line-height: 16px;
	font-weight: bold; }

P, LI, TD {
	font-size: 12px; 
	line-height: 16px; }

P {
	margin: 7px 0 10px 0; }

A {
	color: #163690; }

A:Hover {
	color: #455EA6; }

SPAN.blue {
	color: #455EA6; }


#topbar, #footer {
	background: #204bb1 url(../img/bg_bluegradient.png) repeat-x bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid white;
	overflow: hidden;
	clear: both; }

#topbar {
	height :49px; }

#menus {
	position: absolute;
	top: 48px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	right: 16px; }

DIV.topnav {
	margin-right: 20px; }

DIV.left {
	float: left;
	width: 64%;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif; }

DIV.orange, DIV.green, DIV.yellow {
	height: 50px;
	float: right;
	width: 158px;
	_width: 169px;
	padding: 4px;
	border-right: 1px solid white;
	border-left: 1px solid white;
	margin-left: -1px;
	margin-right: -1px;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-align: left; }

DIV.left DIV.yellow {
	position:relative;
	float: right;
	width: 24%; }

DIV.empty {
  height: 50px;
	float: right;
	padding: 4px;
	margin-left: -1px;
	margin-right: -1px;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-align: left;
	border: none;
	text-align: right; }

#topbar DIV.empty A {
	background: none; }

DIV.orange {
	background: #ff7209 url(../img/bg_orangegrad.png) repeat-x bottom; }

DIV.green {
	background: #4ea346 url(../img/bg_greengrad.png) repeat-x bottom; }

DIV.yellow {
	background: #fad019 url(../img/bg_yellowgrad.png) repeat-x bottom; }

DIV#feature {
	background: url(../img/bg_featuregrad.jpg) top right;
	height: 316px;
	border-bottom: 1px solid #a4add4; }

DIV.logo {
	position: absolute;
	left: 40px;
	top: 67px;
	width: 300px; }

img.postit, div#feature ul {
	position: relative;
	left: 25px; }

DIV#feature UL {
	color: #163690;
	padding: 0;
	margin: 0;
	margin-left: 60px; }

DIV#feature UL LI, A.raquo {
	background: url(../img/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	display: block;
	padding: 0;
	padding-left: 12px;
	margin: 0;
	font-size: 12px;
	line-height: 20px; }

DIV#feature.contentfeature {
	height: 110px;
	/*padding-right: 75px;*/
	overflow: hidden; }







TABLE.content {
	margin-top: 20px; }

TD.content_side_column {
	width: 33%;
	padding: 0 20px 0 20px; }

TD.content_centre_column {
	width: 33%;
	padding: 0 20px 0 20px;
	border-left: 1px solid #A2AED3;
	border-right: 1px solid #A2AED3; }

IMG.inline_image {
	margin: 0 10px 5px 0; }

DIV.news {
	width: 100%;
	margin: 35px 0 30px 0;
	background: #E3E7F2 url('../img/bg_news_grad.gif') repeat-x top; }

TD.news_header_left {
	background: url('../img/bg_news_sides.gif') repeat-y left; }

TD.news_header_right {
	background: url('../img/bg_news_sides.gif') repeat-y right; }

.news H1 {
	margin: 0 0 0 0;
	padding: 20px 0 10px 40px; }

.news_column1 {
	background: url('../img/bg_news_sides.gif') repeat-y left;
	width: 33%;
	padding: 0 20px 10px 40px; }

.news_column2 {
	width: 33%;
	padding: 0 20px 10px 20px; 
	border-left: 1px solid white;
	border-right: 1px solid white; }

.news_column3 {
	width: 33%;
	padding: 0 40px 10px 20px; 
	background: url('../img/bg_news_sides.gif') repeat-y right;}



DIV.quote {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #D1D8E9 url('../img/bg_quote.gif') repeat-x bottom; }

.quote P {
	margin: 0 0 0 0;
	padding: 0 15px 8px 15px; 
	font-style: italic; }

.quote TABLE {
	width: 100%; }

P.quote_signature {
	font-size: 11px; 
	padding-bottom: 0; }



.small_text {
	font-size: 11px; }

.small_text TD {
	padding: 0 5px 4px 0; }

TABLE.small_text {
	margin-bottom: 5px; }

.normal_text TD {
	padding: 0 8px 4px 0; }

TABLE.normal_text {
	margin-bottom: 5px; }




TABLE.content_page {
	margin: 40px 0 0 0; }

TD.content_left {
	padding: 0 20px 0 20px; }

TD.content_right {
	width: 305px; 
	padding: 30px 20px 0 20px;
	border-left: 1px solid #A2AFD3; }







#topbar a {
	background: url(../img/nav_arrow.gif);
	background-position: center right;
	display: block;
	background-repeat: no-repeat; 
	color: white;
	text-decoration: none;
	height: 33px;
	font-size: 12px;
	opacity: .80;
	filter: alpha(opacity=80); }

#topbar .yellow a {
	opacity: .90;
	filter: alpha(opacity=90); }

#topbar a:hover {
	opacity: 1;
	filter: alpha(opacity=100); }

#topbar .left .empty a {
	background: none; }

div.clr {
	clear: both; }

div.padedges20 {
	padding: 0;
	padding-left: 30px;
	padding-right: 30px;
	padding-left: 7%;
	padding-right:7%; }

div.pad20 {
	padding: 20px; }

DIV.pad5 {
	padding: 5px; }


DIV#footer {
	margin-top: 20px;
	padding: 13px 0 13px 20px;
	font-size: 12px;
	color: #BAC7E3; }

#footer A {
	color: #BAC7E3;
	text-decoration: none; }

#footer A:Hover {
	color: #DDE3F1; }




BLOCKQUOTE {
	display: block;
	float: right;
	background:#dde2ef;
	padding: 20px;
	margin: 0;
	width: 30%;
	margin-left: 20px;
	margin-bottom: 10px;
	background: #e3e7f2 url(../img/bg_lightbluegrad.png) repeat-x top; }



DIV#fav {
	background: url(../img/lifeline_logoel.png) no-repeat left;
	font-size: 13px;
	padding: 10px 10px 10px 50px;
	margin: 20px 0 0 20px;
	clear: both; }

DIV#fav a {
	text-decoration: none;
	font-weight: bold; }

DIV#fav a:hover {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif; }







TABLE.blue {
	border: 1px solid white;
	margin-top: 15px;
	margin-bottom: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	width: 100%; }

TABLE.blue TD.num {
	text-align: right; }

TABLE.blue TD {
	padding: 5px;
	padding-left: 6px;
	padding-right: 6px; }

TABLE.blue thead TH {
	background: #7186BE;
	text-align: left;
	color: white;
	font-weight: bold;
	padding: 6px; }

TABLE.blue TR.blue1 TD {
	background: #E8EBF4; }

TABLE.blue TR.blue2 TD {
	background: #F1F3F8; }

TABLE.blue TR.green TD {
	font-weight: bold;
	color: #30692c;
	background:#D7EBD3; }

TABLE.blue TR.orange TD {
	font-weight: bold;
	background: #FFd7A2;
	color: #CB5500; }

TABLE.blue tfoot TR.blue2 TD {
	font-weight: bold; }

SPAN.error, .error {
	font-weight: bold;
	color: #D70A0F; }

SPAN.asterisk {
	color: #D70A0F; }

HR {
	border: 0;
	color: #A2AFD3;
	background-color: #A2AFD3;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px}
	
HR.whiteline {	
	color: #FFF; 
	background-color: #FFF; 
	margin-top: 4px;
	margin-bottom: 4px}

.infoDiv {
  border: 1px solid #A2AED3;
  padding: 6px;
  background-color: #EFEFFF;  }

/* PLEASE UPDATE LIFELINE.CSS WITH THE FOLLOWING: */

.blue {
	color: #163690; }
	
.box_icon {
	padding-left: 8px;
	float: right }

/*  "OUR COMMUNITY PROGRESS" FEATURE BOX  */

#box1_top_l {
	background: URL(../img/friends/box1_05.gif) repeat-y; }
#box1_top_c {
	background: URL(../img/friends/box1_02.gif) repeat-x top; }
#box1_top_r {
	background: URL(../img/friends/box1_06.gif) repeat-y; }
#box1_btm_l {
	background: URL(../img/friends/box1_05.gif) repeat-y bottom; }
#box1_btm_c {
	background: URL(../img/friends/box1_09.gif) repeat-x bottom; }
#box1_btm_r {	
	background: URL(../img/friends/box1_06.gif) repeat-y bottom; }
	
/*  "FIND A LOCAL BUSINESS" FEATURE BOX  */

#box2_top_l {
	background: URL(../img/friends/box2_05.gif) repeat-y; }
#box2_top_c {
	background: URL(../img/friends/box2_02.gif) repeat-x top; }
#box2_top_r {
	background: URL(../img/friends/box2_06.gif) repeat-y; }
#box2_btm_l {
	background: URL(../img/friends/box2_05.gif) repeat-y bottom; }
#box2_btm_c {
	background: URL(../img/friends/box2_09.gif) repeat-x bottom; }
#box2_btm_r {	
	background: URL(../img/friends/box2_06.gif) repeat-y bottom; }

/*  LINK STYLE "FIND A LOCAL BUSINESS" FEATURE BOX  */
	
TD.ListLink UL {
	list-style-image: url('../img/friends/arrow_bullet.gif');
	padding: 0 5 0 0; }
TD.ListLink UL {
	margin-left: 20px; }
TD.ListLink UL LI {
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 5px; 
	margin-left:0px; }
	
/*  "LOG IN TO YOUR ACCOUNT" FEATURE BOX  */

#box3_top_l {
	background: URL(../img/friends/box3_05.gif) repeat-y; }
#box3_top_c {
	background: URL(../img/friends/box3_02.gif) repeat-x top; }
#box3_top_r {
	background: URL(../img/friends/box3_06.gif) repeat-y; }
#box3_btm_l {
	background: URL(../img/friends/box3_05.gif) repeat-y bottom; }
#box3_btm_c {
	background: URL(../img/friends/box3_09.gif) repeat-x bottom; }
#box3_btm_r {	
	background: URL(../img/friends/box3_06.gif) repeat-y bottom; }
	
/*  "JOIN FRIENDS OF LIFELINE" FEATURE BOX  */

#box4_top_l {
	background: URL(../img/friends/box4_05.gif) repeat-y; }
#box4_top_c {
	background: URL(../img/friends/box4_02.gif) repeat-x top; }
#box4_top_r {
	background: URL(../img/friends/box4_06.gif) repeat-y; }
#box4_btm_l {
	background: URL(../img/friends/box4_05.gif) repeat-y bottom; }
#box4_btm_c {
	background: URL(../img/friends/box4_09.gif) repeat-x bottom; }
#box4_btm_r {	
	background: URL(../img/friends/box4_06.gif) repeat-y bottom; }

