/* CSS Document */

/*COLOR PALETTE-----------------------------------------*/

.colorLtGrey {
	background-color:#E5E5E5;
}

.colorYellow {
	 background-color:#FFC211
}

.colorBlue {
	background-color:#3035CC 
}

.colorOrange {
	background-color:#E86E00
}

.colorGrey {
	background-color:#999999
}

.colorRed {
	background-color:#E92114;
	background-color:#FF0000;
}

.colorRust {
	background-color:#bc3a0d;
}

/*END COLOR PALETTE----------------------------------------*/


/*BORDER STYLES--------------------------------------------*/

.borderedRight {
	border-right:solid black 8px;
}

.borderedBottom {
	border-bottom:solid black 8px;
}

.borderedTop {
	border-top:solid black 8px;
}
.borderedLeft {
	border-left:solid black 8px;
}

/*END BORDER STYLES-----------------------------------------*/



/* HTML ELEMENTS---------------------------------------------*/
html, body {
	height:100%;
	margin:0;
}

img {
	border:0px;
	}

table {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

li {
	margin-left: -18pt;
}

	
/*END HTML ELEMENTS------------------------------------------*/




.div1_1 {
	float:left;
}

.div1_2 {
	float:left;
}

.div2_1 {
	clear:left;
	height:100%;
}

.txtBody {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:364px;
	padding: 10px 80px 0px 12px;
	font-size: 11px;
	vertical-align: top;
	line-height: 17px;
	background-color: #FFFFFF;
	font-weight: bold;

}

.tdNavBarContainer {
	width:80px;
}

.mainTable {
	width:100%;
	height:100%;
 }
 
 .horizFillWidth {
 	width:50%;
 }
 
 .navButton {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:white;
	padding:10px;
	text-align:center;
 }


.tdLogoYellow {
	height: 80px;
	width: 290px;
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;

}
.tdLogoBlack {
	height: 80px;
	width: 450px;
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.tdLHorizSpaceBottomBrdr {
	width: 50%;
	border-bottom:10.5px solid #000000;
}


.tdBlackSpacerVert {
	width: 10.5px;
	background-color: #000000;
}
.tdBlackSpacerHoriz {
	height: 5px;
	background-color: #000000;
}
.tdRightHorizSpace {
	width: 50%;
}
.tdVertStripe {
	background-color: #3035cc;
	height: 100%;
	width: 79px;
}

.tdLogoBauhaus {
	height: 365px;
	width: 176px;
	vertical-align: top;

}
.tdFooterAddr {
	height: 32px;
	width: 464px;
	vertical-align: bottom;
	background-color: #ffcc00;
}
.tdBodyText {
	height: 250px;
	width: 464px;
	padding: 10px 80px 10px 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	line-height: 17px;
	background-color: #FFFFFF;
	font-weight: bold;
}
.tdNavMenu {
	height: 503px;
	width: 79px;
	vertical-align: top;

}
.tdBodyImg {
	width: 464px;
	height: 192px;
}
.tdBodyTable {
	width: 464px;
	vertical-align: top;
	height: 202.5px;
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;

}
.tdRightTable {
	width: 176px;
}

.tdHeaderLogos {
	width: 740px;
}

.tdBlackSpcNavBar {
	width: 79px;
}
.tdBlackSpcBody {
	width: 464px;
}
.tdBlackSpcRSideLogo {
	width: 365px;
}
.pBodyNormalText, .txtBody p, .txtBody ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}
.pBodyHeaderText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff1100;
}
.txtBodyFirstSentence {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ff1100;
	font-weight: bold;
}
.td1Bauhaus {
	height: 142px;
	background-color:  #400099;
	vertical-align: top;
}
.td2Bauhaus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 233px;
	padding: 8px;
	line-height: 13px;
	font-weight: normal;
	background-color: #400099;
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	vertical-align: bottom;
}

.td1Leasing {
	height: 211px;
	background-color:  #0b98af;
	vertical-align: top;
}
.td2Leasing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 164px;
	padding: 8px;
	line-height: 13px;
	font-weight: normal;
	background-color: #0B98AF;
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	vertical-align: bottom;
	letter-spacing: 0px;
}

