/* CSS Document */

* {margin:0px; padding: 0px;}

body {
		margin:0px;
		padding: 0px;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:1em; 
		color:#000; 
		line-height:1.6em;
		width: 795px;
		margin: 0 auto 0 auto;
		text-align: center;
		border-left:2px solid #800000;
		border-right:2px solid #800000;
	 }

#subtext {
			background:#fff;
			}
			

   
/*33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333*/

#container {
							/*container holds all other divs: sets size of web page and centres it.*/
			width:795px;
			padding:0;
			background:#fff;
			}
			
#header {
		  margin:0;
		  clear:both;
		  background: #a6a900 ;
		}		

#headertext {					/* sets the width of the header div; background black - increases image height 'look' and puts text h1 on black background */
			margin:0;
			padding:1em 0 1em 2em;
			height:7.3em;
			background:  #a6a900 url(images/backgroundimage.jpg) no-repeat ;
			color:#a6a900;
			text-align:centre;
					
		}

#subheader {
			background: #a6a900;
			height:2em;
			
			}
			
#subheaderSelling {
					float:left;
					
				  }
				  
#subheaderNumber {
					float:right;
					
				 }
				 
				 				  					

/*44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444---------- Content settings ----------------*/
#navbar {
		
		padding: 0;
		padding-top:1em;
		margin:0; 
		font-size:11px;		
		background:#fff;
		width:795px;
		height:4em;
		clear:both;
 }
 

#navbar li {
			float:left;  /*cause text to be in straight row*/
			height:23px; 
			text-align:left;
			padding-left:0.3em;
			padding-right:2em;
			list-style:none;
			font-size: 1em;
			
			}

#navbar li a {
				height:40px; 
				color:#a6a900; 
				text-decoration:none; 
				font-weight:bold; 
				line-height:25px;
				text-align:center; 
				padding:0; 
			 }
			 
#navbar li a b { 
				
				padding:0 15px 0 5px;
				display:block; 
				text-align:center;
				}			 			

#index #nav-index a,
#aboutus #nav-aboutus a,
#meetings #nav-meetings a,
#contact #nav-contact a, 
#parkingsensor #nav-parking a,
#freeadvice #nav-freeadvice a,
#glossary #nav-glossary a,
#blackhawk #nav-tracking a{
						  /* declarations to style the current state */
						 color:#000; 
 						}
 
#index #nav-index a b,
#aboutus #nav-aboutus a b,
#meetings #nav-meetings a b,
#contact #nav-contact a b,
#parkingsensor #nav-parking a b,
#freeadvice #nav-freeadvice a b,
#glossary #nav-glossary a b,
#blackhawk #nav-tracking a b {
							color:#B4C4E4; 
																
							}

#navbar  li a:hover {
						color:#B3E2B2; 
						
					}

#navbar li a:hover b {
						color:#B3E2B2; 
							
					 }

#navbar  li.current a:hover {color:#B3E2B2; }
													 					

				
		
/* 88888888888888888888888888888333333333333333333333333333333333333333333333333333333333333333333888888888 maincontent */		

#middleheading {
				width:779px;
				padding-left:1em;
				background:#fff;
				}
#subtext {
			width:795px;
			
			color:#fff;
			height:18em;
		 }
		 	
#threereasons {
				float: left;
				color:#fff;
				width:420px;
				
			  }
			  
#threereasonsphoto {
					float:left;
					color:#fff;
					
					width:300px;
					padding-left:1em;
					}			  



#maincontent {	
				float:left;
				width:410px;
				left:0;
				padding-right: 1em;
				padding-left: 1em;
				background: #fff;
			  }			

#sidecontent {
				float:right;
				width: 300px;
				padding-left:1em;
				margin-top:1em;
				padding-right:1em;
				background:#F5F5F5;
				padding-bottom:2em;
			}
			
.guaranteebox {
				background: #FFFFCC;
				padding: 0 0.4em 1em 1em;
				border-style: outset;
				border-width: 3px;
				border-color: red;
				height: 13em;
				clear:both;
				
				
			  }
			  
#resources {
			padding: 0 0.4em 1em 1em;
		}					  					
		
