/*****************************************************************************************/
/*****************************************************************************************/
/* Styles for the overall layout of Sassy Scot                                           */
/*****************************************************************************************/
/*****************************************************************************************/

.hdrContainer { display: block;
                width: 100%;
				clear:both;
				position: relative;
				}
.hdrContainerLeft { display: block;
                float: left;
                width: 75%;
				clear:both;
				position: relative;
				}
.hdrContainerRight { display: block;
                float: right;
                width: 25%;
				clear:both;
				position: relative;
				}
.hdrfltleft { float: left;
  padding: 1px;
 }
.hdrfltleft img { margin: 4px; }
.hdrfltcenter { float: left;
  padding: 5px;
 }
.hdrfltright { float: right;
  padding: 5px;
  overflow: hidden;
 }
/**********************************************************************/
/* The next styles define the header                                  */
/**********************************************************************/
#header {
	    clear:both;
		float:left;
		margin-left: 5%;
		width: 90%;
		border-bottom:1px solid #000;
		background-color: inherit;
		margin-top: 10px;
		margin-bottom: 8px;
}

	
/*******************************************************************************/
/* Clearfloat is used to fully contain floats in a div - addresses IE code bug */
/*******************************************************************************/
.hdrclearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* 'widths' sub menu */
	
/*****************************************************************************************/
/*****************************************************************************************/
/* Styles for the Sassy Scot header and header table.                                    */
/*****************************************************************************************/
/*****************************************************************************************/

#headertable {min-width: 456px;
			  width: 100%;}

.h11  { background-image: url(header/slices/b_01.gif); border: none; max-height: 5px;}
.h12  { background-image: url(header/slices/b_02.gif); border: none; 
        width: 256px; }
.h13  { background-image: url(header/slices/b_03.gif); border: none;
        min-width: 200px; }
.h14  { background-image: url(header/slices/b_04.gif); border: none;}
.h21  { background-image: url(header/slices/b_05.gif); border: none; 
        width: 5px; }
.h22  { background-image: url(header/slices/b_07.gif); border: none;
        vertical-align: bottom;
		width: 256px; }
.h23  { background-image: url(header/slices/b_07.gif); border: none; 
         min-width: 200px;
		 vertical-align: middle;}
.h24  { background-image: url(header/slices/b_08.gif); border: none;
        width: 5px;}

.h31  { background-image: url(header/slices/b_09.gif); border: none;}
.h32  { background-image: url(header/slices/b_10.gif); border: none;
        width: 256px; }
.h33  { background-image: url(header/slices/b_11.gif); border: none;
        min-width: 200px; }
.h34  { background-image: url(header/slices/b_12.gif); border: none;}

.h41  { background-color: inherit; border: none; vertical-align:top; }
.h42  { background-color: inherit; border: none; vertical-align:top; }
.h43  { background-color: inherit; border: none;
        min-width: 200px; }
.h44  { background-color: inherit; border: none; width: 5px;}
.hdrimg { float: left;
          overflow: hidden; 
		  padding: 0px;
		  margin: 0px;
			}
.hdrimgright { float: right;
          overflow: hidden; 
		  padding: 0px;
		  margin: 0px;
			}