.td1Community {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 198.5px;
	padding: 8px;
	line-height: 13px;
	font-weight: normal;
	background-color: #bc3a0d;
	vertical-align: top;
}
.td2Community {
	height: 178.5px;
	background-color:  #bc3a0d;
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	vertical-align: bottom;
}

.td1LivingSpaces {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 163.5px;
	padding: 8px;
	line-height: 13px;
	font-weight: normal;
	background-color: #E86E00;
	vertical-align: top;
}
.td2LivingSpaces {
	height: 211.5px;
	background-color:  #E86E00;
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	vertical-align: bottom;
}

.td1Downtown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 186.5px;
	padding: 8px;
	line-height: 13px;
	font-weight: normal;
	background-color: #AFA017;
	vertical-align: top;
}
.td2Downtown {
	height: 188.5px;
	background-color:  #AFA017;
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	vertical-align: bottom;
}
.tdRightLogoTable {
	height: 365px;
	width: 176px;
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.tdBauhausStripe {
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	height: 365px;
	background-color: #400099;
	width: 50%;
}
.tdFlashImg {
	width: 176px;
	height: 130px;
	vertical-align: bottom;
}
.tdRightOfFlashImg {
	height: 130px;
}
.tdMapNavigation {
	width: 176px;
	background-color: #AFA017;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 12px;
	text-align: left;
	padding: 0px;
	height: 350px;
}

.tblMapLocationsList {
	font-size: 10px;
	text-indent: 6px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ulBulletList {

}

.td1contact {
	height: 211px;
	background-color:  #ff1100;
	vertical-align: top;
}
.td2Contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 164px;
	padding: 8px;
	line-height: 13px;
	font-weight: normal;
	background-color: #ff1100;
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	vertical-align: bottom;
	letter-spacing: 0px;
}
.tdBodyTableContact {
	width: 464px;
	vertical-align: top;
	height: 500px;
	border-bottom-width: 10.5px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.tdBodyTextCont {
	height: 400px;
	width: 464px;
	padding: 10px 80px 10px 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	line-height: 17px;
	background-color: #FFFFFF;
	font-weight: bold;
}

.divFP {
	font-size:9px;
	color: #dddddd;
	position: absolute;
	width: 25px;
	font-family: Arial, Helvetica, sans-serif;
	height: 12px;
	line-height:8px;
	text-align:center;
	left: 267px;
	cursor: pointer;
}



.divRightBarText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 8px;
	line-height: 13px;
	font-weight: normal;
	vertical-align:bottom;
	
}


.text {
	padding-top:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding-LEFT:10px;
	z-index:20;
	left: 300px;	
	letter-spacing: 0px;
}





.divMusicPlayerText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	height: 60px;
	width: 140px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 20px;	
	cursor: hand;
}
.divContainerMusicPlayer {
	background:#FF0000;
	text-align: center;
	height: 100px;
	width: 180px;
	margin:0px;
	
}

.contactform {
	padding-left:10px;
	
}


#rightbartop {
	position:absolute;
	top:0px;
	
}

#rightbarbottom {
	position:absolute;
	bottom:0px;
	
	
}

#rightcontainer {
	position:relative;
	height:50%;
}

#divMusicPlayerIcon {
	position:absolute; 
	width:100%;
	text-align:center;
	top:-22px;
}

#divMusicPlayerIcon img {
	border:0px;
}












#rightBarInfo {
	 height:370px;
	 width:180px;
}

#tdrightBarInfo_Top {
	vertical-align:top;
}

#tdrightBarInfo_Bottom {
	vertical-align:middle;
	width:160px;
}


#logoContainer {
	border-right:black solid 6px;
	width:80px;
	position:absolute;
	left: 0px;
	top: 0px;	
	border-bottom:black solid 6px;
}

#LayerRedWText {
	position:absolute;
	left:556px;
	top:56px;
	width:74px;
	height:20px;
	z-index:21;
	background-color: #FF0000;
	border-left: solid black 6px;
	padding-top: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:10px;
}

