/* * { margin: 0; } */
/*body { behavior:url("../csshover.hct"); }*/
/*html { min-height: 100%; margin-bottom: 1px; } keep scrollbars on page to prevent page shift */
/*************************/
/*  GENERAL              */
/*************************/
body {
	color:#414141;
	font-size: 70%;
	margin: 0px auto;
	padding: 0px;
	background:  transparent url(../../images/blue_bg.png) repeat;
	font-family: Tahoma, Geneva, sans-serif;
    behavior: url("../ui/csshover3.htc"); /* use in conjunction with class="png" to correct .png display errors */
}
	
td {/*font-family: arial, sans serif; */line-height: 1.25em; /*font-size: 105%;*/}
img { border:0; }
p { margin: .5em 0px;}

a, a:link, a:visited {color: #585858; text-decoration: none;}
a:hover, a:active {color: #B51621; text-decoration: none;}

a.underline, a.underline:link, a.underline:visited {color: #4A8BC5; text-decoration: underline;}
a.underline:hover, a.underline:active {color: #4A8BC5; text-decoration: none;}

/*************************/
/*  MAIN BODY            */
/*************************/

#page-blank {
	font-family: verdana, helvetica,sans-serif;
	width: 900px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

#banner_wrapper {
	height:35px;
	background: /*#5595CB*/ transparent url(../../images/bottom_bg.png) repeat-y; 
}

#banner { 
height:35px;
margin: 0;
padding: 0;
background: transparent  url(../../images/top_banner.png) no-repeat bottom left;
}

#menubar  {
	position:relative;
	width:910px;
	height:90px; 
	clear:both;
	background: /*#5595CB*/ transparent url(../../images/bottom_bg.png) repeat-y; 
}

#main_content_home {
float: left; 
clear:both;
width: 900px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
background: transparent;  
}

#main_content {
float: left; 
clear:both;
width: 900px; 
margin: -120px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
/*background:  transparent url(../../images/bottom_bg.png) repeat-y; /*needed for space just under menu*/
}

#home_image {
z-index:1;
height:265px;
margin: -100px 0 0 31px;
padding: 0;
background: transparent  url(../../images/home_page_image.jpg) no-repeat top left;
}

#body_wrapper_home {
	margin-bottom:10px;/*moves bottom collage below lt blue */
background: #5595CB  url(../../images/bottom_bg_home.png) repeat-y; 
}

#body_wrapper {
margin: 0px 0 0px 0; 
padding: 0px 0 120px 0; 
background: #5595CB  url(../../images/bottom_bg.png) repeat-y; 
}

#red_bar {
background: transparent  url(../../images/redbar.png) repeat-x; 
height:13px;
}

#bottom_text_wrapper, #bottom_text_wrapper_home {
/*height:187px;*/
padding-bottom:120px; /*puts light blue bg behind bottom collage */
}
#bottom_text_wrapper {
	padding: 80px 50px 20px 50px;
}
#bottom_text_wrapper_wide {
	padding: 80px 0px 20px 10px;
}
#bottom_text_wrapper_home {
/* background: transparent  url(../../images/photo_collage_left.png) no-repeat top left; */
background: transparent  url(../../images/double_photo_collage.png) no-repeat top left; 
min-height:240px;
}

#bottom_text_home, #bottom_text_title_home  {
	margin-left:350px;
}

#bottom_text_title, #bottom_text_title_home {
	margin-top:5px;
	color:#B62235;
	padding-bottom:3px;
	background: transparent  url(../../images/red_underline.png) no-repeat bottom left;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight: bold;
	text-transform:uppercase;
}

#bottom_text_home { /* home page text */
	margin-top:0px;
	color:#315b96;
	padding: 0 30px 10px 5px;
	font-size:15px;
	line-height:130%;
}

#bottom_text, #bottom_text_title { 
	margin: 0px 10px;
}

#bottom_text { /* inner page text */
	color:#315B96;
	padding: 0 10px 10px 5px;
	font-size:11px;
	line-height:140%;
}
#bottom_text2 { /* inner page text */
	color:#315B96;
	padding: 0 10px 10px 5px;
	font-size:11px;
	line-height:140%;
	background-image: url(images/center.jpg);
	overflow:scroll;
	background-repeat: repeat-x;
	height:inherit;
	
}

