body {
margin: 0;
background-color:#FFFFFF;
font-family : Helvetica, Arial, Tahoma, Verdana, sans-serif;  
}

p { 
font-size : 12px; 
text-align : left; 
line-height : 130%; 
word-spacing : 0; 
}



h1 {
	font-family : Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-weight : 400;
	font-size: 14pt;
	color: #6699CC;
	margin-top: 0;
	margin-bottom: 0;
	font-style: italic;
	text-transform: uppercase;
}

h2 {
	font-family : Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 14px;
	font-weight : 400;
	margin-top: 1em;
	margin-bottom: -.6em;
	color: #000080;
}

h3{
}

img {
border: 0;
}
 
a:link { 
font-family : Helvetica, Arial, Tahoma, Verdana, sans-serif; 
text-decoration : none; 
color : #000080; 
} 
a:visited { 
color : #ff0000; 
text-decoration : none; 
} 
a:hover { 
text-decoration : underline; 
} 
a:active { 
color : #0000ff; 
text-decoration : none; 
}

#head {
	background-position: left top; width: 100%;
	height: 160px;
	background-color: #6699CC;
	vertical-align: bottom; background-image:url('../images/beach_bg.jpg'); 
	background-repeat:no-repeat;
}

#footer {
    clear: both;
	height: 1.6em;
	background-color: #6699CC;
	padding-top: .6em;
	padding-botoom: 0;
	text-align: center;
    }

#leftheader
{
float: left;
}

#rightheader
{
float: right;
}


#navbar {
clear: right;
width: 100%;
background-color:#6699CC;
border-top:1px solid #FFFFFF; 
height: 1.79em;
}

#content {
width: 24em;
}

#leftcolumn {
clear: both;
float: left;
width: 160px;
padding-top: 1em;
padding-left: .6em;
}

#middlecolumn {
float: left;
width: 40%;
padding-left: 1em; 
padding-right: 0; 
padding-top:1em; 
padding-bottom: 1em;
}


#rightcolumn {
float: right;
width: 160px;
padding-top: 1em;
padding-right: .6em;
}


#breadcrumb {
clear: both;
font-size: .75em;
height: 1.8em;
padding-left: 1.6em;
padding-top: .6em;
border-bottom: 1px solid #C0C0C0;
}
.breadcrumb { 
font-family : Verdana, Arial, Helvetica, sans-serif;
float: left;  
font-size : 11px; 
margin-left : 4px;
padding-top: 2px;
}

.breadcrumb01 {
float: left; 
vertical-align: middle;
font-size : 12px;
}

/*- Menu Tabs 2--------------------------- */

    #tabs2 {
      float:left;
      width:100%;
      font-size:70%;
      line-height:normal;
      border-bottom:1px solid #C0C0C0;
      margin-bottom: 0;
      }
    #tabs2 ul {
	margin: 0;
	padding: 6px 10px 0 20px;
	list-style: none;
}
    #tabs2 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs2 a {
      float:left;
      background:url("../images/tableft2.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs2 a span {
      float:left;
      display:block;
      background:url("../images/tabright2.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#84776B;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs2 a:hover span {
      color:#74675B;
      }
    #tabs2 a:hover {
      background-position:0% -42px;
      }
    #tabs2 a:hover span {
      background-position:100% -42px;
      }

      #tabs2 #current a {
              background-position:0% -42px;
      }
      #tabs2 #current a span {
              background-position:100% -42px;
      }
      
      

#pipelist li {
	display:inline;
	padding:0 .9em;
	border-right:1px solid #FFFFFF;
}

#pipelist li.last {
	border:none;
}
#pipelist {
	font-size: 12px; 
	text-align:center;
	margin-top: .5em; 
	margin-bottom: 0; 


}
#pipelist a {
	color:#FFFFFF;
	text-decoration:none;
}
#pipelist a:hover {
	text-decoration:underline;
}

div.news {
width: 96%;
background: #F0F0E7;
margin-bottom: 20px;
margin-left: 0;
}

.news {
margin: 0;	
}
.info {
	font-size: 90%;
	margin: 0 0 -1em 0;
	padding: 0 0 3px;
	background: #6699CC;
	color: #FFFFFF;
	text-align: center;	
}

input {
	border:1px solid #C0C0C0;
	margin-right: 4px;
}

#form1 {
padding-left: 5%;
padding-top: 0;
margin: 0;
}

.form1 {
margin-top: .3em;
margin-bottom: .3em;
width: 90%;
}

.form1sub {
margin-top: .5em;
margin-bottom: .3em;
}

.form1ip {
width: 80%;
}

.rbottom{display:block}

.rtop{display:block}
.rbottom *{display:block;height: 1px;overflow: hidden}
.rtop *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

.searchbox { 
float : right; 
margin-right : 1em;
margin-top: -.6em;
height : 20px; 
} 

.searchbox2 { 
float : right; 
margin-right : 3em;
margin-top: -4.1em;
height : 20px; 
} 

.button01 { 
border : 1px solid #c0c0c0; 
background-color : #ffff99; 
width : 70px; 
height : 20px; 
font-family : Verdana; 
color : #000080; 
font-size : 11px;

} 
.input01 { 
margin-top: 4px;
} 

.center01 {
text-align: center;
margin-bottom: 6px;
}

.leftimg {
margin-right: 12px; 
float: left;
}

.rightimg {
margin-left: 12px; 
float: right;
}

.picbullet            

{
	list-style-type: none;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	background-position: 0 .35em;
	padding-left: 1.4em;
	padding-right: .1em;
	padding-top: .1em;
	padding-bottom: .1em;
	margin-left: -3.4em;
	margin-top: .6em;
	margin-bottom: 1.0em;
	font-size: 12px;
	vertical-align: middle;
}
.picbullet2            

{
	list-style-type: none;
	background-image: url('../images/arrow2.png');
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 1.4em;
	padding-right: .1em;
	padding-top: .1em;
	padding-bottom: .1em;
	margin-left: .2em;
	margin-top: .6em;
	margin-bottom: 1.0em;
}
.picbulletsmall           

{
	list-style-type: none;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	background-position: 0 .39em;
	padding-left: 1.4em;
	padding-right: .28em;
	padding-top: .1em;
	padding-bottom: .1em;
	margin-left: -2.4em;
	margin-right: .5em;
	margin-top: .6em;
	margin-bottom: 1.0em;
	font-size: 12px;
}


.list1 
{
margin-top: 0;
}

.innercolumn1 {
	float: left;
	width: 46%;
	padding: 4px;
}

.colbox {
  clear: both;
  }
  

/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
margin-top: 1px;
visibility: hidden;
border: 1px solid #c0c0c0;
border-bottom-width: 0;
border-top-width: 0;
font: normal 12px Helvetica, Tahoma, Arial, sans-serif;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #F0F0E7;
width: 180px; /* default width for menu */
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #c0c0c0;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
font-size: 12px;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: #6699CC;
color: white;
}


/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #c0c0c0;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}



-->