<style media="screen" type="text/css">
	/* <!-- */
	/* General styles */
	.txtNorm a {
		color:#369;
	}
	.txtNorm a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:725px;			/* width of whole page */
		margin-top:-60px;		/* account for the logo graphic */
		overflow:hidden;		/* This chops off any overhanging divs */
		border:1px solid #000000;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:725px;			/* width of page */
		position:relative;
	}
	.col2,
	.col1,
	.col3 {
		float:left;
		position:relative;
		padding:5px 0 5px 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:#eff2f3;		/* right column background color */
	}
	.threecol .colmid {
		right:365px;			/* width of the right column */
		background:#eff2f3;		/* center column background color */
	}
	.threecol .colleft {
		right:240px;			/* width of the middle column */
		background:#ffffff;		/* left column background color */
	}
	.threecol .col1 {
		width:112px;		/* Width of left column content (column width minus padding on either side) */
		left:373px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col2 {
		width:236px;			/* width of center column content (column width minus padding on either side) */
		left:725px;				/* 100% plus left padding of center column */
/*		margin-top:5px; */
	}
	.threecol .col3 {
		background:#eff2f3;
		width:361px;			/* Width of right column content (column width minus padding on either side) */
		left:617px;				/* 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 */
	.twocol {
		background:#eff2f3;		/* right column background color */
	}
	.twocol .colleft {
		right:605px;		/* right column width */
		background:#ffffff;	/* left column background color */
	}
	.twocol .col1 {
		width:112px;		/* left column content width (column width minus left and right padding) */
		left:8px;			/* (right column left and right padding) plus (left column left padding) */
	}
	.twocol .col2 {
		width:601px;		/* right column content width */
		left:729px;			/* 100% plus left column left padding */
	}
	.twocol .col2 p {
		padding:10px;
		margin:5 0;
		color:#000000;
		font-size:100%;
		text-align:center;
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
	}
	#footer p {
		padding:10px;
		margin:5 0;
		color:#ffffff;
		font-size:75%;
		text-align:center;
	}
	.centerContainer {
	width:800px;
	margin:0px auto;
	background:#777777;
	}
	.gpContainer {
	width:725px;
	margin:0 0 0 75px;
	background:#777777;
	}
	.topLogo {
	height:114px;
	margin-left:-75px;
	background:url(images/gps_03.jpg) no-repeat left top;
	}
	.topLogo2 {
	height:49px;
	margin-left:-75px;
	background:url(images/gps_07.jpg) no-repeat left top;
	}
	.topContact {
	text-align: right;
	margin-right: 10px;
	}
	/* NAVIGATION BUTTONS */
	.cssnav	{
		position: relative;
		font-family: verdana;
		background-image:  url(images/overbtn.jpg);
		background-repeat: no-repeat;
		white-space: wrap;
		display: block;
		width: 112px;    
		height: 66px;
		margin: 10 0 5;
		padding: 0; 
		float: left;  
	}
	.cssnav img {
		width: 112px;    
		height: 66px;
		margin: 0;
		padding: 0; 
		float: left;  
		border: 0;
	}
	.cssnav a {
		display: block;
		color: #000000;
		font-size: 11px;
		width: 112px;
		height: 66px;
		float: left;  
		color: #ffffff; 
		text-decoration: none;
	}
	.cssnav a:hover {visibility:visible}
	.cssnav a:hover img{visibility:hidden}

	.cssnav span {
		position: absolute;
		left: 10%;
		top: 25%;
		margin: 2%;
		padding: 0px;
		cursor: pointer;
		width: 112px;  
		font-size: 200%;
		text-align: left;
	}
	/* END OF NAVIGATION */
	/* INNER ROUNDED EDGES */
	.innerRnd {
		width:100%;
		margin:1% 0 0;
		background:#fff url(images/leftside.gif) repeat-y left top;
	}
	.innerTop {
		width:100%;
		height:10px;
		background:url(images/top.gif) no-repeat left top;
	}
	.innerTop span {
		display:block;
		position:relative;
		height:10px;
		background:url(images/top-right.gif) no-repeat right top;
	}
	.innerContent {
		position:relative;
		background:url(images/rightside.gif) repeat-y right top;
		padding:1px 20px 1px 15px;
		margin:-1px 0 -50px 0;
		
	}
	.innerContent a {
		position:relative;
		z-index:5;	
	}
	.innerContent img {
		position:relative;
		z-index:5;
		border:0;	
	}
	.innerBottom {
		width:100%;
		height:60px;
		background:url(images/bottom.gif) no-repeat left bottom;
	}
	.innerBottom span {
		display:block;
		position:relative;
		height:60px;
		background:url(images/bottom-right.gif) no-repeat right top;
	}
	.innerP {
		position:relative;
		margin:0 0 1em 0;
		font-size:75%;
		color:#9e9e9e;
		
	}
	.innerP a {
		color:#369;
		position:relative;
		z-index:5;
	}
	.innerP a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	/* END INNER ROUNDED EDGES */
	/* --> */
</style>