#left_column {
float: left; 
width: 430px; 
margin: 0px 0px 0px 0px; 
padding: 0px 10px
}

#right_column {
float: right; 
width: 300px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}


.paper_bg { 
float: left; 
min-height:400px;
width: 450px; 
margin-left:-20px;
background: transparent  url(../../images/paper_bg.png) no-repeat bottom left;
}

.wide_paper_bg { 
float: left; 
min-height:400px;
width: 800px; 
margin-left:-20px;
background: transparent  url(../../images/wide_paper_bg.png) no-repeat bottom left;
}

#waitlist { 
font:110%;
float: left; 
width:800px;
min-height:250px;
margin-left:-10px;
background: transparent  url(../../images/waitlistbg.png) no-repeat bottom left;
}

#applylist { 
font:110%;
float: left; 
/*  width:860px;*/
  width:630px;
margin: 20px 0 0 70px;
padding: 8px 9px 8px 6px;
background: transparent  url(../../images/applynow_narrow.png) no-repeat top left;
}

.apply {
	display: inline;
	float: left;
/*	padding:22px 11px 10px 11px;*/
	padding:2px 0px 0px 0px;
	text-align:center;
	min-height:130px;
	width:204px;
/*	min-width:133px;
 	border-bottom: thin solid #125799;*/
}

/********************************/
/*  apply_housing.php borders   */
/********************************/
.border1, .border2, .border3, .border5, .border6 {
	border-right: 2px solid #8CAFDE;
}

.border1, .border2, .border3, .border4 {
 	border-bottom: 2px solid #8CAFDE;
}

.border3, .border6 {
	width:205px; 
}

#developments {
	width:275px;
	float:left;
	margin-left:-15px;
	margin-top:40px;
}

#white_on_blue_heading {
	background: #125799;
	color:white;
	font-weight:bold;
	font-size: 16px;
	font-variant:small-caps;
	letter-spacing:1.4px; 
	padding:5px 15px;
	margin-bottom:10px;
}

.box_subtitle {
	margin: 0;
	padding: 3px 10px;
	line-height:1em; /* override td default height */
	font-size: 16px;
	font-variant:small-caps;
	color: #c90c19;
 	border-top: thin solid #125799;
 	border-bottom: thin solid #125799;
}

#floorplan_text td.box_red {
	margin: 0;
	padding: 3px 10px;
	line-height:1.2em; /* override td default height */
	color: #c90c19;
	border-bottom: 2px solid #c90c19;
	font-size: 12px;
}

.box_text {
	font-size: 12px;
	padding: 3px 15px;
}

.box_text a, .box_text a:link, .box_text a:visited {color: #125799; text-decoration: underline;}
.box_text a:hover, .box_text a:active, .box_text a.select {color: #c90c19; text-decoration: underline;}

#floorplan {
	font-size: 10px;
	width:530px;
	margin-right:-35px;
	float:right;
}

#floorplan_text {
	clear:both;
}

#floorplan_text td{
	padding: 3px 2px 3px 10px;
	line-height:1.1em; /* override td default height */
	font-size: 10px;
	color: #333;
}

#floorplan_text td ul {
	margin:0px 0px;
	padding-left: 15px;
}

/*************************/
/* Development photos     */
/*************************/
#floorplan_images {
	width:530px;
	margin:0px;
	float:right;
	height: 280px;
background: transparent  url(../../images/slideshow_bg.png) no-repeat top left;
}

.pics {
margin: 11px 0 10px 54px;
}

.nav_left {
	margin:0px;
	padding:7px 0 0 25px;
	width:100px;
	float:left;
	background: transparent  url(../../images/leftarrow.gif) no-repeat center left;
}

.nav_right {
	margin:0px;
	padding:7px 25px 0 0;
	width:70px;
	float:right;
	background: transparent  url(../../images/rightarrow.gif) no-repeat center right;
	
}

