/* Generic Style Sheet -

* Attached: 
* Town Council

This style sheet has information on general formatting for the pages above.
Also contains styles for image formatting and list item formatting.

*/



/* --- Positioning Styles --- */
						
.left	{
float: left;
}
								
.right	{
float: right;
}
										
.center	{
text-align: center;
margin: auto;
}

/* --- Sectional Styles --- */
						
#singlecol p.header {
font-size: 120%;
padding: .4em 0;
margin: 0 auto;
width: 500px;
text-align: center;
font-weight: bold;
border-bottom: 1px solid #ABABAB;
}
								
#singlecol p.header_Bold	{
font-weight: bold;
letter-spacing: normal;
font-size: 110%;
}


/* ---- Not Visible Commands (To End User) ---- */
			
#singlecol img.border	{
/* width: expression(document.body.currentStyle > 490? "490px": "auto" );
max-width: 490px; */
border-top: 1px solid #D7DBFD;
border-left: 1px solid #D7DBFD;
border-right: 2px double #C7D5E1;
border-bottom: 2px double #C7D5E1;
padding: 4px;
margin: 15px;
}
								
#main #singlecol table.linktemplate	{
padding: 0;
margin: 0;
}
								
#main #singlecol table.linktemplate td	{
background-color: #4E6389;
}
										
#main #singlecol table.linktemplate td.white	{
background-color: #FFFFFF
}
								
#singlecol table.linktemplate img.plain	{
border: none;
padding: 0;
margin: 0;
}
										
#singlecol .indent	{
text-indent: 10px;
}

										
/* -------------- Departmental Navigation Bar -------------- */
#deptnav	{
width: 596px;
margin: 3px 0 0 0;
padding: 0;
background-image: url();
background-repeat: no-repeat;
background-position: top center;
}
										
										
/* -------------- Bottom Navigation Bar -------------- */		
			
#main #content #singlecontentbody #bottomnav, #main #content #doublecontentbody #bottomnav	{
width: 579px;
margin: 0 0 5px 5px;
padding: 0;
height: 16px;
font-size: 11px;
background-color: #C5D1E7;
text-align: center;
clear:both;
border: 1px solid #9999CC;
}
										
#main #content #doublecontentbody #bottomnav	{
}
										
#main #content #singlecontentbody #bottomnav ul, #main #content #doublecontentbody #bottomnav ul {
margin: 0 0 0 10px;
padding: 0;
width: 100%;
height: 16px;
list-style: none;
}
										
#main #content #singlecontentbody #bottomnav ul li, #main #content #doublecontentbody #bottomnav ul li {
margin: 0 9px;
float: left;
}
										
#main #content #singlecontentbody #bottomnav ul li a, #main #content #doublecontentbody #bottomnav ul li a	{
line-height: 8px;
}			
										
#main #content #singlecontentbody #bottomnav ul li a:hover, #main #content #doublecontentbody #bottomnav ul li a:hover	{
color: #4545FF;
text-decoration: underline;
background-color: #C5D1E7;
}

/* ---------------- B & C Info Pages -------------- */
/* ------------------------------------------------ */	
#boardinfo {
  margin-top:5px;
  background-color: #F2F2F2;
  border: 3px double #585858;
}
#main #content #singlecontentbody #singlecol table.editable #boardtitle {
  font-weight: bold;
  font-size: 130%;
  padding-bottom: 5px;
  padding-left:10px;
  border-bottom: 2px solid #A0A0A4;
}
#bc_select {
  text-align:center;
  margin:auto;
}
div.members {
  width: 110px;
  height: 160px;
  margin: auto;
  float: left;
  padding-left: 5px;
}
div.documentation {
  width: 120px;
  height: 160px;
  margin: auto;
  float: left;
  padding-left: 5px;
}
#main #content #singlecontentbody #singlecol table.editable #boardinfo div.documentation ul {
  padding: 0;
  padding-left: 10px;
}
div.duties {
  width: 300px;
  height: 160px;
  margin: auto;
  float: left;
  padding-left: 5px;
}
#main #content #singlecontentbody #singlecol table.editable #boardinfo div.boardinfo {
  width: 530px;
  border: 1px solid #C0C0C0;
  background-color: #F8F8F8;
  margin: auto;
  padding: 10px;
  padding-top:5px;
  clear:both;
}
#main #content #singlecontentbody #singlecol table.editable #boardinfo div.schedule {
  margin: auto;
  width: 94%;
}
table.schedule { border: 1px solid #A0A0A4; }
table.schedule tr { height: 15px; }
table.schedule tr th { background-color: #D8D8D8; }
table.schedule tr td { border:1px solid #D8D8D8; }
										
/* -------------- Town Council Pages -------------- */	
										
#legend	{ /* for use when using a picture reference as seen on the minutes, agenda and subcommittee page */
background-color: #F2F2F2;
border: 1px solid #C0C0C0;
margin: 10px;
padding-bottom: 10px;
text-align: center;
}
										
#legend #bold { /* for use when using a picture reference as seen on the minutes page */
font-weight: bold;
}
										
#main #content #singlecontentbody #singlecol table.editable #legend ul li	{ /* for use when using a picture reference as seen on the minutes page */
float: left;
list-style: none;
padding-left: 85px;
margin: 0 auto;
}
										
