/****************************************************************************************
 Description:   ProNeeds home page CSS 
 Created:       21/07/2008
 Author:        Mike Hearfield - Presentation Team
 Copyright:     Vertex Financial Services 2008, All Rights Reserved.
****************************************************************************************/

body{background:#9FD99F url(/Public/Images/common/page_bg.jpg) 0px 0px repeat-x; color:#000;}
h1{float:left; display:block; width:634px; height:110px; font-size:2.7em; font-family:'trebuchet ms', arial, sans-serif; line-height:normal; font-weight:bold;  text-align:center; padding:40px 13px 1px 13px; margin:0px auto 0px auto;}
h2{display:none;}
h3{margin:10px 0px; color:#0A8300}

#divHeader{height:125px; float:left}

#divContent{width:660px; height:auto !important; height:533px; min-height:533px; margin-bottom:0px !important; background:transparent url(/Public/Images/common/content_bg.gif) 0px 0px no-repeat;}
#divContentFooter{float:left; width:650px; height:20px; min-height:20px; max-height:20px; padding:0px 5px 0px 5px; margin-bottom:5px; background:transparent url(/Public/Images/common/contentBottom_bg.gif) 0px 0px no-repeat;}
	#divContentHome{width:621px; margin:20px 19px 0px 20px;}
		#divContentHome h3{margin:0px;}
		
.logoContainer {margin:10px auto 5px auto; border-top:1px solid #A1D9A1; padding-top:10px; padding-left:37px}
.logoContainer a{display:inline-block;}
.logoContainer img{border:none !important;}
.logoContainer li{ float: left; margin:0px; list-style:none !important;}


#ulWhatCanWeDo li{margin:10px 0px 15px 30px; position:relative; list-style-position:outside !important; font-size:1.2em}
	#ulWhatCanWeDo { margin-top:10px;}

#divProtect{clear:both; margin:10px 0px 10px 0px; height:85px;}
	#divSidebar h3{margin:20px 0px 5px 0px; font-size:1.7em; padding:5px 5px;}

	#ulHomeBtns{list-style-image:none; list-style-type:none;}
		#ulHomeBtns li{float:left; display:inline; width:150px; height:38px; margin-left:70px; overflow:hidden; background:#006600 url(/Public/Images/home/lnkBtn_bg.jpg) 0px 0px no-repeat; }
			#ulHomeBtns li a {display:block; height:100%; font-weight:bold; text-decoration:none; color:#fff; line-height:36px; text-align:center; }
		#ulHomeBtns li.last{margin-right:0px;}

#ulHomeFooter{clear:both; list-style-image:none; list-style-type:none; border-top:1px solid #A1D9A1; padding-top:10px;}
	#ulHomeFooter li{text-align:center; font-size:120%; font-weight:bold; line-height:1.4em;}

#divSidebar{width:310px;}
#divDetails{float:right; display:inline; height:auto !important; height:533px; min-height:533px; background:transparent url(/Public/Images/common/sidebar_bg.gif) 0px 0px no-repeat; padding:0px 5px 0px 5px; }
#divDetailsFooter{clear:both; height:20px; min-height:20px; max-height:20px; margin-bottom:5px; background:transparent url(/Public/Images/common/sidebarBottom_bg.gif) 0px 0px no-repeat; }

/*problem with IE6 incorrectly indheriting multiple classes*/
/*.singleNoDependents,
.singleWithDependents,
.coupleNoDependents,
.coupleWithDependents{background:none !important; }*/

#divIntroExplanation {}
	#divIntroExplanation h3{text-align:center; margin:0px 0px 10px 0px; font-size:1.7em; line-height:105%;}

.divFooter{border-top:1px solid #80BA80;}
	.divFooter p{clear:both; display:block;}
	.divFooter a{text-decoration:none;}
		.divFooter a:hover{text-decoration:underline;}


/*====================== MENU ======================*/	
.AspNet-Menu{position:relative; display:block; width:640px; height:29px; line-height:29px; list-style:inside; list-style-type:none; background:#000033 url(/Public/images/home/menuBg.jpg) 0px 0px no-repeat; overflow:hidden; }
	.AspNet-Menu li{float:left; display:inline-block; width:auto; height:29px; line-height:29px;}
	.AspNet-Menu li a{position:relative; float:left; display:inline-block; width:105px; height:29px; line-height:29px; background-position:100% 0px; background-repeat:no-repeat; background-attachment:scroll; font-size:1.3em; font-weight:bold; color:#ffffff; text-align:center;}

		#lnkLPM_home{background-image:url(/Public/images/home/menuSeparator.jpg); width:140px !important;}
		#lnkLPM_how{background-image:url(/Public/images/home/menuSeparator.jpg); width:150px !important;}
		#lnkLPM_rules{background-image:url(/Public/images/home/menuSeparator.jpg); width:140px !important;}
		#lnkLPM_awards{width:210px !important;}

		.AspNet-Menu li a:hover,
		.AspNet-Menu li.selected a{text-decoration: none;}
		.AspNet-Menu li a span{}
		
/*====================== ADVERTS ======================*/	
.advert{}
	.advert.banner{position:relative; width:100%; padding:5px 0px 5px 0px; margin:0px 0px 5px 0px; border-bottom:1px solid #CCCCCC; text-align:center;}
	.advert img{margin:0px auto 0px auto;}


/*====================== SIDEBAR ======================*/	
#divSidebar{ font-weight:bold;}

/*====================== FEATURE BOXES ======================*/	
	.featureBox{position:relative; margin:30px 0px 0px 0px;}
		.featureBox.first{margin:15px 0px 20px 0px; font-size:125%;}
			.featureBox.first h4{display:none;}
		
	.featureBox h4{font-size:1.3em;}
	.featureBox p{}


/*====================== RULES ======================*/	
  .divRules ol { margin: 0px 0px 10px 10px;  }
  .divRules ol li { margin-top: 5px;  }