.nav_left a, .nav_left a:link, .nav_left a:visited, .nav_right a, .nav_right a:link, .nav_right a:visited {vertical-align: middle;color: #c90c19; text-decoration: none;}
.nav_left a:hover, .nav_left a:active, .nav_right a:hover, .nav_right a:active {vertical-align: middle;color: #125799; text-decoration: none;}

/*************************/
/*  bottom collage styles*/
/*************************/

#bottom_collage_home {
height:151px;
background: transparent  url(../../images/photo_collage_bottom.png) no-repeat; 
margin-top:-120px;
}

#bottom_collage {
height:151px;
background: transparent  url(../../images/photo_collage_bottom.png) no-repeat; 
margin-top:-110px;
}

/*************************/
/*  footer styles        */
/*************************/

#footer {
	float:left; 
	width: 860px;  
	padding: 10px 20px; 
	color: #FFF; 
	line-height:120%;
	font-variant:small-caps;
	font-size: 120%;
	font-weight:bold;
	background: transparent  url(../../images/blue_bg.png) repeat;
}
/*#footer p { padding: 0px 0px; text-align: left; font-size: 90%;}
#footer a, #footer a:link, #footer a:visited {color: #777; text-decoration: none;}
#footer a:hover, #footer a:active {color: #2D8DA6; text-decoration: none;}
*/
#footer-left {
	margin:0;
	padding:0;
	width:270px;
	float:left;
	text-align:left;
}

#footer-center {
	margin: 0 0 0 0px;
	padding:0;
	float:left;
	width:450px;
	text-align:center;
}

#footer-right {
	margin:0;
	padding:0;
	width:100px;
	float:right;
	text-align:right;
}

#jennlee {
	text-align: center; 
	width: 860px;  
	padding: 50px 20px 10px 20px; 
	color: #B3DCFB; 
	line-height:120%;
	font-variant:small-caps;
	font-size: 95%;
	background: transparent  url(../../images/blue_bg.png) repeat;
}

#jennlee a, #jennlee a:link,#jennlee  a:visited { color: #B3DCFB; }
#jennlee a:hover, #jennlee a:active { color: #F4D26C; }

/*************************/
/*  top menu styles      */
/*************************/
.ddsmoothmenu{
z-index:2;
height:200px;
/*margin: -154px 0 0 0;*/
margin: -133px 0 0 0px;
background:  transparent url(../../images/menu_bg.png) no-repeat top left; /*background of menu bar (default state)*/
/*width: 900px; */
width: 100%;
float:left;
}

.ddsmoothmenu ul{
/*text-align: left;
z-index:100; */
margin: 0px 0 0 213px; /* distance from left edge*/
padding: 0 0 0 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	z-index:10;
position: relative;
display: inline;
float: left;
}

.ddsmoothmenu ul li a, .ddsmoothmenu ul li.right a {
letter-spacing:1.1px; 
font-size: 125%;
display: block;
background: transparent /* #FFF url(../../images/line.gif) no-repeat  top right*/ ; /*background of menu items (default state)*/
color: #333333; 
padding:0;
/*padding: 3px 22px;*/
text-decoration: none;
margin: 0px 0px 0px 0px;
height:137px;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
	z-index:10;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #333333; /* main menu */
}

.ddsmoothmenu ul li a.selected{
/*background: transparent url(../../images/bluebg.gif) repeat;  */
color: #333333; 
padding:0;
/*padding: 3px 22px; */
}

.ddsmoothmenu ul li a:hover{
/*background:  transparent url(../../images/bluebg.gif) repeat; */
	z-index:10;
color: #333333; 
margin:0;
overflow:hidden;
}


.ddsmoothmenu li a.about_us { width:69px; background: transparent url(../../images/about_us.png) no-repeat left top;  }  
.ddsmoothmenu li a.public_housing { width:97px; background: transparent url(../../images/public_housing.png) no-repeat left top;  }  
.ddsmoothmenu li a.section8 { width:59px; background: transparent url(../../images/section8.png) no-repeat left top;  }  
.ddsmoothmenu li a.waiting_list { width:80px; background: transparent url(../../images/waiting_list.png) no-repeat left top;  }  
.ddsmoothmenu li a.resident_information { width:136px; background: transparent url(../../images/resident_information.png) no-repeat left top;  }  
.ddsmoothmenu li a.reports { width:58px; background: transparent url(../../images/reports.png) no-repeat left top;  }  
.ddsmoothmenu li a.doing_business { width:100px; background: transparent url(../../images/doing_business.png) no-repeat left top;  }  
.ddsmoothmenu li a.resources { width:88px; background: transparent url(../../images/resources.png) no-repeat left top;  }  

