@import url("layout.css");
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-image: url("../images/background.gif");
	background-repeat: repeat;
	background-attachment: scroll;
}

/* Keep Container width + margin + padding + border width <= 990 px */
#container {
	width: 980px;
/*	width: 990px;  */
	margin: 0 auto;
	padding: 2px 5px 10px 5px;
/*	padding: 2px 10px 10px 10px; */
	border-right: 0px solid #7092BE;
	border-bottom: 0px solid #7092BE;
	border-left: 0px solid #7092BE;
	background-color: #fff;
}
/* Masthead width + border + padding should equal the container width */
#masthead {
	text-align: center;
	width: 978px;
/*
	width: 988px;
	height: 124px;
*/
	height: 110px;
	padding: 0px;
	border: 1px dotted #725972;
	background-image: url("../images/NETBanner.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#navigation {
	position: relative;
	float: left;
	width: 139px;
/*	
	margin-top: 10px;
*/
	margin-top: 4px;
	margin-bottom: 10px;
	border-right: 1px dotted #725972;
}

/* Right Column */
#right_column {
	position: relative;
	float: right;
	width: 155px;
	margin: 0px 0px 10px 10px;
	padding: 10px;
	background-color: #CAD2E3;
}

/*
#right_column a:hover { color: #BB2F18; }
*/

/* content width + margin should equal container width minus width of navigation menu and border */
/* example: content width + margin = 980 - 139 - 1 = 840 (content: 830, margin-left: 10) */
#content {
	float: left;
	width: 830px;
/*	width: 840px;
*/
	margin-top: 4px;
	margin-bottom: 10px;
	margin-left: 10px;
}
/* footer width should equal masthead width */
#footer {
	text-align: center;
	clear: both;
	width: 978px;
/*	width: 988px;  */
	border: 1px dotted #b9c4ff;
}
/* Masthead Styles */
#masthead h1 {
	color: #fff;
}
/* Navigation Styles */
#navigation ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation li {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px dotted #7092BE;
	background-color: #7092BE;
}
#navigation a {
	color: white;
	text-decoration: none;
	display: block;
	padding: 5px;
	border-bottom: 1px dotted #fff;
	background-color: #7092BE;
}
#navigation a:hover {
	color: #402640;
	text-decoration: none;
	background-color: #fff;
}
/* Content Styles */
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
	color:#7092BE;
/*	color: #503750; */
}


/* 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;
	/* 1px solid #402640; */
}

#newsflash { margin-bottom:1.5em; }
#newsflash h2 {
	color:red;
}
#newsflash h2 + p {
	margin-top:-1em;
}

/* Used on News page to push a photo to the left */
img.left {
	float:left; 
	clear:both; 
	margin-right:10px; 
	margin-bottom:10px;
}

/* 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;
}

/* Footer Styles */
#footer p {
	color: #808080;
}
#footer a {
	color: #503750;
	text-decoration: underline;
}
#footer a:hover {
	color: #402640;
	text-decoration: none;
}

/*
a { color: #402640; text-decoration: underline; }
a:hover { color: #B9C4FF; text-decoration: underline; }
*/

a { color: #345BAA; text-decoration: none; }

a:hover { color: #345BAA; text-decoration: underline; }

.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

.redtext {
	color: red;
}

/* 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 }

h3 + p { margin-top: -1em }
h4 + p { 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;
/*	z-index:5;  */
}


/* Calendar page styles */
	
/* spread the month links across the page */
td.monthlist { text-align:justify; }

a.monthlist { color:#000000; }

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

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

td.eventdate { 
	background: #fff; 
	width:35%; 
/*	font-weight:bold;  */
	font-weight:normal; 
	font-size:1.2em;
/*	color:#7092BE;  */
	color:black; 
	vertical-align:top;
}

td.eventname {
	background: #fff;
/*	font-weight: bold; */
	font-weight: normal;
	font-size: 1.2em;
/*	color:#7092BE;   */
	color:black;  
	vertical-align: top;
}

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