@charset "UTF-8";
/* CSS Document */

body {
height:auto;
width:881px;
margin:0 auto;
background:url('images/body_bg.gif') repeat-x left;
background-color:#85c1df;
background-attachment:fixed;
background-position:top;
text-align:center;
color:#424242;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

img, div { behavior: url(iepngfix.htc) }

a,a:link,a:visited {
color: #02679a;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

h1 {
color:#02679a;
font-size:24px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:15px;
border-bottom:1px solid #e2c629;
}
h2 { color: #c90; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0.83em 0; }
#wrapper {
width:881px;
height:auto;
text-align:center;
margin:0;
background-color:transparent;
}

#header {
float: left;
width: 881px;
height: 139px;
margin:10px 0;
background-color:transparent;
z-index:-100;
}
#agmheaderleft {float: left; width: 543px;}
#agmheader { width: 338px; height: 139px; float: right;  }
#agmheader embed {z-index: 100;}
#home_flash {
	width: 271px;
	height: 347px;
	}	
#main {
float:left;
width:881px;
height:auto;
text-align:center;
}

#left {
float:left;
width:181px;
height:auto;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
padding-top: 4px;
}

#right {
float:right;
clear:none;
width:692px;
height:auto;
text-align:left;
margin:0;
padding:0;
}

#top_menu {
float:left;
width:101%;
height:49px;
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
padding-bottom:5px;
}

#content {
float:left;
width:682px;
height:auto;
background:url('images/main_mid_bg.png') repeat-y top;
padding-left:10px;
}

#content_inside {
float:left;
width:642px;
height:auto;
padding:15px;
background:url('images/content_bg.png') repeat-x left;
background-attachment:scroll;
background-position:bottom;
background-color:#fff;
min-height: 501px;
}

#home_left {
float:left;
width:340px;
}

#home_flash {
float:right;
width:271px;
height:347px;
padding-left:15px;
background-color: transparent;
}

#home_right {
	float:right;
	clear:none;
	width:260px;
	background-color:white;
	height:auto;
	margin-top:60px;
	padding-left:15px;
	border: 1px #e2c629 solid;
}

#footer {
float:left;
width:669px;
height:auto;
text-align:left;
padding:20px 0px 20px 191px;
color:#fff;
font-size:11px;
}

/* Hide border from images in the Photos and Map/Directions sections of property pages */
#photos img, #map img { border:none; }

.propPageDiv {
	float:left;
	clear:both;
	height:auto;
	width:642px;
}
.propPageDiv h2 {
    *display: inline-block;
	*width: 645px;
}
#amenities p {
    *margin-top:10px;
}
#amenities-list p {
    *width:620px;    
}
.propPageDiv li {
	*width: 600px;
    *display: inline-block;
}
.propPageDir {
	float:right;
	clear:none;
	width:400px;
	margin:0;
	padding-top:0;
	padding-left:20px;
}
#propPageDir {
	float:right;
	clear:none;
	width:400px;
	margin:0;
	padding-top:0;
	padding-left:20px;
}

.sidebarmenu {
width:179px;
padding:0;
margin:0;
background-color:transparent;
border:0;
}

.sidebarmenu ul{
border-top:0;
border-left:1px solid #e2c629;
border-bottom:0;
border-right:1px solid #e2c629;
background-color:#606060;
margin: 0;
padding: 0;
list-style-type: none;
width: 179px; /* Main Menu Item widths */
}

.sidebarmenu li { position: relative;}
.sidebarmenu li img { position: absolute;top: 0;left: -6px;}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #e2c629;
text-decoration: none;
margin:0;
padding:4px 0 4px 18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border:0;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: transparent; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:hover{
background:url('images/sidebar_square.gif') no-repeat left;
background-color: #424242;
color:#e2c629;
}

.sidebarmenu ul li a:visited{
color:#e2c629;
text-decoration:none;
}
.sidebarmenu ul li.side_title, .sidebarmenu ul li.side_title a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#FFF;
padding:4px 6px 4px 15px;
}

.sidebarmenu ul li.side_title a:hover{
background-image: none;
background-color: #424242;
}

.sidebarmenu ul li.side_title {
padding:8px 0 6px 0px;
border-bottom:1px solid #e2c629;
width:179px;
}

.side_title_large {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#FFF;
padding:6px 0 10px 6px;
border-bottom:1px solid #e2c629;
width:173px;
}

