﻿body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	background-color: #2a1411;
	font-family: "Century Gothic", Times, serif;
	font-size: 14px;
	line-height: 20px;
	color:#333333;
	text-align: left;
}
@font-face {
    font-family: 'CACShishoniBrushRegular';
    src: url('Font/cacshishonibrush-webfont.eot');
    src: url('Font/cacshishonibrush-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/cacshishonibrush-webfont.woff') format('woff'),
         url('Font/cacshishonibrush-webfont.ttf') format('truetype'),
         url('Font/cacshishonibrush-webfont.svg#CACShishoniBrushRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.txtMain 	     {text-align:left;}
.txtMain h1	     {font-size: 30px; line-height: 30px; font-weight: 500; color: #2a1411; text-transform: uppercase; padding: 0; margin: 0;}
.txtMain h2	     {font-size: 18px; font-weight: 600; line-height: 18px; color: #333333; text-transform: uppercase; padding: 0; margin: 0;}
.txtMain h3	     {font-size: 14px; font-weight: 600; line-height: 14px; color: #333333; text-transform: uppercase; padding: 0; margin: 0;}
.txtTagLineS     {font-size: 14px; text-transform: none; color: #a17c3c; text-decoration: none;}
.bgMain			 {height: 823px; background-image:url(images/bgMainShim.jpg); background-repeat: repeat-x; background-color: #fef0c3;}
.wrapMain        {padding-left: 102px; padding-right: 95px;}
.wrapTopLine     {padding-top: 15px; width: 1003px; height: 2px}
.wrapSecondLine  {padding-top: 8px; width: 1003px; height: 2px}
.wrapPageTitle	 {padding-top: 5px; height: 36px; width: 1003px;}
.wrapBreadCum 	 {float: right; width: 305px;}
.txtBreadCum, .txtBreadCum a	 {font-size: 12px; color: #333333; line-height: 12px; text-align: right; text-transform: uppercase; text-decoration: none; padding: 0px; margin: 0px;}
.txtBreadCum a:hover	         {text-decoration: underline;}
/*===============================================*/
/*                Top Page Section               */
/*===============================================*/
.wrapTop    {padding-left: 100px; padding-right: 95px; width: 1005px; height: 61px;}
.wrapLogo	{float: left; width: 259px; height: 61px;}
.wrapTxtTop {float: left; width: 293px; font: 24px 'CACShishoniBrushRegular', Arial, sans-serif; color:#ffffff; text-align: center; padding-top: 20px; line-height: 28px;}
.wrapSocial {float: right; width: 453px; text-align: right; padding-top: 10px;}
/*===============================================*/
/*               Navigation Section              */
/*===============================================*/
.wrapNav    {padding-left: 107px; padding-right: 107px; width: 986px; height: 59px;}
.btnNav0    					{width: 89px; height: 59px; cursor: pointer;}
.btnNav0:hover, .btnNav0#Active	{width: 89px; height: 59px; background-image:url(Images/nav0-over.png); background-repeat: no-repeat; cursor: pointer;}
.btnNav1    					{width: 125px; height: 59px; cursor: pointer;}
.btnNav1:hover, .btnNav1#Active	{width: 125px; height: 59px; background-image:url(Images/nav1-over.png); background-repeat: no-repeat; cursor: pointer;}
.btnNav2    					{width: 148px; height: 59px; cursor: pointer;}
.btnNav2:hover, .btnNav2#Active	{width: 148px; height: 59px; background-image:url(Images/nav2-over.png); background-repeat: no-repeat; cursor: pointer;}
.btnNav3    					{width: 113px; height: 59px; cursor: pointer;}
.btnNav3:hover, .btnNav3#Active	{width: 113px; height: 59px; background-image:url(Images/nav3-over.png); background-repeat: no-repeat; cursor: pointer;}
.btnNav4    					{width: 152px; height: 59px; cursor: pointer;}
.btnNav4:hover, .btnNav4#Active	{width: 152px; height: 59px; background-image:url(Images/nav4-over.png); background-repeat: no-repeat; cursor: pointer;}
.btnNav5    					{width: 122px; height: 59px; cursor: pointer;}
.btnNav5:hover, .btnNav5#Active	{width: 122px; height: 59px; background-image:url(Images/nav5-over.png); background-repeat: no-repeat; cursor: pointer;}
.btnNav6    					{width: 126px; height: 59px; cursor: pointer;}
.btnNav6:hover, .btnNav6#Active	{width: 126px; height: 59px; background-image:url(Images/nav6-over.png); background-repeat: no-repeat; cursor: pointer;}
.btnNav7    					{width: 111px; height: 59px; cursor: pointer;}
.btnNav7:hover, .btnNav7#Active	{width: 111px; height: 59px; background-image:url(Images/nav7-over.png); background-repeat: no-repeat; cursor: pointer;}
.txtMainNav {font-size: 16px; color: #e7d6af; text-transform: uppercase; padding-top: 10px;}
.bgHeaderBar{width: 1200px; height: 60px; background-image:url(Images/bgHeaderBar.png); background-repeat: no-repeat;}
.wrapHeaderBar{padding-left: 372px; padding-right: 75px; width: 753px;}
.wrapEventCal {float:left; width: 230px; height: 46px; padding-top: 13px; font-size: 24px; line-height: 26px; color: #ffffff; text-align: center; cursor:pointer;}
.wrapApply    {float:left; width: 117px; height: 46px; padding-top: 13px; font-size: 24px; line-height: 26px; color: #ffffff; text-align: center; cursor:pointer;}
.wrapPayRent  {float:left; width: 117px; height: 51px; padding-top: 8px; font-size: 18px; line-height: 20px; color: #ffffff; text-align: center; cursor:pointer;}
.wrapSpecial  {float:left; width: 163px; height: 54px; padding-left: 80px; padding-top: 5px; color: #dbcaa2; text-align: left; cursor:pointer;}
.txtTopNav, .txtTopNav a	{font-size: 16px; font-weight: 500; color: #ffffff; text-align: center; line-height: 20px; text-decoration: underline;}
.txtTopNav a:hover 		    {color: #e7d6af; text-decoration: underline;}
.divHeaderBar {float:left; width: 15px; height: 59px;}
/*===============================================*/
/*             Home Page Section                 */
/*===============================================*/
.bgHomeWelcome {width: 704px; height: 58px; background-image:url(Images/bgWelcome.png); background-repeat: no-repeat; }
p#Home         {padding: 0px; margin: 0px;}
/*------------Home Photo Rotator Section---------*/
.txtTagLine			{font-size: 30px; line-height: 30px; font-weight: 500; color: #7b5217; padding: 0; margin: 0; text-align: center;}
.txtTagLineDiv		{font-size: 18px; line-height: 18px;}
#slideshow{
	padding: 0px;
	height: 407px;
	margin: 0;
	position: relative;
	width: 1173px;
	-moz-box-shadow: 0 0 0px #111;
	-webkit-box-shadow: 0 0 0px #111;
	box-shadow: 0 0 0px #111;
}

#slideshow ul{
	padding: 0px;
	margin: 0px;
	height:407px;                   /* Height of rotator */
	left:84px;
	list-style:none outside none;
	overflow: hidden;
	position:absolute;
	top:0px;
	width:1003px;					/* Width of rotator */
}

#slideshow li{
	padding: 0px;
	margin: 0px;
	position:absolute;
	display:none;
	z-index:2;
	right: 0px;
}

#slideshow li:first-child{
	padding: 0px;
	margin: 0px;
	display:block;
	z-index:4;
}

#slideshow .slideActive{
	padding: 0px;
	margin: 0px;
	z-index:4;
}

#slideshow canvas{
	padding: 0px;
	margin: 0px;
	display:none;
	position:absolute;
	z-index:3;
}

#slideshow .arrow{
	padding: 0px;
	margin: 0px;
	height:126px;
	width:85px;
	position:absolute;
	background:url('images/arrowsRT.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:6;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .next{ background-position:right top;right:0;}

/*===============================================*/
/*                 Footer Section                */
/*===============================================*/
.bgFooterShim       {height: 177px; background-image:url(images/bgFooterShim.jpg); background-repeat: repeat-x;}
.bgFooter        	{width: 1003px; height: 177px; background-image:url(Images/bgFooter.jpg); background-repeat: no-repeat;}
.txtFooterInfo      {font-size: 12px; color: #c7ad6d; line-height: 16px;}
.txtPhoneTxt        {font-size: 20px; color: #c7ad6d; text-align: right; line-height: 20px;}
.txtPhoneNum        {font-size: 24px; color: #c7ad6d; text-align: right; line-height: 24px;}
.wrapFooterLogo     {font: 30px 'CACShishoniBrushRegular', Arial, sans-serif; color:#c7ad6d; text-align: center; line-height: 30px; padding-bottom: 3px;}
.txtFooterGold, .txtFooterGold a {font-size: 10px; color:#c7ad6d; line-height: 10px; text-transform: uppercase; text-decoration:none;}
.txtFooterGold a:hover			 {text-decoration: underline;}
.txtFooter, .txtFooter a	     {font-size: 10px; font-weight: 500; line-height: 10px; color: #dbcaa2; text-align: right; text-transform: uppercase; text-decoration:none;}
.txtFooter a:hover		         {text-decoration: underline;}
.txtFooterNav, .txtFooterNav a   {font-size: 11px; font-weight: 500; line-height: 10px; color: #e7d6af; text-align: left; text-transform: uppercase; text-decoration: none;}
.txtFooterNav a:hover,.fNavActive{color: #c7ad6d;}
.wrapFooter         {width: 1003px;}
.wrapFooterL        {float: left; padding-top: 90px; width: 670px;}
.wrapFooterR        {float: right; padding-top: 25px; width: 333px;}
.wrapFooterInfo     {float:left;}
.wrapFooterPhone    {float:right; text-align: right; padding-top: 15px;}
/*===============================================*/
/*                  Amenities Page               */
/*===============================================*/
.wrapAmen       {width: 1003px; height: 100%;}
.wrapAmenPageL  {float:left; width: 805px; padding-top: 5px;}
.wrapAmenPageR  {float:right; width: 198px}
.wrapAmentText  {width: 805px;}
.wrapAmenL      {float: left; width:370px; padding-right: 20px; padding-top: 15px;}
.wrapAmenDivider{float: left; width: 25px; padding-top: 15px;}
.wrapAmenR      {float: left; width: 370px; padding-right: 20px; padding-top: 15px;}
#amenities ul		{list-style-type: none;	padding-top: 5px; padding-left: 0px; margin: 0px;}
#amenities li		{padding: 0; margin: 0; background-image: url(images/amenitiesList.png);background-repeat: no-repeat; background-position: 0px 10px; padding-left: 12px;}
.txtDisc			{font-size: 12px; padding-right: 20px;}
.wrapAmenBreadCum   {padding-top: 38px; padding-bottom: 10px;}
/*===============================================*/
/*               Floor List Page                 */
/*===============================================*/
.wrapFloorsHeader   {height: 16px; width: 968px; padding-left: 35px;}
.wrapFloorsCatA     {float: left; width: 488px;}
.wrapFloorsCatC     {float: left; width: 170px;}
.wrapFloorsRotator  {width: 1003px; height: 183px;}
.wrapFloorsRotatorL {float: left; width: 498px; height: 183px;}
.wrapFloorsRotatorR {float: right; width: 505px; height: 183px;}
.wrapFloorsList	    {padding-left: 5px; padding-right: 17px; width: 986px;}
.wrapTxtSelectA     {float: left; padding-left: 40px; width: 453px;}
.wrapTxtSelectC     {float: right; padding-left: 40px; width: 453px;}
.bgFloorsShim	{width: 1003px; top: 183px; background-image: url(images/bgFloorplansShim.png); background-repeat: repeat-y;}
.bgFloors    	{width: 1003px; height: 363px; background-image:url(Images/bgFloorplans.jpg); background-repeat: no-repeat;}
.btnFloors   	{width: 493px; height: 92px; background-image:url(Images/btnFloorplans.png); background-repeat: no-repeat;}
.txtFloorsTitle, .txtFloorsTitle a	{font-size: 14px; font-weight: 600; line-height: 14px; color: #850001; text-align: left; text-transform: uppercase; text-decoration: none;}
.txtFloorsTitle a:hover             {text-decoration: underline;}
/*===============================================*/
/*               Floorplan Detail Page           */
/*===============================================*/
.wrapFloorplanHeader    {height: 16px; width: 968px; padding-left: 35px;}
.bgFloorplan 			{width: 1003px; height: 569px; background-image:url(Images/bgFloorplan.png); background-repeat: no-repeat;}
.txtFloorplanTitle      {font-size: 18px; color: #2a1411; font-weight: 600; text-transform: uppercase; text-align: left; line-height: 20px;}
.txtFloorplanInfo       {font-weight: 500; line-height: 16px; text-transform: uppercase;}
.wrapFloorplanL         {float:left; width: 461px; padding: 15px 20px 10px 32px;}
.wrapFloorplanR         {float: right; width: 490px; text-align: center}
.wrapFloorplanImage     {padding-top:40px; height: 373px;}
.wrapFloorplanNav       {padding: 0px 2px 0px 3px; width:485px;}
.txtFloorplanClick      {color: #ffffff; line-height: 14px; text-transform: uppercase; padding-top: 30px; height: 25px;}
.btnFloorplanL          {float: left; width: 242px; height: 35px; padding-top: 8px; background-image:url(images/btnFloorplan.jpg); background-repeat: no-repeat;}
.btnFloorplanR			{float:right; width: 242px; height: 35px; padding-top: 8px; background-image:url(images/btnFloorplan.jpg); background-repeat: no-repeat;}
.btnDivVertical			{float:left; width: 1px;}
.btnDivHorizontal		{height: 1px;}
.txtFloorplanNav, .txtFloorplanNav a{font-size: 20px; color: #ffffff; text-transform: uppercase; text-decoration: none; line-height: 24px;}
.txtFloorplanNav a:hover	        {color: #840101; text-decoration: none;}
/*===============================================*/
/*                  Photos Page                  */
/*===============================================*/
.wrapPhotos     {width: 963px; padding-left: 40px;}
.txtPhotoCat    {font-size: 18px; font-weight: 600; color: #2a1411; text-transform: uppercase; line-height: 18px; padding-top: 10px; padding-bottom: 5px;}
.txtPhotoCaption{color: #333333; font-size: 12px;}
.photoBorder    {border: solid 3px #d3b574}
/*===============================================*/
/*               Virtual Tours Page              */
/*===============================================*/
.wrapToursText      {width: 963px; padding: 10px 0px 5px 30px;}
.wrapTours			{margin: 42px 219px 0px 219px; width: 565px; height: 200px; border: solid 5px #2a1411; }
.wrapToursNav       {margin: 15px 219px 10px 219px; text-align: center}
.txtTourNav, .txtTourNav a	{color: #333333; text-align: center; text-decoration: none;}
.txtTourNav a:hover 		{text-decoration: underline;}
/*===============================================*/
/*                 Resident Page                 */
/*===============================================*/
.wrapResidentHeader  {height: 10px; width: 1003px; padding-top: 6px;}
.wrapResidentText    {width: 1003px; height: 130px; padding: 10px 0px 0px 30px; background-image:url(Images/residentPicTop.png); background-repeat: no-repeat;}
.wrapResidentOption  {padding: 10px 0px 5px 30px; height: 20px;}
.wrapResidentBody    {padding: 0px 0px 20px 30px; width: 973px;}
.wrapResidentNav     {padding: 0px 30px 20px 30px;}
.wrapResidentNavL    {float: left; width: 345px;}
.wrapResidentNavR    {float: left; width: 373px;}
.txtResident    	 {padding-left: 20px}
.txtResidentNav, .txtResidentNav a{line-height: 35px; color: #333333; text-decoration: none;}
.txtResidentNav a:hover			  {text-decoration: underline;}
.txtResidentBack a	 			  {font-size: 12px; color: #333333; line-height: 12px; text-align: left; text-decoration: none; padding: 0px; margin: 0px;}
.txtResidentBack a:hover	      {text-decoration: underline;}
.wrapCalendar        {float:right; width: 245px; height: 214px; background-image: url(images/residentPicCalendar.png); background-repeat: no-repeat;}
.btnCalendar   		 {width: 245px; height: 53px; background-image:url(Images/btnCalendar.png); background-repeat: no-repeat; cursor: pointer; font-size: 25px; color: #ffffff; line-height: 32px; text-align: center;}
.btnCalendar:hover	 {width: 245px; height: 53px; background-image:url(Images/btnCalendar-over.png); background-repeat: no-repeat; cursor: pointer;}
.txtCalendarS        {font-size: 12px; color: #ffffff; line-height: 12px; text-align: center;}
.txtResidentTitle    {font-size: 18px; font-weight: 600; color: #2a1411; text-transform: capitalize; line-height: 18px; padding-top: 10px; padding-bottom: 20px;}
.wrapResidentForm    {padding: 0px 0px 20px 46px; width: 958px;}
/*===============================================*/
/*                Activities Page                */
/*===============================================*/
.bgActivities	     {width: 1003px; height: 325px; background-image:url(Images/bgActivities.png); background-position: top center; background-repeat: no-repeat;}
/*===============================================*/
/*                   Contact Page                */
/*===============================================*/
.wrapContactMapBg       {margin-top: 8px; width: 1003px; height: 140px; background-image: url(images/bgContactMap.png); background-repeat: no-repeat; position: relative;}
.wrapContactMapMaskIE7  {float: left; width: 1003px; margin: 0 0 0 -474px; position: absolute; z-index: 30;}
.wrapContactMapMask	    {float: left; width: 1003px; margin: 0; position: absolute; z-index: 30;}
.wrapContactMapUnderIE7 {width: 1003px; margin: -140px 0 0 0px; position: relative; z-index: 25; text-align: right;}
.wrapContactMapUnder    {width: 1003px; margin: 2px 0 0 0; position: absolute; z-index: 25; text-align: right;}
.wrapDirection          {float: left; width: 434px; padding-left: 40px; position: relative; z-index: 50;}
.wrapContactMapOverlay  {float: right; width: 514px; height: 138px; padding: 2px 0px 2px 0px; position: relative; z-index: 50;}
.wrapContactBody        {padding: 10px 0px 20px 30px; width: 973px;}
.wrapContactForm		{float: left; width: 435px; border-right: solid 1px #d6c7a1; padding-left: 23px}
.wrapContactLeft        {float: right; width: 514px; padding-top: 5px;}
.wrapContactInfo        {width: 500px; padding-left: 15px; min-height: 111px;}
.wrapContactStaff       {float: left; width: 48%;}
.wrapContactVDiv        {float: left; width: 3%;}
.wrapContactHours		{float: right; width: 49%;}
.wrapContactArea        {width: 500px; height: 100px; background-image: url(images/bgContactArea.png); background-repeat: no-repeat; padding-left: 14px;}
.wrapAreaText           {float: left; width: 50%; padding-top: 30px;}
.wrapAreaMap			{float: right; width: 50%; text-align: center; padding-top: 10px;}
.wrapContactBYU			{width: 500px; height: 101px; background-image: url(images/bgContactBYU1.png); background-repeat: no-repeat; padding-left: 14px; padding-top: 5px;}
.wrapContactLText       {float: left; width: 66%;}
.wrapContactLMap        {float: right; width: 34%;}
.wrapContactUVU			{width: 500px; height: 97px; background-image: url(images/bgContactUVU1.png); background-repeat: no-repeat; padding-left: 14px; padding-top: 5px;}
.txtClick, .txtClick a	{color: #333333; font-size: 12px; text-decoration: none}
.txtClick a:hover		{color: #333333; text-decoration: underline;}
.borderUniversityMap     {border: solid 2px #dacc9e}

.mapBorder   {border: solid 3px #860101}
.divClear    {clear: both;}

a 		{color: #fff; text-decoration: none;}
a:hover	{text-decoration: underline;}
