/**Begin CSS Style*****************************************/
/**DO NOT MODIFY ANYTHING IN THIS SECTION.**/

#text {
visibility:hidden;
font-family:verdana, arial, sans-serif;
font-size:70%;
position:relative;
top:-0px;
color:gray;
}


a#menu{
display:block;
cursor:hand;
width:161px;
margin: 0 0 4px 0;
text-align:center;
line-height:28px;
font-family:Arial;
color: #FFFFFF;
font-size:9pt;
font-style:normal;
text-decoration:none;
font-weight:bold;
}

.menu{
display:block;
cursor:hand;
text-align:center;
font-family:Arial;
color: #FFFFFF;
font-size:10pt;
font-style:normal;
text-decoration:none;
font-weight:bold;
}

.titles {
	font-family: Gill Sans MT Ext Condensed Bold, sans-serif, Arial;
	font-size: 25pt;
	font-weight: normal;
	color: #2E3EB8;
	list-style-type: none;
}

.textbox {
	font-family: Gill Sans MT, sans-serif, Arial;
	font-size: 12pt;
	font-weight: normal;
	color: #2E3EB8;
	list-style-type: none;
}

.textboxsmall {
	font-family: Gill Sans MT, sans-serif, Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #2E3EB8;
	list-style-type: none;
}

ul {list-style: square outside;
	margin: 0px 26px;}
	



a:link	{
	color : #000080;
	font-weight : normal;
	text-decoration : underline;
}

a:visited {
	color : #000080;
	font-weight : normal;
	text-decoration : underline;
}

a:hover	{
	color : #FF0000;
	font-weight : normal;
	text-decoration : underline;
}

a:active {
	color : #000080;
	font-weight : normal;
	text-decoration : underline;
}


a.one:link	{
		color : #FFFFFF;
		font-weight : normal;
		text-decoration : none;
}

a.one:visited	{
		color : #FFFFFF;
		font-weight : normal;
		text-decoration : none;
}

a.one:hover	{
		color : #FF0000;
		font-weight : normal;
		text-decoration : none;

}


a.two:link	{
		color : #000080;
		font-weight : bold;
		text-decoration : none;
		font-family: Arial;
		font-size: 10pt;
}

a.two:visited	{
		color : #000080;
		font-weight : bold;
		text-decoration : none;
		font-family: Arial;
		font-size: 10pt;
}

a.two:hover	{
		color : #FF0000;
		font-weight : bold;
		text-decoration : none;
		font-family: Arial;
		font-size: 10pt;

}


a.three:link	{
		color : #000080;
		font-weight : bold;
		text-decoration : underline;
		font-family: Arial;
		font-size: 10pt;
}

a.three:visited	{
		color : #000080;
		font-weight : bold;
		text-decoration : underline;
		font-family: Arial;
		font-size: 10pt;
}

a.three:hover	{
		color : #FF0000;
		font-weight : bold;
		text-decoration : underline;
		font-family: Arial;
		font-size: 10pt;

}
.generaltext
{font-family:Arial;font-size:10pt;font-weight:normal;font-style:normal;text-decoration:none;}
.generaltext1
{font-family:Verdana;font-size:10pt;font-weight:normal;font-style:normal;text-decoration:none;}
.generaltext2
{font-family:Verdana;font-size:10pt;font-weight:normal;font-style:normal;text-decoration:none;}
.generaltext3
{font-family:Arial;font-size:8pt;font-weight:normal;font-style:normal;text-decoration:none;}
.generaltext4
{font-family:Arial;font-size:10pt;font-weight:bold;font-style:normal;text-decoration:none;}
.headertext
{font-family:Verdana;font-size:13pt;font-weight:bold;font-style:italic;text-decoration:none;}
.headertext2
{font-family:Arial;font-size:12pt;font-weight:bold;font-style:normal;text-decoration:none;}
.menutext
{font-family:Verdana;font-size:10pt;font-weight:bold;font-style:normal;text-decoration:none;}
.menutext2
{font-family:Verdana;font-size:8pt;font-weight:bold;font-style:normal;text-decoration:none;}
.menutext3
{font-family:Arial;font-size:8pt;font-weight:bold;font-style:normal;text-decoration:none;}
.footertext
{font-family:Veranda;font-size:8pt;font-weight:normal;font-style:normal;text-decoration:none;}
.footertext2
{font-family:Verdana;font-size:1pt;font-weight:normal;font-style:normal;text-decoration:none;}

.mapquest_box
{
border: 1px solid #D1D8DC;
padding: 4;
font-family: Arial;
font-size: 8pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

/*---------- bubble tooltip Begin-----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(http://www.artesianfresh.com/images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(http://www.artesianfresh.com/images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(http://www.artesianfresh.com/images/bubble.gif) no-repeat bottom;
}


/*---------- bubble tooltip End -----------*/


/**End CSS Style*****************************************/