/* 
CSS for Riviera Golf Estates
*/


/* <!--  1  maroon #990000   
		2 dark green   #336600
		 3 lighter maroon  #996600
		  4 ochre  #999900
		   5 blue #0099CC  -->

*/
    
   
    
    TD  { font-family:  comic sans ms;
		color:              #006600 ;
		font-size: 		12pt; }

/*	a:mailto { color: #00CCFF } */

	H1 { text-align:center;
		font-family:arial;
		color: #663333}           

	H2 { text-align:center;
		font-family:arial;
		color: #663333}				

	H3 { text-align:center;			
		font-family:arial;
		color: #996600}

	H4 { text-align:left;
		font-family:arial;
		color: #FF9900}				

	H5 { text-align:center;			
		font-family:arial;
		color: #663333}

	P{	font-family:  comic sans ms;
		color:              #006600 ;
		font-size: 		12pt;
		margin-left:		5%;
		margin-right:		5%;
           }

	UL{    font-family:  comic sans ms;
		color:               #006600 ;
		font-size: 		12pt;
		margin-left:		5%;
		margin-right:		5%;
           }

a{
 font-weight: bold;
 }
a:link {
 color: navy;
}
a:hover {color: green; background-color: #D5E9D7;}

a:active {color: blue; background-color: #D5E9D7;}

a:visited {color: navy; text-decoration: none;}



.feature1{
 float: left;
 margin: 0px;
 border: 0px;
 padding: 0px;
}

.feature2{
 float: right;
 margin: 0px;
 border: 0px;
 padding: 0px;
}

#pic1 {
position: relative;
left: 0;
top: 0px;
width: 600px;
height: 90px;
padding: 0;

margin: 0px auto;
}

#pic2 {
position: absolute;
left: 120px;
top: 0px;
width: 120px;
height: 90px;
padding: 0;

margin: 0;
}

#pic3 {
position: absolute;
left: 240px;
top: 0px;
width: 120px;
height: 90px;
padding: 0;

margin: 0;
}

#pic4 {
position: absolute;
left: 360px;
top: 0px;
width: 120px;
height: 90px;
padding: 0;

margin: 0;
}

#pic5 {
position: absolute;
left: 480px;
top: 0px;
width: 120px;
height: 90px;
padding: 0;

margin: 0;
}

#newsA {
float: left;
left: 0;
top: 0px;
width: 48%;
padding: 0;
margin: 0px;
}

#newsB {
 float: right;
 top: 0;
 width: 48%;
 margin: 0px;
 }

#newsC {
position: relative;
left: 0;
margin: 0px auto;
}

#vitals {
 float: right;
 top: 0;

background-color:#FDE2B8;
 width: 250px;
 padding-left: 0;
 padding-top: 5px;
 padding-right: 2px;
 padding-bottom: 5px;
 margin: 0px;
 color: navy;
 border-top: 2px solid navy;
 border-left: 2px solid navy;
 border-bottom: 2px solid navy;
border-right: 2px solid navy;
 }


#navone {

 position: absolute;
 background-color:#FDE2B8;
 top: 400px;
 left: 0px;
 width: 220px;
 padding-left: 2px;
 padding-top: 5px;
 padding-right: 2px;
 padding-bottom: 5px;
 margin: 0px;
 color: navy;
 border-top: 2px solid navy;
 border-left: 2px solid navy;
 border-bottom: 2px solid navy;
 }
#navoneus {

 position: absolute;
 background-color:#FDE2B8;
 top: 230px;
 left: 0px;
 width: 155px;
 padding-left: 5px;
 padding-top: 5px;
 padding-right: 2px;
 padding-bottom: 5px;
 margin: 0px;
 color: green;
 border-top: 2px solid navy;
 border-left: 2px solid navy;
 border-bottom: 2px solid navy;
 }
#navoneact {

 float: right;
 background-color:#FDE2B8;
 
 width: 155px;
 padding-left: 5px;
 padding-top: 5px;
 padding-right: 2px;
 padding-bottom: 5px;
 margin: 0px;
 color: green;
 border-top: 2px solid navy;
 border-left: 2px solid navy;
 border-bottom: 2px solid navy;
 border-right: 2px solid navy;
 }

#navbylaw {
 font-size: .5em;
 float: right;
 background-color:yellow;
 
 width: 230px;
 padding-left: 0px;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 5px;
 margin: 0px;
 color: green;
 border-top: 2px solid navy;
 border-left: 2px solid navy;
 border-bottom: 2px solid navy;
 border-right: 2px solid navy;
 }

#contentone {
 padding-top: 5px;
 padding-left: 0;
 padding-bottom: 5px;
 padding-right: 5px;
 position: absolute;
 top: 400px;
 left: 226px;
 width: auto;
 border-top: 2px solid maroon;
 border-left: 2px solid maroon;
margin: 0;
 }

#contentoneus {
 padding-top: 5px;
 padding-left: 0;
 padding-bottom: 5px;
 padding-right: 5px;
 position: absolute;
 top: 230px;
 left: 164px;
 width: auto;
 border-top: 2px solid maroon;
 border-left: 2px solid maroon;
margin: 0;
 }