#main #content #singlecontentbody #singlecol table.editable .publichearing	{
background-image: url(/pages/government/towncouncil/documents/public_hearing.gif);
background-repeat: no-repeat;
background-position: bottom;
background-position: 25% 42%;
}
											
#main #content #singlecontentbody #singlecol table.editable .specialmeeting	{
background-image: url(/pages/government/towncouncil/documents/special_meeting.gif);
background-repeat: no-repeat;
background-position: bottom;
background-position: 25% 42%;
}
										
#main #content #singlecontentbody #singlecol table.editable .publichearingspecialmeeting{
background-image:url(/pages/government/towncouncil/documents/publichearingspecialmeeting.gif);
background-repeat: no-repeat;
background-position: bottom;
background-position: 25% 42%;
}
										
#main #content #singlecontentbody #singlecol table.editable a.publichearing	{
background-image: url(/pages/government/towncouncil/documents/public_hearing.gif);
background-repeat: no-repeat;
background-position: bottom;
background-position: 25% 60%;
}
										
#main #content #singlecontentbody #singlecol table.editable a.specialmeeting	{
background-image: url(/pages/government/towncouncil/documents/special_meeting.gif);
background-repeat: no-repeat;
background-position: bottom;
background-position: 25% 60%;
}
										
#main #content #singlecontentbody #singlecol table.editable a.publichearingspecialmeeting{
background-image:url(/pages/government/towncouncil/documents/publichearingspecialmeeting.gif);
background-repeat: no-repeat;
background-position: bottom;
background-position: 25% 60%;
}
										
#main #content #singlecontentbody #singlecol table.editable img.nostyle	{
border: none;
padding: 0;
margin: 0;
}
										
fieldset	{
padding: 10px;
}
										
#main #content #singlecontentbody #singlecol table.editable div.itemlist_2 ul li fieldset legend {
margin-bottom: 10px;
}

/* ## meeting detail pages ## */
/* Accordion styles (static) */

#main #content #singlecontentbody #singlecol table.editable ul.accordion {
  list-style:none;
  width:490px;
  display:block;
  margin:0;
  padding:0;
  padding-left:1px;
}
#main #content #singlecontentbody #singlecol table.editable .accordion li {
  padding:0;
  background-color:#fff;
}
#main #content #singlecontentbody #singlecol table.editable ul.accordion li h4 {
  background-color:#3d5c92;
  border:1px solid #C8C8C8;
  padding:0;
  margin:0;
}
#main #content #singlecontentbody #singlecol table.editable ul.accordion li h4 > a:link,
#main #content #singlecontentbody #singlecol table.editable ul.accordion li h4 > a:visited  {
  color:#fff;
  display:block;
  padding:4px;
  list-style-image:none;
  padding-left:30px;
}
#main #content #singlecontentbody #singlecol table.editable ul.accordion li h4 > a:hover {
  background-color:#265BB3;
}
#main #content #singlecontentbody #singlecol table.editable ul.accordion li h4 a > em {
  font-size:.8em;
}
#main #content #singlecontentbody #singlecol table.editable .accordion p.time {
  clear:both;
}
#main #content #singlecontentbody #singlecol table.editable .accordion li div {
  margin-bottom:10px;
}
/* Accordion styles (dynamic) */

ul.accordion li.collapsed * {
  position: absolute;
  left: -10000px;
}

ul.accordion li.collapsed h4, ul.accordion li.expanded h4,
ul.accordion li.collapsed h4 a:link, ul.accordion li.collapsed h4 a:visited,
ul.accordion li.expanded h4 a:link, ul.accordion li.expanded h4 a:visited {
  position: static;
}
#main #content #singlecontentbody #singlecol table.editable ul.accordion li.expanded h4 > a:visited,
#main #content #singlecontentbody #singlecol table.editable ul.accordion li.expanded h4 > a:link{
  background: transparent url(/images/layout/content/collapse.gif) no-repeat scroll 10px center;
}
ul.accordion li.collapsed h4 a:hover, ul.accordion li.collapsed h4 a:focus,
ul.accordion li.collapsed h4 a:active,
ul.accordion li.expanded h4 a:link, ul.accordion li.expanded h4 a:visited {
  background-color: #265BB3;
}
#main #content #singlecontentbody #singlecol table.editable ul.accordion li.collapsed h4 > a:visited,
#main #content #singlecontentbody #singlecol table.editable ul.accordion li.collapsed h4 > a:link {
  background: transparent url(/images/layout/content/expand.gif) no-repeat scroll 10px center;
}

	/* -------------- project Gallery & Pages -------------- */
						
								#main #content #singlecol #projectthumbs img	{
										padding: 0;
										margin: 0;
										border: none;
										}
							
								#main #content #singlecol #specialevents td.justify	{
										text-align: justify;
										padding-top: 10px;
										padding-bottom: 10px;
										}
							
								#main #content #singlecol #specialevents ul{
										padding: 0;
										margin: 0;
										text-align: center;
										height: 100%;
										}
										
								#main #content #singlecol #specialevents ul li	{
										text-align: center;
										float: left;
										list-style: none;
										height: 250px;
										width: 180px;
										padding: 2px;
										}
										
								#main #content #singlecol #specialevents ul li img	{
										margin: 2px;
										}
