body {
	background-image: url(../images/blue-bg.jpg);
	background-repeat: repeat-x;
	margin: 0 auto;
	padding: 0;
	width: 995px;
}

#wrapper {
	background-image: url(../images/bg-content.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
	width: 995px;
}

#header {
	margin: 0 auto;
	padding: 0;
	width: 995px;
	height: 112px;
	background-image: url(../images/header01.jpg);
	background-repeat: no-repeat;
	background-position: top;
}


#flashheader {
	width: 995px;
	margin: 0 auto;
	padding: 0;
}

#content {
	margin: 0 auto;
	padding: 10px 5px 5px 5px;
	width: 973px;
}

#content p {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 17px;
}

.whitetitles {
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
}

#content a,
#content a:visited {
	font: Arial, Helvetica, sans-serif;	
	text-decoration: none;
	color: #0000ff;
}

#content a:hover {
	color: #AA0000;
}

.photostyle {
	margin: 2px 8px 2px 8px;
		border: 1px solid #013C65;
}

.image-left-align {
	margin: 2px 8px 2px 8px;
	border: 1px solid #013C65;
	float: left;
/*	text-align: left;*/
	display: block;
}

.image-right-align {
	margin: 2px 8px 2px 8px;
	border: 1px solid #013C65;
	float: right;
/*	text-align: right;*/
	display: block;
}

#content h1 {
	margin: 0;
	padding: 0;
	background-image: url(../images/welcome.gif);
	background-repeat: no-repeat;
	height: 29px;
}

.lightbluecell {
	background-color: #ECECEC;
	border: 1px solid #A1A1A1; 
}

#content h1 span {
	display: none;
}

body.aboutnewwestminster #content h1{
	background-image: url(../images/aboutnewwest-ttl.gif);	
}

body.accommodations #content h1{
	background-image: url(../images/accomm-ttl.gif);	
}

body.dining #content h1{
	background-image: url(../images/dining-ttl.gif);	
}
body.thingstodo #content h1{
	background-image: url(../images/thingstodo-ttl.gif);	
}
body.meetings #content h1{
	background-image: url(../images/meetings-ttl.gif);	
}
body.media #content h1{
	background-image: url(../images/media-ttl.gif);	
}
body.members #content h1,
body.boardmembers #content h1 {
	background-image: url(../images/members-ttl.gif);	
}


#content h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	text-indent:15px;
	margin: 0 -5px 0 -5px;
	padding: 5px 0 5px 0;
	color: #ffffff;
	background-color: #81AE27;
		display: block;
	
}

#directory h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	text-indent:15px;
	margin: 0 -5px 5px -5px;
	padding: 5px 0 5px 0;
	color: #ffffff;
	background-color: #81AE27;
		display: block;
	
}

#content h3 {
	margin: 0;
	padding: 0;
	font: bold 16px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #4A4661;
}

#content h4 {
	margin: 0;
	padding: 10px 0 0 0;
	text-indent:15px;
	font: bold 18px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #4A4661;
}

#content ul li,
#content ol li {
		font: 12px Arial, Helvetica, sans-serif;	
		padding: 5px 0 5px 0;
}

ul.bullet{
		list-style-image: url(../images/bullet-tnw.gif);
}

#content table {
			font: 12px Arial, Helvetica, sans-serif;
}

.box-bg {
	background-image: url(../images/box-bg.jpg);
background-repeat: repeat-x;
background-position: top 43px;
}

.eventstable {
	margin: 10px 0 10px 0;
	border: 1px solid #CDCDCD;
	background-color: #F8F8F8;
}

.eventstable img {
	border: 2px solid #C2C2C2;
}

.listingtitle {
	font: bold 16px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #4A4661;
}

.eventtitle {
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: left;
}

#hp4boxes {
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 990px;	
/*	height: 260px;*/

}

#hp4boxes ul {
/*	height: 260px;*/
	float: left;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;	
	width: 973px;
}

#hp4boxes ul li {
	width: 228px;
/*	height: 300px;*/
	float: left;
	padding: 0 5px 0 5px;
	margin:0;
}

#hp4boxes ul li p {
		font: 11px Arial, Helvetica, sans-serif;
		text-align: left;
		padding: 0 ;
}

#icons-table {
	margin: 0 auto;
	padding: 10px 0 0 0;
	float: left;
}

#icons-table ul {
	margin: 0;
	padding: 7px 0 10px 0;
	list-style-type: none;
	width: 420px;
}

#icons-table ul li {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 0 10px 35px;
	text-align:left;
	float: left;
	list-style-type: none;
}

#logotable {
	float: left;
	padding-top: 10px;
}
#newslettertable {
	background-image: url(../images/newsletter-bg.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 0 40px;
}

#newslettertable input {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 2px 0 2px 0;
}

#bottom-logos {
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 5px 0 5px 3px;
	clear: both;
	width: 770px;
	vertical-align: middle;

}

#bottom-logos img {
	padding: 0 8px 0 8px;
}

#onlineguide {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #A60000;
	margin: 0 auto;
	padding: 15px 20px 15px 0;	
	text-align: center;
	width: 178px;
}

#onlineguide a,
#onlineguide a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #A60000;
	text-decoration: none;
}


#footer {
	margin: 0 auto 5px 0;
	padding: 10px 0;
	clear: both;
	width: 996px;
	/*height: 57px;*/
	background: #620223 url(../images/footer-bg.gif) bottom center no-repeat;
}

#footer p,
#footer a:visited {
	padding: 0;
	margin: 0;
}
#footer p,
#footer a:visited, 
#footer a {
		font: 11px Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #ffffff;
		text-align: center;
}
#footer a {
	padding: 0;
}
.yui-skin-sam .yui-calendar td.calcell.hasEvents,
.yui-skin-sam .yui-calendar td.calcell.hasEvents a {
  color: #0066cc !important;
  background-color: #a6f47f;
}
.yui-skin-sam .yui-calendar td.calcell.selected {
	background-color:#fff !important;
}
.yui-skin-sam .yui-calendar td.calcell.selected a {
	background-color:#b3d4ff !important;
}
.yui-skin-sam .yui-calendar td.calcell.calcellhover a {
	background-color:#426fd9 !important;
	color:#fff !important;
}

.error-msg, .success-msg {
  text-align: center;
  margin: 5px 75px 5px 75px;
  background: #fbb;
  border: 1px solid #a00;
  padding: 5px;
  color: #a00;
  font-size: 12px;
}
.success-msg {
  border: 1px solid #080;
  background: #bfb;
  color: #080;
}
