/* Float a pic in a paragraph */


body {
      margin:0px; padding:0px;
      background-image:url(http://attheshorerealty.com/images/page_bg.jpg);
      background-repeat:repeat-x;
      background-color: #656565;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
	border:1px solid #26147A;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
	border:1px solid #26147A;
}

    .href_b:link {color:#000000;text-decoration:none}
    .href_b:visited {color:#000000;text-decoration:underline}
    .href_b:active {color:#000000;text-decoration:none}
    .href_b:hover {color:#000000;text-decoration:none}
    
    .href_bn:link    {color:#FFFF33;text-decoration:BOLD; font-size:11pt;}
    .href_bn:visited {color:#000000;text-decoration:BOLD; font-size:11pt;}
    .href_bn:active  {color:#FF0000;text-decoration:BOLD; font-size:11pt;}
    .href_bn:hover   {color:#FF0000;text-decoration:BOLD; font-size:13pt;}
    
    .href_frm:link    {color:#0054A6;text-decoration:none; font-size:11pt;}
    .href_frm:visited {color:#33CC66;text-decoration:none; font-size:11pt;}
    .href_frm:active  {color:#000000;text-decoration:none; font-size:11pt;}
    .href_frm:hover   {color:#FF0000;text-decoration:bold; font-size:13pt;}
    
    .href_red:link    {color:#FF0000;text-decoration:none; font-size:11pt;}
    .href_red:visited {color:#33CC66;text-decoration:none; font-size:11pt;}
    .href_red:active  {color:#000000;text-decoration:none; font-size:11pt;}
    .href_red:hover   {color:#FF5500;text-decoration:bold; font-size:13pt;}
    
    .href_C:link {color:#035BB1; text-decoration:none}
    .href_C:visited {color:#035BB1; text-decoration:underline}
    .href_C:active {color:#035BB1; text-decoration:none}
    .href_C:hover {color:#035BB1; text-decoration:underline}
    
    .href_D:link {color:#CC0000; text-decoration:none}
    .href_D:visited {color:#CC0000; text-decoration:underline}
    .href_D:active {color:#CC0000; text-decoration:none}
    .href_D:hover {color:#CC0000; text-decoration:underline}
    
    .href_S:link {color:#11AEC0; text-decoration:none}
    .href_S:visited {color:#11AEC0; text-decoration:none}
    .href_S:active {color:#11AEC0; text-decoration:none}
    .href_S:hover {color:#11AEC0; text-decoration:underline}
    
    .href_T:link {color:#0066FF; text-decoration:none}
    .href_T:visited {color:#0066FF; text-decoration:none}
    .href_T:active {color:#0066FF; text-decoration:none}
    .href_T:hover {color:#0066FF; text-decoration:none}
    
    .href_sh:link {color:#ffffff; text-decoration:none}
    .href_sh:visited {color:#ffffff; text-decoration:none}
    .href_sh:active {color:#ffffff; text-decoration:none}
    .href_sh:hover {color:#ffffff; text-decoration:none}
	
    table {font-size: 9pt; line-height: 15pt; font-family: "tahoma"; color:"#000000";}
    td {font-size: 9pt; line-height: 15pt; font-family: "tahoma"; color:"#000000";}
       
    	.font1 {font-size:10pt; font-family:"Tahoma"; letter-spacing:-3px;}
		.font2 {
	font-size:8pt;
	font-family:"Tahoma";
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;

}
		.font3 {
	font-size:8pt;
	line-height:15px;
	font-family:"Arial", "Helvetica", "sans-serif";
	color: #666666;
}
		.font4 {font-size:8pt; line-height:13px ; font-family:"Tahoma"; letter-spacing:1px;}
		.font-4 {font-size:8pt; line-height:13px ; font-family:"Tahoma"; letter-spacing:-1px;}
		.font5 {
	font-size:9pt;
	font-family:"Tahoma";
	font-weight: bold;
	color: #999999;
}
		.font6  {font-size:7pt;  font-family:"Tahoma"}
		.font7  {font-size:9pt;  font-family:"Tahoma"}
		.font8  {font-size:10pt; font-family:"Tahoma"}
		.font9  {font-size:11pt; font-family:"Tahoma"}
		.font12 {font-size:12pt; font-family:"Tahoma"; color: 7C023F; font-weight: bold; line-height: 20px;}
		.font13 {font-size:20pt; font-family:"Times New Roman", "Times", "serif";
                 font-weight: bold;	color: 7C023F;	font-style: italic;	line-height: 25px;}
		.font14 {
	font-size:10pt;
	font-family:"Tahoma";
	font-weight: bold;
	color: 7C023F;
}
		.font15 {
	font-size:15pt;
	font-family:"times";
	color: #996633;
	font-weight: bold;
	font-style: normal;


}
		.font16 {
	font-size:17pt;
	font-family:"TAHOMA";
	color: 7C023F;
	font-weight: bold;
}
	
		.fonts {font-size: 9pt; line-height: 11pt; font-family: "tahoma"; color:"#000000";}
		.fonts1 {font-size:9pt; font-family:"Arial"; letter-spacing:-3px;}
		.fonts2 {font-size:8pt; font-family:"Arial"}
		.fonts00 {font-size:8pt; font-family:"Arial"; text-decoration:underline}
		.fonts3 {font-size:8pt; line-height:13px ; font-family:"Arial"}
		.fonts4 {font-size:8pt; line-height:13px ; font-family:"Arial"; letter-spacing:1px;}
		.fonts4 {font-size:8pt; line-height:13px ; font-family:"Arial"; letter-spacing:-1px;}
		.fonts5 {font-size:7pt; font-family:"Arial"}
		.fonts6 {font-size:7pt; font-family:"Arial"}
		.fonts7 {font-size:9pt; font-family:"Arial"}
		.fonts8 {font-size:10pt; font-family:"Arial"}
		.fonts9 {font-size:11pt; font-family:"Ariala"}
		.fonts13 {font-size:13pt; font-family:"Arial"}
		.fonts14 {font-size:14pt; font-family:"Arial"}
		.fonts15 {font-size:15pt; font-family:"Arial"}
		.fonts20 {font-size:20pt; font-family:"Arial"}
		
		
	.fonts_1 {font-size:9pt; font-family:"Arial"}
	    A:link {color:#0357AC; text-decoration:none}
	    A:visited {color:#0357AC; text-decoration:none}
	    A:active {color:#0357AC; text-decoration:none}
	    A:hover {color:#0357AC; text-decoration:none}
		
	.fonts_2 {font-size:8pt; line-height:22px ; font-family:"Arial"}
	    A:link {color:#333333; text-decoration:none}
	    A:visited {color:#333333; text-decoration:none}
	    A:active {color:#333333; text-decoration:none}
	    A:hover {color:#056FAF; text-decoration:none}
		
/* ================================================================ */

.BigTxt   {color:#000000; font-size:18.5px; font-weight:bold;   font-family:tahoma; }
.BigBlu   {color:#F0F8FF; font-size:18.5px; font-weight:bold;   font-family:tahoma; }
.BigRed   {color:#FF0000; font-size:18.5px; font-weight:bold;   font-family:tahoma; }
.BigTxtC  {color:#000000; font-size:18.5px; font-weight:bold;   font-family:tahoma;  text-align:center;}
.SmlTxt   {color:#000000; font-size:10.5px; font-weight:bold;   font-family:tahoma; }
.RedTxt   {color:red;     font-size:14px;   font-weight:normal; text-align:center;  }
.RedDte   {color:red;     font-size:14px;   font-weight:Bold;   text-align:center;  }
.BlkDte   {color:black;   font-size:14px;   font-weight:Bold;   text-align:center;  }
.BlkJte   {color:black;   font-size:14px;   font-weight:Bold;   text-align:justify;  }
.GrnTxt   {color:Green;   font-size:14px;   font-weight:normal; text-align:center;  }
.BluTxt   {color:blue;    font-size:14px;   font-weight:normal; text-align:center;  }
.BlkTxt   {color:black;   font-size:14px;   font-weight:normal; text-align:center;  }
.AbluTx   {color:#F0F8FF; font-size:14px;   font-weight:normal; text-align:center;  }
.Grnsml   {color:green;   font-size:10px;   font-weight:normal; text-align:left;    }
.Blusml   {color:blue;    font-size:10px;   font-weight:normal; text-align:left;    }
.Blksml   {color:black;   font-size:10px;   font-weight:normal; text-align:left;    }
.grncol   {color:white;   font-size:14px;   font-weight:bold;   background-color:green;  }
.blucol   {color:blue;    font-size:14px;   font-weight:bold;   background-color:white;  }
.Blk013   {color:black;   font-size:13px;   font-weight:bold;   text-align:right;  }
.Red013   {color:red;     font-size:13px;   font-weight:bold;   text-align:right;  }
.RedL13   {color:red;     font-size:13px;   font-weight:bold;   text-align:left;  }
.gold13   {color:#26147A; font-size:13px;   font-weight:bold;   text-align:right;  }
.Red009   {color:red;     font-size:09px;   font-weight:bold;   text-align:right;  }
.tinytext {color:#000000; font-size: 9px; text-decoration: none;}
.tinygold {color:#26147A; font-size: 9px; text-decoration: none;}
.tinyblue {color:#F0F8FF; font-size: 9px; text-decoration: none;}
.tinywhit {color:#ffffff; font-size: 9px; text-decoration: none;}
.onBlue   {color:#b7c0ff; 
           background-color:#b0c4de;
		   border-style: none; 
		   font-family:"Tahoma";
		   font-size:12px;
		   text-decoration:none; 
		   font-weight:normal; 
		   text-align:right; }
		
.onRose   {color:#b7c0ff; 
           background-color:#ffccff;
		   border-style: none; 
		   font-family:"Tahoma";
		   font-size:12px;
		   text-decoration:none; 
		   font-weight:normal; 
		   text-align:right; }
		
.onRoseB   {color:#b7c0ff; 
           background-color:#ffccff;
		   border-style: none; 
		   font-family:"Tahoma";
		   font-size:14px;
		   text-decoration:none; 
		   font-weight:Bold; 
		   text-align:right; }
		
.onYellow {color:#b7c0ff; 
           background-color:#FFFFCC;
		   border-style: none; 
		   font-family:"Tahoma";
		   font-size:12px;
		   text-decoration:none; 
		   font-weight:normal; 
		   text-align:right; }
		
.onYellowB {color:#b7c0ff; 
           background-color:#FFFFCC;
		   border-style: none; 
		   font-family:"Tahoma";
		   font-size:14px;
		   text-decoration:none; 
		   font-weight:Bold; 
		   text-align:right; }
		
	    
/* trying to create secondary menu with hover colors */		
		
#menuhot    {padding:0; margin:0; width:165px; position:absolute; top:50px; left:0; color:#FFFFFF; z-index:100;}

#menuhot li {float:left; background:#26147A; position:relative; border-top:1px solid #F0F8FF; color:#000000;}
#menuhot li, #menuhot li a:hover  {display:block; color:#26147A; font-family:arial, sans-serif; 
                                   font-size:13px; line-height:26px; width:165px; text-decoration:none;  
                                   cursor:pointer; font-weight:bold; text-indent:8px; }
#menuhot li, #menuhot li a        {display:block; color:#ffffff; font-family:arial, sans-serif; 
                                   font-size:13px; line-height:26px; width:165px; text-decoration:none;  
                                   cursor:pointer; font-weight:normal; text-indent:8px; }
							

		
		  
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#outer {width:504px; height:510px; position:relative; background: #FF0000 no-repeat 0px 160px;}

#outer #content {clear:left; position:absolute; left:230px; top:10px; width:250px; z-index:10;}

#menu {list-style-type:none; padding:0; margin:0; width:125px; position:absolute; top:130px; left:0; border:1px solid #000000; border-width:0 1px 1px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0; width:125px;}
#menu li {float:left; background:#26147A; position:relative; border-top:1px solid #F0F8FF; color:#000000;}

#menu li.sub {background:#26147A;}

#menu li, #menu li a {display:block; color:#ffffff; font-family:arial, sans-serif; 
                      font-size:13px; line-height:26px; width:125px; text-decoration:none;  
                      cursor:pointer; font-weight:bold; text-indent:5px;}


#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#B8C0FF; z-index:500;}
#menu li.hover a {color:#B8C0FF; z-index:500;}
#menu li.click {color:#B8C0FF;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #FFFFFF; border-width:0 1px 1px;}
#menu li.click ul li.hover a {color:#B8C0FF;} 

#menu li.click ul li.fly   {color:#26147A; background: #FFFFFF no-repeat top right;}
#menu li.click ul li.fly a {color:#26147A;}
#menu li.click ul li.hover {color:#B8C0FF; background:#26147A;}
#menu li.click ul li.hover a {color:#B8C0FF;}

#menu li.click ul li.hover ul li {background:#26147A;}
#menu li.click ul li.hover ul li.hover ul li {color: #FF0000; background:#26147A; z-index:500;}
#menu li.click ul li.hover ul li.hover ul li.hover {color: #FF0000; background:#26147A; z-index:500;}

#menu li.click ul li.hover ul li.lv2   {color:#26147A; background: #ffffff no-repeat top right;}
#menu li.click ul li.hover ul li.lv2 a {color:#26147A;}
#menu li.click ul li.hover ul li.hover {color:#B8C0FF; z-index:1000; background:#26147A;}
#menu li.click ul li.hover ul li.hover a {color:#B8C0FF;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#26147A;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#0000ff;}

#outer img {display:block; float:right;}
#outer p {margin:0px; padding:17px 0 0 0; color:#000000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}


#header {
  background:#ffffff;   position: absolute;
  top: 0px;   left: 150px;  width: 800px; height: 200px; }

#vision {
  background:#ffffff;   position: absolute;
  font-style: italic; font-size: 11px; color: #000000;
  top: 5px;   left: 550px;  width: 300px; height: 20px; }

#pagno {
  background:#ffffff;   position: absolute;
  font-style: italic; font-size: 11px; color: #000000;
  top: 5px;   left: 550px;  width: 50px; height: 13px; }

#content {
  background:#ffffff;   position: absolute; color:#000000;
  top: 150px; left: 150px;  width: 800px; height: 500px; }

#newsletter {
  background:#ffffff;   position: absolute;
  top: 10px; left: 10px;  width: 1000px;  }

#pagefoot {
  background:#ffffff;   position: absolute; 
  top: 501px; left: 150px;  width: 800px; height: 100px; }

#menuarea {
  background-color: #656565;
  background-image:url(http://attheshorerealty.com/images/page_bg.jpg);
  background-repeat:repeat-x;
  position: absolute;
  top: 0px;   left: 0px;   width: 150px; height: 900px;
  margin:0px; padding:0px; z-index:1000; }

#menufoot {
  background-color: #656565;
  background-image:url(http://attheshorerealty.com/images/page_bg.jpg);
  background-repeat:repeat-x;
  position: absolute;
  top: 1000px; left: 0px;  width: 150px; 
  margin:0px; padding:0px; z-index:1000; }


  a:link    {color:#0000ff; text-decoration:none}
  a:visited {color:#8A2BE2; text-decoration:underline}
  a:hover   {color:#ff0000; text-decoration:none}
  a:active  {color:#0000ff; text-decoration:none}
 

#menuA {
  background-color: #656565;
  background-image:url(http://attheshorerealty.com/images/page_bg.jpg);
  background-repeat:repeat-x;
  position: absolute;
  top: 101px;   left: 25px;   width: 150px; height: 900px;
  margin:0px; padding:0px; z-index:113; }

#menu2 {
  background-color: #656565;
  background-image:url(http://attheshorerealty.com/images/page_bg.jpg);
  background-repeat:repeat-x;
  position: absolute;
  top: 151px;   left: 175px;   width: 150px; height: 900px;
  margin:0px; padding:0px; z-index:113; }

#menu3 {
  background-color: #656565;
  background-image:url(http://attheshorerealty.com/images/page_bg.jpg);
  background-repeat:repeat-x;
  position: absolute;
  top: 151px;   left: 335px;   width: 150px; height: 900px;
  margin:0px; padding:0px; z-index:113; }

#menu4 {
  background-color: #656565;
  background-image:url(http://attheshorerealty.com/images/page_bg.jpg);
  background-repeat:repeat-x;
  position: absolute;
  top: 151px;   left: 495px;   width: 150px; height: 900px;
  margin:0px; padding:0px; z-index:113; }

#menu5 {
  background-color: #656565;
  background-image:url(http://attheshorerealty.com/images/page_bg.jpg);
  background-repeat:repeat-x;
  position: absolute;
  top: 151px;   left: 655px;   width: 150px; height: 900px;
  margin:0px; padding:0px; z-index:113; }

#llamo {
  background-color: #656565;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  top: 379px;   left: 815px;   width: 150px; height: 20px;
  margin:2px; padding:0px; z-index:113; }

#yahoo {
  background-color: #656565;
  position: absolute;
  top: 400px;   left: 815px;   width: 150px; height: 110px;
  margin:2px; padding:0px; z-index:113; }

#FOArea { 
  position: absolute;
  top: 1300px;   left: 1px;   width: 250px; height: 1px;
  background-color: #000000;
  text-align: center;
  color: #ffffff; }

#GoldStd {
  background-color: #000000;
  text-align: center;
  color: #ffffff; }

p.indented {text-indent: 16px; }
p.plus1 {	font-size: 14pt; font-family: "tahoma"; color:"#b7c0ff"; }
.highlight {background-color: #F0F8FF; }

#laom {
  text-align: center; background-color: #ffffff; position: absolute;  top: 0px; left: 075px;  width: 200px; height: 130px; }

#saom {
  text-align: center; background-color: #F0F8FF; position: absolute;  top: 0px; left: 300px;  width: 200px; height: 130px; }

#raom {
  text-align: center; background-color: #ffffff; position: absolute;  top: 0px; left: 525px;  width: 200px; height: 130px; }

#nlheadr {
  background:#ffffff;   position: absolute;
  top: 0px;   left: 310px;  width: 700px; height: 180px; }

#nlheadl {
  background:#ffffff;   position: absolute;
  top: 0px;   left: 10px;  width: 300px; height: 180px; }

#nlvision {
  background:#ffffff;   position: absolute;
  font-style: italic; font-size: 11px; color: #000000;
  top: 5px;   left: 650px;  width: 300px; height: 20px; }

#sidepanel {
  background-color: #fdf5e6;
  position: absolute;
  top: 151px;   left: 350px;   width: 600px; height: 900px;
  margin:0px; padding:0px; z-index:113; }
  
#menushort {
  background-color: #656565;
  background-image:url(http://attheshorerealty.com/images/page_bg.jpg);
  background-repeat:repeat-x;
  position: absolute;
  top: 151px;   left: 165px;   width: 170px; height: 900px;
  margin:0px; padding:0px; z-index:500; }

a.ovalbutton{
background: transparent url('http://attheshorerealty.com/images/oval-gold-left.gif') no-repeat top left;
display: block;
float: center;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('http://attheshorerealty.com/images/oval-gold-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
font: normal 14px Tahoma; /* Change 13px as desired */
text-decoration:BOLD;
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
left: 120px;
width: 250px;
}

</style>

   .Help {
            position: absolute; posTop: 0; posLeft: 0;
            border-width:1; border-style: solid;
            background-color: #ffff99; color: #000000;
            width:240; font-size:9pt
          }

.yellowback {background-color: #ffff00; 
             color: #000000;
			 display: inline;}