.ddsmoothmenu li a:hover, .ddsmoothmenu li a.selected { background-position:0px -200px; }  /* .selected keeps main li hover state when submenu opens */

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
margin: -50px 0 0 -6px; /* how far up under main menu sub-menu goes */
padding: 0px 0;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	z-index:1; /*keep submenu behind main menu */
display: list-item;
float: none;
color: #FFF; 
}


/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a, .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {
padding: 6px 0px 0px 20px; /*controls size of each of sub menu entry*/
margin: 0;
background: transparent url(../../images/dropdown-bg.png) no-repeat;
font-weight: bold;
letter-spacing:0px; 
font-size: 100%;
color:  #205BA6;
height:27px; /* submenu height */
}

.ddsmoothmenu ul li ul li.top {
	z-index:-1;
margin: 0;
height:30px;
background: transparent url(../../images/dropdown-top.png) repeat-y;
}

.ddsmoothmenu ul li ul li.bottom {
margin: 0;
height:29px;
background: transparent url(../../images/dropdown-bottom.png) no-repeat;
}
.ddsmoothmenu ul li ul li a, .ddsmoothmenu ul li ul li ul li a{
width: 190px; /*width of submenus */
}

.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul#wide li ul#narrow li a:hover, 
.ddsmoothmenu ul li ul#wide li a:hover, .ddsmoothmenu ul li ul#extra_wide li a:hover, 
.ddsmoothmenu ul li ul li a.selected {
/*background: #20B6E4 url(../../images/dk_bluebg.gif) repeat; */
color:  #B51621;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/*************************/
/*  CALENDAR           */
/*************************/
	#calendarTabs {
		background-image: url(../../images/tabsEmptySpace.jpg);
		background-repeat: repeat-x;
		margin: 0px;
		padding: 0px;
		width: 100%;
		background-position: right;
		height: 53px ;
	}
	#calendarTabs a {
		padding:0px ;
		margin:0px ;
		float:left;
		display: block ;
	}

	#largeCalendar {
		padding: 5px 15px;
		background: transparent  url(../../images/blue_bg.png) repeat;
		-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 8px;
		-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 8px;
	}
	#calendarContainer {
		width:100%;
		background-color: #F4D36C;
		padding:5px;

	}
	#calendarDays {
		width: 100% ;
		height: 100% ;
	}
	#calendarTable {
		width: 100% ;
		height: 100% ;
		background-color: white ;
		border: 3px solid #D4E4F1 ; 
	}
	#calendarTable th, #calendarDays th {
		font-size: 11px;
		font-weight: bold;
		background-color: #F4D36C;
		color: #1B2A5F;
	}
	#calendarTable td {
		font-family: "trebuchet ms", tahoma, verdana, arial;
		width: 100px; 
		margin:0px ;
		padding:0px;
	}

	#calendarTable td.red {
		border-left: 1px solid #B61F32 ;
		background: transparent  url(../../images/td_bottom.gif) no-repeat top left;
	}

	#calendarTable td.redsunday {
		background: transparent  url(../../images/td_bottom.gif) no-repeat top left;
	}

	#calendarTable td.toprow {
		border-left: 1px solid #B61F32 ;
	}

	#calendarTable td.toprowsunday {
	}

	#calendarHead {
		float:right;
		margin-top:0px;