.side_title_sub{
text-decoration:underline;
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding-left:10px;
padding-top:5px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.yellowtabs{
/*width: 100%;*/
overflow: hidden; border:0;  /*bottom horizontal line that runs beneath tabs*/
}

.yellowtabs ul{
margin: 0;
padding: 0;
/*padding-left: 10px; offset of tabs relative to browser left edge*/
font: normal 9px Verdana;
list-style-type: none;
}

.yellowtabs li{
display: inline;
margin: 0;
}

.yellowtabs li a{
float: left;
font-size: 12px;
font-weight: bold;
display: block;
text-decoration: none;
margin: 0;
padding: 3px 7px; /*padding inside each tab*/
border-right: solid 1px white; /*right divider between tabs*/
border-bottom: solid 1px white;
color: #424242;
background: #e2c629; /*background of tabs (default state)*/
}

.yellowtabs li a:visited{
color: #424242;
}

.yellowtabs li a:hover, .yellowtabs li.selected a{
background: white; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#military-ribbon {position: absolute;border: 0;left:50%;top: 11px;z-index: 75;width: 198px;height: 127px;display: block;margin:0 0 0 -100px}
#military-ribbon img {border: 0;z-index: 9999;width: 198px;height:127px;display: block;  }

#holiday-ribbon {position: absolute;border: 0;left:50%;top: 11px;z-index: 9999;width: 453px;height: 83px;display: block;margin:0 0 0 -255px;}
#holiday-ribbon img {border: 0;z-index: 9999;width: 453px;height:83px;display: block;  }

#blueribbon {
	position: relative;
	float: right;
	top: -3px;
	left: 27px;
}
_* #blueribbon { top: 30px; }
#areamap {width: 470px;height: 431px;display: block;background: url(../images/areamap.jpg) no-repeat 0 0;float: left;position: relative;overflow: visible;}
.blue {color: #265482 !important;}
.map-community {width: 290px;height: 167px;background: url(../images/map-community.png) no-repeat 0 0;padding: 18px 17px 0 20px;display: none;}
.map-community img {float: left;margin: 0 10px 10px 0;border: none !important;}
.mapstar {position: absolute;width: 20px;height: 20px;display: block;top: 100px;left: 150px;cursor: pointer;}
#areamap p {padding: 0 !important;margin: 0 !important;}
#bayhills {position: absolute;top: -70px;left: -218px;}
#colonial {position: absolute;top: -66px;left: -120px;}
#fox {position: absolute;top: -125px;left: -48px;}
#oak {position: absolute;top: -182px;left: 100px;}
#severn {position: absolute;top: -61px;left: 13px;}
#south {position: absolute;top: 92px;left: -82px;}
#stage {position: absolute;top: 107px;left: -77px;}
#chapel {position: absolute;top: 53px;left: -56px;}
#north {position: absolute;top: 55px;left: -55px;}
#over {position: absolute;top: 69px;left: -56px;}
#park {position: absolute;top: 88px;left: -51px;}
#plum {position: absolute;top: 168px;left: 28px;}

#star-plum {position: absolute;top: 116px;left: 67px;}
#star-over {position: absolute;top: 120px;left: 165px;}
#star-north {position: absolute;top: 64px;left: 238px;}
#star-chapel {position: absolute;top: 0;left: 383px;}
#star-park {position: absolute;top: 125px;left: 297px;}
#star-severn {position: absolute;top: 267px;left: 202px;}
#star-south {position: absolute;top: 286px;left: 207px;}
#star-stage {position: absolute;top: 232px;left: 230px;}
#star-fox {position: absolute;top: 285px;left: 230px;}
#star-oak {position: absolute;top: 250px;left: 228px;}
#star-colonial {position: absolute;top: 267px;left: 237px;}
#star-bayhills {position: absolute;top: 343px;left: 311px;}

#areamap-list {float: left;width: 160px;margin: 0 0 0 4px;}
#areamap-list a {float: left;clear: left;text-decoration: none;color: #444;font-weight: normal;cursor: pointer;z-index: 9999;height: 17px;white-space: nowrap;}
#maplist-bayhills {padding: 5px 5px 5px 30px;background: url(../images/12.png) no-repeat 0 0;}
#maplist-colonial {padding: 5px 5px 5px 30px;background: url(../images/11.png) no-repeat 0 0;}
#maplist-fox {padding: 5px 5px 5px 30px;background: url(../images/9.png) no-repeat 0 0;}
#maplist-oak {padding: 5px 5px 5px 30px;background: url(../images/10.png) no-repeat 0 0;}
#maplist-severn {padding: 5px 5px 5px 30px;background: url(../images/6.png) no-repeat 0 0;}
#maplist-south {padding: 5px 5px 5px 30px;background: url(../images/7.png) no-repeat 0 0;}
#maplist-stage {padding: 5px 5px 5px 30px;background: url(../images/8.png) no-repeat 0 0;}
#maplist-chapel {padding: 5px 5px 5px 30px;background: url(../images/4.png) no-repeat 0 0;}
#maplist-north {padding: 5px 5px 5px 30px;background: url(../images/3.png) no-repeat 0 0;}
#maplist-over {padding: 5px 5px 5px 30px;background: url(../images/2.png) no-repeat 0 0;}
#maplist-park {padding: 5px 5px 5px 30px;background: url(../images/5.png) no-repeat 0 0;}
#maplist-plum {padding: 5px 5px 5px 30px;background: url(../images/1.png) no-repeat 0 0;}

.qtip-contentWrapper {display: block !important;}
.qtip-contentWrapper {background:transparent !important;}
.qtip-contentWrapper {background: url(../images/map-community.png) no-repeat 0 0 !important;}
*.qtip-contentWrapper {background: url(../images/map-community.gif) no-repeat 0 0 !important;}

.qtip-content {width: 300px !important;}
.qtip-content img {float: left;margin: 0 10px 10px 0;border: none !important;}
.qtip-content p {width: 130px;padding: 0;margin: 0;float: left;}

.mapstar {z-index: 9999 !important;}

.qtip-wrapper {position: absolute;top: 10px;left: 33px;}

.newnav {background:url(../images/newnav.gif) repeat-x 0 0;width:642px;height:38px;display:block;margin: 0;padding: 0;clear: both;}
.newnav li {display: inline;float: left;margin: 12px 13px;}
.newnav li a {font-family: Arial;color: #000;text-decoration: none;font-size: 14px;}
.newnav li a:hover {font-family: Arial;color: #d98b1c;text-decoration: none;font-size: 14px;}

.comm-img {float: left;margin: 13px 10px 10px 0;}


.comm-phone {font-family: Arial;font-size: 16px;font-weight: bold;color: #000;margin-top: 0;padding-left: 35px;background:url(http://aandgmanagement.com/images/phone_btn.jpg) no-repeat 47px 1px;height: 32px;margin-bottom: 0;padding-top: 5px;}
.comm-email, .comm-apply {margin-top: 0;background:none;height: 46px;width:46px;float: none;margin: 0;padding:0;}

.apply-tip { visibility: hidden; background: #000; color: #fff; }
.comm-apply:hover .apply-tip { visibility: visible; }

a.info{
    position:relative; /*this is the key*/
    z-index:23;
    color:#000;
    text-decoration:none;
    border: none;}

a.info img { z-index: 1; }

a.info:hover { z-index:25; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-45px; left:-10px; width:70px;
    *top:-10px; *left:-14px; *width:80px;
    text-align: center;
    background: #23408f; color:#fff;
    font-size: 9px;
    padding: 2px 3px;
    *padding: 2px 4px;}
    
    
/*    
.comm-phone {font-family: Arial;font-size: 16px;font-weight: bold;color: #000;margin-top: 0;padding-left: 35px;background:url(../images/comm-phone.gif) no-repeat 0 0;height: 32px;margin-bottom: 0;padding-top: 5px;}
.comm-email {font-family: Arial;font-size: 16px;font-weight: bold;color: #000;margin-top: 0;padding-left: 35px;background:url(../images/comm-email.gif) no-repeat 0 0;height: 20px;padding-top: 3px;margin-bottom: 0;float: left;margin-right: 15px;}
.comm-email a {text-decoration: none;color: #000;} */

#comm-fp {margin: 0;padding: 0;}
#comm-fp {
	*float:left;
	*clear:both;
}

#comm-fp .lev1 {width: 615px;margin: 0;padding: 15px;display: list-item;float: left;clear: both;list-style: none outside;}
#comm-fp .special {border: 1px solid #FF0000;width: 613px; 
	margin:0 0 10px 1px; position: relative; 
	/* The above line MUST stay in for the Pricing specials to be properly positioned on the comminyt pages */
	}
#comm-fp .lev1 ul {margin: 0;padding: 0;}
#comm-fp .lev1 ul li {display: inline;float: left;
	zoom:1;*display:inline-block;
}
#comm-fp .lev1 ul {
	*width:90%;
	*border:solid 1px blue;
}

#comm-fp .thumb {text-align: center;float: left;}
#comm-fp .thumb img {border: none;}
#comm-fp .inner-all {width: 350px;float: left;
	zoom:1;*display:inline;
}
#comm-fp .title {font-family: Arial;color: #000;font-size: 15px;line-height: 15px;font-weight: bold;}
#comm-fp .enlarge {font-family: Arial;color: #000;font-size: 13px;line-height: 13px;padding: 7px 0 7px 24px;background: url(images/enlarge.gif) no-repeat 0 0;float: left;clear: left;margin: 10px 20px 0 0;}
#comm-fp .print {font-family: Arial;color: #000;font-size: 13px;line-height: 13px;padding: 7px 0 7px 34px;background: url(images/print.gif) no-repeat 0 0;float: left;margin: 10px 20px 0 0;}
#comm-fp .price {font-family: Arial;color: #000;font-size: 15px;line-height: 15px;float: right !important;font-weight: bold;}
.promo-text {width: 645px;margin: 0;text-align: center;font-family: Arial;font-size: 14px;font-weight: bold;color: #fff;background: #FF0000;line-height: 14px;padding: 3px 0 4px 0;clear: both;}
.print-container {width: 198px;float: left;}


.community {float: left;overflow: hidden;background-color:#E2C629;width: 278px;margin:10px; padding:10px;border: 1px solid #999999;position: relative; height:80px;}
.community .community_thumb {width: 80px;height: 60px; border:1px solid #fff;float: left;margin: 0 13px 10px 0;}
.community p {margin: 0;padding: 0 0 4px 0;font-size: 13px;}
.community p.community_name {padding: 2px 0 8px 0;}
.community p.community_rate {padding: 0;}
.special {position: absolute;top: -1px;left: -1px;}

.community .community_star {width: 26px; height:25px;float: left;margin-right: 3px;}

#googlemap {
    border: 1px solid #999;
    display: block;
    height: 300px;
    width: 618px;
	margin:0 10px 5px 10px;
}

#googlemap_small {
    border: 1px solid #999;
    display: block;
    height: 298px;
    width: 298px;
}

#map_placeholder {
	width:290px;
	height:290px;
}

#googlemap a.google_thumb, #googlemap_small a.google_thumb {
	width:70px;
	height:70px;
	display:inline-block;
	border:solid 2px #ddb426;
	float:left;
	margin-right:10px;
	overflow:hidden;
	background-position:left top;
	background-repeat:no-repeat;
}

