/* CSS */

/*Positioning*/

/*This one is intentionally empty*/
p.bottom{
	position:absolute;
	top:605px;
	left:5px;
	width:785px;
	color:#9bc1d6;
	background-color:#9bc1d6;
	}
	
	
p.top	{
	position:absolute;
	color:white;
	background-color:#9bc1d6;
	left:0px;
	top:0px;
	height:10px;
	width:790px;
	}
	
p.left	{
	position:absolute;
	color:white;
	background-color:white;
	left:0px;
	top:0px;
	height:655px;
	width:5px;
	}

/*this is the blurb in the main area*/
p.main 	{
	font-family: arial;
	font-size:10pt;
	color:black;
	text-align:left;
	background-color:white;
	position:absolute;
	top:275px;
	left:80px;
	height:180px;
	width:350px;
	
	}	

/*this is the logo*/
p.logo 	{
	position:absolute;
	top:20px;
	left:70px;
	/*height:158px;
	width:220px;*/		
	
	}


/*This is the Caroma 60% off*/
p.caroma	{
	position: absolute;
	top:20px;
	left:350px;
	height:120px;
	width:120px;
	background:white;
	}

/*This is the 60% off til December 31st reminder*/
p.city	{
	font-family:arial;
	font-weight:bold;
	font-size:10pt;
	color:black;
	text-align:center;
	position: absolute;
	top:140px;
	left:350px;
	width: 120px;
	background:white;
	
	}

/*This is the lower strip*/
p.lower {
	font-family:arial narrow;
	text-align:center;
	color:#297aa5;
	font-size:12pt;
	font-weight:bold;
	line-height:15px;
	position:absolute;
	top:555px;
	left:5px;
	background-color:#9bc1d6;
	height:50px;
	width:600px;
	}

/*This is the menu*/
p.menu {
	background-image:url(../images/waterb.jpg);
	background-repeat:no-repeat;
	font-family: arial narrow;
	font-weight:bold;
	font-size:14pt;
	line-height:26px;
	text-align:right;
	color:#297aa5;
	background-color:#9bc1d6;
	position:absolute;
	top:5px;
	left:605px;
	width:175px;
	height:600px;
	}
	
/*this is the menu border*/
p.menuborder {
	background-color:#9bc1d6;
	position:absolute;
	top:5px;
	left:780px;
	height:600px;
	width:10px;
	}
	
	
/*the White Water Droplets*/
p.whitewater	{
	position:absolute;
	height:180px;
	width:66px;
	top:10px;
	left:539px;
	}



/* How Links Work */

a	{text-decoration:none;
	color:#297aa5;
	position:relative;
	}

a.city
	{text-decoration:none;
	color:#297aa5;
	position:relative;
	}

a.city:hover
	{color:red}
a.caroma
	{text-decoration:none;
	position:relative;
	background:white;
	border:none;
	}

a:visited{
	text-decoration:none;

	}
	
a:hover	{
	color:white;
	}