#BlueHdr {
	position:absolute;
	width:360px;
	height:43px;
	border-right: solid black 6px;
	background-color:#3035CC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align: middle;
	color: #FFFFFF;
	padding-top:7px;
	padding-left:14px;
	float:left;
	text-transform:capitalize;
	left: 86px;
	top: 0px;
	border-bottom:solid black 6px;
	z-index:20;
	letter-spacing: 1px;
	font-weight:bold;
	line-height:1.3em;
	
}

#LayerYellow {
	position:absolute;
	left:86px;
	top:56px;
	width:560px;
	height:24px;
	z-index:5;
	border-bottom:6px solid black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFC211;
}

#LayerGreyWText {
	position:absolute;
	left:466px;
	top:0px;
	width:180px;
	height:50px;
	z-index:1;
	border-bottom:solid black 6px;
	background-color:#999999;
}

#LayerFloorPlanGraphic {
	position:absolute;
	left:0px;
	top:120px;
	width:640px;
	height:427px;
	z-index:4;
	text-align:center;
}



#newLayer6 {
	position:absolute;
	left:0px;
	top:219px;
	width:600px;
	height:32px;
	z-index:6;
}

#divRightBarContainer {
	position:relative;
}


#divUpperRightBar {
	position:absolute;
	top:0px;
	left:0px;
	height: 200px;
	width:160px;
}

#divLowerRightBar {
	position:absolute;
	top:200px;
	left:0px;
	height:auto;
	width:160px;
	vertical-align:baseline;
	
}

/*FIX IMAGE WIDTH 'ABOUT THE ELECTRONIC ART' ---------------------------*/
#Image15 {
	width:176px;
	}
#rates {	
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-left:41px;
	width:165px;
	}
	
#rates p {margin:12px 0;}


