body {
  background: url(../images/bg_body.gif) transparent center top no-repeat;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}

#wrap {
  width: 984px;
  margin: 0 auto;
  padding: 0 0 0 0;
  text-align: left;
  border: 0px solid #f00;
}

  #header {
    background: url(../images/bg_header.jpg) transparent right top no-repeat;
    height: 117px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0px solid #f00;
  }
  
    #logo {
      width: 200px;
      float: left;
      margin: 0 0 0 0;
    }

    #search {
      float: right;
      width: 205px;
       margin: 0 0 0 0;
      padding: 0 0 0 0;
      border: 0px solid #f00;
    }

    #search .twitter-follow-button {
	    margin: 5px 0 0 58px;
	}

  #nav {
    height: 48px;
    margin: 0 0 0 208px;
    padding: 0 0 0 0;
    border: 0px solid #f00;
  }
    
  #content {
    background: url(../images/bg_main_column.jpg) transparent right top no-repeat;
    padding: 17px 0 20px 0;
    border: 0px solid #f00;
  }
	body#home #content {
		padding-bottom: 0;
	}
    
    #column-side {
      width: 190px;
      float: left;
      border: 0px solid #f00;
      margin: 0 35px 0 0;
      padding: 0 0 0 0;
    }
		body#home #column-side {
			min-height: 350px; 
			height:auto !important; 
			height: 350px;
			position: relative;
			padding: 0 0 110px;
		}

      div.news-item {
        background: url(../images/sep_news.gif) transparent top left no-repeat;
        padding: 10px 0 0 0;
      }

    #column-main {
      width: 740px;
      float: left;
      border: 0px solid #f00;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
    }
    
      #banner {
        width: 551px;
        float: left;
        border: 0px solid #f00;
      }
      
      	#MySlideShow { 
		display: none; 
		width: 543px; 
		height: 243px;
		
		}
		
			#MySlideShow img {
				cursor: default;
			}
      
      body#bnr-txt #banner {
        background: url(../images/bg_banner_inner.jpg) transparent top left no-repeat;
        width: 551px;
        height: 126px;
        padding: 15px 10px 0 15px;
        float: left;
        border: 0px solid #f00;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 526px;
        height: 111px;
      }

        html>body #banner-text {
        width: 526px;
        height: 111px;
      }

		body#home #doc-find {
		        background: url(../images/bg_home_selects.jpg) transparent bottom right no-repeat;
		        width: 185px;
		        height: 243px;
		        float: left;
		        padding: 0 5px 0 15px;
		        border: 0px solid #f00;
		        voice-family: "\"}\"";
		        voice-family: inherit;
		        width: 165px;
		      }

		        html>body#home #doc-find {
		        width: 165px;
		      }

		      body#bnr-txt #doc-find {
		        background: url(../images/bg_single_select.jpg) transparent bottom right no-repeat;
		        width: 185px;
		        height: 126px;
		        float: left;
		        padding: 0 5px 0 15px;
		        border: 0px solid #f00;
		        voice-family: "\"}\"";
		        voice-family: inherit;
		        width: 165px;
		      }

		        html>body#bnr-txt #doc-find {
		        width: 165px;
		      }

		      #doc-find {
		        background: url(../images/bg_single_select.jpg) transparent bottom right no-repeat;
		        width: 185px;
		        height: 180px;
		        float: left;
		        padding: 0 5px 0 15px;
		        border: 0px solid #f00;
		        voice-family: "\"}\"";
		        voice-family: inherit;
		        width: 165px;
		      }

		        html>body #doc-find {
		        width: 165px;
		      }

      
      body#home #service-doc-search {
        background: url(../images/bg_home_selects2.jpg) transparent top right no-repeat;
        width: 205px;
        height: 243px;
        float: left;
        padding: 0;
        border: 0px solid #f00;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 185px;
      }

        html>body#home #service-doc-search {
        width: 185px;
      }
			
			body#home #service-doc-search #services-find-tab, 
			body#home #service-doc-search #doc-find-tab {
				height: 115px;
			}
			
			body#home #service-doc-search #doc-find-tab input.keyword-search,
			body#home #service-doc-search #services-find-tab input.keyword-search {
				width: 106px;
				margin: 0 0 5px 0;
				float: left;
			}
			
			body#home #service-doc-search #doc-find-tab input.go-button,
			body#home #service-doc-search #services-find-tab input.go-button {
				margin: -1px 0 0 5px;
				float: right;
			}
			
				#services-find-tab input.keyword {
					border: 1px solid #0083bc;
					height: 17px;
					width: 110px;
					margin: 0 0 5px 0;
					float: left;
				}
			
			body#home #service-doc-search #services-find-tab,
			body#home #service-doc-search #doc-find-tab, 
			body#home #service-doc-search #shortcuts {
				padding: 0 5px 0 15px;
				width: 165px;
				voice-family: "\"}\"";
				voice-family: inherit;
				width: 145px;
			}
			html>body#home #service-doc-search #services-find-tab,
			html>body#home #service-doc-search #doc-find-tab, 
			html>body#home #service-doc-search #shortcuts {
	        width: 156px;
	      }
			
      /*
      body#bnr-txt #doc-find {
        background: url(../images/bg_single_select.jpg) transparent bottom right no-repeat;
        width: 185px;
        height: 126px;
        float: left;
        padding: 0 5px 0 15px;
        border: 0px solid #f00;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 165px;
      }

        html>body#bnr-txt #doc-find {
        width: 165px;
      }
		*/
      
      #service-doc-search {
        background: url(../images/bg_single_select.jpg) transparent bottom right no-repeat;
        width: 185px;
        height: 180px;
        float: left;
        padding: 0 5px 0 15px;
        border: 0px solid #f00;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 165px;
      }

        html>body #service-doc-search {
        width: 165px;
      }


            
      #homebox {
        background: url(../images/bg_homebox.jpg) transparent bottom left no-repeat;
        margin: 20px 0 0 0;
      }
      
        #homebox-households {
          width: 185px;
          float: left;
          border: 0px solid #f00;
        }
        
        #homebox-businesses {
          width: 185px;
          float: left;
          border: 0px solid #f00;
        }
        
        #homebox-councils {
          width: 185px;
          float: left;
          border: 0px solid #f00;
        }
        
        #homebox-licencees {
          width: 185px;
          float: left;
          border: 0px solid #f00;
        }
  
      div.breadcrumb {
        background: url(../images/bg_breadcrumb.gif) transparent bottom left no-repeat;
        padding: 10px 0;
        margin: 0 0 20px 0;
      }
      
      div.breadcrumb img.rss-icon {
        float: right;
        margin-right: 5px;
      }

		div.service-category h4 {
        	padding: 0 45px;
      }
      
      div.doc-search {
        background: url(../images/bg_docsearch.jpg) transparent bottom left no-repeat;
        height: 65px;
        margin: 10px 0 25px 0;
      }
        
        div.search-intro {
          background-color: #F8F8F8;
          border: 1px solid #CCC;
          margin: 7px 4px 0 2px;
          padding: 10px;
        }
        
        div.result {
          border-bottom: 1px solid #CCC;
          margin: 0 0 10px 0;
			padding: 0 0 0 3px;
        }
			
			div.result div.breadcrumb {
				background: none;
				font-style: italic;
				color: #004598;
				padding: 0;
				margin: 0 0 10px 0;
			}
			
				div.result-depth-1 {
					border-bottom: 0px solid #CCC;
				}
				
				
			
        
		div.pages {
          background: url(../images/bg_docsearch.jpg) transparent bottom left no-repeat;
          height: 65px;
          margin: 10px 0 15px 0;
          text-align: center;
        }
        
        div.no-results {
          background: url(../images/bg_docsearch.jpg) transparent bottom left no-repeat;
          height: 65px;
          margin: 30px 0 15px 0;
          text-align: center;
          font-style: italic;
        }
        
        div.search-box {
          background: url(../images/bg_docsearch.jpg) transparent bottom left no-repeat;
          height: 65px;
          margin: 10px 0 15px 0;
        }
        
        div.advanced-search-box {
          background: #ECF5FC;
          border: 1px #0083BC solid;
          margin: 20px 4px 0px 2px;
        }
        
        div.search-terms {
          background: url(../images/bg_docsearch.jpg) transparent bottom left no-repeat;
          height: 65px;
          margin: 30px 0 15px 0;
          text-align: center;
        }

				
        
				
				
        div.page-preview {
          padding: 10px;
          margin: 30px 0 15px 0;
          text-align: left;
          border: 5px #007353 solid;
        }
        
        div.page-preview table {
          margin-top: 15px;
        }
        
        div.page-preview table td {
          vertical-align: top;
        }
        
        div.page-preview table td.radio {
          width: 30px;
          text-align: center;
          padding-bottom: 7px;
        }

		
		#report-card-left {
			width: 470px;
			float: left;
		}

		
		#report-card-eco {
			margin: 30px 0 15px;
			width: 442px;
			height: 236px;
			position: relative;
		}
		
		#report-card-eco-background {
			width: 442px;
			height: 236px;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		#report-card-eco-heading {
			width: 200px;
			height: 17px;
			position: absolute;
			left: 15px;
			top: 20px;
		}
		
		#report-card-eco-links {
			width: 138px;
			height: 87px;
			position: absolute;
			left: 319px;
			top: 20px;
		}
		
		#report-card-eco-rating {
			width: 294px;
			height: 179px;
			position: absolute;
			left: 15px;
			top: 45px;
		}
		
		
		#risk-indicator {
			width: 120px;
			float: right;
		}
		
		
		#report-card-trend {
			width: 221px;
			float: right;
			background: #c8d6d9 url('../images/bg_water_report_side_col.png') no-repeat top right;
			padding: 20px 0 0 23px;
			margin: auto 0 15px 18px;
		}
		
		#report-card-trend img.footer {
			margin: 20px 0 0 -23px;
			display: block;
		}
		
			#report-card-trend #google-map {
				width: 200px;
				height: 200px;
				margin: 16px 0 10px;
			}
			
		#report-card-trend-footer {
			width: 221px;
			float: right;
			margin: 0 0 15px 22px;
		}


		div.report-card-copy {
			margin: 0 0 30px 0;
		}
		
		#report-card-ratings {
			height: 500px;
			overflow: auto;
		}

		#video-content {
			width: 400px;
			height: 500px;
			overflow: auto;
			text-align: center;
		}
		
		/* report card 'footer logos' text box: */
		#logo-text {
			width: 250px;
			margin: 0 5px 0 0;
			padding: 20px 0 0 0;
			float: left;
		}
		
		
		/* application comments */
		div.comments {
			background-color: #F5F6F9;
			border: 1px #CCCCCC solid;
			display: none;
			padding: 5px;
			clear: both;
		}
		
		#captcha-box {
			display: none;
		}
		
		div.content #captcha-box {
			display: block;
		}
   
#footer {
  background: url(../images/bg_footer.gif) #0083bc top left repeat-x;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

  #foot-wrap {
    width: 984px;
    margin: 0 auto;
    padding: 30px 0 15px 0;
    text-align: left;
    border: 0px solid #f00;	
  }

    div.foot-col-side {
      text-align: left;
      width: 210px;
      margin: 0 15px 0 0;
      float: left;
      border: 0px solid #f00;
    }

    .foot-col-side .twitter-follow-button {
	    margin: 8px 0 17px;
	}

    div.foot-links {
      width: 185px;
      float: left;
      border: 0px solid #f00;
    }
    


	div.article {
		clear: both;
		padding: 30px 10px 10px 10px;
		margin: 0 0 30px 0;
		border-top: 1px #ccc solid;
		background-color: #F5F6F9;
	}
	
		div.article-pic {
		width: 130px;
		margin: 0 0 0 0;
		padding: 0 0 20px 0;
		float: right;
	}
	
		div.article-copy {
		width: 500px;
		margin: 0 0 0 0;
		float: left;
	}
	
/* application stuff */

div.application-date {
	background-color: #0083BC;
	padding: 8px 0;
	width: 270px;
	float: right;
}	

/* coastalwarning */

.coastalwarning-map {
	width: 280px;
	height: 680px;
}

#map-container {
	margin: 0 0 0 18px;
	width: 280px;
	float: right;
	position: relative;
}

#map-message {
	background-color: #007353;
	padding: 10px 0 0 0;
	border: 1px #fff solid;
	width: 220px;
	position: absolute;
	left: 30px;
	top: 600px;
}

#sitemap-topitems {
  float: left;
  width: 250px;
  margin-right: 10px;
}

#sitemap-subitems {
  float: left;
  width: 450px;
}

div.AddThis {

	margin: 0 0 0 0;

}

img.clear {
	clear: both;
	display: block;
}
img.clear-left {
	clear: left;
	display: block;
}
img.clear-right {
	clear: right;
	display: block;
}

br.clear {
	clear: both;
}