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;
				margin-right: 10px;
}
.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.png');
}
#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.png');
}
#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, #links #header #linkstab a, #dates #header #datestab a

 {
				border-top-width: 0px; background-position: 0px -103px; 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, #links #header #linkstab a span, #dates #header #datestab a span
 {
				background-position: 100% -102px; padding-bottom: 5px; color: #333;
}
#header a:hover {
				background-position: 0% -103px;
}
#header a:hover span {
				background-position: 100% -102px;
}
#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;
				left: 0%;
				width:100%;				/* width of whole page */
				overflow:hidden; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px
}

/* 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 (left lead) settings */

.leftlead {background-image: url('../images/Border%20onethird.png');

	background-repeat: repeat-y;

	background-position: 36% 0;}

.leftlead .colleft {
				right:64%;			/* right column width */
				

}
.leftlead .col1 {
				width:32%;			/* right column content width */
				left:66%;			/* 100% plus left column left padding */
}
.leftlead .col2 {
				width:60%;			/* left column content width (column width minus left and right padding) */
				left:70%;			/* (right column left and right padding) plus (left column left padding) */
}
.colcon
				{position:relative;	/* This fixes the IE7 overflow hidden bug */
				text-align: left;
				clear:both;
				float:left;
				left: 0%;
				width:100%;				/* width of whole page */
				overflow:hidden;		/* This chops off any overhanging divs */

}

/* 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 {background-position: 75% top; background-image: url('../images/Border_25percentright.png'); 
               background-repeat: repeat-y; float:left; 
 }
.fourcolumn .colmid{
	position: relative; right: 25%; background-image:url('../images/Border_Middle.png'); background-repeat:repeat-y; background-position: 75%;
}
.fourcolumn .colin{
	right: 25%; background-image:url('../images/Border_Middle.png'); background-repeat:repeat-y; background-position:75%
	
}
.fourcolumn .colleft{ right: 25% }
.fourcolumn .col1{
   width: 21%;
   left: 77%
}
.fourcolumn .col2{
   width: 21%;
   left: 81%
}
.fourcolumn .col3{
   width: 21%;
   left: 85%
}
.fourcolumn .col4{
   width: 21%;
   left: 89%
}



/* Footer styles */



#footer {
				clear:both;
				float:left;
				width:100%;
				border-top:1px solid #000;
}
#footer p {
				padding:10px;
				margin:0;
}

.communitylist {clear:both;
float:left;
width: 100px;
}

.cleartheway {clear:both;}