/* CSS Document */

/* body */

body {background:#2b291d;}

/* body - home */
body.home #branding h1 {
	background:url(images/gentilly_home_h1.jpg);
	text-indent:-9999px; margin:0; padding:0;}
	
body.home #decoration { 
	position:absolute;
	bottom:30px; left:80px;}	

body.home #content {
	position:absolute;
	text-align:left;
	right:55px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:338px;
	margin:0px;
	padding:0px;
	color:#333;
	float:none;
	background:none;
	top: 360px;
}

body.home #upcoming {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #53b5d7;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin:0px 0px 5px;
	color:#fff;
}
body.home #upcoming a {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	background:none;
	border:none;
	
}
body.home  h6 a {

	text-decoration:none;
	
}
body.home #upcoming a:hover {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	border:none;
	background:none;
	
}

body.home #upcoming p {
	color:#000;
	margin: 0px;
	padding: 0px 0px 8px;
}

body.home #content h1 {
	color:#fff;
	font: "Times New Roman", Times, serif 28px normal;
	margin:0;
padding:.3em 0 .5em 0;
	
}	

body.home h1 a {
	color:#fff;
	font: "Times New Roman", Times, serif 28px normal;
	margin:0;
padding:.3em 0 .5em 0;
text-decoration:none;
	
}	
	
	
body.home #homepage_link {
	
text-align:center;
	margin:0; padding:20px 0 0 30px;
	height:224px; width:293px;
}


body.home #homepage_link a {
display:block;

font:  28px/1.2em "Times New Roman", Times, serif normal;
color:#363637;
	margin:0; padding:0 ;
	height:224px; width:293px;
	border:none; text-decoration:none;
	
}
body.home #homepage_link a:hover {color:#717376;
	
}


#content a {
	color:#006699;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.3em;
	text-decoration:none;
	border-bottom:#006699 1px solid;
}

#content a:hover {
	color:#006699;
	background:#edeae0;
	border-bottom:#999999 1px solid;
}

body.home #content h2  {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	padding:0;
	margin:0;
    line-height: 1.3em;
	text-decoration:none;
}
body.home h6 {color:#FFFFFF; padding:7px 0;}

body.home #content h2 a {text-decoration:none;
	color:#FFFFFF;}

body.home #footer {
color:#CCCCCC;
	border:none;
	position:relative;
	top:30px;
	text-align:right;

}
body.home #footer a {
color:#CCCCCC;
padding:0px 3px;

}
body.home #footer a:hover {
color:#006699;

}


/* body - about pages */

body.aboutgentilly #branding h1 {
	background:#003399 url(images/gentilly_about_h1.jpg);
	text-indent:-9999px;  margin:0; padding:0;}

body.aboutgentilly li#mn_1 {background:url(images/mainnav_on_09.gif) no-repeat 0 0;}


body.hurricane #branding h1 {
	background:#003399 url(images/gentilly_about_h1.jpg);
	text-indent:-9999px;  margin:0; padding:0;}



/* body - residents pages */

body.residents #branding h1 {background:#003399 url(images/gentilly_resident_h1.jpg);
	text-indent:-9999px;  margin:0; padding:0;}
	
body.residents li#mn_2 {background:url(images/mainnav_on_09.gif) no-repeat -136px 0;}

body.residents #subnav {background: url(images/subnav_bkg_res_03.gif)no-repeat bottom right;}


/* body - business pages */

body.business #branding h1 {
	background:#003399 url(images/gentilly_business_h1.jpg);
	text-indent:-9999px;  margin:0; padding:0;}

body.business li#mn_3 {background:url(images/mainnav_on_09.gif) no-repeat -321px  0;}
body.business #subnav {background: url(images/subnav_bkg_biz_02.gif)no-repeat bottom right;}

/* body - GCIA pages */

body.GCIA #branding h1 {
	background:#003399 url(images/gentilly_gcia_h1.jpg);
	text-indent:-9999px;  margin:0; padding:0;}

body.GCIA li#mn_4 {background:url(images/mainnav_on_09.gif) no-repeat -548px  0;}
body.GCIA #subnav {background: url(images/subnav_bkg_GCIA_03.gif)no-repeat bottom right;}




ul {
padding:0;
margin:0;
}


/* Container */

