body { background-image: url('images/stripes.png'); background-repeat: repeat;

border: none; margin-top: 10px; 

margin-left: 10%; margin-right: 10%; padding: 0; min-width: 600px;

 }



/* column container */

	.colmask {

		position:relative;	/* This fixes the IE7 overflow hidden bug */

		clear:both;

		float:left;

		width:100%;			/* width of whole page */

		overflow:hidden;		/* This chops off any overhanging divs */

	}

	/* common column settings */

	.colright,

	.colmid,

	.colleft {

		float:left;

		width:100%;			/* width of page */

		position:relative;

	}





.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;

	}

	/* 3 Column settings */

	.threecol {

		background:#fff;		/* 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 */

		
	}

	.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) */

	}

a:link {color: #000099;font-size: 1em; text-decoration:none; }     /* unvisited link */

a:visited {color: #000099 ;font-size: 1em; text-decoration:none; }  /* visited link */

a:hover {color: #0000ff ;font-size: 1em;  text-decoration:underline; }   /* mouse over link */

a:active {color: #0000ff ;font-size: 1em; text-decoration:none; }   /* selected link */ 


#navlink { margin-top: 5px; }
#nav a:link { color: #000099; font-size: 1em; text-decoration:none; font-variant: small-caps; padding: .1em; }

#nav a:visited {color: #000099; font-size: 1em; text-decoration:none; font-variant: small-caps;}  /* visited link */

#nav a:hover {color: #fff; font-size: 1em;  text-decoration:none; font-variant: small-caps; background-color: #8BA705; padding: .1em; padding-left: .3em }   /* mouse over link */

#nav a:active {color: #0000ff; font-size: 1em; text-decoration:none; font-variant: small-caps; }   /* selected link */ 



div { border: none; }

#header { width: 100%; height: 74px;  float: left; font-family: verdana; font-size: small; background-image: url('images/greenfade.jpg'); background-repeat: repeat-y;}  

#header img { margin-top: 20px; }

#headernav { width: 959px; height: 24px; margin-left:1px; font-family: verdana; font-size: small; background-color:#389717;}  

#headertop { width: 960px; height: 20px;  float: left; font-family: verdana; font-size: small; background-image: url('images/greenfadetop.jpg'); background-repeat: no;}  





 

#home{ text-align: center; padding-top:3px; border-width:1px; border-left-width:3px; border-color:#389717; border-style:solid; min-height:17px; max-height:17px; margin-left:1px; padding-left:9px; padding-right:9px; width: 40px;  float: left;  font-family: verdana; verdana; font-size: small; background-image: url('images/navtop.gif'); background-repeat: repeat-x; background-color: #abd79c;}

#whatistransition{ text-align:center; padding-top:3px; border-width:1px; border-color:#389717; border-style:solid; min-height:17px; max-height:17px; margin-left:1px; padding-left:9px; padding-right:9px; width: 160px;  float: left;  font-family: verdana; verdana; font-size: small; background-image: url('images/navtop.gif'); background-repeat: repeat-x; background-color: #abd79c;}

#cardifftransitionproject{text-align:center; padding-top:3px; border-width:1px; border-color:#389717; border-style:solid; min-height:17px; max-height:17px; margin-left:1px; padding-left:9px; padding-right:9px; width: 199px;  float: left;  font-family: verdana; verdana; font-size: small; background-image: url('images/navtop.gif'); background-repeat: repeat-x; background-color: #abd79c;}

#whatson{text-align:center; padding-top:3px; border-width:1px; border-color:#389717; border-style:solid; min-height:17px; max-height:17px; margin-left:1px; padding-left:9px; padding-right:9px; width: 80px;  float: left;  font-family: verdana; verdana; font-size: small; background-image: url('images/navtop.gif'); background-repeat: repeat-x; background-color: #abd79c;}

#contactus{text-align:center; padding-top:3px; border-width:1px; border-color:#389717; border-style:solid; min-height:17px; max-height:17px; margin-left:1px; padding-left:9px; padding-right:9px; width: 189px;  float: left;  font-family: verdana; verdana; font-size: small; background-image: url('images/navtop.gif'); background-repeat: repeat-x; background-color: #abd79c;}

#news{text-align:center; padding-top:3px; border-width:1px; border-color:#389717; border-style:solid; min-height:17px; max-height:17px; margin-left:1px; padding-left:9px; padding-right:9px; width: 40px;  float: left;  font-family: verdana; verdana; font-size: small; background-image: url('images/navtop.gif'); background-repeat: repeat-x; background-color: #abd79c;}

#usefullinks{text-align:center; padding-top:3px; border-width:1px; border-right-width:3px; border-color:#389717; border-style:solid; min-height:17px; max-height:17px; margin-left:1px; padding-left:9px; padding-right:9px; width: 100px;  float: left;  font-family: verdana; verdana; font-size: small; background-image: url('images/navtop.gif'); background-repeat: repeat-x; background-color: #abd79c;}



#navfoot { clear: both;  color: #99999; margin-left:21px; padding-bottom:20px; width: 190px;  height:10px; float: left;  font-family: verdana; verdana; font-size: small; background-image: url('images/navbotx.jpg'); background-repeat: no-repeat; background-color: #ffffff;}

#footer {clear:both;

		float:left;

		width:100%; color: #4b4b4b; font-family: verdana; font-size: small; background-color: transparent; } 

#footer p {

		padding:10px;

		margin:0;
        text-align: center;

	}

#subnav { width:120px; margin-top: .3em }

img

{  border-style: none;

}



.floatleft {float:left; margin-top:10px; margin-bottom:10px; margin-right:20px; margin-left:0px;}



.floatright {float:right; margin-top:10px; margin-bottom:10px; margin-right:0px; margin-left:20px;}


p { text-align: left; font-size: small; font-family: tahoma, arial, helvetica, sans-serif }
h1 {

color: #000000;

text-decoration: none;

font-weight: normal;

word-spacing: normal;

text-align: left;

letter-spacing: 0;

font-size: 1em;

margin-top: 20px;

font-family: georgia, serif;


} 



h2 {



color: #000000;

text-decoration: none;

font-weight: normal;

word-spacing: normal;

text-align: left;

letter-spacing: 0;

font-size: 1.5em;

margin-top: 20px;

font-family: georgia, serif;

} 



h3 {



color: #000000;

text-decoration: none;

font-weight: normal;

word-spacing: normal;

text-align: left;

letter-spacing: 0;

font-size: 1em;
}


ul { list-style-type: square; font-family: tahoma, helvetica, sans-serif; color: #666; font-size: small; }

/*** IE6 Fix ***/

* html #left {

  left: 150px;           /* RC width */

}