@import url("lytebox.css");
@import url("jquery.cluetip.css");
html,
body,
form
{
	margin:0px;
	padding:0px;	
}
html
{
	background:url(../images/pageBkg.gif) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#383d44;
	font-size:16px
}
body
{
	background:url(../images/headerRightShadow.jpg) 1024px 0px no-repeat
}
form
{
	width:1085px;
	display:block
}
.headline
{
	width:1085px;
	height:235px;
	font-size:0px
}
#logo
{
	width:247px;
	height:200px;
	display:block;
	float:left;
	margin-left:22px
}
#flash
{
	width:755px;
	height:200px;
	float:left
}
#menu
{
	width:755px;
	height:40px
}
.welcome #menu
{
	background-image:url(../images/welcomeOn.jpg)
}
.welcome #menu a
{
	display:none
}
#menu a
{
	display:block;
	height:100%;
	float:left;
	background-repeat:no-repeat
}
#menu .search
{
	width:252px;
	border-right:1px solid white;
	background-image:url(../images/btnSearch.gif)
}
#menu .select
{
	width:250px;
	border-right:1px solid white;
	background-image:url(../images/btnSelect.gif)
}
#menu .join
{
	width:251px;
	background-image:url(../images/btnJoin.gif)
}
#menuShadow
{
	background-image:url(../images/menuShadow.jpg);
	background-repeat:no-repeat;
	width:1085px;
	height:35px;
	margin-bottom:50px;
	clear:both
}
.search #menuShadow
{
	background-position:0px 0px
}
.select #menuShadow
{
	background-position:0px -35px
}
.confirm #menuShadow,
.join #menuShadow
{
	background-position:0px -70px
}
.welcome #menuShadow
{
	background-image:url(../images/headerTermsBottomShadow.jpg)
}
.confirm #menu .join,
.join #menu .join,
.select #menu .select,
.search #menu .search
{
	background-position:0px -80px
}
.join .select:hover,
.join .search:hover,
.select .search:hover,
.confirm .search:hover
{
	background-position:0px -40px;
	cursor:pointer
}
h1
{
	font-size:26px;
	padding:0px
}
.rightPageContent h1
{
	margin:0px 0px 10px 0px;
	color:#00539f
}
.rightPageContent #welcome h1
{
	color:#e2253b
}
.rightPageContent .listItem h1
{
	margin:0px
}
.rightPageContent .listItem h1 span
{
	color:red;
	font-size:12px
}
.leftPageContent h1
{
	margin:0px 0px 5px 0px;
	color:#e2253b
}
.leftPageContent h1 span
{
	font-size:16px;
	color:#00539f
}
.leftPageContent,
.rightPageContent,
fieldset
{
	float:left
}
.leftPageContent
{
	width:250px;
	padding-right:24px;
	text-align:right
}
.rightPageContent
{
	width:750px;
	padding-left:15px;
	border-left:1px solid #999999;
	margin-bottom:30px
}
.rightPageContent.noLeftBorder
{
	border-left:none
}
#searchClub
{ 
	width:650px;
	margin:30px 0px;
	padding:25px 15px 10px 15px;
	background-color:#e7f1fa
}
label
{
	display:block
}
fieldset
{
	margin:0px;
	padding:0px 20px
}
fieldset,
img
{
	border:none
}
.inputText
{ 
	color:#0056a1;
	font-size:16px;
	padding:4px;
	font-weight:bold;
}
.inputText:focus
{ 
	background-color:#0056a1;
	color:#ffffff
}
.searchSubmit
{
	float:right;
	margin:-5px -95px 20px 0px;
	position:relative
}
.ruleAbove
{ 
	margin-left:20px;
	padding:10px 0px;
	border-top:1px solid #c7d3e0;
	width:450px;
	clear:both;
	color:#e2253b;
	font-size:11px
}
.ruleAbove a,
.utilityLink a,
.pager a
{
	text-decoration:none;
	border-bottom:1px dotted #0056a1;
	color:#0056a1
}
.ruleAbove a:hover,
.utilityLink a:hover,
.fullColumn a:hover,
.pager a:hover
{
	color:#e2253b
}
.noLeftBorder p,
ul
{
	color:#666666
}
ul
{ 
	margin:0px 0px 0px 15px;
	padding:0px;
}
li
{
	padding:0px;
	margin:0px 0px 10px 0px
}
#zipForget td
{
	padding:5px 20px
}
.rightPageContent select
{
	font-size:18px;
	font-weight:bold
}
.utilityLink
{ 
	color:#e2253b;
	font-size:11px;
	margin:0px;
	padding:10px 0px 1px 0px
}

.RoutingLink a:link
.RoutingLink a:visited 
{    
    color:Black
}

.utilityLink.address
{
	padding:5px 0px 6px
}