/*resident portal' ---------------------------*/
form,input{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: 14pt; font-weight: normal; color: #000000}

input.textfield{ background-color:#FFFFFF; }
			
input.button{ background-color:#C4BFBA; border-bottom:2px solid #404040; border-top:2px solid #404040; border-right:2px solid #404040; border-left:2px solid #404040; width:100;}

td.fieldbox{ background-color:#ffffff; }
			
span.fielderror{ background-color:#ffffff; color:#CE0D1F; font-weight:bold; }
			
td.formlabel{ background-color:#ffffff;}
			
.text{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000 }
			
td.buttoncaption{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; line-height: 7pt; font-weight: normal; color: #000000; text-align:right; border-bottom:1px solid white; background-color:#ffffff;}

	.monthyear {
			font-family: Verdana, Arial;
			font-size: 18pt;
			font-weight: bold;
			color: #44526b;
			text-decoration: none;
			text-align: center;
		}
		
		.eventbody	{		
			font-family: Verdana, Arial;
			font-size: 10pt;
			font-weight: normal;
			line-height: 20px;
			text-decoration: none;
			cursor: hand;
			color: #44526b;
		}
	
		.eventList {
			font-family: Arial;
			font-size: xx-small;
			text-decoration: none;
			cursor: hand;
			color: #000000;
		}
	
		.currentMonth {
			vertical-align: top;
			height: 100px;
			border-width: 1px;
			border-color: #bfc9c6;
			background-color: #d6e6d5;
		}

		.adjacentMonth {
			vertical-align: top;
			color: #CCCCCC;
			height: 100px;
			border-width: 1px;
			border-color: #CCCCCC;
			background-color: #f6f6f6;
		}

		.dateNumber
		{
			margin: 1 1 1 1;
			font-family: Verdana, Arial;
			font-size: 10pt;
			font-weight: bold;
			color: b2bcb9;
			float: right;
			position: relative;
		}
		
		.todaydateNumber
		{
			margin: 1 1 1 1;
			font-family: Verdana, Arial;
			font-size: 10pt;
			font-weight: bold;
			color: 000000;
			float: right;
			position: relative;
		}

		.today 
		{
			color: #white;
			background-color: #bfc9c6;
			vertical-align: top;
			height: 100px;
			border-width: 1px;
			border-color: black;
		}		
		
		THEAD {
				background-color: #DDDDFF;
				font-family: verdana;
				font-size: x-small;
		}
		
		th
		{
			background-color: #003366;
			font-family: Verdana, Arial;
			font-size: 10pt;
			font-weight: bold;
			color: white;
		}
		
		.weekTableTD {
				border:1 solid #DDDDDD;
				width: 12.5%;
				background-color: white;
		}
		unoccupied {
				cursor: hand;
				height: 15px;
		}
			
		.occupied {
				cursor: not-allowed;
				height: 15px;
		}

		.select {
				font-size: xx-small;
			}
		td.keyTable {
				font-size: xx-small;
				width: 0%;
			}
		th.keyTable {
				background-color: #44526b;
				color: White;
			}
		table.keyTable {
				border: 1 solid #44526b;
			}
		.pleaseWait {
				background-color: #CECECE;
				text-align: center;
				font-size: medium; 
				visibility: hidden;
				position: absolute;
				left: 200;
				top: 200;
				border: 1 solid black;
				padding: 20 20 20 20;
			}
			
			bodyinput {
				background-color: #CECECE;
				font-family: verdana;
				color: #000000;
				font-size: x-small;
			}
			
			select {
				font-size: xx-small;
				font-family: verdana;
				color: #000000;
				background-color: #FFFFFF;
			}
			
 A.resident:link {color:#3035CC;
  			text-decoration:underline;
			FONT-WEIGHT: bold;
			TEXT-ALIGN: left;
    		FONT-SIZE: 8pt;
    		LINE-HEIGHT: 10pt;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Verdana, Arial}
	
  A.resident:visited {color: #3035CC;
  			text-decoration:underline;
			FONT-WEIGHT: bold;
			TEXT-ALIGN: left;
    		FONT-SIZE: 8pt;
    		LINE-HEIGHT: 10pt;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Verdana, Arial}
			
  A.resident:hover {color: #FF1100;
  			text-decoration:underline;
			FONT-WEIGHT: bold;
			TEXT-ALIGN: left;
    		FONT-SIZE: 8pt;
    		LINE-HEIGHT: 10pt;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Verdana, Arial}
			
 A.privacy:link {color:#FFFFFF;
  			text-decoration:none;
			FONT-WEIGHT: normal;
			TEXT-ALIGN: left;
			TEXT-INDENT: 7px;
    		FONT-SIZE: 6pt;
    		LINE-HEIGHT: 10pt;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Verdana, Arial}
	
  A.privacy:visited {color: #FFFFFF;
  			text-decoration:none;
			FONT-WEIGHT: normal;
			TEXT-ALIGN: left;
			TEXT-INDENT: 7px;
    		FONT-SIZE: 6pt;
    		LINE-HEIGHT: 10pt;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Verdana, Arial}
			
  A.privacy:hover {color: #ffc211;
  			text-decoration:none;
			FONT-WEIGHT: normal;
			TEXT-ALIGN: left;
			TEXT-INDENT: 7px;
    		FONT-SIZE: 6pt;
    		LINE-HEIGHT: 10pt;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Verdana, Arial}
			
 A.logoff:link {color:#000000;
  			text-decoration:none;
			FONT-WEIGHT: normal;
			TEXT-ALIGN: center;
    		FONT-SIZE: 8pt;
    		LINE-HEIGHT: 10pt;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Verdana, Arial}
	
  A.logoff:visited {color: #000000;
  			text-decoration:none;
			FONT-WEIGHT: normal;
			TEXT-ALIGN: center;
    		FONT-SIZE: 8pt;
    		LINE-HEIGHT: 10pt;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Verdana, Arial}
			
  A.logoff:hover {color: #FF1100;
  			text-decoration:none;
			FONT-WEIGHT: normal;
			TEXT-ALIGN: center;
    		FONT-SIZE: 8pt;
    		LINE-HEIGHT: 10pt;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Verdana, Arial}	
			
/* HIDE MUSIC PLAYER
-------------------------*/
.colorGrey.borderedTop img {display:none}
