/* CSS Document */
/* For Village of Tinley Park - Meeting page*/
/* Prepared by Liberty Creative Solutions (www.libertycreativesolutions.com, 708-633-7450) */
/* Summer 2009 */


	html, body {
		font-family:Arial, Helvetica, sans-serif;
		min-width:900px;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		padding:0;
		color:#000000;
		background-image:url(../images/art_mortar2.jpg);
		background-repeat:repeat-y;
		background-position:center;
		}
		
/* BEGIN layout areas */	

	/*#homepagecontainer {
		position:relative;
		width:900px;
		min-width:900px;
		height:730px;
		margin-left:auto;
		margin-right:auto;
		padding:0;
		z-index:2;
		background-color:#ffffff;
		}
		
	#hometextarea {
		position:absolute;
		width:355px;
		height:252px;
		left:129px;
		top:420px;
		z-index:10;
		}*/
		

	#interiorpagecontainer {
		position:relative;
		width:900px;
		min-width:900px;
		height:730px;
		margin-left:auto;
		margin-right:auto;
		padding:0;
		z-index:2;
		background-color:#9c9c8c;
		background-image:url(../images/art_mbrick_bkgrnd.jpg);
		background-repeat:no-repeat;
		}
		
	/*#visitorheader {
		position:relative;
		width:900px;
		height:287px;
		background-image:url(../images/art_vhead_bkgrnd.jpg);
                z-index:100;
		}
		
	#visitorphoto {
		position:absolute;
		width:354px;
		height:309px;
		left:67px;
		top:310px;
		z-index:75;
		}*/
		
	#meetingheader {
		position:relative;
		width:900px;
                height:296px;
		background-image:url(../images/art_newMeetingHeader.jpg);
                z-index:100;
		}
		
	#meeting_hotspots {
		position:absolute;
		width:819px;
                height:148px;
                left:34px;
                top:100px;
                z-index:100;
		}

		
	#meetingphoto {
		position:absolute;
		width:354px;
		height:309px;
		left:67px;
		top:310px;
		background-image:url(../images/art_mphoto.jpg);
		z-index:75;
		}

        #nav_area {
                position:absolute;
                width:745px;
                height:26px;
                left:84px;
                top:249px;
                z-index:110;
                }
		
	/*#groupheader {
		position:relative;
		width:900px;
		height:287px;
		background-image:url(../images/art_ghead_bkgrnd.jpg);
                z-index:100;
		}
		
	#groupphoto {
		position:absolute;
		width:354px;
		height:309px;
		left:67px;
		top:310px;
		z-index:75;
		}*/
		
	#content {
		position:absolute;
		width:745px;
		min-height:374px;
		left:84px;
		top:296px;
		background-image:url(../images/art_content_bkgrnd.jpg);
		background-repeat:repeat-y;
		border-bottom:#666666 thin solid;
		z-index:10;
		}
		
	#maintextarea {
		position:relative;
		width:374px;
		min-height:360px;
		left:350px;
		margin-top:40px;
		background-image:url(../images/art_mainbkgrndstars.jpg);
		background-repeat:no-repeat;
		margin-bottom:50px;
		z-index:20;
		}
		
	#leadertext {
		position:absolute;
		width:655px;
		height:132px;
		left:135px;
		top:312px;
		color:#ffffff;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		z-index:100;
		padding:0;
		margin:0;  /*s*/
		}

       #footermenu {
                position:relative;
                width:745px;
                height:30px;
                text-align:center;
                color:#CDB257;
                font-weight:bold;
                margin:20px 0 0 0;
                z-index:50;
                }

		
/* END layout areas */	



/* BEGIN text styles */

	p {
		padding:0;
		margin:0;  /*s*/
		}

	.homecopy {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		line-height:18px;
		padding-bottom:40px;
		color:#7B7464;
		}

	.bodycopy {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		line-height:18px;
		padding-left:50px;
		padding-right:40px;
		color:#7B7464;
		}	
		
	.entrycopy {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		line-height:18px;
		color:#7B7464;
		}

/* added to style footer menu */

        #footermenu a {
                font-size:13px;
                color:#CDB257;
                padding:0 40px 0 40px;
                text-decoration:none;
                }

        #footermenu a:hover {
                font-size:13px;
                color:#CDB257;
                padding:0 40px 0 40px;
                text-decoration:underline;
                }

/* added for the HTML image maps */

        img {
	        border:none;
                }



/* Styling for superfish menu for Meetings */

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:39px;			/* changed by LCS from 2.5em to 25px to move submenu block up - match top ul list item height */
	z-index:		99;
}


.sf-menu a.sf-with-ul {
	padding-right:10px; /* changed by LCS to 65 from 2.25em to spread out top menu titles */
        padding-left:15px; /* added by LCS to adjust start of top menu titles */
        padding-top:6px;  /* added by LCS to adjust top align of top menu title */
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}


.sf-menu li li {
         background:#CDB257 none repeat scroll 0 0;
         z-index:100;
         }

.sf-menu ul li {
         padding-left:10px;
         /* width:172px;*/
         width:180px;
         }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
        color:#67695C;  /* added by LCS */
}

a.sf-with-ul {
	 width:110px;
         padding-right:0;
}

li.item91 {
         padding-top:1px;
	 width:100px;
         }

li.item95 {
         padding-top:1px;
	 width:60px;
         margin-left:50px;
         }

li.item98 {
         padding-top:3px;
	 width:180px;
         margin-left:30px;
         }

li.item100 {
         padding-top:3px;
	 margin-left:20px;
         }

li.item99 {
         padding-top:0;
	 width:100px;
         }

li.item101 {
	 width:110px;
         }


li.item101, #current:active {
	 width:110px;
         }


li.item102 {
         padding-top:3px;
	 margin-left:15px;
         }


.sf-menu #current, .first-child, last-child {
	background:#none; /* changed by LCS from #aaa to none */
}

ul.menu {
	margin-left:30px;
}

ul.menu, li#current.parent {
	background:none;
}

ul.menu, li#current.last-child {
	background:none;
}