html 

/* { background: #CC9999; }
    background-image:url(background2.png) };  */

body {
margin: 0;
/*padding: 0px;  */
/* color: #333333; */
font-family: verdana, arial, helvetica, sans-serif;
/*  font-size: 20px; */   /* font-size: 0.9em;  */
/* background: #CC9999 url(android1.gif) bottom right no-repeat;  */
/* background-color: #FDFBF8; */ 
background-image:url(background3.png);     /* background2.png  this image is 825px high */ 
background-repeat:repeat-x;
}


/* input.button { background-color: rgb(204, 204, 153); bolder; background: rgb(204, 204, 153); border-style: outset; } */


#page {
/* background: #ffffff url(android2.gif) bottom right no-repeat; */
/*margin: 10px 85px 0px 10px; */
/*  
    margin: 0px 0px 0px 0px;     T R B L 
    text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
*/	
/*	text-align: center;  */

	position: absolute;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 1px;
	margin-left: 15px;
    font-family: Verdana, Geneva, Arial, sans-serif;   }

a:link, a:visited { color: #003366; }
a:hover, a:active, a:focus { color: #990033; }


/* Header   */

#header {
background: rgb(197, 211, 177);    /*  rgb(205, 230, 154);  */
position: absolute;
left:     0px;
top:      0px;
width:  750px;
/* height: 250px;  */
margin: 0px 0px 0px 0px;
padding: 0px;
border: solid 0px #003366;
}

/* horizontal line */ 
#header hr  {padding: 2px 0px; background: rgb(185, 219, 108); border: solid 0px #003366; }

/* #header a {padding: 0px 0px; border: 0px; white-space: nowrap; margin:0; font-family: Edwardian Script ITC; font-size: 48; font-weight: 1200; color: #000000;}  */

#header h1  { border: solid 0px #003366; border-width: 0px; padding: 0px 0px; margin-left:0;  margin-top:0;    margin-bottom:0; font-family: Edwardian Script ITC; font-size: 40; font-weight: 1200; color: #000000; }
#header h2  { border: solid 0px #003366; padding: 0px 5px; margin-left:0;  margin-right:0; margin-top:0; margin-bottom:0; font-family: Arial; font-size: 24; font-weight: 200; color: #000000; }
#header h3  { border: solid 0px #003366; padding: 0px 10px; margin-left:0;  margin-right:10; margin-top:0; margin-bottom:0; font-family: Arial; font-size: 18; font-weight: 400; color: #000000; }

/* menu */
#header h4  { border: solid 0px #003366; padding: 0px 0px; margin-left:0;  margin-right:0; margin-top:0; margin-bottom:0; font-family: Freestyle Script; font-size: 12; font-weight: 100; color: #000000; }

/*  padding   T R B L  */
p.midsize   {border: solid 0px #003366; font-family: Arial; font-size: 18; font-weight: 200; color: #000000; padding: 0px, 5px 0px 5px; }

#header img { margin: 0px 0px 0px 0px; }

#header table { border: solid 0px #003366; white-space: nowrap; border-width: 0px; width:100%; padding: 0px; } 
#header td    { border: solid 0px #003366; white-space: nowrap; border-width: 0px; padding: 0px; }   /*  vertical-align:top;  */
#header tr    { border: solid 0px #003366; white-space: nowrap; border-width: 0px; padding: 0px; }

a {margin:0px; padding:0px; }

a.nav { font-family: Arial; font-size: 14; font-weight: 800;  color:black;text-decoration: none;  white-space: nowrap; }
a.nav:link,  
a.nav:visited {text-decoration: none; border: solid 0px #daf0fe; }
a.nav:hover {text-decoration: none; width=100%; color:white; background: rgb(117, 117, 0); },
a.nav:active, 
a.nav:focus {text-decoration: none; width=100%; color:white;  background: rgb(117, 117, 0); }
                     
/* Right_Images  */
 
#right_image {
position: absolute;   /* position: fixed;  absolute  */
left:   450px;
top:    235px;
width:  300px;
height: 575px;
margin:   0px;
padding:  0px;
background: rgb(231, 237, 221);  /* rgb(240, 248, 224); */
border: solid 0px #003366;
/* padding: 8 8; */
}

/*  padding   T R B L  */
#right_image table { white-space: nowrap; border-width: 0px; padding: 0px,0px,0px,0px; margin: 5px,0px,0px,0px; } 
#right_image tr    { white-space: nowrap; border-width: 0px; padding: 0px,0px,5px,0px; margin: 0px; }
#right_image td    { white-space: nowrap; border-width: 0px; padding-top: 0px margin: 0px; }   /*  vertical-align:top;  */
     
#right_image_no_top {
position: absolute;   /* position: fixed;  absolute  */
left:   350px;
top:      0px;
width:  200px;
height: 725px;
margin:   0px;
padding:  0px;
background: rgb(231, 237, 221); /* rgb(240, 248, 224);  */
border: solid 0px #003366;
/* padding: 8 8; */
}
#right_image_no_top table { white-space: nowrap; border-width: 0px; padding: 0px; } 
#right_image_no_top tr    { white-space: nowrap; border-width: 0px; padding: 0px, 0px; }
#right_image_no_top td    { white-space: nowrap; border-width: 0px; padding-top: 5px; }   /* height:159px; width:180px; vertical-align:top;  */

/* Content - full width - no images on right hand side of content area */

#main_wide_contents {
position: absolute;   /* position: fixed;  absolute  */
left:     0px;
top:    235px;        /* no image across the top */
width:  750px;
height: 575px;
background: rgb(231, 237, 221);  /* rgb(240, 248, 224);  */
font-family: verdana;
margin:  0px, 0px;
padding: 6px, 4px, 0px, 8px;
font-size: 12px;
border: solid 0px #003366;
border-width: 0px;
}
#main_wide_contents h1    { font-size: 1.2em; color: rgb(0, 51, 0); display: block; }
/* #main_wide_contents p     {font-size: 12px;  }  */  /*  color: #336699; */
#main_wide_contents table {font-size: 12px; white-space: nowrap;  border-style: solid;  border-width: 1px; padding: 0px; } /* width:80%; */
#main_wide_contents tr    {white-space: nowrap; border-style: solid;  border-width: 1px; padding: 2px; }
#main_wide_contents td    {white-space: nowrap; border-style: solid;  border-width: 1px; padding: 3px; }   /*  vertical-align:top;  */


