/*****************************************************************************\
 * 501 Life Website - Datapage CSS File                                      *
\*****************************************************************************/
body 						{ margin: 0px; padding: 0px; background-color: #402806; 
									font-family: Georgia, "Times New Roman", Times, serif; 
									font-size: 12px; color: #666666; }
a								{ text-decoration: none; color: #00CCFF; }
img							{ border: none; }
.pageContainer 	{ margin-left: auto; margin-right: auto; 
									text-align: center; width: 1033px; }

/* Header CSS */
.header 				{ width: 1033px; height: 109px; }
.header img 		{ float: left; }

/* Column tops/caps CSS */
.caps 					{ width: 1033px; height: 16px; overflow:hidden; }
.caps div 			{ float: left; height: 16px; background-repeat: no-repeat; }
.caps .lbmTop	{ width: 213px; background-image:url(../images/hm/lbm_top.jpg); }
.caps .bdyTop	{ width: 820px; background-image:url(../images/dp/bdy_top.jpg);  }

/* CSS that creates the column backgrounds and bottom left column cap */
.backgroundFill 			{ float: left; clear: both; background-image:url(../images/hm/lbm_bottom.gif);
											background-position: bottom left; background-repeat: no-repeat; }
.menuLeftBackground { float: left; clear: both; background-image:url(../images/hm/bg_bdy_left.gif); 
											background-position: left; background-repeat: repeat-y; }

/* Middle / Content Column CSS */	
.middle 				{ float: left; width: 810px; background-repeat:repeat-y;
								background-image:url(../images/dp/bg_bdy_right.gif); }
.middleTop 		{ float: left; padding-left: 4px; width: 810px;  text-align: left; }
.menuLeft 			{ float: left; width: 213px; font-size: 14px;  }
.menuLeftTop 	{ float: left; width: 213px; }
.menuLeftTop .menuHeader { float: left; clear: both; }
.menuLeft .mainMenu 			{ text-align: left; }
.menuLeft .mainMenu ul 		{ padding-left: 0px; margin-left: 0px; list-style: none; }
.menuLeft .mainMenu li 		{ list-style: none; margin-left: 28px; padding-left: 16px; width: 155px;  
													background-image: url(../images/hm/dotted_line.gif); background-repeat:repeat-x; 
													background-position:bottom; height: 23px; margin-bottom: 5px;  }
.menuLeft .mainMenu a 		{ color: #6b4714; }
.menuLeft .mainMenu a:hover { color: #00aeef; }
.menuLeft .button 					{ margin-left: 16px;  }
.menuLeftBottomCap 				{ float: left; width: 213px; height: 15px;	background-position:bottom; 
														background-image:url(../images/hm/lbm_bottom.gif); 
														background-repeat:no-repeat; }
														
.content 		{ text-align: left; }
.columnLeft 	{ float: left; width: 480px; }
.columnLeft .main img					{ border: 5px #FFFFFF solid; }
.columnLeft .main p { width: 444px; }
.columnLeft .thisMonthsIssue	{ float: left; clear: both; width: 480px; height: 39px; }
.columnLeft .placeHolder 		{ margin-left: auto; margin-right: auto; width: 430px; margin-bottom: 0px; }
.caption 										{ background-color: #cdeefd; margin: 0 15px; 
															font-weight: bold; color: #000000; text-align: left;
															padding: 5px 10px; font-size: 10px;  }
.columnLeft .imageAndCaption 	{ margin: 0 auto 20px auto; }
.columnLeft .content 					{ margin-left: 20px; padding-right: 16px;  }
.columnLeft .content .category 	{ background-image: url(../../501_Life_Homepage/images/dp/dotted_line.gif); 
																background-position: left bottom ; background-repeat:repeat-x; 
																padding-bottom: 4px; margin-bottom: 10px; } 
.columnLeft .content .view 			{ margin-bottom: 10px; }
.columnLeft .content .view .contentheading ,
.columnLeft .content .view .contentpagetitle		{ font-family: Georgia, "Times New Roman", Times, serif; 
																							font-size: 24px; color: #99cc00; font-weight: bold; }
.columnLeft .content .catList 									{ margin-bottom: 10px; }
.catList .contentheading,
.columnLeft .content .contentpagetitle 	 	{ font-family: Georgia, "Times New Roman", Times, serif; 
																					font-size: 20px; color: #99cc00; font-weight: bold; }
.columnLeft .content .createdate 	{ font-size: 10px; color: #999999; 
																	margin-bottom: 0px; margin-top: 5px;
																	font-family:"Lucida Sans", Arial, "Trebuchet MS"; }

/* Rightmost Column CSS */
.columnRight 						{ float: left; width: 320px; }
.columnRight .rightAd 		{ width: 300px; padding-left: 10px; }
.columnRight .rightAd img { padding-bottom: 10px; }
.welcome 								{ font-family: Georgia, "Times New Roman", Times, serif; 
													font-size: 20px; color: #99cc00; }										
.middleBottomCap				{	float: left; width: 820px; height: 14px; 
													background-image:url(../images/dp/bdy_bottom.gif); 
													background-position:bottom; background-repeat:no-repeat; } 
.bannerAd								{ float: left; clear: both; width: 820px; height: auto; 
													background-color: #eceddf; 
													background-image:url(../images/hm/bg_ftr_side.gif); 
													background-position: right; background-repeat:repeat-y;  }

/* Footer CSS */
.footer 							{ float: left; clear: both; width: 1033px; height: 71px;
											background-image:url(../images/hm/bg_ftr.gif); color: #666666;
											font-size: 10px; font-family:"Lucida Sans", Arial, "Trebuchet MS";  }
.footer .content 		{ float: left; padding-left: 30px; margin-top: 25px; }
.footer .privacy 		{ float: right; padding-right: 30px; margin-top: 25px; text-transform: uppercase; }
.footer .privacy a 		{ color: #666666; }
.footer .privacy a:hover { color: #00aeef ; }

/* Softwyre logo (below footer) */
.softwyre { width: 1022px; height: 25px; float: left; text-align: right; }


/* Image Shadow CSS */
.shadowImage { margin: 0 auto; }
.wrap0, .wrap1, .wrap2, .wrap3 { display:block; }
.wrap0 { background:transparent url(../images/hm/shadow_ffffff.gif) no-repeat scroll right bottom; float:left; }
.wrap1 { background:transparent url(../images/hm/shadow180_ffffff.gif) no-repeat scroll left top; }
.wrap2 { background:transparent url(../images/hm/corner_bl_ffffff.gif) no-repeat scroll left bottom; }
.wrap3 { background:transparent url(../images/hm/corner_tr_ffffff.gif) no-repeat scroll 100% top; padding:10px; }
.blog .shadowImage { float: right; }