#container {
	position:relative;
	width: 800px;
	margin: 0 auto;
	background:#FFFFFF;
	margin-top: 10px;
	position: relative;
	padding: 50px 0 0 0;
	height: 100%;
	overflow: visible;
}

/* Branding */

#branding {
	text-align: left;
	padding: 0px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	height: 250px;
	width: 700px;
	clear: both;
	position: relative;	
}


#branding h1 a {
	display:block;
	width: 700px;
	height:250px;
	margin:0;
	padding:0;
}

/*-------------------- Navigation--------------------------------------------- */


/* Main Navigation */

ul#main_nav  {
	position:relative;
	padding:0;
	margin: 0 0 0 50px;
	width: 700px;
	height:36px;
	list-style-type:none;
}

ul#main_nav a {
text-indent:-9999px;
display:block;
height:36px;
}
ul#main_nav li {
margin:0; padding:0;
}

li#mn_1 {
	position:absolute;
	top:0;
	left:0;
	background:url(images/mainnav_09.gif) no-repeat 0 0;
	height:36px;
	width:136px;
}

li#mn_2 {
	position:absolute;
	top:0;
	left:136px;
	background:url(images/mainnav_09.gif) no-repeat -136px  0;
	height:36px;
	width:185px;
}

li#mn_3 {
	position:absolute;
	top:0;
	left:321px;
	background:url(images/mainnav_09.gif) no-repeat -321px 0 ;
	height:36px;
	width:227px;
}

li#mn_4 {
	position:absolute;
	top:0;
	left:548px;
	background:url(images/mainnav_09.gif) no-repeat -548px 0 ;
	height:36px;
	width:152px;
	overflow:hidden;
}

li#mn_1 a {width:136px;}
li#mn_2 a {width:185px;}
li#mn_3 a {width:227px;}
li#mn_4 a {width:152px;}

li#mn_1 a:hover {background:url(images/mainnav_on_09.gif) no-repeat 0 0;}
li#mn_2 a:hover {background:url(images/mainnav_on_09.gif) no-repeat -136px 0;}
li#mn_3 a:hover {background:url(images/mainnav_on_09.gif) no-repeat -321px 0;}
li#mn_4 a:hover {background:url(images/mainnav_on_09.gif) no-repeat -548px 0;}



/*-------------------- Sub Navigation--------------------------------------------- */

#subnav {

	width:32%;
	height: 550px;
	margin: 70px 0 0 0;
	padding:0;
	background:url(images/subnav_bkg_03.gif) no-repeat bottom right;
}


#subnav ul {
	position: absolute;
	list-style-type:none;
	padding: 0px;
	width: 224px;
	margin:0px;

}

#subnav li {padding:0px; margin:0p}

#subnav li a {
	text-align: right;
	list-style-type: none;
	padding: 0 25px;
	margin:0px;
	line-height:2em;
	display:block;
	text-decoration:none;
	color:#515153;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #FFFFFF;
}

li#existingbiz a, li#prospectivebiz a {font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}

#subnav li a:hover {
	color:#006699;
	background:#edeae0;
	border-bottom:#999999 1px solid;
}

/*-------------------- Top Navigation--------------------------------------------- */

#hurricane  {
	position: absolute;
	top: -21px;
	right: 12px;
	margin: 0px;
	padding: 0px;

}

#hurricane ul {
	Position: relative;
	margin: 0px;
	padding: 0px;
	height:27px;
	width:338px;
	list-style-type:none;

}


	
#hurricane li a {
text-indent:-9999px;
height:27px;color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 12px;
	display:block;}
	


li#hurricane1 {
	position:absolute;
	top:0;
	left:0;
	background:url(images/hurricane_03.gif) no-repeat 0 0;
	height:27px;
	width:167px;
}

li#hurricane2 {
	position:absolute;
	top:0;
	left:167px;
	background:url(images/hurricane_03.gif) no-repeat -167px  0;
	height:27px;
	width:171px;
	background-image: url(images/hurricane_03.gif);
}

li#hurricane1 a:hover {background:url(images/hurricane_03.gif) no-repeat 0 -27px;}
li#hurricane2 a:hover {background:url(images/hurricane_03.gif) no-repeat -167px -27px;}



/*-------------------- content --------------------------------------------- */

#content {
	float:right;
	width:55%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top: 50px;
	padding-right: 70px;
	padding-bottom: 10px;
	padding-left:0;
	overflow:visible;
	
}
	
