/* CSS Document */

/************************************************
*	LifeBot general								*
************************************************/

body { background: #FFFFFF url('/images/bkg.gif') top center repeat-x; margin:0 auto; padding:0; text-align : center; }

form { padding:0; margin:0}

#wrap { color: #222222; font-size: 12px; font-family: Trebuchet MS, Arial, Tahoma; margin: 0 auto; padding: 0p }
	
a img { border: none; text-decoration: none; }
a:focus, a:hover, a:active { text-decoration: none; outline: none }

/************************************************
*	LifeBot Header								*
************************************************/

#header { position:relative; width:960px; height:160px; margin:0 auto; }

#headerToolbar { position:absolute; top:0; right:0; width:200px; height:35px; z-index:2}
#headerToolbar ul { margin:0; padding:0}
#headerToolbar ul li { list-style:none; display:block; float:right; margin:0; padding:0; border:0px solid }
#headerToolbar ul li a { width:26px; height:35px; display:block; }
#headerToolbar ul li a span { display:none }
#headerToolbar .buttonHelp a { background: url('/images/header_toolbar_button_help_normal.gif')}
#headerToolbar .buttonHelp a:hover { background: url('/images/header_toolbar_button_help_hover.gif')}
#headerToolbar .buttonMail a { background: url('/images/header_toolbar_button_mail_normal.gif')}
#headerToolbar .buttonMail a:hover { background: url('/images/header_toolbar_button_mail_hover.gif')}
#headerToolbar .buttonTwitter a { background: url('/images/header_toolbar_button_twitter_normal.gif')}
#headerToolbar .buttonTwitter a:hover { background: url('/images/header_toolbar_button_twitter_hover.gif')}
#headerToolbar .buttonFeedComments a { background: url('/images/header_toolbar_button_feed_comments_normal.gif')}
#headerToolbar .buttonFeedComments a:hover { background: url('./images/header_toolbar_button_feed_comments_hover.gif')}
#headerToolbar .buttonFeedSite a { background: url('/images/header_toolbar_button_feed_site_normal.gif')}
#headerToolbar .buttonFeedSite a:hover { background: url('/images/header_toolbar_button_feed_site_hover.gif')}
#headerToolbar .buttonHome a { background: url('/images/header_toolbar_button_home_normal.gif')}
#headerToolbar .buttonHome a:hover { background: url('/images/header_toolbar_button_home_hover.gif')}
#headerToolbar .capLeft { width:16px; height:35px; background: url('/images/header_toolbar_cap_left.gif')}
#headerToolbar .capRight { width:16px; height:35px; background: url('/images/header_toolbar_cap_right.gif')}

#headerLogo { position:absolute; top:0; left:0; width:189px; height:83px; z-index:2; background:url('/images/header_logo.gif')}
#headerLogo a { display:block; width:189px; height:83px;}
#headerLogo a h1 { display:none;}

#headerSearch {position:absolute; top:54px; right:0; width:265px; height:30px;}
#headerSearch #s { width:182px; height:17px; border:1px solid #ddd; background: #f5f5f5; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}
#headerSearch #searchsubmit { width:65px; height:21px; border:1px solid #ddd; background: #f5f5f5 url('/images/header_search_button.gif') top; font-family: Arial, Helvetica, sans-serif; font-size:11px}

/* width =  (dropList) margin right 1px (+1) border left and right 1px (+2) padding left and right 10px (+20) li width 40px (+40) = 63 * button number ==== 63*6 = 378px  --- NEW: minus 1*6 === 372 */
#header #dropListWrap { float:left; position:relative; width:372px; top:70px; left:50%; margin-left:auto; margin-right:auto; white-space:nowrap; z-index:4 }
#header #dropList { position:relative; width:372px; top:0px; left:-50%; overflow:visible} 

#header #dropList2 { position:absolute; width:960px; top:101px; margin:0 auto; left:0; overflow:visible; z-index:3} 

#header #dropList3 { position:absolute; width:960px; top:134px; margin:0 auto; left:0; overflow:visible; z-index:2} 

#header #iconToolbar { position:absolute; width:960px; height:55px; left:0px; top:201px; background:#262626; margin:0 auto; clear:both} 
#header #iconToolbar ul { margin:0; padding:0}
#header #iconToolbar ul li { list-style:none; display:block; float:right; margin:0; padding:0; border:0px solid }
#header #iconToolbar ul li a { width:120px; height:33px; display:block; }
#header #iconToolbar ul li a span { display:none }
#header #iconToolbar .button1 a { background: url('/images/header_icontoolbar_button_1_normal.gif')}
#header #iconToolbar .button1 a:hover { background: url('/images/header_icontoolbar_button_1_hover.gif')}
#header #iconToolbar .button2 a { background: url('/images/header_icontoolbar_button_2_normal.gif')}
#header #iconToolbar .button2 a:hover { background: url('/images/header_icontoolbar_button_2_hover.gif')}
#header #iconToolbar .button3 a { background: url('/images/header_icontoolbar_button_3_normal.gif')}
#header #iconToolbar .button3 a:hover { background: url('/images/header_icontoolbar_button_3_hover.gif')}
#header #iconToolbar .button4 a { background: url('/images/header_icontoolbar_button_4_normal.gif')}
#header #iconToolbar .button4 a:hover { background: url('/images/header_icontoolbar_button_4_hover.gif')}
#header #iconToolbar .button5 a { background: url('/images/header_icontoolbar_button_5_normal.gif')}
#header #iconToolbar .button5 a:hover { background: url('/images/header_icontoolbar_button_5_hover.gif')}
#header #iconToolbar .button6 a { background: url('/images/header_icontoolbar_button_6_normal.gif')}
#header #iconToolbar .button6 a:hover { background: url('/images/header_icontoolbar_button_6_hover.gif')}
#header #iconToolbar .button7 a { background: url('/images/header_icontoolbar_button_7_normal.gif')}
#header #iconToolbar .button7 a:hover { background: url('/images/header_icontoolbar_button_7_hover.gif')}
#header #iconToolbar .button8 a { background: url('/images/header_icontoolbar_button_8_normal.gif')}
#header #iconToolbar .button8 a:hover { background: url('/images/header_icontoolbar_button_8_hover.gif')}
#header #iconToolbar .rulerButton a { width:960px; height:22px; background: url('/images/header_icontoolbar_rulerbutton_normal.gif')}
#header #iconToolbar .rulerButton a:hover { background: url('/images/header_icontoolbar_rulerbutton_hover.gif')}

/************************************************
*	LifeBot Content Slider								*
************************************************/



/************************************************
*	LifeBot Footer								*
************************************************/

#footer { width:960px; background:#161616 url(/images/footer_bkg_center.gif) top repeat-x; ; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#969696; padding:0 }
#footerTop { display:block; height:4px; background:url(./images/footer_bkg_top.gif); font-size:1px; padding:0 }
#footerCenter { display:block; padding:0; margin:0; padding-left:8px; padding-right:8px;} /* available width: 944 */ 
#footer .footerColumn { width:141px; display:block; float:left; padding-left:8px; padding-right:8px; padding-top:12px} /* 944 / 6 = 157 - 16pad = 141 */
#footer .footerColumn ul { font-weight:bold; color:#d5d5d5; margin:0; padding:0; padding-bottom:12px; text-align : left;}
#footer .footerColumn ul li { list-style:none; font-weight:normal; color:#969696; padding:0; margin:0; padding-bottom:2px; font-size:10px}
#footer .footerColumn ul li.header a { color:#d5d5d5; text-decoration:none; font-weight:bold; font-size:11px}
#footer .footerColumn ul li.header a:hover { color:#fff; text-decoration:underline; font-weight:bold; font-size:11px}
#footer .footerColumn ul li a { color:#969696; text-decoration:none; margin:0px; }
#footer .footerColumn ul li a:hover { color:#fff; text-decoration:underline}
#footerBottom { display:block; height:4px; background:url(/images/footer_bkg_bottom.gif); font-size:1px; padding:0}


/*-----------------------------------------------------------------------------------------------
  Form
-----------------------------------------------------------------------------------------------*/

#myform, input, select, textarea{
  background: #cfcfcf;
  margin-top:2px;
  font-family: Arial, Helvetica, sans-serif;
}

