﻿ /* MAIN SECTION ---- STYLE.CSS CREATED 1/08/2019 ------   */
 
 /* base color - #2766c9 */

body {
   	font-family:Arial, Helvetica, sans-serif;
   	background-image:url('images/bg-cover5.jpg');
    background-position:top left;
	background-repeat:repeat-x; 
    min-height:100%;
} 
#page {
	width:960px;
	margin:0 auto;
	padding:10px 0 35px;
	border:0px fuchsia solid;
}
#newhead {
	float:left;
	width:930px;
	margin:0 0 0 10px;
	padding:0;
	border:0px fuchsia solid;
}
#wrap-head {
	float:left;
	width:930px;
	margin:0;
	padding:0;
	border:0px fuchsia solid;
}
.lft1 {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	border:0;
	font-size:13px;
}

/* top colour bar */

#wraptop {
	float:left;
	width:940px;
	border:0;
	padding:0;
	margin:0;
}
#topul {
	float:left;
	width:940px;
	margin:0; 
	padding:0;
}
#topul ul {
    list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	border:0px blue solid;
}
#topul ul li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	border:0px red solid;
}

/* top menu */

#primary_nav_wrap {
	float:left;
	margin:3px 0 3px 0;
	padding:0;
	width:930px;
	border:0px fuchsia solid;
}

#primary_nav_wrap ul {
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	border:0px fuchsia solid;
}

#primary_nav_wrap ul a {
	display:block;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:500;
	text-align:center;
	margin:0;
	padding:0;
	font-size:16px;
	letter-spacing:.025em;	
}

/* menu color changes */

#primary_nav_wrap a:hover {
    color:#c0c0c0;
}

/* end */

#primary_nav_wrap ul li {
	position:relative;
	float:left;
	margin:1px 0 1px 0;
	padding:8px 17px 8px 17px;
	border-right:1px white solid;
}
#primary_nav_wrap ul a.home {
	 color:#c0c0c0;
}
#primary_nav_wrap ul a.ohome {
	 color:#f85108;
}
#primary_nav_wrap ul li.home-cnt {	
	background:url(images/top-home.jpg) no-repeat;
}
#primary_nav_wrap ul li.home-dn {	
	background:url(images/home-dn.jpg) no-repeat;
}
#primary_nav_wrap ul ul {
	display:none;
	position:absolute;
	left:0;
	width:117px;
	background:#2767c9;  /* default blue */
	padding:1px 0 0 0;
	margin:6px 0 0 0;
}
#primary_nav_wrap ul ul li:hover {
	background:url(images/bg-navtop.jpg) repeat-x left bottom;	
}
#primary_nav_wrap ul ul li {
	float:left;
	margin:0;
	padding:1px 0 1px 0;
	width:117px;
	border-right:1px #2767c9 solid;
}
#primary_nav_wrap ul ul a {
	padding:1px 0 3px 5px;
	margin:0 0 0 15px;
	text-align:left;
	font-size:13px;
	text-transform:none;
	letter-spacing:.025em;
}
#primary_nav_wrap ul ul ul {
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

/*------------------------- Body ---------------------------*/

.whiteb { 
   color:#ffffff;
   font-weight:600;
}
.body {
	float:left;
	width:940px;
	margin:0;
	padding:0 10px 0 0;
	border:0px red solid;
	background:none #fbfbf4;
	overflow:hidden;
}
.body a {
	color:#005dc0;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-decoration:none;
}
.body a:hover { 
   color:#dc650e;
   text-decoration:underline 
}

/* Top page section */

.toprate {
	float:left;
	width:690px;
	margin:0 0 5px 0;
	padding:0;
	border:0px fuchsia solid;
}
.topage {
	float:left;
	width:690px;
	display:inline;
	margin:10px 0 0 20px;
	padding:0 0 10px 0;	
	border:0px blue solid;
}
.topage h1 {  
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	line-height:24px;
	margin:0;
	padding:0; 
	text-transform:uppercase;
}
.h1color {
color:#303030;
}


