/* css resets */

:link,:visited { text-decoration:none; font-weight:bold; color:#000099;}

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style: square; margin-left: 20px;}

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:14px; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0;}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:0px; margin:0px; }
a :link { color:#000; }

/* de-italicize address */
address { font-style:normal; }

/* end of css resets */

#border { display: inline-block; background-color: #000; width: 970px; padding-left: 10px; padding-right: 10px; min-height: 100%; align: center; border-left: 1px #BBBBBB solid; border-right: 1px #BBBBBB solid; border-bottom: 1px #BBBBBB solid;

}

#newsbox { 
font-family: Verdana, Helvetica, Sans-Serif; 
position:relative;
font-size: 11px;
border:0;  
padding:0; 
margin:0;
}

#newsbox em {  
font-family: Verdana, Helvetica, Sans-Serif; 
color: #657582; 
font-size: 11px; 
font-weight: normal;
}

#newsbox strong {  
align: left;
font-family: Verdana, Helvetica, Sans-Serif; 
color: #000; 
font-size: 12px; 
font-weight: bold;
}
#newsbox p {  
align: left;
font-family: Verdana, Helvetica, Sans-Serif; 
color: #777; 
font-size: 11px; 
font-weight: bold;
}

#layout {

 /*
width: 955px; 
align: center;

 */
 margin-top: 0px;
}

.columnfirst { 
width: 180px; 
float:left;
top: 0px;
overflow: hidden;
margin-right:10px;
 
}

.column.mid { 
width: 580px;
background-color: #ffffff;
min-height: 1020px;
}

.columnlast { 
width: 180px; 
top: 0px;
margin-left: 10px;
}

.contenttop { 
background: url(/images/content-top.gif) no-repeat;
background-color:#ffffff;
color: #000000;
width: 570px;
height: 50px;
}

.contentmiddle {
width: 570px;
background-color: #ffffff;

}

.scrollbox {

width: 550px;
padding: 10px;
padding-left:20px;
background-color: #ffffff;
}




body
	{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 14px;
	background: #01245c url(/images/bg.jpg) top center no-repeat;

	scrollbar-3dlight-color: #d0ecf3; 
	scrollbar-arrow-color: #fff; 
	scrollbar-track-color: #fff; 
	scrollbar-darkshadow-color: #d0ecf3; 
	scrollbar-face-color: #bedbe2; 	   
	scrollbar-highlight-color: #fff; 
	scrollbar-shadow-color: #d0ecf3;
	align: center; 
	height: 100%;}

.bartop { 
background: url(/images/menuheader.png); 
height: 28px; 
width: 180px;
}

.bartop strong { 
margin-left: 5px; 
align: left;
font-family: Verdana, Helvetica, Sans-Serif; 
color: #fff; 
font-size: 17px; 
font-weight: bold;
}

.baritem {
display: block;
position: relative;
height: 36px; 
background: url(/images/baritem.png)  100% 36px ;
font-weight: bold;
}
.baritem:hover { 
display: block; 
height: 36px; 
background: url(/images/baritemhover.png)  100% 36px ;
font-weight: bold;
}
 
.baritem strong { 
cursor:hand; 
position: relative;
top: 6px;
margin-left: 8px;   
display: block; 
font-size: 11px; 
color: #333; 
font-weight: bold; 
height: 26px; 
white-space:nowrap; 
overflow: hidden; 
}

.baritem img { 
position:absolute; 
top:6px;
left:150px;  
white-space:nowrap; 
border:0; 
}

.baritemlast {
display: block;  
height: 36px; 
background: url(/images/baritemlast.png)  100% 36px ;
font-weight: bold;
}

.baritemlastd {
display: block;  
width:180px;
height: 40px; 
background: url(/images/baritemlast.png)  100% 40px ;
font-weight: bold;
}

.baritemlast:hover {
display: block; 
height: 36px; 
background: url(/images/baritemlasthover.png)  100% 36px ; 
font-weight: bold;
}

.baritemlastd:hover {
display: block; 
height: 40px; 
background: url(/images/baritemlasthover.png)  100% 40px ; 
font-weight: bold;
}

.baritemlast strong {
cursor:hand; 
position: relative;
top: 6px;
margin-left: 8px;   
display: block; 
font-size: 11px; 
color: #333; 
font-weight: bold; 
height: 26px; 
white-space:nowrap; 
overflow: hidden; 
}

.baritemlastd strong { 
cursor:hand;
margin-left: 8px; 
margin-right: 8px;  
margin-top: 0px; 
display: block; 
font-size: 11px; 
color: #333; 
font-weight: bold; 
height: 26px; 
white-space: nowrap; 
overflow: hidden; 
}