#contentoneact {
 padding-top: 5px;
 padding-left: 5px;
 padding-bottom: 5px;
 padding-right: 5px;
 position: absolute;
 top: 110px;
 left: 164px;
 width: auto;
 border-top: 2px solid maroon;
 border-left: 2px solid maroon;
margin: 0;
 }

#tipheader {
 position: absolute;
 top: 0px;
 left: 0px;
 height: 213px;
 width: auto;
 color: red;
 background-color: green;
 padding-top: 130px;
 padding-bottom: 13px;
 padding-left: 26px;
 margin: 0;
 border-top: 4px solid green;
 border-left: 4px solid green;
 border-right: 4px solid green;
 border-bottom: 4px solid green;
 }

#tipnavzero {
 position: absolute;
 background-color:aqua;
 top: 200px;
 left: 0px;
 width: 250px;
 height: 100px;
 padding: 5px;
 margin: 0px;
 color: navy;
 border-top: 2px solid red;
 border-left: 2px solid red;
 border-bottom: 2px solid red;
 }
 
#tipnav1 {
 position: absolute;
 background-color:lime;
 top: 300px;
 left: 0px;
 width: 250px;
 height: 100px;
 padding: 5px;
 margin: 0px;
 color: navy;
 border-top: 2px solid red;
 border-left: 2px solid red;
 border-bottom: 2px solid red;
 }
#tipnav2 {
 position: absolute;
 background-color:yellow;
 top: 400px;
 left: 0px;
 width: 250px;
 height: 100px;
 padding: 5px;
 margin: 0px;
 color: navy;
 border-top: 2px solid red;
 border-left: 2px solid red;
 border-bottom: 2px solid red;
 }

#tipnav3 {
 position: absolute;
 background-color:fuchsia;
 top: 500px;
 left: 0px;
 width: 250px;
 height: 100px;
 padding: 5px;
 margin: 0px;
 color: navy;
 border-top: 2px solid red;
 border-left: 2px solid red;
 border-bottom: 2px solid red;
 }

#tipnav4 {
 position: absolute;
 background-color:yellow;
 top: 600px;
 left: 0px;
 width: 250px;
 height: 100px;
 padding: 5px;
 margin: 0px;
 color: navy;
 border-top: 2px solid red;
 border-left: 2px solid red;
 border-bottom: 2px solid red;
 }

#tipnav5 {
 position: absolute;
 background-color:aqua;
 top: 700px;
 left: 0px;
 width: 250px;
 height: 100px;
 padding: 5px;
 margin: 0px;
 color: navy;
 border-top: 2px solid red;
 border-left: 2px solid red;
 border-bottom: 2px solid red;
 }

#tipnav6 {
 position: absolute;
 background-color:lime;
 top: 800px;
 left: 0px;
 width: 250px;
 height: 160px;
 padding: 5px;
 margin: 0px;
 color: navy;
 border-top: 2px solid red;
 border-left: 2px solid red;
 border-bottom: 2px solid red;
 }

#tipconzero {
 padding: 5px;
 position: absolute;
 top: 200px;
 left: 262px;
 height: 100px;
 width: auto;
 border-top: 2px solid blue;
 border-bottom: 2px solid blue;
 border-left: 2px solid blue;
 border-right: 2px solid blue;
 color: green;
 background-color: yellow;
 }

#tipcon1 {
 padding: 5px;
 position: absolute;
 top: 300px;
 left: 262px;
 height: 100px;
 width: auto;
 border-top: 2px solid blue;
 border-bottom: 2px solid blue;
 border-left: 2px solid blue;
 border-right: 2px solid blue;
 color: green;
 background-color: yellow;
 }

#tipcon2 {
 padding: 5px;
 position: absolute;
 top: 400px;
 left: 262px;
 height: 100px;
 width: auto;
 border-top: 2px solid blue;
 border-bottom: 2px solid blue;
 border-left: 2px solid blue;
 border-right: 2px solid blue;
 color: green;
 background-color: yellow;
 }

#tipcon3 {
 padding: 5px;
 position: absolute;
 top: 500px;
 left: 262px;
 height: 100px;
 width: auto;
 border-top: 2px solid blue;
 border-bottom: 2px solid blue;
 border-left: 2px solid blue;
 border-right: 2px solid blue;
 color: green;
 background-color: yellow;
 }

#tipcon4 {
 padding: 5px;
 position: absolute;
 top: 600px;
 left: 262px;
 height: 100px;
 width: auto;
 border-top: 2px solid blue;
 border-bottom: 2px solid blue;
 border-left: 2px solid blue;
 border-right: 2px solid blue;
 color: green;
 background-color: yellow;
 }

#tipcon5 {
 padding: 5px;
 position: absolute;
 top: 700px;
 left: 262px;
 height: 100px;
 width: auto;
 border-top: 2px solid blue;
 border-bottom: 2px solid blue;
 border-left: 2px solid blue;
 border-right: 2px solid blue;
 color: green;
 background-color: yellow;
 }
#tipcon6 {
 padding: 5px;
 position: absolute;
 top: 800px;
 left: 262px;
 height: 160px;
 width: auto;
 border-top: 2px solid blue;
 border-bottom: 2px solid blue;
 border-left: 2px solid blue;
 border-right: 2px solid blue;
 color: green;
 background-color: yellow;
 }

li{
list-style-type: none
}
/*
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
*/