/* end of toprow - start of rowtwo */

.wrapper {
	float:left;
	width:690px;
	margin:5px 0 10px 0;
	padding:0;
	border:0px blue solid;
}
#midpage {
	float:left;	
	width:690px;
	margin:10px 0 0 0;
	padding:0;
	display:inline;
	border:0px gray dashed;
	font-family:Arial, Helvetica, sans-serif;
}
#midpage h2 {
	color:#303030;   /*#093a87;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:500;
	line-height:20px;
	margin:0;
	padding:0 0 4px 0; 
	font-variant:small-caps;
}
#midpage h3 {  
	color:#303030;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-align:left;  
	margin:5px 0 5px 0;
	padding:0; 
}
#midpage h4 {  
	color:#000000;	
	font-size:16px;
	font-weight:normal;	
	text-align:left;  
	margin:5px 0 5px 0;
	padding:0; 
}
#midpage h5 {  
	color:#000000;	
	font-size:15px;
	font-weight:normal;	
	text-align:left;
	margin:10px 0 2px 0;
	padding:0; 
}
#midpage p {
	color:#000000;	
	font-size:15px;
	font-weight:normal;	
	text-align:justify;
	line-height:22px;
	padding:0 0 5px 0;
	margin:0; 
}

/* GREEN FEES SECTION */ 

#greenfees {
	float:left;
	width:686px;
	margin:0 0 10px 0;
	padding:0;
	background-color:#ffffff;
	border:1px #dad6d6 solid;
}
#boxlft {
	float:left;
	width:210px;
	margin:0 18px 0 0;
	padding:0;
	border:0px fuchsia solid;
}
.box5 {
	float:left;
	width:210px;
	margin:0;
	padding:5px 0 5px 0;
}
/* WOW picture box */

#wow {
	float:left;
	width:686px;
	margin:0 0 10px 0;
	padding:10px 0 10px 0;
	background-color:#ffffff;
	border:1px #dad6d6 solid;
}


.rowtwo {
	float:left;
	width:690px;
	margin:0 0 15px 0;
	padding:0;
	border:0px solid #1f1f1f;
	background-color:#B5755B;
}
.rowtwo p {  
	color:#202020;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	text-align:justify;
	font-weight:normal;
	margin:0;
	padding:0 3px 0 3px; 
}
.rowtwo ul {
	float:left;
	width:320px;
	margin:0;
	padding:0;
	border:0px fuchsia solid;
}
.rowtwo li {
	padding:0 0 6px 0;
	margin:0;
	list-style:circle;
	text-align:justify;
	list-style-position:inside;
	text-transform:none;
	color:#030303;
	font-size:14px;	
}
.lft320 {
	float:left;
	width:320px;
	margin:0;
	padding:0;
	border:0px fuchsia solid;
}
.rgt320 {
	float:right;
	width:320px;
	margin:0;
	padding:0;
	border:0px fuchsia solid;
}
.txtrgt {  
	float:right;
	width:320px;
	margin:0;
	padding:0;
	border:0px lime solid;
}
.txtlft {  
	float:left;
	width:320px;
	margin:0;
	padding:0;
	border:0px lime solid;
}
.morebox {
	float:right;
	width:320px;
	margin:6px 0 0 0;
	padding:0;
	border:0px fuchsia ridge;
}
.offerow {
	float:left;
	width:685px;
	margin:0 0 5px 0;
	padding:0;
	border:0px solid #1f1f1f;
}

/*-- end of top row section */

#toprow {
	float:left;
	width:690px;
	margin:0 0 20px 0;
	padding:0;
	border:0px gray dotted;
}
#toprow p {  
	color:#202020;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	text-align:justify;
	font-weight:normal;
	margin:0;
	padding:0 2px 0 2px; 
}
.picbox {
	float:left;
	width:220px;
	margin:0 0 5px 0;
	padding:0;
	border:0px fuchsia solid;
}
#topic-lft {  
	float:left;
	width:220px;
	margin:0;
	padding:0;
	border:0px lime solid;
}
#topic {  
	float:left;
	width:220px;
	margin:0 0 0 15px;
	padding:0;
	border:0px lime solid;
}
#topic-rgt {  
	float:right;
	width:220px;
	margin:0;
	padding:0;
	border:0px lime solid;
}


