@charset "utf-8";
/* CSS Document for Hertfordshire Observatory*/
 .wrapper {
       min-height: 100%;
      height: auto !important;
      height: 100%;
       margin: 0 auto ;
  }
/*General style
  * {
     margin-left: 100;
  }
 html, body {
       height: 100%;
   }
   
  .footer, .push {
      height: 70px;
  } 
*/
body{ 
	background: #fff; 
	color: #000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 1em;
	}

p 	{ 
	 
	color: #000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 1em;
	}

h1	{ 
  
	color: #000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	}
	
h2	{ 
	 
	color: #000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 1.15em;
	}

h3	{ 
	 
	color: #000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.1em;
	}

h4	{ 
	 
	color: #000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.05em;
	}

h5	{ 
  
	color: #000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.02em;
	}

h6	{ 
	  
	color: #000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1em;
	}

a	{ color: #CC3399; text-decoration:none;
	}

a:hover	{ color: #000;
		}

ul {
	}

li	{
	}

table {
	  }

tr	{
	}

td	{
	}
 
img {border:0px solid #000;}
.image {float:left; padding-right:5px;  background: #f8e5f2; }
.featurelink { padding: 5px; background: #f8e5f2; margin-top: 20px; display: block; clear:both; height: 60px;}
.floatr {float:right;}
 
.content {border-bottom: 2px solid #cc3399; padding-bottom: 20px;}
/*Top navigation*/

#topnav{ 
		position:relative; 
		width:768px; 
		height:24px; 
		background: #fff;
		margin-top: -20px;
		padding-left: 10px;
		}
/* firefox and opera */
html>body #topnav{ 
		position:relative; 
		width:768px; 
		height:24px; 
		background: #fff;
		 top:20px;
		padding-left: 10px;
		}
		

#search {
		position:relative; 
		 width: 768px;
		  text-align:right;
		padding-top: 3px;
		font-size: 0.75em;
		z-index: 1;
		padding-bottom: 1px;
		height: 15px;
		}
input {
		display:none;
		}
	   
input.submit {
		display:none;
			}


#mid {position:relative;  
			width: 768px; 
		    padding: 10px;
			background: #ffffff;
			}

			
			/*Right menu */
#rightmenu{
			display:none;
			}
 

/*Headers*/

#headerfront{
			position:relative; 
			width:768px; 
			height:55px; 
			background: #CC3399;
			left: 0px;
			z-index: 99;
			
		}

html>body #headerfront{
			position:relative;
			margin-top:30px; 
			width:768px; 
			 
			background: #CC3399;
			left: 0px;
			z-index: 99;
			 
			
		}
		
#headerfront h1 {
				background: #fff; 
				color:#000; 
				vertical-align:bottom; 
				padding-top: 40px; 
				padding-bottom: 15px;
				padding-left: 10px; 
				  
				font-weight:normal;
				}
				
#headergeneral{}

#headerbusiness{}

#headerenvironment{}

#headercommunity{}

#headercommunication{}

#headergovernment{}

/*Crumb trail*/

#crumbtrail{ 
			display:none;
			}
			
			
html>body  #crumbtrail{ 
			position:relative; 
			width:768px; 
			height:25px; 
			background: #f8e5f2;
			left: 0px;
			top: 23px;
			}

#crumbtrail p {
				font-size: 0.9em; 
				margin-left: 10px;
				padding-top: 4px; 
			}

/*Mid section*/

#midsection{
			position:relative; top: 20px; 
			width: 545px; 
			 background: #f8e5f2;
			border: 0px solid #CC3399;
			left: 10px;
			padding: 5px;
			font-size: 0.8em;
			 
			}
html>body #midsection {position:relative; top: 20px; 
			width: 545px; 
			 background: #f8e5f2;
			border: 3px solid #CC3399;
			left: 10px;
			padding: 5px;
			font-size: 0.8em;
			margin-top: 20px;
			 min-height: 220px;
			}
			
html>body #midsection img {margin:-10px 5px 0px 5px; 
			}
/*news*/
 
 
		
		#newsleft {
		position: relative;
		margin-top: 32px;
		margin-left: 5px;
		 float: left;
	width: 256px;
	background: #f8e5f2;
	padding: 5px;
	font-size: 0.8em; 
}

html>body 	#newsleft {
		position: relative;
		margin-top: 32px;
		margin-left: 10px;
		 float: left;
	width: 256px;
	background: #f8e5f2;
	padding: 5px;
	font-size: 0.8em;
}

#newsright {
		margin-top: 32px;
		margin-left: 30px; 
	 
	float: left;
	width: 256px;
	background: #f8e5f2;
	padding: 5px;
	font-size: 0.8em;}

#features {width:800px; display:block;}
#features img {float:left;}
/*Browse sections*/

#sectionhead{ display:none;		 
			}
 

#sections { display:none;
		   }
 

#footer {
		display:none;
	
    	}
	
#leftmenu { display:none;}
			 
	 
 
#branchcontent {position:relative;
				width:75%;
				padding: 10px;
				background: #fff;
				 margin-top: 25px;
				 font-size: 0.9em;
				}

 
 
#map

	{display:none;}