#content h1 {
	color:#2b291d;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:30px;
	font-weight: lighter;
	margin:0;
	padding:.3em 0 .7em 0;
}


#content h2 {
	color:#2b291d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	padding:0;
	margin:0;
    line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: .4em;
}

#content h3 {
	color:#2b291d;
	font-family:"Times New Roman", Times, serif;
	font-weight:lighter;
	font-size:25px;
	font-weight: lighter;
	margin:0;
	padding:0.3em 0em .3em;
}



#content h4 {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	padding:0 0 1em;
	margin:0;
	line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 0.4em;
	text-indent: 10px;
}

#content h5 {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:0.7em 0 0em;
}


h6{padding:0px; margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.1em; display:inline;color:#2b291d;}

.date, a.date   {
	color:#FF3300;
	text-decoration:none;
}

.event h2 {text-transform:none;
letter-spacing:normal;}



#content p {
	color:#515153;
	font-family: "lucida grande" Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.3em;
	margin: 0px;
	padding: 0px 0px 1.5em;
}

#content a {
	color:#006699;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.3em;
	text-decoration:none;
	border-bottom:#006699 1px solid;
}

#content a:hover {
	color:#006699;
	background:#edeae0;
	border-bottom:#999999 1px solid;
}

#content ul {
	color:#515153;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.3em;
	margin: 0px;
	padding: 0px 0px 1.5em;
	list-style-position: inside;
}
#content li {
	color:#515153;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px;
	padding: 0px 0px 0.5em 5px;
	list-style-type: circle;
	list-style-position: inside;
}

#content strong {
	color:#515153;
	font: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin: 0px;
}


td {
font-size:10px;
font-family: "lucida grande" Verdana, Arial, Helvetica, sans-serif;
color:#515153;
padding: 5px 10px;
vertical-align:text-top;
color:#333333;
}

td.day {width:25%;}

tr {padding:3px;
border-bottom:1px solid #CCCCCC;
}

/*-------------------- map divs --------------------------------------------- */

#mapkey {
	background:#FFFFFF;
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	position:absolute;
	left: 10px;
	top: 10px;
	border:1px solid #333333;
	

}


#mapkey2 {
	background:#FFFFFF;
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	left: 10px;
	top: 10px;
	border:1px solid #333333;
		position:auto;

}
#map2{
	background:url(images/Gentilly_map_big_03.gif) scroll no-repeat;
	height:1190px;
	left: 227px; top:10px;
	position: absolute;
	width: 1080px;
	z-index: 0;
	padding:0; margin:0;
}

#mapkey p, #mapkey2 p {
	color:#515153;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.1em;
	margin: 0px;
	padding: 0px 0px 1em;
	
}
	
#mapkey h1, #mapkey2 h1 {
	color:#2b291d;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:30px;
	font-weight: lighter;
	margin:0;
	padding:0;
}


#mapkey h2, #mapkey2 h2 {
	color:#2b291d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	padding:5px 0;
	margin:0;
    line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: .2em;
}
#mapkey a, p#mapkey a, #mapkey2 a {
	color:#006699;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.3em;
	text-decoration:none;
	
}

#mapkey a:hover {
	color:#006699;
	background:#edeae0;
	border-bottom:#999999 1px solid;
}


/*-------------------- decoration --------------------------------------------- */

#decoration {
	position:absolute;
	left: 60px;
	top: 50%;
}



/*-------------------- footer --------------------------------------------- */

#footer {
	min-height:15px;
	width:90%;
	text-align:center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin:0 auto;
	vertical-align: middle;
	font:"lucida grande" Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:10px;
	clear:both;
	padding: 10px 0;
		
}
#footer a {
	text-align:center;
	font:"lucida grande" Arial, Helvetica, sans-serif;
	color:#006699;
	text-decoration:none;
	font-size:10px;
	clear:both;
	
		
}
#footer a:hover {
	color:#006699;
	background:#edeae0;
	border-bottom:#999999 1px solid;
	
}



em {color:#990000; font:normal;}



#byline p {
color:#CCCCCC;
	min-height:15px;
	width:90%;
	text-align:center;
	margin:0 auto;
	vertical-align: middle;
	font:"lucida grande" Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:10px;
	clear:both;
	padding: 10px 0;}