body         { 
				border-top: 5px solid #bb0132;
				width:100%;
				background:#fff;
				min-width:800px;		
/* The min-width property does not work in old versions of Internet Explorer */
}
#logocontainer {
				width: 320px;
				float:right;
				margin-top: 1px;				
}
.pictures {
				width: 100%;
}
#banner      { 	background-image: url('../images/banner_bg.jpg'); 
				background-repeat: repeat-x; 
}
#banner h1 { 
				margin: 0 0 0 10px;
				text-align: left;
}
#header {
				background-position: 50% 100%;
				clear: both;
				font-size: 1em;
				float: left;
				width: 100%;
				line-height: normal;
				border-left-width:1px;
				border-right-width:1px;
				border-top-width:1px;
				margin: 0;
				background-image:url('../images/banner_bg1.jpg'); 
				background-repeat:repeat-x; 
				background-attachment:scroll;
}
#header ul {
				padding-right: 10px; 
				padding-left: 10px;
				padding-bottom: 0px; 
				margin: 0px; 
				padding-top: 10px; 
				list-style-type: none;
}
#header li {
				padding-right: 0px; 
				display: inline; 
				padding-left: 0px; 
				padding-bottom: 0px; 
				margin: 0px; 
				padding-top: 0px;
}
#header a {
				background-position:left top;
				padding-right: 0px;
				padding-left: 15px;
				float: left;
				padding-bottom: 0px;
				margin: 0px;
				padding-top: 0px;
				border-bottom: 1px solid #CC3300;
				text-decoration: none;
				background-repeat:no-repeat;
				background-attachment:scroll; background-image:url('../images/yellow_tab_left.jpg');
}
#header a span {
				background-position: right top;
				padding-right: 21px;
				display: block;
				padding-left: 6px;
				font-weight: bold;
				float: left;
				padding-bottom: 4px;
				color: #776655;
				padding-top: 8px;
				background-repeat:no-repeat;
				background-attachment:scroll; background-image:url('../images/yellow_tab_right.jpg');
}
#header a span {
				float: none;
}
#header a:hover span {
				color: #333
}

#home #header #hometab a, #issue #header #currenttab a, #plan #header #planningtab a, #road #header #roadstab a,
#license #header #licensetab a

 {
				border-top-width: 0px; background-position: 0px -100px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px;
}
#home #header #hometab a span, #issue #header #currenttab a span, #plan #header #planningtab a span, #road #header #roadstab a span,
#license #header #licensetab a span
 {
				background-position: 100% -100px; padding-bottom: 5px; color: #333;
}
#header a:hover {
				background-position: 0% -100px;
}
#header a:hover span {
				background-position: 100% -100px;
}
#maincontent {
				clear: both;
				width: 100%;
				float: left;
				background-image:url('../images/banner_bg.jpg');
				background-repeat: repeat-x;
				margin-bottom: 0;
				padding-bottom: 0;
}
#maincontent img {
				float: right;
				margin: 0 10px 0 0;
}
/* column container */
				
.colmask {
				position:relative;	/* This fixes the IE7 overflow hidden bug */
				text-align: left;
				clear:both;
				margin-top:5px;
				float:left;
				left: 0%;
				width:100%;				/* width of whole page */
				overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */

.colleft,
.colmid,
.colright,
.colin {
				float:left;
				width:100%;
				position:relative;
}
.col1,
.col2,
.col3,
.col4 {
				float:left;
				position:relative;
				padding:0 0 1em 0;
				overflow:hidden;
}

/* 3 Column settings */

.threecol {
				background:#eee;	/* right column background colour */
}
.threecol .colmid {
				right:25%;			/* width of the right column */
				background:#fff;	/* center column background colour */
}
.threecol .colleft {
				right:50%;			/* width of the middle column */
				background:#f4f4f4;	/* left column background colour */
}
.threecol .col1 {
				width:46%;			/* width of center column content (column width minus padding on either side) */
				left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
				width:21%;			/* Width of left column content (column width minus padding on either side) */
				left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
				width:21%;			/* Width of right column content (column width minus padding on either side) */
				left:85%;			/* 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) */
}


/* 3 Column blog style settings */
	
.blogstyle {
				background:#eee;	/* right column background colour */
}
.blogstyle .colmid {
				right:25%;			/* width of the right column */
				background:#f4f4f4;	/* center column background colour */
}
.blogstyle .colleft {
				right:25%;			/* width of the middle column */
				background:#fff;	/* left column background colour */
}
.blogstyle .col1 {
				width:46%;			/* width of center column content (column width minus padding on either side) */
				left:52%;			/* 100% plus left padding of center column */
}
.blogstyle .col2 {
				width:21%;			/* Width of left column content (column width minus padding on either side) */
				left:56%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
				width:21%;			/* Width of right column content (column width minus padding on either side) */
				left:60%;			/* 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) */
}

/* 2 Column (left menu) settings */

.leftmenu {
				background:#fff;	/* right column background colour */
}
.leftmenu .colleft {
				right:75%;			/* right column width */
				background:#f4f4f4;	/* left column background colour */
}
.leftmenu .col1 {
				width:71%;			/* right column content width */
				left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
				width:21%;			/* left column content width (column width minus left and right padding) */
				left:6%;			/* (right column left and right padding) plus (left column left padding) */
}
/* 2 Column (right menu) settings */

.rightmenu {
				background:#eee;	/* right column background colour */
}
.rightmenu .colleft {
				right:25%;			/* right column width */
				background:#fff;	/* left column background colour */
}
.rightmenu .col1 {
				width:71%;			/* left column content width (left column width minus left and right padding) */
				left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
				width:21%;			/* right column content width (right column width minus left and right padding) */
				left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}


/* 2 Column (double page) settings */

.doublepage {
				background:#fff;	/* right column background colour */
}

.doublepage .colleft {
				right:39%;			/* right column width */
				background:#fff;	/* left column background colour */
}
.doublepage .col1 {
				width:55%;			/* left column content width (column width minus left and right padding) */
				left:42%;			/* right column width plus left column left padding */
}
.doublepage .col2 {
				width:36%;			/* right column content width (column width minus left and right padding) */
				left:46%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}


/* Full page settings */

.fullpage {
				background:#fff;		/* page background colour */
}
.fullpage .col1 {
				width:96%;			/* page width minus left and right padding */
				left:2%;			/* page left padding */
}

/* Four Column settings */

.fourcolumn .colmid { right: 20%;}
.fourcolumn .colin	{ right: 30%;}
.fourcolumn .colleft{ right: 30%;}

.fourcolumn .col1	{ left:100%; width: 30%;}
.fourcolumn .col2	{ left:101%; width:28%; }
.fourcolumn .col3	{ left:22%; width:19%;}
.fourcolumn .col4	{ left:83%; width:19%;}




/* Footer styles */



#footer {
				clear:both;
				float:left;
				width:100%;
				border-top:1px solid #000;
}
#footer p {
				padding:10px;
				margin:0;
}

.cleartheway {clear:both;}