@import url(navigation.css);
@import url(form.css);

*{margin:0; padding:0px;}
body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
}
img{border:none;}

p, form, .list, td{color:#333; font-size:1em; }
p{margin:0 0 .7em 0; line-height:1.4em;}

.list{margin-left:20px; margin-bottom:10px;}
.list li{margin-bottom:.4em; list-style-type:square;}

.txt-medium{font-size:1.2em;}
.txt-blue{color:#012B5D;}
.txt-green{color:#00A6B5;}
.txt-red{color:red;}

a{color:#00367A;}
a:hover{text-decoration:none;}
a:visited{color:#225FAC;}

a.pdf-icon{ background:url('../images/pdf-icon.gif') no-repeat left top; padding-left:1.5em; font-size:12px; display:block; line-height:1.2em}

.float-right{float:right;}

h1{font-size:1.6em; color:#012B5D; margin-bottom:.6em;}
h2{font-size:1.1em; display:block; margin-bottom:.5em; background:#00A6B5 url(../images/subNav-title.gif) repeat-x top right; color:#FFF;}
h2 span{display:block; background:url(../images/subNav-title-corner.gif) no-repeat top right; padding:.5em;}
h3	{color:#012B5D; margin:.5em 0; font-size:1.2em;}

#container{margin:0 auto; text-align:left; width:770px; position:relative; border:2em solid #DDD; border-top:none; border-bottom:none;}
#header{ background-color:#012B5D; position:relative; height:89px;}
#navigation{background:#05ADBD url(../images/nav-bkgd.gif) repeat-x 0 0; height:43px; margin-bottom:2px; }
#content{margin-top:2.5em;}
#col-left, #col-middle, #col-right{float:left; }
#col-left, #col-middle{margin-right:3.5%;}
#col-left{width:18.5%; }
#col-middle{width:49%;}
#col-right{width:190px;}
#footer{background-color:#00A6B5; height:1em; margin-top:2em; clear:both; padding:.3em .5em;}

.logo{margin:1.1em 2.5em;}
.header-pic{position:absolute; top:0; right:0;}
#col-right img, body.home #col-left img, #col-middle.news img{background-color:#FFF; border:2px solid #DDD; padding:2px;}
.promo{ background:#00A6B5 url(../images/promo-bkgd.gif) repeat-x 0 0; padding:4px;}
.promo p{font-size:.9em; color:#000; line-height:1.2em; }
p.enlarge-pic{font-size:.8em; font-style:italic; background-color:#DDD; padding:2px 4px; margin-bottom:1em; }
#col-right img.enlarge-pic{float:left; padding:.1em .4em .1em .1em; background-color:transparent; border:hidden;}
p.enlarge-pic a{text-decoration:none;}
p.enlarge-pic a:hover{text-decoration:underline;}
img.floorplan{margin-top:.4em;}
span.floorplan { display:block; padding:0 0 1.5em 0; margin-top:-1em; font-size:.9em;}


/* --------------------- */
/* HOME
/* --------------------- */
body.home h1{position:absolute; top:10.25em; left:16.5em; font-size:1.2em;}
.home-pic{background-color:#FFF; padding-bottom:2px; border-bottom:10px solid #05ADBD;}
body.home #content {padding-top:.75em; width:90%; text-align:center; margin:0 auto;}
body.home #col-left, body.home #col-right{border:1px solid #FFF; width:47%; text-align:left;}
body.home #col-left{position:relative; }
body.home #col-left img{margin-left:.7em;}



/* --------------------- */
/* NEWS
/* --------------------- */
#col-middle.news{width:77%; margin-right:0;}
#col-middle.news p{padding-right:30%; display:inherit;}
#col-middle.news p.news-title{padding-right:0; margin-bottom: 10px;}
p.news-title{font-size:1.3em; font-weight:bold; margin:1.2em 0 0 0; padding-top:.7em; border-top:1px dotted #333; }
p.news-title.first{margin-top:0; border:none; padding-top:0;}
p.news-title a{text-decoration:none; margin-bottom: 10px;}
p.news-date{font-size:.9em;}

#news-pic{float:right; width:278px; margin:0 0 1.5em 1.5em; padding:0;}
#col-middle.news #news-pic p{font-size:.8em; font-style:italic; background-color:#DDD; padding:2px 4px; padding-right:0; width:270px; }


/* --------------------- */
/* TABLES
/* --------------------- */
col.col-1{ width:65%;}
table{margin-bottom:.7em;}
td{padding:.1em 2.7em .1em .1em;}



/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}

/*.clearfix {display: inline-block;} */  /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */