﻿div#distance 
{ 
    width: 1px;               
    float: left;
    height:0;
}
div#content 
{
    position: relative;    
    text-align: left;    
    width: 1000px;    
    margin: 0 auto;    
    clear: left;
    padding: 0 3px 0 3px;
    height:100%;
	min-height:100%;
    font-family:Arial, Verdana;
    background-color: #fff;
}

form
{
}

body 
{
    color:#000;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
    /*background-color: #E5E5E5;*/
    background-color: #efefef;
	min-width:1000px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
}
	a 
	{
		color:#3D6C28
	}
	a:hover 
	{

	}
	/* Header styles */
	#top
	{
		position:relative;
		top:0;
		left:0;
		height:168px;
		width:100%;
		background-color:#fff;
		border-bottom:dotted 1px #747477;
		/*border-left: solid 1px #717174;
		border-right:solid 1px #717174;*/
	}
	#header_right
	{
		position:absolute;
		top:0;
		left:235px;
		height:168px;
		width:765px;
		background-image:url(Images/pic_top4.png);
	}
	#imagetext
	{
		position:absolute;
		top:100px;
		left:264px;
		z-index:100;
		/*width:400px;
		height:1px;*/

	}
	
	#layer1
	{
		position:absolute;
		top:34px;
		left:766px;
		height:134px;
		width:234px;
		background-image:url(Images/blossompic-trans.png);
		z-index:99;
	}
	#sitepic
	{
		position:absolute;
		top:0px;
		left:764px;
		height:168px;
		width:236px;
		z-index:98;
	}
	.toplogo
	{
		position:absolute;
		top:0;
		left:0;
		height:168px;
		width:131px;
		/*background-image:url(Images/pic_top_left.png);*/
	}
	#marginspace
	{
		position:relative;
		width:100%;
		/*border-left: solid 1px #717174;
		border-right:solid 1px #717174;*/
		margin:0;
		padding:0;
		height:2px;
	}
	
	.contentdefault
	{
		padding:15px 29px 0 29px;
	}

	
	#menu
	{
		margin-top:2px;
		position:relative;
		/*top:170px;
		left:0;	*/
		height:18px;
		width:100%;
		padding-top:4px;
		background-image:url(Images/menu_bgrnd.png);
		background-repeat:no-repeat;
		line-height: 11px;
		/*border-left: solid 1px #717174;
		border-right:solid 1px #717174;*/
	}
	#menu a:hover
	{
		
	}
	
	#languagesmenu
	{
		position:absolute;
		top:171px;
		right:22px;
		width:150px;
		height:19px;
		text-align:right;
	}
	.languagebutton
	{
		padding-top: 1px;
		padding-left:15px;
	}
	
	.dottedline
	{
		position:relative;
		height:0px;
		width:100%;
		border-top:dotted 1px #747477;
		/*border-left: solid 1px #717174;
		border-right:solid 1px #717174;*/
	}

	
	div#rightcolumn_content
	{
		padding:0 15px 0 15px;
	}
	
	.dottedline_bottom
	{
		position:relative;
		height:0px;
		width:100%;
		border-bottom:dotted 1px #747477;
	}
	
	div#SearchHIM
	{
		padding: 0 0 0 13px;
		text-align:left;	
	}
	
	.county_rightmargin
	{
		margin-right:17px;
		width:24px;
		margin-top:0px;
	}
	
	.county_rightmargin2
	{
		margin-top:0px;
		margin-right:17px;
		width:25px;
	}
	.county_rightmargin3
	{
		margin-right:17px;
		width:25px;
	}
	
	.county_topmargin
	{
		margin-top:0px;
	}
	

	.searchButton
	{
		text-decoration:none;
		text-transform:uppercase;
		color:#000;
	}
		
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	div#leftpadding
	{
		padding-left:59px;
	}
	div#leftpaddingsubmenu
	{
		padding-left:70px;
	}

	.newsIngress
	{
		color:#3D6C28;
	}
	
	.newscontent
	{
		padding:15px 0 5px 0;
	}
	.newsseperator
	{
		
	}
	.printimage
	{
		height:16px;
		width:16px;	
	}
	
	/*menu */
	.menuitems
	{
		font-size:11px;
		text-decoration:none;
		padding-right: 20px;
		text-transform:uppercase;
		color: #fff;
	}
	.menuitems:hover
	{
		text-decoration:underline;
		cursor:pointer;
	}
	.menuitemsselected
	{
		font-size:11px;
		text-decoration:none;
		padding-right: 20px;
		text-transform:uppercase;
		color: #fff;
		text-decoration:underline;
	}
	
	.menulefttd
	{
		padding:2px 0 2px 0;
		width:100%;
		/*border-bottom:dotted 1px #747477;*/
	}
	.menulefttd:hover
	{
		background-image:url(Images/selectedmenuitem.png);
	}
	.menulefttdselected
	{
		padding:2px 0 2px 0;
		width:100%;
		/*border-bottom:dotted 1px #747477;*/
		background-image:url(Images/selectedmenuitem.png);
	}
	.submenulefttd
	{
		padding:2px 0 2px 0;
		width:100%;

	}
	
	.menuitemsleft
	{
		font-size:10px;
		/*letter-spacing:0.8px;*/
		font-family: Arial;
		width:100%;
		color:#57068C;
		/*padding-left:59px;*/
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.submenuitemsleft
	{
		font-size:11px;
		font-family: Arial;
		width:100%;
		color:#000;
		/*font-weight:bold;*/
		text-decoration:none;
	}
	.submenuitemsleftselected
	{
		font-size:11px;
		font-family: Arial;
		width:100%;
		color:#000;
		font-weight:bold;
		/*font-weight:bold;*/
		text-decoration:none;
		color:#57068C;
	}
	
	.submenuitemsleft:hover
	{
		color:#57068C;
	}	
	
	#griddiv table td
	{
		border:0;
	}
	
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow-x:hidden;
		/*overflow:hidden;		/* This chops off any overhanging divs */
		/*border-left: solid 1px #717174;
		border-right:solid 1px #717174;*/
		height:100%;
		left:-3px;
		padding:0 3px 3px 3px;
		
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
		border-right:dotted 1px #747477;
		height:100%;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		/*overflow:hidden;*/
		height:100%;
	}
	/* 3 Column settings */
	.threecol 
	{
		height:100%;
		background-color: #fff;
		/*background-color:Blue;*/
		/*background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:236px;			/* width of the right column */
		/*background:#fff;		/* center column background colour */
		
		height:100%;
	}
	.threecol .colleft {
		right:529px;			/* width of the middle column */
		/*background-color:yellow;	/* left column background colour */
		height:100%;
		
	}
	.threecol .col1 {
		width:527px;			/* width of center column content (column width minus padding on either side) */
		left:100%;			/* 100% plus left padding of center column */
		height:100%;
		
	}
	.threecol .col1 table
	{
		/*border:0;*/
		border-collapse:collapse;
	}
	.threecol .col1 td
	{
		padding:2px;
		/*border:0;*/
		/*border: solid 1px #3D6C28;		*/
	}
	
	.threecol .col2 {
		width:235px;			/* Width of left column content (column width minus padding on either side) */
		left:238px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		height:100%;
	}
	.threecol .col3 {
		width:236px;			/* Width of right column content (column width minus padding on either side) */
		height:100%;
		padding:17px 0 0 0px;
		
		left:767px;			/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

    div.autocomplete {
      position:absolute;
      width:400px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:16px;
      cursor:pointer;
    }    
    
    .searchButton
    {
    	padding: 0 0 0 2px;
    }
    .imgleftnews
    {
        padding-right:5px;
    }