/* New offer section */ 

.wrapbox {
	float:left;
	width:688px;
	margin:0 0 15px 0;
	padding:0;
	background-color:#ffffff;
	border:1px #dad6d6 solid;
}
.wrapbox h3 {
	color:#093a87;	
	font-size:17px;
	font-weight:normal;	
	text-align:center;
	padding:5px 0 5px 0;
	margin:0; 
	font-variant:small-caps;
	/*background:url(images/bg-h3.jpg) no-repeat left center;*/
}
.wrapbox h4 {  
	color:#093a87;	
	font-size:15px;
	font-weight:normal;	
	text-align:center;
	padding:5px 0 5px 0;
	margin:0 0 2px 0; 
	font-variant:small-caps;
	/*background:url(images/bg-h4.jpg) no-repeat right center;*/
}
.wrapbox p {
	color:#030303;	
	font-size:14px;
	font-weight:normal;	
	text-align:justify;
	line-height:19px;
	padding:0;
	margin:4px 0 0 0; 
}
.box1 {
	float:left;
	width:320px;
	margin:0 0 0 10px;
	padding:2px;
	border:0px black solid;
}
.box2 {
	float:right;
	width:335px;
	margin:0;
	padding:2px;
	border:0px red solid;	
}
.box3 {
	float:left;
	width:320px;
	margin:0 0 0 10px;
	padding:2px;
	border:0px black solid;
}
.box4 {
	float:right;
	width:320px;
	margin:0 10px 0 0;
	padding:2px;
	border:0px red solid;
}
.wrapbox ul {
	float:left;
	width:320px;
	margin:0;
	padding:0;
	border:0px fuchsia solid;
}
.wrapbox li {
	padding:0 0 8px 0;
	margin:0;
	list-style:none;
	text-align:left;
	list-style-position:outside;
	text-transform:none;
	color:#030303;
	line-height:16px;
	font-size:14px;	
}
.wraplink {
	float:left;
	width:320px;
	border:0px fuchsia solid;
	margin:3px 0 0 0;
	padding:0;
}
.boldd {
	font-weight:bold;
}
.linktxt {
	float:left;
	width:106px;
	margin:0;
	padding:0;
	border:0px red solid;	
}
.linktxt a {
	color:#005dc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:500;
	margin:0;
	padding:0 0 0 13px;
	text-decoration:none;
	background:url(images/dot1.jpg) no-repeat left center;
}
.linktxt a:hover { 
   color:#c95d07; 
   text-decoration:underline 
}

.link150 {
	float:left;
	width:150px;
	margin:0;
	padding:0;
	border:0px red solid;	
}
/* New section --*/

.lft155 {
	float:left;
	width:155px;
	margin:0;
	padding:0;
}
.rgt155 {
	float:right;
	width:155px;
	margin:0;
	padding:0;
}

/* Three box section - boxes */

#botpage {
	float:left;	
	width:690px;
	margin:10px 0 0 0;
	padding:0;
	display:inline;
	border:0px gray dashed;
	font-family:Arial, Helvetica, sans-serif;
}
#botpage h5 {  
	color:#000000;	
	font-size:15px;
	font-weight:normal;	
	text-align:left;
	margin:10px 0 2px 0;
	padding:0; 
}
#botpage p {
	color:#000000;	
	font-size:14px;
	font-weight:normal;	
	text-align:justify;
	line-height:22px;
	margin:0; 
	padding:0
}
.lftpic {  
	float:left;
	width:160px;
	margin:0 0 0 2px;
	padding:4px;
	border:0px #c0c0c0 dotted;
}
.rgtpic {  
	float:right;
	width:160px;
	margin:0 2px 0 0;
	padding:4px;
	border:0px #c0c0c0 dotted;
}
.box160 {
	float:left;
	width:154px;
	margin:0;
	padding:2px 3px 0 3px;
	border:0px fuchsia solid;
}

