body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	/*font-weight: bolder;  */
	color: #000000;
	background: #FFFFFF;
	margin-top: 10px;
	padding: 0;
	text-align: center;
	width: 100%;
	/*background-image: url(images/background.gif);
	 background-repeat: no-repeat; background-attachment:fixed;
	
	background-position: center;*/
}	

h2 {
	font-family: "Times New Roman", Times, serif;
}
#container  {
	margin: 	0 auto;
	align:		left;
	text-align: center;
	width:		750px;
}
#fair  {
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
}

.contentwrap {
	margin: 	0 auto;
	align:		center;
	text-align: center;
	width:		750px;
} 
.content {
	#height: 100%;  /* the "#" is for internet explorer */
	width:	730px;
}

.header  {
	padding-bottom: 5px;
	padding-top: 7px;
	#height: 100%;  /* the "#" is for internet explorer */
	height: 72px; 

}

#menu {
	clear: both;
	height: 16px;
	#height: 28px;  /* the "#" is for internet explorer */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 6px; 
	font-style: normal;
	text-decoration: none;
	font-weight: bolder;
	color: #000000;
	background-image: url(images/nav.gif);
	text-transform: capitalize;
	vertical-align: middle; 
	z-index: 100;
	
}
#menu a:link {
    color: #000000;
	text-decoration: none;
}
#menu a:visited {
    color: #000000;
	text-decoration: none;
}

#menu a:hover { 
	color:#FF3300; 
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	/*display: inline;*/
	list-style: none; 
	/*line-height: 1em;*/
  	white-space: nowrap;
	z-index: 100;
}
#nav li { /* all list items */
	display: inline; 
	/* float: left;*/
	position: relative;
	z-index: 100;

}

#nav li ul { /* second-level lists */
	width: 150px;
	/* display: none;*/
	left: -1999px;
	/* left: 19px;  /* based on the location of initial list */
	top: 16px;   /* use the line height of initial list */
	position: absolute;
	float: left;
	font-weight: bold;
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*border: 2 outset #FFFFFF;/*border width style color*/
	border-bottom: 1px solid #666666; /*border width style color*/
	border-left: 1px solid #666666; /*border width style color*/
	border-right: 1px solid #666666; /*border width style color*/
	/*
	display: block; */  /* use this to see how the list will look when hovered */
		z-index: 100;

}

/* #nav li li,  */
#nav li ul a {
	display: block;
	padding: 2px;
	background-color: #CCCCCC;
	text-align: left;
	border-top: 1px solid #666666; /*border width style color*/
	/*border-left: 1px solid #666666; /*border width style color*/
	/*border: 1px solid #666666; /*border width style color*/
	height: 16px;
	#height: 20px;  /* the "#" is for internet explorer */
	/* width: 150px;*/

}
/* #nav li ul a:hover { /* lists nested under hovered list items */
/*	color:#FFFFFF; 
}*/

/* #nav li li:hover, 
#nav li li.sfhover, */
#nav li ul a:hover { /* lists nested under hovered list items */
	background-color: #000066;
	color: #FFFFFF; 

}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/* left: auto; */
	/* display: block; */
	left: 19px;  /* based on the location of initial list */

}
.address {
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	text-align: right;
}
.logo {
	float: left;
	vertical-align: middle;
	text-align:	left;
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	font-style: normal;
	font-weight: bold;
	COLOR: #d04828; 
	text-decoration: none;
	width:	260px;
	padding-bottom: 10px;
	#padding-bottom: 0px;  /* # is only read by internet explorer */
}
.info  {
	float: left;
	border-width: 2px;
	border-style: solid;
	margin-top: 5px;
	margin-right: 10px;
}
.mappic, mappic.a:link, mappic.a:visitied, mappic.a:hover {
/*	float: left;
 	float: right;
	display:  inline;*/ 
	border: none;
	margin-top: 5px;
	margin-right: 10px;

}
.generalpic {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}


