/* CSS Document */

body{ margin:0px; padding:0px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:18px;}

#wrap{ width:987px; margin:auto; position:relative;}
/*header*/
#header{ background:url(../images/header_bkg.png); background-repeat:repeat-x; height:101px; border:1px solid #336699; border-top:none; border-bottom:3px solid #698EB4}
#Trivoli_logo{float:left; width:22%;}
#siteMap{ width:78%; float:left;}
	#toplink{ float:right; padding-top:13px; padding-right:15px;}
#mainNavi{ height:32px; border:1px solid #29537C; background:#336699; }
/*end header*/
#content{ padding-top:16px;}

/*index page*/
#leftContent{ width:187px; border:1px solid #8DA79F; background:#EBF3FB; float:left; height:605px;}
	#headingLeft{ width:177px; height:30px; background:#94BCAB; margin:3px 2px 2px 2px; background-position:left center; background-repeat:no-repeat; padding-left:5px;}
	#detailLeft{ padding:0 10px 0 10px;}
	#detailLeft2{ padding:10px 10px 0 10px;}
#middleContent{ width:350px; margin-left:10px; border:1px solid #DCCCAD; background:#F2ECE1; float:left; height:605px;}
	#midImage{ height:336px;}
	#midContent{ padding:20px 10px 10px 10px; border-top:4px solid #B6A78B;}