/* New Desert springs section */ 

#wrapsprings {
	float:left;
	width:686px;
	margin:1px 0 25px 0;
	padding:2px 0 20px 2px;
	background-color:#665957; /*-- Analogous color */
}
.linkpce {
	float:left; 
	width:160px;
	margin:0;
	padding:0;
	background-color:#665957;
	border:1px white solid;	

}
.linkpce a {
	color:#f85108;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:500;
	margin:0;
	padding:0 0 0 17px;
	text-decoration:none;
	background:url(images/arrow5.jpg) no-repeat left center;
}
.linkpce a:hover { 
   color:#c95d07; 
   text-decoration:underline 
}

/* end of offer row  */

.topic2 {  
	float:left;
	width:205px;
	margin:0;
	padding:0;
	border:0px lime solid;
}
.blbox {
    float:left;
    width:195px;
    margin:0;
    padding:6px 5px 10px 5px;
    background-image:url('images/bg-blue.jpg');
    background-position:center top;
	background-repeat:repeat-y;   
}
.blbox a {
	color:#005dc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:500;
	margin:0;
	padding:0 0 0 17px;
	text-decoration:none;
	background:url('images/dot1.jpg') no-repeat left center;
}
.blbox a:hover { 
   color:#005dc0;
   text-decoration:underline;
}

/* two boxes section */

/* strap line text box */

.strapline {
	float:left;
	width:690px;
	display:inline;
	margin:0;
	padding:0 5px 0 5px;
	border-top:0px solid #1f1f1f;
}
.strapline p {		
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:500;
	padding:0;
	margin:0;
	color:#014988;
	border:0px red solid;	
}
.topbox {
	float:left;
	width:690px;
	margin:0;
	padding:5px 5px 10px 5px;
	border-bottom:1px gray dotted;
}

/* MAIN PAGE SECTION */

.bpage a:hover { 
   color:#044e9e;
   text-decoration:underline 
}
.nobo {
	float:left;
	margin:0;
	padding:0;
	border:0;
}
.norgt {
	float:left;
	margin:0 0 0 20px;
	padding:0;
	border:0;
}
.lft1 {
	float:left;
	margin:0;
	padding:0;
	border:0;
}
.rgt1 {
	float:right;
	margin:0;
	padding:0;
	border:0;
}
.red {
	color:#ff0000;
}
.redb { 
   color:#ac0303;
   font-weight:600;
}
.orange {
	color:#f85108;
}
.boldb { 
   font-weight:600;
}
.blue {
	color:#014988;
}
/*   PICTURE ROWS */

.piclft {  
	float:left;
	width:200px;
	margin:0;
	padding:10px;
	background:#c1da8e;
	border:0px lime solid;
}
.picrgt {  
	float:right;
	width:200px;
	margin:0;
	padding:10px;
	background:#c1da8e;
	border:0px lime solid;
}
.picctr {
	float:left;
	width:200px;
	margin:0 0 0 15px;
	padding:10px;
	background:#c1da8e;	
	border:0px lime solid;
}
.txtbox {
	float:left;
	width:200px;
	margin:0;
	padding:6px 0 5px 0;
	border:0px fuchsia solid;
}
.pad10 {
	padding:0 10px 0 10px;
}
.linkbox {
	float:left;
	width:195px;
	margin:0;
	padding:0;
}
.linkbox a {
	color:#00aec0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	margin:0;
	padding:0;
	text-decoration:none;
	text-transform:none;
	list-style:none;
}
.linkbox a:hover { 
   color:#005dc0;
   text-decoration:underline 
}

/* row with 2 boxes */

