/* shrewsburysquare.com  */
/* Stylesheet #sq_styles.css */

* {
  margin: 0 auto;
	padding: 0;
	border: 0;
	}

/* STYLES body */
body {
  background-color: #bcc5c1;	
	color: #333;
	font: normal 100% Verdana, Arial, Helvetica, sans-serif; 	
	text-align: left;
	scrollbar-base-color: #bcc5c1;
	}	 
	
/* DIVs............... . */	

/* WRAP_OUTER........................ */
#wrap_outer {	
  width: 830px; 	
	height: auto;
  margin: 10px auto; 
	background-color: #fff;		
  }
	
/* MAIN........................ */
#sq_head {			
   	width: 100%; 		
		height: auto;
    }

/* HEADER.......................*/

#head_txt	{
  width: 100%; 		
	height: auto;
}

#head_txt img {
  padding-left: 20px;
	}

#head_img {
  width: 100%; 		
	height: auto;
  text-align:center;
	margin-bottom: 10px;
	background-color: #eaeceb;
	vertical-align: bottom;
}	
		
/* MID.......................*/	
#sq_mid {			
   	width: 100%;				
	 	height: auto; 	
    }
		
/* NAV_LEFT.......................*/	
#nav_left {
    float: left;	
    width: 18%; 		
	 	height: auto;		
    }
		
/* MAIN......................*/	
#sq_main {
    float: right;
    width: 80%; 		
	 	height: auto; 		
		background-image: url(http://www.shrewsburysquare.com/sqDBimg/site/green_bar2.gif);
		background-repeat: repeat-y; 
		background-position: top left;	
    }	
		
/* CONTENT */	
#sq_content{
    float: left;
    width: 73%; 	
	 	height: auto; 
		min-height: 450px;
    padding-right: 5px;
	 	margin: 0 5px;		
		background-image: url(http://www.shrewsburysquare.com/sqDBimg/site/green_bar2.gif);
		background-repeat: repeat-y; 
		background-position: top right;
		text-align: center;
    }	
		
/* NAV_RIGHT.......................*/			
#nav_right {
    float: right;
    width: 23%; 		
	 	height:auto; 		
    }			
		
/* FOOT.......................*/	
#sq_foot {			
   	width: 100%; 		
	 	height: 50px; 	
		background-color: #eaeceb;
    }
		
/* DIVS for page content */
#sq_frame {
   height: 400px; 
	 width: 98%; 	 
	 overflow-y: scroll;
   }
	
#sq_page {
   height: auto; 
	 width: 98%;	 
	 margin-top: 15px;	
	 padding-left: 10px; 
}

/* Page Headings */
h4 {
  text-align: left;
	}

h4.page_head {
    background-image: url(http://www.shrewsburysquare.com/sqDBimg/site/yellow_bar1.gif);
		background-repeat: repeat; 
		background-position: top left;
		padding: 4px 7px;
		margin:0;
		font-size: 0.9em;
		}
		
h4.PageXmas {
    background-image: url(http://www.shrewsburysquare.com/sqDBimg/site/yellow_bar1.gif);
		background-repeat: repeat; 
		background-position: top left;
		padding: 4px 7px;
		margin:0;
		font-size: 0.9em;
		color: #b72022;
		}

table.table_head {	
	background-image: url(http://www.shrewsburysquare.com/sqDBimg/site/green_bar2.gif);
  background-repeat: repeat-x; 
	background-position: bottom left;
}

table.table_head td {
 padding: 4px 7px;
 font-size: 0.8em;
 text-align: left;
 }
 

/* DIARY LISTING TABLE.......*/

table.diary {
  padding: 0;
	margin: 0;
	text-align: left;
	}
	
table.diary td, th {
  vertical-align: top;
	padding: 2px 0 2px 5px;
	}
	
table.diary  th {
  font-size: 0.65em;
	font-weight: bold;
	} 
	
table.diary tr.top {
background-color: #eaeceb;
}

table.diary td.date {
  font-size: 0.65em;	
	vertical-align: middle;
	}
	 
table.diary td.name {
  font-size: 0.75em;
	color: #569099;
	font-weight: bold;
	vertical-align: middle;
	}
	 
table.diary td.time {
  font-size: 0.65em;
	}

table.diary td.info {
  font-size: 0.75em;	
	}
table.diary td.org {
  font-size: 0.70em;	
	text-transform: uppercase;
	}
	
table.diary td.link {
  font-size: 0.75em;
	}
table.diary td.spacer {
  height: 5px;
	}
	
	
/* MAIN CONTENT....................... */

h4.content {
  padding-bottom: 5px;
	}
p { 
  margin: 0;
	padding: 0;
	font-size: 0.9em;
	padding-bottom: 7px; 
	text-align: left;
	}
	
p.shall  {
  font-size:0.65em;
	text-align: right;
	padding: 30px 5px 0 0;
}
	
	
	
p.head1  {
  font-size: 125%;
	font-weight: bold;
	margin-bottom: 10px;
}

p.head2  {
  font-size: 105%;
	font-weight: bold;
	margin-bottom: 10px;
}

p.head3  {
  font-size: 95%;
	font-weight: bold;
}



/* MARKET PAGE....................... */

h4.xmas {
 font-size: 1em;
 color: #b72022;
 padding-top: 10px;
 padding-bottom: 5px;
 text-align: left;
 }
 
img.market {
  padding: 5px 0 15px 0;
	}

ul.market {
  list-style-position: inside;
  list-style-type: circle;
	text-align: left;

}

ul.market li {
  padding: 2px;
	font-size: 0.9em;
}


p.market {  
 font-size: 0.9em;
 }
 
div.download {
 text-align: right;
 font-size: 0.9em;
 padding-right: 10px;
 }
 
span.xmas {
 font-weight: bold;
 color: #b72022;
 }
 
/* NAV MENU*********************/
ul.menu {
  list-style: none;
	margin:0;	
	margin-left: 15px;
	margin-top: 4px;
	padding: 0;
}

ul.menu li {
  padding: 2px;
	}
	
ul.menu li.menu_head {
  display: block;
	width: 100%;
	height: auto;
	font-weight: bold;
	padding: 4px 2px 4px 5px;	
	background-image: url(http://www.shrewsburysquare.com/sqDBimg/site/green_bar3.gif);
  background-repeat: repeat; 
	background-position: top left;
	margin-bottom: 5px;
	font-size: 90%;
	}
	
ul.menu a:link, ul.menu a:visited {
  display: block;
	width: 100%;
  height: auto;
	color: #333;
	text-decoration: none;
	font-size: 80%;
	background-color: #f0ec83;	
	padding: 2px 2px 2px 5px;	
}

ul.menu a:hover, ul.menu a:active {
  display: block;
	width: 100%;
	height: auto;
	color: #333;
	text-decoration: none;
	font-size: 80%;
	background-color: #a9dc93;	
	padding: 2px 2px 2px 5px;	
}


/* Logos Column */

table.logos {
  text-align: center;
	}

ul.logos {
  list-style: none;
	margin-left: -10px;
	padding-top: 20px;
}

ul.logos li {
  padding-bottom: 10px;
 	padding-right: 10px;	
 }

/* =========================== */
	
div.clear {
  clear: both;
	}


/***********/


/* LINKS ======================*/

a:link,a:visited 
  	 {
		 color: #333;
		 text-decoration: underline;
  	 }


a:active,a:hover
		 {
		 color: #e37c00;
		 text-decoration: underline;
		 } 
	
 