#rightContent{ width:422px; float:left; margin-left:10px; /*height:580px;*/}
	#ind_res_head{ border:1px solid #1E83A1;}
	#greyBox{ border:1px solid #BCBCBC; padding:5px; background:#DFDFDF; margin-top:5px;}
	.greyBox{ border-bottom:1px dashed #BCBCBC; padding:15px 10px 5px 5px; line-height:16px;}
	.greyBoxLast{ padding:15px 10px 5px 5px; line-height:16px;}
	/*#right_wrap{margin-top:5px; float:left;}
	#trivoliMap{ width:106px;  padding:10px; float:left; background:#EBF3FB; border:1px solid #8DA79F; }
	#rightDetail{float:left; width:210px; padding:5px 5px 5px 20px;}*/
/*end index*/

/*cortyard page*/
#CourtLeft{ width:755px; float:left; background:url(../images/dot_v.jpg); background-repeat:repeat-x; background-position:bottom; height:560px;}
	#CourtLeftDetail{ width:444px; float:left;}
		#CourtyardHead{}
		#CourtyardMainImg{ padding:10px;}
		#orangeBullet{ width:410px; margin:20px 0px 0px 10px; }
			#orangeBulletTop{ height:17px;}
			#orangeBulletMid{ padding:10px; background:#FDF9EF; border-left:1px solid #F4E0AA; border-right:1px solid #F4E0AA;}
				#orangeBulletMidHead{}
				#orangeBulletMidBulet{ padding:10px; height:90px;}
					#orangeBulletMidLeft{ float:left; width:50%;}
					#orangeBulletMidRight{ float:left; width:50%;}
			#orangeBulletBot{ height:17px; clear:both;}
			
	#CourtMidDetail{ width:311px; float:left; background:url(../images/vert_h.jpg); background-repeat:repeat-y; background-position:left;}
		#CourtMidDetail_top{ padding:55px 15px 15px 15px;}
		#CourtMidDetail_bot{ padding:10px 10px 10px 15px; margin-top:10px; }
			#Greentop{}
			#Greenmid{ padding:10px; border-left:1px solid #ABD169; border-right:1px solid #ABD169; width:258px; background:#F2FBE2;}
			#Greenbot{}

#CourtRight{ width:232px; float:left;}
	#CourtRightContent{ width:210px; padding:10px; border:1px solid #8DA79F; background:#EFF7FA; float:left; }
		#galeryHead{}
		#photogalery{ margin-top:10px;}
			#photogalery_top{ height:8px;}
			#photogalery_mid{ border:1px solid #AEC5D7; width:189px; background:#FFFFFF; border-top:none; border-bottom:none; padding:8px;}
			#photogalery_bot{ height:8px;}
		#mapRow{ padding-top:15px; margin-left:10px; }
	
/*lake club page*/

/*left and right portions taken from courtyard page
gallery also taken from courtyard page
*/
#lake_ident{ float:left; width:371px; padding:0px 20px 20px 0px; background:url(../images/vert_h.jpg); background-repeat:repeat-y; background-position:right;}
#lake_features{ float:left; width:317px; padding:20px 20px 0 15px;}
#lake_distance{ clear:both; padding:16px 0 16px 0; background:url(../images/dot_v.jpg); background-repeat:repeat-x; background-position:top;}
	#lake_distance_img{ float:left; width:240px;}
	#lake_distance_det{ padding:10px; float:left; width:495px;}
		#lake_disHead{ padding-bottom:10px;}
		#lake_disHead_left{ float:left; width:200px; padding-right:5px;}
		#lake_disHead_right{float:left; width:270px;}


/*springs page*/
#SpringMidDetail_bot{ padding:0px 10px 10px 15px; margin-top:0px; }
#SpringMidDetail_top{ padding:0px 15px 15px 15px;}

/*terrance page*/
#TeranceMidDetail_top{ padding:15px 15px 15px 15px;}
	/*for the small orange box*/
#TerranceOrgMid{ padding:10px; border-left:1px solid #D2C18D; border-right:1px solid #D2C18D; width:258px; background:#FDF9EF;}
	#TerranceRightContent{ width:210px; padding:10px; border:1px solid #8DA79F; background:#EFF7FA; float:left; height:550px;}

/*contact us page*/
#contactHead{}
#ContactForm{}
#contactRightContent {width:310px; padding:10px; float:left; height:550px;}
#ContactLeft{ width:655px; float:left; background:url(../images/vert_h.jpg); background-repeat:repeat-y; background-position:right; height:560px;}
#contactTable{padding:30px 50px 26px 50px; width:500px; border:2px solid #CCDCED; background:#F5FAFF; margin-top:20px;}
	#InnercontactTable{border:1px solid #CCDCED; border-top:none; background:#EAF4FE; margin-top:0px; padding:29px;}
	#contact_online{ position:absolute; top:323px; left:80px; border:1px solid #CCDCED; background:#5B87B4; width:200px; height:21px; padding:2px 10px 2px 10px;}

/*for the contact us page*/
		.ContactButCover{height:27px; width:500px;}
		.ContactButLeft{ background:url(../images/work_button.jpg); background-repeat:no-repeat; width:154px; height:24px;  float:left; padding-left:40px; padding-top:3px;}
		.ContactButBk{border-top:1px solid #CCDCED; border-right:1px solid #CCDCED;background:#EAF4FE; width:305px; height:19px; float:left; margin-top:7px;}
		
/*amentities page*/

#AmenleftContent{ width:145px; padding:10px; border:1px solid #8DA79F; background:#EBF3FB; float:left; height:470px; margin-left:20px;}
#AmenmiddleContent{ width:482px; padding:20px 20px 20px 50px; margin-left:25px; border:1px solid #DCCCAD; background:#FDF9EF; float:left; height:450px;}
#AmenrightContent{ width:140px; padding:10px; float:left; margin-left:25px; height:470px; border:1px solid #8DA79F; background:#EBF3FB; margin-right:20px;}

/*local page*/

#local_Left{ width:755px; float:left; }


/*work order page*/
#WorkLeft{}
#Work_orderheading{ }
#main_form{ padding:26px 66px 26px 66px; width:684px; border:2px solid #CCDCED; background:#F5FAFF;}

#work_order1st{}


#heading2_or{ position:absolute; top:534px; left:97px; border:1px solid #CCDCED; background:#5B87B4; width:141px; height:21px; padding:2px 10px 2px 10px;}
	.buttonCover{height:27px; width:684px;}
		.buttonLeft{ background:url(../images/work_button.jpg); background-repeat:no-repeat; width:154px; height:24px;  float:left; padding-left:40px; padding-top:3px;}
		.buttonBotBk{border-top:1px solid #CCDCED; border-right:1px solid #CCDCED;background:#EAF4FE; width:489px; height:19px; float:left; margin-top:7px;}
		
		

	
	#work_order2nd{ border:1px solid #CCDCED; border-top:none;  background:#EAF4FE; margin-top:0px; padding:29px;}

#heading3_or{ position:absolute; top:722px; left:100px; border:1px solid #CCDCED; background:#5B87B4; width:141px; height:21px; padding:2px 10px 2px 10px;}

#heading4_or{ position:absolute; top:855px; left:100px; border:1px solid #CCDCED; background:#5B87B4; width:141px; height:21px; padding:2px 10px 2px 10px;}

#work_order3rd{ margin-top:30px; }

/*location page*/
#mapLeft{ width:750px; float:left; }
	#map{ margin:10px; border:2px solid #999999; height:422px;}
		#mapinsideTop{}
		#mapinsideleft{ float:left;}
		#mapinsideMid{ float:left;}
			#location_05{}
			#TrivoliParkZoomBot{}
		#mapinsideRight{ float:left;}
#mapRight{ width:237px; float:left; }
	#map_blueBox{ margin:10px 5px 5px 5px; background:#EBF3FB; border:1px solid #8DA79F;}
		#mapheading{ margin:2px; height:20px; background:#94BCAB; padding:3px;}
		#mapBlueDeta{padding:0 8px 8px 8px;}
		
		#mapheading2{ margin:10px 2px 2px 2px; height:20px; background:#94BCAB; padding:3px;}
		#mapBlueDeta2{padding:10px 8px 8px 8px;}

/*site map*/
	#siteCont{background:#EBF3FB; border:1px solid #EFEFEF; padding:50px 30px 50px 30px;}
		#whiteTable{ padding:15px; background:#FFFFFF;}
/*footer*/
#footer{ margin-top:20px; padding-top:20px; height:20px; clear:both;}


/*styles*/


/*select box style*/
/*span.select {
position: absolute;
width: 210px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
/*height: 21px;
padding: 0 24px 0 8px;
color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background: url(../images/select_big.jpg) no-repeat;
overflow: hidden;
}*/

#siteCont ul li { padding:5px;}

a.topLink{ font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
a.topLink:hover{ font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none;}


/* for main navigation i have used 3 styles. for home and contact 02 styles and for the middle 1s 1 style*/
a.mainNavi{font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; background:#336699; text-decoration:none; float:left; border-right:1px solid #29537C; height:15px; text-align:center; padding:8px 8px 8px 8px; font-weight:bold;}
a.mainNavi:hover{font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:#ffffff; text-decoration:none; float:left; font-weight:bold; height:15px; /*padding:8px 18px 8px 18px;*/}

a.mainNaviContact{font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; background:#336699; text-decoration:none; float:left; height:15px; text-align:center; padding:8px 35px 8px 8px; font-weight:bold; }
a.mainNaviContact:hover{font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:#ffffff; text-decoration:none; float:left; font-weight:bold; height:15px; padding:8px 35px 8px 8px;}

a.mainNaviHome{font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; background:#336699; text-decoration:none; float:left; border-right:1px solid #29537C; height:15px; text-align:center; padding:8px 8px 8px 30px; font-weight:bold;}
a.mainNaviHome:hover{font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background:#ffffff; text-decoration:none; float:left; font-weight:bold; height:15px; padding:8px 8px 8px 30px;}

/*******************/

a.FooterLink, a.FooterLink:visited, a.FooterLink:active{font-size: 11px; color: #666666; text-decoration: underline;}
a.FooterLink:hover{font-size: 11px; color: #000000; text-decoration: underline;}

a.Cenango, a.Cenango:visited, a.Cenango:active{font-size: 11px; color: #666666; text-decoration: underline; font-weight:bold;}
a.Cenango:hover{font-size: 11px; color: #000000; text-decoration: underline; font-weight:bold;}


a.BlueLink{font-size: 11px;	color: #336699; font-weight:normal;}
a.BlueLink:hover, a.BlueLink:visited, a.BlueLink:active  {font-size: 11px; color: #000000; font-weight:normal;}

a.BlueLinkPad, a.BlueLinkPad:active{font-size: 11px;	color: #336699; font-weight:normal; margin-top:8px; display:block;}
a.BlueLinkPad:hover, a.BlueLinkPad:visited   {font-size: 11px; color: #000000; font-weight:normal; margin-top:8px; display:block;}

a.BlueLargeLink, a.BlueLargeLink:active{font-size: 13px;	color: #336699; font-weight:normal;}
a.BlueLargeLink:hover, a.BlueLargeLink:visited   {font-size: 13px; color: #000000; font-weight:normal;}

.headingText{ font-size:14px; color:#FFFFFF; font-weight:bold; text-transform:uppercase;}

/*image borders*/
.GreenImageBorder{ border:2px solid #8DA79F;}
.grey2imgborder{border:2px solid #C0C0C0;}
.WhiteImgBorder{ border:2px solid #FFFFFF; margin-right:10px; float:left;}
.BlueImgBorder{ border:1px solid #A1BBD5; }
.BlueThickImgBorder{ border:2px solid #A1BBD5; }
/*************/


.whiteText{font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px; font-weight:bold;}

.MidBluetext{ font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#456584; font-size:12px; }

.DarkBluetext{ font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#456584; font-size:16px; font-weight:bold;}

.Workbutton{ border:1px solid #8A95A1; background:#1F4B78; padding:2px 6px 2px 6px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px; font-weight:bold;}

.LightBluetext{ font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#456584; font-size:14px;}
.SmallBluetext{ font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#456584; font-size:10px;}

.Largetext{ font-family:Thahoma, Verdana, Arial, Helvetica, sans-serif; font-size:28px; color:#00386F; font-weight:bold;}
.textbox{ border:1px solid #CCDCED; background:#ffffff; padding:2px;}
/*select{ border:1px solid #CCDCED; padding:2px; background: #ffffff ;}*/

.button{ border:1px solid #FFAD3E; background:#FFDBAA; padding:3px; font-family:Thahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}

.boldText{ font-weight:bold;}
p{ margin:0px; padding:0px;}
#leftContent br {line-height:10px;}

.bulletText{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; display:block; background:url(../images/bullet/bullet.gif); background-repeat:no-repeat; background-position:top left; padding-left:15px; margin-top:10px; line-height:20px;}
.BrownText{	color: #6F502C; font-size: 14px; font-weight:bold;}

a.BrownTextLink{color: #6F502C; font-size: 12px; font-weight:bold; text-decoration:none;}
a.BrownTextLink:hover{color: #000000; font-size: 12px; font-weight:bold; text-decoration:none;}

a.OrangeTextLink{color: #FF8A00; font-size: 12px; font-weight:bold; text-decoration:none;}
a.OrangeTextLink:hover{color: #000000; font-size: 12px; font-weight:bold; text-decoration:none;}

a.LightBlueLink{color: #80B0E0; font-size: 12px; font-weight:bold;}
a.LightBlueLink:hover{color: #000000; font-size: 12px; font-weight:bold;}

a.Brownlink{color: #6F502C; font-size: 11px;}
a.Brownlink:hover{color: #000000; font-size: 11px;}

.BlackArial{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
.BlackArialSmall{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}

.OrangeBulet{ background:url(../images/bullet/orange_bulet.jpg); background-repeat:no-repeat; padding-left:20px; background-position:left center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:25px;}

.OrangeBuletLarge{ background:url(../images/bullet/orange_bulet.jpg); background-repeat:no-repeat; padding-left:20px; background-position:left center; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000; line-height:35px;}

.GreenBulet{ background:url(../images/bullet/green-bulet.jpg); background-repeat:no-repeat; padding-left:20px; background-position:left center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:25px;}

.BlueBulet{ background:url(../images/bullet/blue_bulet.jpg); background-repeat:no-repeat; padding-left:20px; background-position:left center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#393939; line-height:25px; display:block;}

.AshBulet{ background:url(../images/bullet/ash_bulet.jpg); background-repeat:no-repeat; padding-left:20px; background-position:left center; font-family:Thahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#393939; line-height:25px; display:block;}

.BlackThahomaText{ font-family:Thahoma, Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 15px;}
.BlackThahomaSmall{ font-family:Thahoma, Verdana, Arial, Helvetica, sans-serif; color: #606060; font-size: 12px;}
.GreenThahomaSmall{ font-family:Thahoma, Verdana, Arial, Helvetica, sans-serif; color: #336600; font-size: 12px;}

.OrangeBulet2{ background:url(../images/bullet/orange_bulet.jpg); background-repeat:no-repeat; padding-left:20px; background-position:left center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; line-height:20px;}

.floatLeftSigns{ padding:10px;}
.floatWithGray{ float:left; padding:3px; border:1px solid #CCCCCC; margin-right:10px;}

/*nifty borders*/
/*div.news{width: 250px;margin-bottom: 20px }*/
/*h3{font-size: 100%;margin:0;padding: 0 0 3px;background: #FFC5FF;color: #000;text-align: center}
p{background: #F0F0E7;margin:0;padding: 5px 10px;line-height: 1.3;text-align: justify}*/


/*end nifty borders*/

.redcolorText{ont-family:Arial, Helvetica, sans-serif; font-size:12px; color:#990000;}