/************************************************
*	OLD CSS 					     		    * 
************************************************/
/************************************************
*	Homepage 					     		    * 
************************************************/

#homepage {
	float: left;
	width: 945px;
	margin: 0px 0px 15px 0px;
	padding: 9px 9px 0px 0px;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	text-align : left;
	}

#homepage a, #homepage a:visited  {
	color: #3A87DD;
	text-decoration: none;
	border-bottom: 1px dotted #3A87DD;
	}
	
#homepage a:hover {
	color: #3A87DD;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
	}

	
#homepage p {
	margin: 0px;
	padding: 0px;
	}
	
#homepage h1 {
	color: #222222;
	font-size: 16px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	line-height: 24px;
	}
	
#homepage h1 a  {
	color: #222222;
	text-decoration: none;
	border: none;
	}

#homepage h1 a:hover {
	color: #666666;
	text-decoration: none;
	border: none;
	}
	
#homepage h2 {
	color: #FFFFFF;
	font-size: 16px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	}
	
#homepage h3 {
	background: #F5F5F5;
	color: #222222;
	font-size: 11px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	}

#homepage h4 {
	color: #222222;
	font-size: 11px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0px 5px 0px;
	padding: 0px;
	}

#homepage embed, #homepage object {
	width: 250px; 
	height: 205px;
	margin: 10px 0px 5px 0px; 
	padding: 0px;
	}
	