.pagepic  {
	float: left;
	width: 365px;
	align: center;
/* 	float: right;
	display:  inline;*/ 
	margin-right: 5px;

	margin-top: 5px;
	
/*	background-color: red; */
}
pagepic.a:link, pagepic.a:visited, pagepic.a:hover{
	border: none;
}
.pagepic img { 
border: none; 
} 


.pagetext {
/*	width: 365px; */
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	text-align: left;
/*	background-color: yellow; */
}
.pagecenter  {

	clear: both;
	width: 750px;
}

.pagetitle {
	text-align: center;
	width: 100%;
}

/* #banner {
	position: relative;
	top: 98px;
} */

#footer  {
	clear: both;
	width: 750px;
	vertical-align: middle;
	height: 28px;
	text-align: left;
	padding-top: 3px;
	margin-top: 10px;
}

.footerleft {
	float:	left;
}

.footerright {
	float:	right;
}
.disclaim  {
	clear: both;
	width: 750px;
	/* background-image: url(images/nav.gif);*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	vertical-align: middle;
	text-align: center;
}

.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	font-weight: bolder;
	color: #000000;
}
.login:hover { 
	color:#FF3300; 
}
.topstuff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	font-weight: bolder;
	color: #000000;

}
.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	color: #FF0000;
}
.red:link { 
	color:  #FF0000;
} 
.centercol {
	padding:5px;
	float:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 225px;
	 /*#width: 246px;  the "#" is for internet explorer  padding is included in size*/
	font-family: "Times New Roman", Times, serif;
	/* LINE-HEIGHT: 7pt; */ 
	FONT-SIZE: 12pt;
}	

.centercol.p {
	FONT-SIZE: 7pt; 
	LINE-HEIGHT: 7pt; 
}

.padding {
	padding: 5px;
}
.column{
	margin:10px;
	float:left;	
	width:225px;
	text-align: justify;
	FONT-SIZE: 11px; 
	VERTICAL-ALIGN: top; 
	COLOR: #333333; 
	LINE-HEIGHT: 1.5em; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
}

.amenleft{
	margin-left:30px;
	margin-top: 10px;
	padding: 5px;
	/*height: 100%;*/
	background-color: #DDDDDD;
	float:left;	
	width:290px;
	text-align: left;
	FONT-SIZE: 14px; 
	VERTICAL-ALIGN: top; 
	COLOR: #333333; 
	FONT-FAMILY: "Times New Roman", Times, serif;
	font-weight: normal;
	border-width: 2px;
	border-style: solid; 

}
.amenright{
	margin-right:30px;
	margin-top: 10px;
	padding: 5px;
	/*height: 100%;*/
	background-color: #DDDDDD;
	float:right;	
	width:290px;
	text-align: left;
	FONT-SIZE: 14px; 
	VERTICAL-ALIGN: top; 
	COLOR: #333333; 
	FONT-FAMILY: "Times New Roman", Times, serif;
	font-weight: normal;
	border-width: 2px;
	border-style: solid; 

}


.floatspace {
	overflow: hidden;
}
.floadcont {
	margin-bottom: -995px;
	padding-bottom: 1000px;

}
.hnav {
	text-align: center;
	padding-left: 5px;
}
.a:link  {
    color: #000000;
}
.a:hover { 
	color:#FF3300; 
}
.formcont {
	float: left;
	text-align: left;
	margin: 0 auto;
	width:	510px; 
	/*background-color: #DDDDDD;
*/
}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
   width: 270px; /**/
  text-align: left;
  }

div.row span.formw {
  float: left;
  /* width: 350px;  */
  text-align: left;
  } 

.mainpad {
	float: left;
/*	width:	350px;
 	float: right;
	display:  inline; */
	text-wrap: normal;
	margin: 10px;
}
.maintxt {
	text-align: left;
	align:	center;
}

