@import url("layout.css");
body	{
	font-family: Arial, Helvetica, "Times New Roman";
	font-size: 10pt;
	color: black;
	background-color: white; 
	}

#masthead, #navigation, #footer	{
	display: none;
	}

#content	{
	width: auto;
	margin: 2% 5%;
	}

#right_column {
	position: relative;
	float: right;
	width: 155px;
	margin: 0px 0px 10px 10px;
	padding: 10px;
	background-color: #CAD2E3;
	border: 1px black solid;
}


/* Content Styles */
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
	color:#7092BE;
}


/* Need a darker color for headers in the right column due to the light blue background. */
/* Note: this rule must appear AFTER the "#content h* rules */
#right_column h3 {
	color: #BB2F18;
}


#content img {
	padding: 5px;
	border: 1px solid #402640;
}

/* No padding or border for the image in the right column */
/* Note: this rule must be listed AFTER the "#content img" rule */
#right_column img {
	padding: 0;
	border: 0;
}

/* NOTE: The News page will not print properly. Photos may be truncated due to page breaks */
/* Used on News page to push a photo to the left */
img.left {
	float:left; 
	clear:both; 
	margin-right:10px; 
	margin-bottom:10px;
}

/* NOTE: The News page will not print properly. Photos may be truncated due to page breaks */
/* Used on News page to push a photo to the right */
img.right {
	float:right; 
	clear:both; 
	margin-left:10px; 
	margin-bottom:10px;
}

/* Used on News page for "back to top" link -- also serves as a break between news articles */
/* Keeps next article from floating up next to the last photo of the previous article. */
p.clear {
	clear:both;
}

/* Used on News page - keeps a specific paragraph aligned with a specific photo when the photo floats left */
p.right {
	clear:right;
}

/* Used on News page - keeps a specific paragraph aligned with a specific photo when that photo floats right */
p.left {
	clear:left;
}

p.center {
	text-align:center;
}

/* Reduce vertical gap when an h3 immediately follows an h5,
   such as on the News page when the byline (h5) below a news article's title (h3) */
h3 + h5 { margin-top: -1em }

/* Gallery Styles */

#gallery img.thumbnail { 
	border: 1px solid #CCC;
	padding: 1px; 
	margin: 3px 0 0 0; 
}

/* Contact page styles */

.three_column {
	position:relative;
	float:left;
	left:10px;
	width:33%;
	height:auto;
}


/* Calendar page styles */
.monthlist	{
	display: none;
}

/* Month separator */
td.month {
	background-color: #DEE3ED;
	font-size:1.2em;
}

/* Do not underline the month and year in the month separator bar */
td.month a { text-decoration:none }

td.eventdate { 
	background: #fff; 
	width:40%; 
	font-weight:normal; 
	font-size:1.1em;
	color:#7092BE; 
	vertical-align:top;
}

td.eventname {
	background: #fff;
	font-weight: normal;
	font-size: 1.1em;
	color: #7092BE; 
	/*	vertical-align: top; */ 
	/*	padding-left:.5em; */;
}

/* indent the event description */
td.eventdesc {
	padding-left:1em;
}


/* For print, change font color to make links stand out */

a:link, a:visited {
	font-weight : bold; 
	text-decoration : underline;
	color: #c30;
	}

/* This class is used with external links to display the URI in parentheses next to the link text */
/* Note this does NOT work in IE */

a.printlink:link:after, a.printlink:visited:after {
	content: " (" attr(href) ") ";
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	}
	
/*
a[href^="/"]:after {
	content: " (http://www.newenglandtriumphs.org" attr(href) ") ";
	}
*/