/* CSS Document */


/* ///////////////////////// 3 item per row list $$$$$$$$$$$$$$ itemlist $$$$$$$$$$$$$$ //////////////////////////// */
/*
<code>
<div id="itemlist">
	<div>
		<ul>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
		</ul>
	</div>
	<div>
		<ul>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
		</ul>
	</div>
	<div>
		<ul>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
		</ul>
	</div>
</div>
</code>
*/
#main #content #singlecontentbody #singlecol table.editable #itemlist, #main #content #singlecontentbody #singlecol table.editable #itemlist #regular	{
		/* border: 1px solid red; */
		}
		
#main #content #singlecontentbody #singlecol table.editable #itemlist ul, #main #content #singlecontentbody #singlecol table.editable #itemlist #regular ul	{
		/* border: 3px solid green; */
		padding: 0;
		margin: 0;
		}

#main #content #singlecontentbody #singlecol table.editable #itemlist ul li, #main #content #singlecontentbody #singlecol table.editable #itemlist #regular ul li 	{
		/* border: 1px solid blue; */
		text-align: center;
		list-style: none;
		list-style-position: inside;
		float: left;
		width: 180px;
		margin: 0 2px;
		}
	
/* For slightly wider & 2 per column option for use in dynamic button javascript */		
#main #content #singlecontentbody #singlecol table.editable #itemlist ul.two li, #main #content #singlecontentbody #singlecol table.editable #itemlist #regular ul.two li	{
		/* border: 1px solid blue; */
		text-align: center;
		list-style: none;
		list-style-position: inside;
		float: left;
		width: 278px;
		margin: 0 2px;
		}
		
#main #content #singlecontentbody #singlecol table.editable #itemlist ul li a:link	{
		}

/* copy this into the header and change the "font-size" to create a page-specific font size. */		
#main #content #singlecontentbody #singlecol table.editable #itemlist ul li a, #main #content #singlecontentbody #singlecol table.editable #itemlist ul li a:hover	{
		border: 1px solid #9999CC;
		background-color: #C5D1E7;
		list-style-image: none;
		font-size: 20pt;
		}	
		
#main #content #singlecontentbody #singlecol table.editable #itemlist #regular ul li a, #main #content #singlecontentbody #singlecol table.editable #itemlist #regular ul li a:hover	{
		border: 1px solid #9999CC;
		background-color: #C5D1E7;
		list-style-image: none;
		font-size: 12pt;
		font-weight: bold;
		}	
		
/* -------------------- 1 item per row *styled*  ---------------------- */	
/* ----------------As found in Town Council Schedule------------------------- */
/* 
<code>
	<div class="itemlist_2">
		<ul>
			<li><a href=""></a>
				<div class="subitem">
					<p><a href=""></a></p>
					<p>|</p>
					<p><a href=""></a></p>
				</div>
			 </li>
			 <li><a href=""></a>
				<div class="subitem">
					<p><a href=""></a></p>
					<p>|</p>
					<p><a href=""></a></p>
				</div>
			 </li>
		</ul>
	</div>
</code>												  
*/													  

#main #content #singlecontentbody #singlecol table.editable div.itemlist_2	{
		/* border: 1px solid red; */
		}
		
#main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul	{
		/* border: 3px solid green; */
		padding: 0;
		margin: 0;
		}

#main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul li	{
		/* border: 1px solid blue; */
		/* border-bottom: 1px dotted #A0A0A4; */
		text-align: center;
		list-style: none;
		list-style-position: inside;
		width: 400px;
		margin: 0 auto;
		padding: 0 0 10px 0;
		}
		
#main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul li #meeting	{
		font-size: 18px;
		}
		
#main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul li a:link	{
		}
		
#main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul li a, #main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul li a:hover	{
		list-style-image: none;
		background-color: transparent;
		color: #4545FF;
		font-weight: bold;
		margin: 0;
		padding: 0;
		}
		
#main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul li a:hover	{
		text-decoration: underline;
		}
		
#main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul li #subitem	{
		width: 107px;
		margin: auto;
		font-size: 10pt;
		}
		
#main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul li #subitem p	{
		float: left;
		width: auto;
		padding: 0;
		margin: 0 2px;
		}
		
#main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul li #subitem p a, #main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul li #subitem a	{
		font-size: 10pt;
		font-weight: normal;
		}	
		
/* ------------------------- 2 item per row --------------------------- */	
/* -------------------------------------------------------------------- */
/*
<Code>	
	<div id="itemlist_3">
		<div id="left_3">
			<ul>
				<li><a href=""></a></li>
				<li><a href=""></a></li>
				<li><a href=""></a></li>
			</ul>
		</div>
		<div id="right_3">
			<ul>
				<li><a href=""></a></li>
				<li><a href=""></a></li>
				<li><a href=""></a></li>
			</ul>
		</div>
	</div>
</CODE>
*/


#main #content #singlecontentbody #singlecol table.editable #itemlist_3	{
		}
		
#main #content #singlecontentbody #singlecol table.editable #itemlist_3 ul	{
		/* border: 3px solid green; */
		padding: 0;
		}
		
#main #content #singlecontentbody #singlecol table.editable #itemlist_3 ul li	{
		list-style: none;
		list-style-image: none;
		list-style-position: inside;
		}
		
#main #content #singlecontentbody #singlecol table.editable #itemlist_3 ul li a, #main #content #singlecontentbody #singlecol table.editable #null ul li a:hover	{
		border: 1px solid #9999CC;
		background-color: #C5D1E7;
		list-style-image: none;
		margin: auto;
		}
		
#main #content #singlecontentbody #singlecol table.editable #itemlist_3 #left_3	{
		float: left;
		width: 275px;
		padding-left: 5px;
		}
		
#main #content #singlecontentbody #singlecol table.editable #itemlist_3 #right_3	{
		float: right;
		width: 275px;
		padding-right: 5px;
		}
		


#main #content #singlecontentbody #singlecol table.editable #null ul li	{
		border: 1px solid blue;
		text-align: center;
		list-style: none;
		list-style-position: inside;
		float: left;
		width: 190px;
		margin: 0 2px;
		}
		
#main #content #singlecontentbody #singlecol table.editable #null ul li a:link	{
		}
		
#main #content #singlecontentbody #singlecol table.editable #null ul li a, #main #content #singlecontentbody #singlecol table.editable #null ul li a:hover	{
		border: 1px solid #9999CC;
		background-color: #C5D1E7;
		list-style-image: none;
		font-size: 20pt;
		}
		
/* ------------------------- 2 row not styled ------------------------- */	
/* -------------------------------------------------------------------- */
/*
<code>
	<div id="nostyle">
		<div>
			<ul>
				<li><a href=""></a></li>
				<li><a href=""></a></li>
				<li><a href=""></a></li>
			</ul>
		</div>
		<div>
			<ul>
				<li><a href=""></a></li>
				<li><a href=""></a></li>
				<li><a href=""></a></li>
			</ul>
		</div>
		<div id="end"></div>
	</div>
</code>
*/
#main #content #singlecontentbody #singlecol table.editable #nostyle	{
		
		}
		
#main #content #singlecontentbody #singlecol table.editable #nostyle div	{
		float: left;
		}
		
#main #content #singlecontentbody #singlecol table.editable #nostyle div ul	{
		padding: 0;
		padding-left: 20px;
		width: 240px;
		margin: 0;
		margin: 10px 15px;
		}
		
#main #content #singlecontentbody #singlecol table.editable #nostyle div ul li	{
		
		}

#main #content #singlecontentbody #singlecol table.editable #nostyle #end	{
		clear: both;
		}