#homepage ul {
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 15px 0px;
	}
	
#homepage ul li {
	background: url(./images/arrow.gif) no-repeat left;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px;
	}
	
.homepageleft {
	float: none;
	margin: 0px;
	width: 325px;
	padding: 0px 0px 10px 0px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	}
	
.homepagemiddle {
	float: none;
	width: 365px;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	}

.homepageright {
	float: none;
	width: 230px;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	}
	
.homebox {
	margin: 0px;
	padding: 5px 10px 0px 10px;
	}
	
	
#fcg {
	background: #F5F5F5;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	}
	
#fcg p {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	font-size: 12px;
	}

/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 960px;
	margin: 0px auto 0px;
	padding: 11px 0px 0px 0px;
	line-height: 15px;
	color: #505050;
	text-align : left;
	}
	
#contentleft {
	float: left;
	width: 690px;
	margin: 0px 0px 15px 0px;
	padding: 15px 15px 15px 5px;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	}

#contentwide {
	float: left;
	width: 960px;
	margin: 0px;
	padding: 20px 0px 20px 0px;
	border-top: 1px solid #DDDDDD;
	}
	
#contentwide a, #contentwide a:visited {
	color: #3A87DD;
	text-decoration: none;
	border-bottom: 1px dotted #3A87DD;
	}
	
#contentwide a:hover {
	color: #3A87DD;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
	}

#contentleft h1, #contentwide h1 {
	color: #515151;
	font-size: 20px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: 20px;
	}
	
#contentleft h1 a, #contentwide h1 a  {
	color: #515151;
	text-decoration: none;
	border: none;
	}

#contentleft h1 a:hover, #contentwide h1 a:hover {
	color: #666666;
	text-decoration: none;
	border: none;
	}
	
#contentleft h2, #contentwide h2 {
	color: #515151;
	font-size: 16px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-weight: normal;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}
	
#contentleft h3, #contentwide h3 {
	color: #7C7C7C;
	font-size: 22px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
#contentleft h4, #contentwide h4 {
	color: #222222;
	font-size: 22px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}
	
#contentleft img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#contentleft img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

.postarea p {
	padding: 0px 0px 8px 0px;
	margin: 0px;
	text-align : left;
	}
	