/* THIS IS FOR THE COLUMNS */
.colhead {
	FONT-WEIGHT: 200; 
	FONT-SIZE: 18px; 
	MARGIN-BOTTOM: 1px; 
	COLOR: #d04828; 
	FONT-FAMILY: "Times New Roman", Times, serif;
}
.colhead3 {
	text-align:	right;
	FONT-WEIGHT: 200; 
	FONT-SIZE: 18px; 
	MARGIN-BOTTOM: 1px; 
	COLOR: #d04828; 
	FONT-FAMILY: "Times New Roman", Times, serif;
}
.maincontent {
	margin: 	0 auto;
	align:		center;
	text-align: center;
	width:		750px;
	
}
.row1{
	margin: 	0 auto;
	padding:	0;
	align:		center;
	text-align: center;
	width:		750px;
}
.out1{
	margin: 0;
	padding: 0;
	float: left;
	width: 250px;
}
.out2{
	margin: 0;
	padding: 0;
	float: left;
	width:		250px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}
.out3{
	margin: 0;
	padding: 0;
	float: right;
	width:	250px;

}
.col1{
	text-align: justify;
	FONT-SIZE: 11px; 
	VERTICAL-ALIGN: top; 
	COLOR: #333333; 
	LINE-HEIGHT: 1.5em; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	background:	white;
	margin-right: 5px;
  	width:240px; 
	font-weight: bolder;	
/*	width:	245px; WORKS IN IE 7*/
}

}
.col2{
	align:	center;
/*	margin-right: 5px;
	margin-left:  	5px; */
	border-color: #CCCCCC;
	border-width: 0px 1px 0px 1px;
 	border-style: solid;
/*		border-left: 1px solid #CCCCCC ;
	border-right: 1px solid #CCCCCC  ;
border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	 /*#width: 246px;  the "#" is for internet explorer  padding is included in size*/
	font-family: "Times New Roman", Times, serif;
	/* LINE-HEIGHT: 7pt; */ 
	FONT-SIZE: 12pt;
	background:	white;
	width:	100%;
	font-weight: bolder;
}
.col3{
	float: right;
	text-align: justify;
	FONT-SIZE: 11px; 
	VERTICAL-ALIGN: top; 
	COLOR: #333333; 
	LINE-HEIGHT: 1.5em; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	background:	white;
	margin-left: 5px;
  	width:240px; 
	font-weight: bolder;
	
/*	width:	245px; works in IE7 */

}
html>body .col1 {
  width:245;
}

html>body .col3 {
  width:245;
}

.communitycontainer {
	width:	511px; 
	text-align: left;
/*	float: left;*/
}

.controw  {
	float: left;
	width: 485px;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding: 10px;
}
.contcat {
	text-align: left;
	FONT-FAMILY: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 18px;
	font-weight: bold;  
	
}
.commdesc{
	FONT-FAMILY: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-style: italic;
	font-weight: bold;  
	color: #336699;
}
.commtitle {
	font-weight: bold;  

}
.contact  {
	float: left;
	width:  222px;
	margin-top: 5px;
	margin-right: 10px;
	text-align: left;
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	text-decoration: normal;
	font-weight: normal;  
}
.rightbar {
	float: right;
	width: 225px; 
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding-top: 10px;  
	padding-left: 10px;  
	padding-bottom: 10px;  
	/* background-color: blue; */
	/* margi\n-left: -525; */
}
.rightdetail {
	padding-left: 10px;
}
.rightdetailsub {
	padding-left: 20px;
	font-style: italic;
	font-size: 12px;

}

.blankline {
	float: left;
	width: 500px;
}


/*  HERE IS CSS FOR PICTURE BANNER */

.bannerholder {
	width: 755px;
	position:relative;
}

/**/
.bannerpic {
	float: left;
}

.bannerlines {
	position:absolute;
	left: 0px;
	top: 0px;
/*	background-color: red; */

}

#human {   
visibility:hidden;   
display:none;   
}  


/* ***************************************** */
/*  THIS IS FOR THE FLOORPLAN SLIDE SHOW */
.floors {
  box-shadow: 0px 0px 6px black;
  margin: 0 auto;
  width: 241px;
  height: 300px;
  overflow: hidden;
}

.floors img { 
  position: absolute; 
  transition: opacity 1s;
  opacity: 0;
}

.floors img:first-child { 
  z-index: 2;
  opacity: 1;
}

.floors img:last-child {
  z-index: 1;
  opacity: 1;
}
/* ***************************************** */