#googlemap p.learn_more, #googlemap_small p.learn_more {
	font-size:.8em;
}



#form_container {
font-size: .9em;
}

#form_container #applicant1, #form_container #applicant2, #form_container #pet_info {
border:1px solid #000;
margin: 10px 0;
padding: 0 0 5px 0;
overflow: hidden;
}

.disclaimer {
border:3px solid #000;
margin: 10px 0;
padding: 5px;
font-size: .8em;
}
.disclaimer p{
margin: 0;
}

#form_container #occupants {
margin-bottom: 10px;
}

#form_container .form_heading {
width: 130px;
background-color: #000;
color: #fff;
padding: 5px;
display: inline-block;
text-align: center;
margin-right: 5px;
float: left;
}

#form_container .form_heading_questions {
padding: 5px;
display: inline-block;
}

#form_container .form_element {
float: left;
padding:5px 5px 0 5px;
overflow: hidden;
}

#form_container .form_element input.xlarge {
width:300px;
}

#form_container .form_element input.large {
width:170px;
}

#form_container .form_element input.medium {
width: 115px;
}

#form_container .form_element input.small {
width: 90px;
}

#form_container .form_element input.xsmall {
width: 38px;
}

#form_container .form_element input.checkbox {
padding: 0;
margin: 0;
}

#form_container .left {
width: 320px;
display: inline-block;
margin: 0;
overflow: hidden;
float: left;
}

#form_container .right {
width: 320px;
display: inline-block;
margin: 0;
overflow: hidden;
float: right;
}
#form_container .full_width {
width: 640px;
display: inline-block;
margin: 0;
overflow: hidden;
float: left;
}

#form_container .form_heading h4 {
padding: 0;
margin: 0;
font-size: 14px;
}

.clr {
clear: both;
}