.box320lft {
	float:left;
	width:320px;
	margin:0;
	padding:0;
	border:0px solid lime;
}
.box320rgt {
	float:right;
	width:320px;
	margin:0;
	padding:0;
	border:0px solid fuchsia;
}
.box310lft {
	float:left;
	width:310px;
	margin:0 0 0 10px;
	padding:0;
	border:0px solid lime;
}
.boxtxt310 {  
	float:left;
	width:310px;
	margin:0;
	padding:0;
	border:0px lime solid;
}


/*   3 picture box row  */

.rowpics {
	float:left;
	width:690px;
	margin:0 0 20px 0;
	padding:0;
	border:0px solid #1f1f1f;
}

/* SIDE BAR */
 
#sidebar {
	float:right;
	width:200px;	
	margin:0;
	padding:0 0 10px 0;
	border:0px fuchsia solid;	
	font-family:Arial, Helvetica, sans-serif;
}
#sidebar h2 {  	
	color:#000000;
	font-size:17px;
	text-align:center;
	font-weight:500;	
	margin:0;	
	padding:0;
	text-decoration:none;
	font-variant:small-caps;
}
#sidebar h3 {  	
	color:#000000;
	font-variant:small-caps;
	font-size:15px;
	text-align:left;
	font-weight:normal;	
	margin:0;	
	padding:2px 0 0 0;
	text-decoration:none;
}
#sidebar h4 {  	
	color:#000000;
	font-variant:small-caps;
	font-size:15px;
	text-align:center;
	font-weight:500;	
	margin:0;	
	padding:0 0 6px 0;
	text-decoration:none;
}
#sidebar h5 {  
	color:#000000;
	font-size:13px;
	text-align:left;
	font-weight:500;
	margin:0;
	padding:0 0 1px 0; 
}
#sidebar h6 {  
	color:#000000;
	font-size:13px;
	text-align:left;
	font-weight:500;
	margin:0;
	padding:0 0 1px 0; 
}
#sidebar p {  
	color:#202020;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	text-align:left;
	font-weight:normal;
	margin:0;
	padding:2px 0 2px 0; 
}
#sidebar a {
	color:#005dc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	margin:2px 0 0 0;
	padding:0 0 0 17px;
	text-decoration:none;
	background:url(images/dot1.jpg) no-repeat left center;
}
#sidebar a:hover { 
   color:#c95d07; 
   text-decoration:underline 
}

/* Ad boxes */

.bluewrap {
	float:right;
	width:200px;	
	margin:20px 0 0 0;
	padding:0;
	border:0px fuchsia solid;	
}
.bluebox {
    float:right;
	width:198px;
	margin:0 0 10px 0;
	padding:0;
	border:1px solid #ede7e7; 
}
.abox {
    float:right;
	width:188px;
	margin:0 4px 0 0;
	padding:2px 0 2px 0;
	border:0px solid #dad6d6; 
}
.abox a {
	color:#005dc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	margin:2px 0 0 0;
	padding:0 0 0 17px;
	text-decoration:none;
	background:url(images/dot1.jpg) no-repeat left center;
}
.abox a:hover { 
   color:#c95d07; 
   text-decoration:underline 
}


.more {
   float:left;
   width:200px;
   margin:0;   
   padding:5px 0 0 0;
   border:0px black solid; 
}
.more a {
	color:#005dc0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:500;
	margin:0;
	padding:0 0 0 17px;
	text-decoration:none;
	background:url(images/dot1.jpg) no-repeat left center;
}
.more a:hover { 
   color:#c95d07; 
   text-decoration:underline 
}
.more2 {
   float:left;
   width:200px;
   margin:0;   
   padding:5px 0 0 0;
   border:0px black solid; 
}
.more2 {
	font-size:14px;
	padding:5px 0 0 15px;
	background:url(images/arrow3.jpg) no-repeat left center;
}

/* ---- end of ads boxex ---- */

.oftxt {
	float:left;
	width:190px;
	margin:0;
	padding:5px 5px 2px 5px;
}
.free {
	color:#1f1f1f;
	padding:1px 2px 1px 2px;
	margin:0;
	background-color:#ff7500;
	font-size:14px;
	font-weight:700;
}