#main_wide_contents2 {
position: absolute;   /* position: fixed;  absolute  */
left:     0px;
top:    235px;        /* 100px  * no image across the top */
width:  750px;
height: 575px;
background: rgb(231, 237, 221); /* rgb(240, 248, 224);  */
font-family: verdana;
margin:  0px, 0px;
padding: 10px, 0px, 4px, 8px;   /*   T R B L   */
font-size: 12px;
border: solid 0px #003366;
border-width: 0px;
}
#main_wide_contents2 h1    { font-size: 1.2em; color: rgb(0, 51, 0); display: block; }
/* #main_wide_contents p     {font-size: 12px;  }  */  /*  color: #336699; */
#main_wide_contents2 table {font-size: 12px; white-space: nowrap;  border-style: solid;  border-width: 0px; padding: 0px; } /* width:80%; */
#main_wide_contents2 tr    {white-space: nowrap; border-style: solid;  border-width: 0px; padding: 1px; }
#main_wide_contents2 td    {white-space: nowrap; border-style: solid;  border-width: 0px; padding: 3px; }   /*  vertical-align:top;  */


/* Content - half width - with images at top and right hand side of content area  */

#main_contents {
position: absolute;   /* position: fixed;  absolute  */
left:     0px;
top:    235px;
width:  450px;
height: 575px;
background: rgb(231, 237, 221); /* rgb(240, 248, 224);  */
margin:  0px, 0px;
padding: 9px, 9px, 0px, 9px;
font-size: 12;
border: solid 0px #003366;
}

/* #content h1 {font-size: 1.2em;color: #990033;display: block;border-bottom: 1px solid #990033;background: #ffffff url(pretty-heart.gif) top right no-repeat; } */
#main_contents h1 { font-size: 1.2em; color: rgb(0, 51, 0); display: block; }
/*  #header h3  { padding: 0px 0px; margin-left:20; margin-right:10; margin-top:0; margin-bottom:0; font-family: Freestyle Script; font-size: 32; font-weight: 400; color: #000000; }  */
/* #main_contents p {font-size: 12;  } */   /*  color: #336699; */

/* border-color: rgb (185, 219, 108);*/

/* #main_contents table {white-space: nowrap; border-style: solid;  border-width: 0px; width:100%; padding: 2px; border: solid 1px #003366 }  */

#main_contents table {white-space: nowrap; border-style: solid; border-width: 0px;  padding: 2px; }  /*  width:100%; */
#main_contents tr    {white-space: nowrap; border-style: solid;  border-width: 0px; padding: 1px; }
#main_contents td    {white-space: nowrap; border-style: solid;  border-width: 0px; padding: 3px; }   /*  vertical-align:top;  */
#main_contents li    {padding:2;}

#main_contents INPUT { 
BACKGROUND-COLOR: #FFFFFF !IMPORTANT 
} 

/* Content - half width - no images at top, but has right hand side of content area */