.postarea a, .postarea a:visited, .postcomments a, .postcomments a:visited {
	color: #3A87DD;
	text-decoration: none;
	border-bottom: 1px dotted #3A87DD;
	}
	
.postarea a:hover, .postcomments a:hover {
	color: #3A87DD;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
	}
	
.postarea ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
.postarea ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
.postarea ul {
	list-style-type: none;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px 0px;
	}
	
.postarea ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
.postarea ul li {
	background: url(./images/arrow2.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px;
	}
	
.postarea ul ul li {
	background: url(./images/arrow2.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px;
	}
	
blockquote {
	font-style: italic;
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	border-left: 2px solid #C0C0C0;
	text-align : left;
	}
	
#content blockquote p {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	}
	
.postauthor {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
.postmeta {
	background: #F5F5F5;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px 0px 50px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px dotted #BBBBBB;
	}

.postmeta p {
	margin: 0px;
	padding: 0px;
	}
	
code {
	color: #222222;
	background: #EAEAEA;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
	display: block;
	font-family: Verdana, Tahoma, Verdana;
	}
	
.archive {
	float: left;
	width: 320px;
	margin: 0px;
	padding: 0px 25px 20px 0px;
	}

/************************************************
*	Images  					     		    * 
************************************************/

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

.alignright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
.wp-caption {
	border: 1px solid #DDDDDD;
	text-align: center;
	background-color: #F5F5F5;
	padding: 4px 0px 5px 0px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

.wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}
	
/************************************************
*	Sidebar 	        			     	    * 
************************************************/


#sidebar {
	float: right;
	width: 240px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	line-height: 16px;
	text-align : left;
	}
	
#sidebar a, #sidebar a:visited  {
	color: #3A87DD;
	text-decoration: none;
	border-bottom: 1px dotted #3A87DD;
	}
	
#sidebar a:hover {
	color: #3A87DD;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
	}
	
#sidebar h2 {
	background: #F5F5F5;
	color: #222222;
	font-size: 11px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	}
	
#sidebar h3 {
	color: #222222;
	font-size: 11px;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0px 5px 0px;
	padding: 3px 0px 3px 10px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	}

#sidebar p {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	line-height: 22px;
	}
	
#sidebar .widget  {
	background: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
#sidebar ul ul li a, #sidebar ul ul li a:visited {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	}
	
#sidebar ul ul li a:hover {
	color: #3A87DD;
	text-decoration: none;
	border-bottom: 1px dotted #3A87DD;
	}

#sidebar ul ul {
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}
	
#sidebar ul ul ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#sidebar ul li li {
	background: url(./images/arrow2.gif) no-repeat;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 20px 0px;
	}
	
#sidebar ul li ul li {
	background: url(./images/arrow2.gif) no-repeat top left;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px 0px;
	}
	
.textwidget {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	}
	
.widget_tag_cloud {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	}
	


.clear {
	clear: both;
}

/***************** CONTENT SLIDER - WHATS HOT STYLES **********/

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
/*border: 10px solid navy;*/
border-bottom-width: 6px;
width: 225px; /*width of featured content slider*/
height: 340px;
 background: transparent;
 background-image: none;
}

.sliderwrapper .contentdiv{
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px;
	width: 225px;
	height: 100%;
	filter:progid;
	font-family: Trebuchet MS, Arial, Tahoma;
	font-size: 11px;
	color: #373737;
:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
	background-color: transparent;
	background: White;
	background-image: none;
}

.pagination{
width: 225px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
/***background-color: #329b44;***/
padding: 5px 10px;
font-family: Trebuchet MS, Arial, Tahoma;
	font-size: 11px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #4B4B4B;
background-color: #fff;
}

.pagination a:hover, .pagination a.selected{
color: #565656;
background-color: #C3C4FF;
}


/*************** VERSION 2 STYLES *******/

.lifebotclassfooter{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #666666;
text-decoration: none;
}

.lifebotclassfooter a{
color: #3A87DD;
text-decoration: none;
border-bottom: 1px dotted #3A87DD;
}