.plannumber { 
font-family: Verdana, Helvetica, Sans-Serif; 
color: #000; 
font-size: 18px; 
font-weight: bold; 
margin-left: 0px;
padding-top: 6px;
margin-top: 0px;
}

.planname { 
font-family: Verdana, Helvetica, Sans-Serif; 
color: #000; 
font-size: 18px; 
font-weight: bold; 
margin-right: 20px; 
font-style: italic;
}

.plansearch { 
background: url(/images/barmid.png) top left repeat-y; 
width: 180px;
padding-left: 5px;
padding-right: 5px;
}

.plansearch strong { 
position: relative;
top: 6px;
margin-left: 8px;   
display: block; 
font-size: 13px; 
color: #333; 
font-weight: bold; 
height: 26px; 
white-space:nowrap; 
overflow: hidden; 
}

#gallery .shingles { 
margin: 0px; 
position: relative; 
overflow: hidden; 
}

#gallery .shingles li { 
display: block; 
z-index: 1; 
width: 100%; 
}

#gallery .shingles img.photo {
	height: 122px;
	width: 180px;
	color: #fff;
		margin: 0px;
}

#gallery .shingles a img.photo {
	height: 122px;
	width: 180px;
	color: #fff;
	border: 0px;
	margin: 0px;
}
#gallery .shingles img.photo a { 
margin-left: 0px; 
margin-top: -1px; 
	margin: 0px; 
height: 122px; 
width: 180px; 
}

#gallery .shingles .handle { 
display: block; 
width: 180px; 
height: 45px; 
background: url(/images/handle.png) -180px 100% no-repeat; 
overflow: hidden; 
}

#gallery .shingles .handle:hover { 
text-decoration: none; 
cursor:hand;
}

#gallery .shingles .handle strong { 
margin-left: 8px; 
margin-right: 8px;  
margin-top: 13px; 
display: block; 
font-size: 11px; 
color: #333; 
font-weight: normal; 
height: 26px; 
white-space: nowrap; 
overflow: hidden; 
}

#gallery .shingles li.obscured .handle { 
background-position: 0 100%; 
}

.homefacts{
position: relative;
z-index: 0;
border: 0;
}

.homefacts:hover{
background-color: transparent;
z-index: 50;
border: 0;
}

.homefacts span{ 
position: absolute;
padding: 1px;
left: -1000px;
border: 1px gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.homefacts span img{ 

color:#000000;
padding: 2px;
}

.homefacts:hover span{
visibility: visible;
top: 0px;
left: 20px;
color:#000000;
}




#white {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 14px;
	background: #0fffff;
}

#black {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 14px;
	background: #0fffff;
}

.tips {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	color: #657582;
	}

.clicktxt {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	color: #666666;
	}

A:link, A:visited {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	text-decoration: none;
	color: #000066;
	border: none;
	}
	
A:active {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
	border: none;
	}

A:hover {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
	border: none;
	}

.PlanViewerNav {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #888;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	}

A.PlanViewerNav:link, A.PlanViewerNav:link, A.PlanViewerNav:visited {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	}
	
A.PlanViewerNav:hover {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
	
	}
	
A.SmallLink:link, A.SmallLink:active, A.SmallLink:visited {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	border: 0;
	}

A.SmallLink:hover {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	border: 0;
	}
	
H1 {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #657582;
	font-size: 30px;
	}	
	
H2 {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #657582;
	font-style: italic;
	font-size: 20px;
	}
	
H3 {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #657582;
	font-weight: bold;
	font-size: 18px;
	}
	
H5 {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color: #657582;
	font-size: 15px;
	}
	
TD, P {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 11px;
}
	
.footer {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	color: #777777;
	}
	
.footer a {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	color: #ffffff;
	}
	
.footersm {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 10px;
	color: #999999;
	}
	
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #000000; }


.cartboxtitle {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.cartboxtitlenote
	{
	font-size: 10px;
	font-weight: normal;
}
.cartboxcolor
	{
	background-color: #bedbe2;
	border-color: #75b4c7;
	border-style: solid;
	border-width: .1px;
}
.cartboxtitlecolor
	{
	background-color: #75b4c7;
}
.cartboxcolorone
	{
	background-color: #d0ecf3;
}
.cartboxcolortwo
	{
	background-color: #bedbe2;
}

#introbox {position:relative; left:0px; top:0px; width:500px; height:145px; z-index:15; background-color: #8bbd87; padding: 5px; padding-left: 10px; padding-top: 12px; padding-bottom: 5px; border: solid #fff 2px;}
#introbox a:link    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000; font-weight: bold; text-decoration: none; vertical-align: top;}
#introbox a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000; font-weight: bold; text-decoration: none; vertical-align: top;}
#introbox a:hover	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000; font-weight: bold; text-decoration: underline; vertical-align: top;}