#main_half_contents_no_top {
position: absolute;   /* position: fixed;  absolute  */
left:     0px;
top:      0px;
width:  350px;
height: 725px;
background: rgb(231, 237, 221);  /* rgb(240, 248, 224);  *
margin: 0, 0;
padding: 6px, 6px, 0px, 8px;
font-size: 12;
border: solid 0px #003366
}
#main_half_contents_no_top h1    {padding-top:3px; font-size: 1.2em; color: rgb(0, 51, 0); display: block; }
#main_half_contents_no_top p     {font-size: 12;  }   /*  color: #336699; */
#main_half_contents_no_top table {font-size: 11px; white-space: nowrap;  border-style: solid;  border-width: 0px; width:100%; padding: 0px; } 
#main_half_contents_no_top tr    {white-space: nowrap; border-style: solid;  border-width: 1px; padding: 0px; }
#main_half_contents_no_top td    {white-space: nowrap; border-style: solid;  border-width: 1px; padding: 0px; }   /*  vertical-align:top;  */
#main_half_contents_no_top li    {padding-bottom: 3px; }

/* contents only - no top or right images    - direction.html   */

#contents_only {
position: absolute;   /* position: fixed;  absolute  */
left:     0px;
top:      0px;
width:  550px;
height: 725px;
background: rgb(231, 237, 221);  /*  rgb(240, 248, 224);  */
margin: 0, 0;  /* 8 -----------------------<<<<  */
padding: 6px, 4px, 0px, 8px;
font-size: 12;
border: solid 0px #003366
}
#contents_only h1    {padding-top:3px; font-size: 1.2em; color: rgb(0, 51, 0); }  /* display: block; */
#contents_only p     {font-size: 12;  }   /*  color: #336699; */
#contents_only table {font-size: 11px; white-space: nowrap;  border-style: solid;  border-width: 1px; width:80%; padding: 2px; } 
#contents_only tr    {white-space: nowrap; border-style: solid;  border-width: 0px; padding: 1px; }
#contents_only td    {font-weight: bolder; font-size: 12; white-space: nowrap; border-style: solid;  border-width: 0px; padding: 4px; }   /*  vertical-align:top;  */
#contents_only li    {padding-bottom: 3px; }


#contents_only INPUT { 
BACKGROUND-COLOR: #FFFFFF !IMPORTANT 
} 
/*
TEXTAREA { 
BACKGROUND-COLOR: #CCCCCC !IMPORTANT 
} 
SELECT { 
BACKGROUND-COLOR: #CCCCCC !IMPORTANT 
} 
*/

/* input.button { background-color: rgb(204, 204, 153);  bolder; border-style: outset; } */


#googlemaps {
position: absolute;   /* position: fixed;  absolute  */
left:   0px;
top:    0px;        /* 100px  * no image across the top */
width:  620px;
height: 700px;
background: rgb(231, 237, 221); /* rgb(240, 248, 224);  */
font-family: verdana;
margin:  0px, 0px;
padding: 10px, 0px, 4px, 8px;   /*   T R B L   */
font-size: 12px;
border: solid 0px #003366;
border-width: 0px;
}


#footer {
text-align: center;
background: rgb(231, 237, 221); /*  rgb(240, 248, 224);  */
z-index:10;
position: absolute;   /* position: fixed;  absolute  */
left:  0px;
top:   705px;
width: 748px;
height: 100px;
border: solid 0px #003366;
margin:  0px;
padding: 0px;
}



#footer a {
border: 0px; /* solid 0px #003366; */
/* vertical-align: center; */
/* text-decoration: none;  */
margin-top   4px;
padding-top: 4px;
font-weight: bold;
font-size: 11;

/*margin: 10px 10px;      T R B L  */
}

#footer table { white-space;  border-width: 0px;  padding: 2px; } /* height:100%;  width:100%;  */
#footer tr    { white-space:  border-width: 0px; padding: 1px; }
#footer td    { white-space:  border-width: 0px; padding: 1px; }   /*  nowrap;   vertical-align:top;  */
                      
#footer a:link, #footer a:visited { color: #000000; }
#footer a:hover, #footer a:active, #footer a:focus { color: rgb(0, 51, 0); }


#tipit a{
	left: 
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	display: block;
    padding-left:0px;
    font-weight: bold; }
        
#tipit a:hover { color: #04aade }

#menu-text span.pipe {  font-weight:bold; }




/* Extra styles */
.pull {
background: #daf0fe;
margin: 2px 6px;
padding: 6px;
border: solid 0px #003366;
float: right;
color: #003366;
font-weight: bold;
width: 140px;
}
.blue { color: #336699; }