.utilityLink span
{
	color:#383d44;
}
.advancedSearch
{
	width:720px;
	background-color:#e7f1fa;
	padding-top:7px;
	padding-bottom:5px
}
.advancedSearch td
{
	width:50%;
	vertical-align:top
}
.advancedSearch td td
{
	width:auto;
	vertical-align:middle;
	padding:0px 5px 5px 0px
}
.refineSearch
{
	margin:10px 0px 5px
}
.list
{
	margin-top:-10px
}
.listItem:hover
{ 
	background-color:#e7f1fa
}
.listItem
{ 
	padding:10px 10px 20px 10px;
	border-bottom:1px solid #0056a1;
	width:700px
}
.listItem .utilityLink a
{
	margin-right:7px
}
.listAmenities
{ 
	width:340px;
	color:#666666;
	font-size:11px;
	line-height:15px
}
.selectSubmit
{
	float:right;
	margin:14px -45px 0px 0px;
	position:relative
}
h2
{ 
	font-size:16px;
	margin:5px 0px 10px 0px;
	color:#00539F
}
.fullColumn
{ 
	padding:10px 9px 20px 10px;
	border-bottom:1px solid #0056a1;
	width:701px;
	overflow:visible
}
.rateItem
{
	padding:0px 10px 5px 0px;
	width: 205px;
	margin:15px 15px 0px 0px
}
.rateItem input
{
	position:relative;
	z-index:2
}
.fullColumn td
{
	vertical-align:top
}
.fullColumn a
{
	color:#0056a1;
	text-decoration:underline
}
.fullColumn td div
{
	width:213px;
	overflow:hidden
}
.separator
{
	border-left:1px dotted #666
}
.fullColumn td.separator div
{
	width:15px
}
.feeSummary
{
	margin-top:15px;
	border-top:1px dotted #0056a1;
	width:100%
}
.halfColumnLeft,
.halfColumnRight
{ 
	padding:10px 10px 20px 10px;
	margin:10px 0px 0px 0px;
	width:325px;
	float:left;
	background-color:#e7f1fa
}
.halfColumnRight
{ 
	margin-left:30px;
}
.fullColumn label,
.radio,
.radio label
{
	display:inline
}
.checkText
{ 
	width:240px;
	margin-left:10px
}
.left
{ 
	float:left
}
.fullColumn textarea
{
	margin-bottom:15px
}
#join
{ 
	width:680px;
	margin:30px 0px 15px;
	padding:25px 15px 10px 15px;
	background-color:#e7f1fa;
}
.joinSubmit
{ 
	float:right;
	margin:-5px -95px 20px 0px;
	position:relative
}
.checkTextLong
{
	width:610px;
	margin-left:10px
} 
.fix
{
	clear:both;
	font-size:0px;
	line-height:0px
}
* html .fix,
*+html .fix
{
	display:none
}
.red
{
	color:#ff0000
}
.dueColumn
{
	width:330px;
}
.total
{
	border-top:1px solid #ccc;
	padding:4px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	font-weight:bold
}
#confirmation
{
	margin-bottom:30px
}
#confirmation td
{
	vertical-align:top;
	width:360px
}
.panel
{
	display:none;
	border-top:1px dotted #0056a1;
	margin-top:15px;
	padding-top:15px
}
.box
{
	padding:15px;
	height:60px;
	background-color:#d6e7f8;
}
a.arrow
{
	float:right;
	display:block;
	width:119px;
	height:52px;
	padding-left:20px;
	margin-right:-60px;
	color:white;
	font-size:26px;
	background:url(../images/gray_arrow.png);
	text-decoration:none;
	line-height:50px;
	position:relative;
	cursor:pointer
}
a.arrow:hover
{
	background-image: url(../images/red_arrow.png);
}
* html a.arrow
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/gray_arrow.png")
}
* html a.arrow:hover
{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/red_arrow.png")
}
.pager
{
	display:inline;
	font-size:11px
}
.pager td
{
	vertical-align:top
}
.separate
{
	border-top:1px dotted #00539f;
	padding-top:20px
}
#tell_a_friend
{
	padding-top:45px
}
.notes
{
	width:100%;
	padding-bottom:10px;
	font-size:13px
}
.utilityLink.address
{
	padding:0 0 6px;
	font-size:10px
}
.utilityLink span
{
	color:#999;
	padding:0 0 3px
}
.error
{
	display:block;
	color:red;
	border:1px dotted red;
	font-size:11px;
	padding:4px 0px 4px 5px;
	width:180px;
	margin-top:5px;
	font-weight:bold
}
* html .error,
*+html .error
{
	width:199px
}
.error.auto
{
	width:auto;
	padding-top:20px;
	padding-bottom:20px;
	font-size:14px
}
#join .error.auto
{
	width:575px;
	clear:left
}
center
{
	line-height:115px
}