/*		margin-top:-90px;*/
		background: transparent  url(../../images/lt_blue_bg.png) repeat;
	}
	
	#calendarHead img {
	margin-bottom:-3px;
	}
	
	.month {
		font-size: 24px;
		color: #B61F32;
		font-weight: bold;
		text-transform: uppercase;
	}
	.year {
		font-size: 24px;
		color: #B61F32;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.dateCell { 
		padding:0px ;
		min-height: 105px ;
		
	}
	.dateCell .date {
		font-size: 10px ;
		font-weight: bold ;
		float:right ;
		color: #B61F32;
	}
	
	.dateCell .event {
/*		background-image: url(../../images/calendar_event_top_border.gif);*/
		background-repeat: repeat-x;
		/*background-color: white ;*/
		margin: 0px;
		margin: 0px 0px 3px 0px;
		clear:both ;
	}
	
	.dateCell .event p {
		padding: 0px 10px;
		margin: 0px 0px 0px 0px;
		text-align: center ;
		font-size: 10px ;
		line-height:105%;
		background: url(../../images/caldata_bg.gif) repeat-y;
	}
	
	.dateCell .event p .className { 
		font-weight: bold ;
	}
	.dateCell .event p .className a { 
		color: #1A529F;
	}
	.dateCell .event p .className a:hover { 
		color: #333;
	}
	.dateCell .event p .classDates {		
	color: #1A529F;
	}
	.dateCell .event p .classTime { 
		font-weight: bold ;
		color: #1A529F;

	}

	 .topBorder {
		/*background: url(../../images/calendar_event_bottom_border.gif);
		background-repeat: repeat-x;*/
		background: url(../../images/caldata_top.gif) no-repeat bottom left;
		width:100px ;
		margin:0px ;
		padding:0px ;
		height:12px ;
		overflow:hidden ;
	}
	
	 .bottomBorder {
		/*background: url(../../images/calendar_event_bottom_border.gif);
		background-repeat: repeat-x;*/
		background: url(../../images/caldata_bottom.gif) no-repeat bottom left;
		width:100px ;
		margin:0px ;
		padding:0px ;
		height:18px ;
		overflow:hidden ;
	}
	
	#programSelection {
		font-size:14px ;
		font-weight:bold ;
		margin-bottom:12px ;
	}
	#programSelection a {
		text-decoration: none ;
	}
	#programSelection a:hover {
		text-decoration: underline ;
	}
	#programSelection a.selected {
		color: #1A2B5D;
	}
	#programSelection a.unselected {
		color: #797977;
	}
	
	#calendarSeparator {
		width: 95%;
		color: #FDE483;
		background-color: #FDE483;
		-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px;
		-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px;	
	}

/*************************/
/*  MISC            */
/*************************/


.clear {
	clear:both;
}

.indent {
	margin-left: 10px;
}
.title { 
	padding: 0px;
	margin-top: 0px;
	font-size: 120%;
	font-weight: normal;
}
.blue { 
		color: #0054A6; 
}
.bluebg { 
	background: transparent url(../../images/blue_bg.png) repeat;
}
.whitebg { 
	background: #FFF;
}
.big { 
	font-size:140%; 
}
.bold { 
	font-weight: bold;
}
.small { 
	font-size:95%; 
}
.smaller { 
	font-size:85%; 
}
.tall { 
	height:10px; 
}

.borderless {
	border: thin none #FFFFFF;
	height: 0px;
	width: 0px;
}

.button, #bottom_button {
  color: #fff; 
  background:transparent url(../../images/button.gif) no-repeat center center;
 border: 0px solid #CFE1F2;  
  padding:5px 32px;
  margin:3px;
  text-align:center;
}


.button a, .button a:link {
  color: #fff; 
}

.button:hover, .button a:hover {
  color: #ccc; 
}

div.fileinputs {
	position: relative;
}


div.fakefile {
	color:#fff;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 270px;
	height:40px;
	z-index: 1;
  background:transparent url(../../images/button.gif) no-repeat top right; 
}
div.fakefile:hover {
	color:#ccc;
  cursor: pointer; 
}

input.file {
	padding:0px;
	width: 260px;
	height:30px;
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
input.file:hover {
  cursor: hand; 
}

.shift-left {
	margin-left:-29px;
}

.subtitle {
	font-family: Tahoma, Geneva, sans-serif;
	color:#B61F32;
	font-size:11px;
	font-weight: bold;
	text-transform:uppercase;
	text-align:center;
}

.align-center {
	text-align:center;
}

.topborder {
	border-top: 2px solid #8CAFDE;
}
.bottomborder {
 	border-bottom: 2px solid #8CAFDE;
}
.leftborder {
 	border-left: 2px solid #8CAFDE;
}
.rightborder {
 	border-right: 2px solid #8CAFDE;
}