#footer{ 
		clear:both;
		background: #800000;
		}
				
/* 66666666666666666666666666666666666666666666666666666666666666___________text formatting__________________________*/

p{
	margin:0 ;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	padding:0;
	color: #320052;
	line-height:16px;
	text-align:left;
 }

#thankyou p {
			padding-left: 2em;
			padding-bottom: 1em;
		  }
		  

		   
		  
  
#footer p { 
			color:#7C8B9E;
			padding: 0.5em;
		  }
  
em {
	font-weight:bold;
	font-style:normal;
	color: #320052;	
	}
  
#subheaderSelling p {
				font-size:1.5em;
				color: #800000;
				padding-left:1em;
				padding-bottom:0.1em;
				padding-top:0.1em;
				font-weight:bold;
			  }
			  
#subheaderNumber p {
					font-size:0.9em;
					color:#000;
					text-align: right;
					}
					
h1{
	font-size:1.67em;
	text-align:left;
	padding: 0.5em 1em 0 0;
	color:#5f0000;
	letter-spacing: 0.05em;
	line-height:1.6
  } 
  
#headertext h1 {
				text-align:left;
				 color:#a6a900;
				 padding-top:1em;
				 font-size:2.3em;
				 
    			}

				 
#maincontent h2 {
				 color:#320052;
				 padding: 1em;
				 background:#F5F5F5;
				 }				 
				 																  
h2,h3,h4{
		color:#800000;
		padding: 1em 0 1em 0;  
		text-align:left;
				}

  
h2 {
	font-size:1.4em;
	padding: 1em 0 1em 0;  
   } 
	
#subtext h2 {
			 font-size:1.5em;
			 text-align:left;
			 text-decoration:none;
			 padding-left:1em;
			 line-height:1.6em;
			} 	
	
#contact h2, #thankyou h2 {
							text-align: left;
							color: #808080;
							padding:2em 1em 1em 1.2em;
						 }	 

#headertext h2 {
				 font-size:1.45em;
				 text-align:center;
				 font-weight:bold;
				 padding: 0.5em 1em 0 0;
				 color:#fff;
				 letter-spacing: 0.05em;
				}
				
#subtext h3 {
	 
	 font-size:1.1em;
	 margin:0;
	 text-align: left;
	 padding-left: 1em;
	} 
	
#maincontent h3 {
				 color:#320052;
				 }	
				 
#resources h2{	color:#a6a900;}				 	
#signature	{
				padding-left:1.28em;
			}
	
span#yellowbackground{background: #FFFF00; }

#italic {
		 font-style: italic;
		 font-weight: bold;
		 }

ol, ul {
		padding-left:1.3em;
	}
	
ol li, ul li  {		
		margin:0 ;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size: 0.8em;
		padding:0.5em 0 1em 0;
		color: #320052;
		line-height:16px;
		text-align:left;
		list-style:none;
	}
	
.bullets li {
				list-style-type:disc;
			}
			
/* 99999999999999999999999999999 span for font changes, colours and paragraph sizes 9999999999999999999999999*/

/* span for #subtext text */

.red,
.blue,
.green {
		 font-size:1.4em;
		 font-style:italic;
		 font-weight:bold;
		} 
		
.blue {
		color: #320052;
	}
	
.green {
		color: #a6a900;
	}
	
.red {
		color: #800000;
	}
	
	
/* span for book order section ie call now till click here to order */

#callnow,
#clickhere {
			
			font-size: 1.3em;
			padding-top: 2em;
			font-weight:bold;
			line-height:1.8;
		 }
		 
#number {
			font-size: 1.5em;
			font-weight:bold;				
			line-height:1.9;
			}
/*----------------------------------------------------------images---------------------------------------*/

.image  {
			float:left;
			padding-right: 1.3em;
			padding-top:1em;
			}
.weightloss1 {
			float:left;
			margin-top:-1em;
			}
#weightloss3 {
				float:right;
				margin-right:-0.5em;
			 }
			 	
#bookimage {
			float:left;
			padding-right: 1em;
			padding-bottom: 1em;
			}