#clickaway {
	float:left;
	width:700px;
	margin:5px 0 5px 0;
	padding:0;
}

/* ---- Facebook ---*/

#fbook { 
   float:left;
   width:690px;
   margin:0;
   padding:0;
   border:0px aqua solid;
}
#fbook a {
	color:#026593;
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:normal;
	padding:0 0 0 10px;
	text-decoration:none;
	font-size:13px;
	margin:0;
}
#fbook a:hover {
	color:#ff7500;
	text-decoration:underline;
}

#fblft {
	float: left;
	width:35px;
	margin:0;
	padding:0;
	border:0px red solid;
}
#fbmid {
	float: left;
	width:225px;
	margin:0;
	padding:0;
	border:0px red solid;
}
#fbrgt {
	float: left;
	width:400px;
	margin:0;
	padding:0;
	border:0px red solid;
}

/*------------------------- Footer -------------------------*/

.footer {
	float:left;
	width:930px;
	height:120px;
	padding:10px 0 5px 0;	
	margin:0 0 10px 10px;
	overflow:hidden;
	background-image:url('images/bg-links2.jpg');
    background-position:left top;
	background-repeat:repeat-y; 
	font-family:Arial, Helvetica, sans-serif;	
}
.footer ul {
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:10px 0 0 0;
}
.footer ul li {
	color:#026593;
	float:left;
	font-size:12px;
}
.footer ul li a {
	color:#ffffff;
	font-size:12px;
	line-height:24px;
	padding:0 6px 0 0px;
	margin:0 0 0 10px;
	text-decoration:none;
	text-transform:uppercase;
}
.footer ul li.selected a {
	color:#ff7500;
}
.footer a:hover {
	color:#ff7500;
}
.footer p {
	color:#c0c0c0;
	display:block;
	font-size:10px;
	line-height:11px;
	margin:-2px 0 0 10px;
	padding:0;
	text-decoration:none;
	text-transform:uppercase;
}
.footer .wrapper {
	float:left;
	width:930px;
	margin:0;
	padding:0;
	border:0px maroon solid;
}
.footer .connect {
	float:right;
	width:130px;
	margin:0;
	padding:0;
	border:0px fuchsia solid;
}
.footer .connect .spacer {
	margin-right:8px;
}
.footer .connect a {
	color:#ffffff;
	float:left;
	text-decoration:none;
	font-size:13px;
	text-transform:uppercase;
}
.footer .connect a:hover {
	text-decoration:underline;
	color:#ff7500;
}
.footer .copyr { 
    float:left;
    margin:10px 0 0 0;
    width:270px;
    padding:0;
    text-align:left;
	border:0px fuchsia solid;
}
.credit {
	float:right;
	width:700px;
	margin:0;
	padding:0;
	border:0px green solid;
}
.foot-tbe {
	float:left;
	border-collapse:collapse;
	margin:5px 0 0 15px;
	padding:0;
	border:0px fuchsia solid;
}
.foot-tbe td {
	margin:0;	
	padding:2px 0 3px 0;
	border:0;	
	border:0px green solid;
	
}
.foot-tbe a {
	color:#ffffff;
	font-size:13px;
	font-weight:normal;
	padding:0 0 0 10px;
	margin:0;
	text-decoration:none;
	background:url(images/icon-arrow-right.jpg) no-repeat left center;
}
.foot-tbe a.home {
	color:#ff7500;
}
.foot-tbe a:hover {
	color:#ff7500;
}
.fwth {
	width:175px;
}

/* CSS */

#cssbox {
	float:left;
	width:260px;
	padding:0;	
	margin:5px 0 0 10px;
	border:0px lime solid;
}
#csslft {
	float:left;
	width:110px;
	margin:0;
	padding:0;
	border:0px fuchsia solid;
}
#cssrht {
	float:right;
	width:110px;
	margin:0;
	padding:0;
	border:0px red solid;
}

